/*
 TABLE OF CONTENTS:

1.0 - Reset
2.0 - Main
3.0 - Headers
4.0 - Post Modules
5.0 - Blocks
6.0 - Blog pages
7.0 - Single
8.0 - Widgets
9.0 - Footer
10.0 - Styling
*/

/* 1.0 - RESET */
body {
    display: block;
    color: #282828;
    background: #ffffff;
}

body, p {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

mark, ins, pre {
    background-color: #f2f2f2;
}

pre {
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 4px;
}

big {
    font-size: 125%;
}

del {
    text-decoration: line-through;
}

.entry h1 {
    font-size: 36px;
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: #ff4545;
}

.entry h2 {
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -.022em;
}

.entry h3 {
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.entry h4, .entry h5 {
    font-size: 16px;
    line-height: 1.3;
}

.entry h6 {
    font-size: 14px;
    line-height: 1.4;
}

a {
    line-height: inherit;
    text-decoration: none;
    color: inherit;
    outline: none;
}

a:hover, a:focus {
    text-decoration: none;
}

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

kbd {
    padding: 0 7px;
    color: #ffffff !important;
    border-radius: 4px;
    background: #282828;
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(28, 28, 28, .07);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sticky, .bypostauthor, .is-sticky {
    position: relative;
}

cite {
    font-style: italic;
}

.screen-reader-text:focus {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal; /* Above WP toolbar. */
    z-index: 100000;
    top: 5px;
    left: 5px;
    display: block;
    clip: auto !important;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    text-decoration: none;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

input {
    outline: none !important;
}

input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

select {
    display: block;
    width: 100%;
    padding: 7px 10px;
    border-color: #f2f2f2;
    outline: none;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

address {
    font-style: italic;
    margin-bottom: 30px;
}

em {
    font-style: italic;
}

.ruby-col-5 {
    display: block;
    float: left;
    width: 20%;
}

.is-hidden {
    display: none !important;
}

.is-opacity a {
    opacity: .5;
}

.is-overflow {
    overflow: hidden !important;
}

.is-disable {
    pointer-events: none;
    opacity: .3;
}

.is-absolute {
    position: absolute !important;
    z-index: 10;
}

.is-hide {
    display: none !important;
}

.is-show {
    display: block;
}

.is-strong, .is-strong * {
    font-weight: 700;
}

.is-dark-bg {
    background-color: #282828;
}

.mfp-bg.mpf-ruby-effect {
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    opacity: 0;
}

.mfp-bg.is-video-popup {
    background: #111111 !important;
}

.mfp-container:hover {
    cursor: url('../images/cursor-close.png'), default;
}

.mfp-bg.mfp-ready.mpf-ruby-effect {
    opacity: .98;
}

.mfp-removing.mfp-bg.mfp-ready.mpf-ruby-effect {
    opacity: 0;
}

.mpf-ruby-effect.mfp-ready .mfp-animation,
.mpf-ruby-effect.mfp-ready img.mfp-img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.mpf-ruby-effect .mfp-animation,
.mpf-ruby-effect img.mfp-img {
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate3d(0, -90px, 0);
    transform: translate3d(0, -90px, 0);
    opacity: 0;
}

.mpf-ruby-effect.mfp-ready.mfp-removing .mfp-animation,
.mpf-ruby-effect.mfp-ready.mfp-removing img.mfp-img {
    -webkit-transform: translate3d(0, -90px, 0);
    transform: translate3d(0, -90px, 0);
    opacity: 0;
}

textarea {
    font-size: 14px !important;
    line-height: 1.6;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 15px 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    border: 1px solid rgba(28, 28, 28, .1);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type='text'], input[type='tel'], input[type='password'], input[type='email'],
input[type='url'], input[type='search'] {
    font-size: 14px !important;
    line-height: 20px;
    max-width: 100%;
    padding: 7px 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    white-space: nowrap;
    color: #282828;
    border: 1px solid rgba(28, 28, 28, .1);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type='number'] {
    font-size: 14px !important;
    line-height: 20px;
    max-width: 100%;
    padding: 7px 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    white-space: nowrap;
    color: #282828;
    border: 1px solid rgba(28, 28, 28, .1);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
}

.is-btn-style-2 input[type='text'], .is-btn-style-2 input[type='tel'], .is-btn-style-2 input[type='password'], .is-btn-style-2 input[type='email'],
.is-btn-style-2 input[type='url'], .is-btn-style-2 input[type='search'], .is-btn-style-2 input[type='number'] {
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

input[type='text']:focus, input[type='tel']:focus, input[type='password']:focus, input[type='email']:focus, input[type='number']:focus,
input[type='url']:focus, input[type='search']:focus, textarea:focus {
    border-color: rgba(28, 28, 28, .3);
}

input[type='submit'], button {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    display: inline-block;
    padding: 0 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline: none !important;
    background: none;
    background-color: #ff4545;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.is-btn-style-2 input[type='submit'], .is-btn-style-2 button {
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.is-btn-style-2 .ajax-loadmore-link {
    -webkit-border-radius: 24px;
    border-radius: 24px;
}

input[type='button']:hover, button:hover {
    color: #ff4545;
}

input[type='submit']:hover, input[type='submit']:focus,
button:hover, button:focus {
    color: #ffffff;
    background-color: #282828;
}

input[type='file'] {
    font-size: 14px;
    padding: 10px 100px 10px 10px;
    background-color: #efefef;
    box-shadow: none;
}

input::-webkit-file-upload-button {
    font-size: 15px;
    padding: 7px 15px;
    cursor: pointer;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    outline: none;
    background-color: #282828;
    box-shadow: none;
    -webkit-boder-radius: 4px;
}

input::-webkit-file-upload-button:hover {
    opacity: .8;
}

.ruby-error {
    display: block;
    margin: 15px 10px;
}

.widget .ruby-error {
    margin-right: 0;
    margin-left: 0;
}

.widget.sb-widget-post .ruby-error {
    padding-right: 20px;
    padding-left: 20px;
}

.ruby-error p {
    font-size: 13px;
    color: #ff4545;
}

.slick-dots {
    line-height: 1;
    position: absolute;
    top: auto;
    right: auto;
    bottom: -20px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slick-dots li {
    line-height: 10px;
    position: relative;
    display: inline-block;
    padding: 0 3px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    vertical-align: middle;
    opacity: .8;
}

.slick-dots li:before {
    position: relative;
    display: block;
    width: 6px;
    height: 6px;
    content: '';
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 50%;
    background-color: rgba(28, 28, 28, .3);
}

.slick-dots li.slick-active:before {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.slick-dots li:hover, .slick-dots li.slick-active {
    opacity: 1;
}

.slick-dots li button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

.slick-disabled {
    pointer-events: none;
    opacity: .1;
}

.ruby-slider-nav {
    font-size: 18px;
    line-height: 44px;
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 28px;
    height: 44px;
    margin-top: -22px;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    letter-spacing: 0;
    opacity: 0;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #282828;
    box-shadow: none;
}

.slick-slider:hover .ruby-slider-nav {
    opacity: .2
}

.ruby-slider-nav i {
    font-size: inherit;
    line-height: inherit;
    display: block;
}

.ruby-slider-nav:hover {
    opacity: 1 !important;
    background-color: #ff4545;
}

.ruby-slider-prev {
    left: 10px;
}

.ruby-slider-next {
    right: 10px;
}

.ruby-slider-prev i {
    padding-right: 2px;
}

.ruby-slider-next i {
    padding-left: 2px;
}

.ruby-slider-popup-nav {
    font-size: 22px;
    line-height: 54px;
    position: absolute;
    z-index: 999;
    top: 50%;
    bottom: auto;
    width: 32px;
    height: 54px;
    margin-top: -27px;
    margin-right: 0;
    margin-left: 0;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    opacity: .3;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #ff4545;
    box-shadow: none;
}

.ruby-slider-popup-nav:hover {
    opacity: 1 !important;
}

.ruby-slider-popup-nav i {
    font-size: inherit;
    line-height: inherit;
    display: block;
}

.ruby-slider-popup-next {
    right: -44px;
}

.ruby-slider-popup-next i {
    padding-left: 2px;
}

.ruby-slider-popup-nav.slick-disabled {
    background-color: #282828;
}

.ruby-slider-popup-prev {
    left: -44px;
}

.ruby-slider-popup-prev i {
    padding-right: 2px;
}

.slider-nav {
    cursor: pointer;
}

.slider-init {
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}

.ruby-close-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.ruby-close-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    margin-left: -10px;
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #282828;
}

.ruby-close-btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    margin-left: -10px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #282828;
}

/* 2.0 - MAIN */

.ruby-container {
    position: static;
    display: block;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.container-inner {
    display: block;
    margin-right: 20px;
    margin-left: 20px;
}

.site-outer, .site-wrap, .site-inner {
    display: block;
}

.site-outer {
    overflow: hidden;
}

.is-site-boxed .site-outer {
    z-index: 2;
    display: block;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    background-color: #ffffff;
    -moz-box-shadow: 1px 1px 15px rgba(28, 28, 28, 0.07);
    -webkit-box-shadow: 1px 1px 15px rgba(28, 28, 28, 0.07);
    box-shadow: 1px 1px 15px rgba(28, 28, 28, 0.07);
}

.site-inner {
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
}

.ruby-content-wrap {
    display: block;
}

.is-sidebar-left .ruby-content-wrap {
    float: right;
}

.is-sidebar-left .breadcrumb-outer {
    padding-left: 380px;
}

.single-post-2 .breadcrumb-outer,
.single-post-3 .breadcrumb-outer,
body:not(.is-site-boxed) .breadcrumb-overlay .breadcrumb-outer {
    padding-left: 0 !important;
}

.ruby-section {
    position: relative;
    display: block;
}

.ruby-page-wrap {
    position: relative;
    display: block;
}

.blog-inner {
    position: relative;
    display: block;
    margin-bottom: 50px;
    padding-right: 20px;
    padding-left: 20px;
}

.page-template-page-composer .site-inner > *:first-child,
.blog .site-inner > *:first-child {
    padding-top: 40px;
}

.page-template-page-composer .site-inner > .ruby-section-fw:first-child > .block-feat:first-child {
    margin-top: -20px;
}

.page-template-page-composer .site-inner > .ruby-section-fw:first-child > .block-feat.is-background:first-child {
    margin-top: -40px;
}

.page-template-page-composer .site-inner > .ruby-section-fw:first-child > .fw-block-1:first-child,
.page-template-page-composer .site-inner > .ruby-section-fw:first-child > .fw-block-6:first-child {
    margin-top: -32px;
}

.blog .site-inner > .block-feat:first-child {
    padding-top: 20px;
}

.blog .site-inner > .fw-block-1:first-child,
.blog .site-inner > .fw-block-6:first-child {
    padding-top: 8px;
}

.ruby-search {
    position: relative;
    display: block;
    overflow: hidden;
}

.ruby-search input[type='text'] {
    line-height: 22px;
    display: block;
    width: 100%;
    padding-right: 40px;
    border: none;
    background-color: rgba(28, 28, 28, .04);
}

.ruby-search input[type='text']:-webkit-autofill {
    background-color: rgba(28, 28, 28, .04) !important;
    -webkit-box-shadow: 0 0 0 1000px rgba(28, 28, 28, .04) inset;
}

.ruby-search input[type='text']:hover, .ruby-search input[type='text']:focus,
.ruby-search input[type='text']:active {
    color: #282828;
}

.ruby-search .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 40px;
    height: 36px;
    text-align: center;
}

.ruby-search input[type='submit'] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none !important;
    background-color: transparent;
}

.ruby-search i {
    font-size: 13px;
    line-height: 36px;
    position: relative;
    z-index: 1;
    display: block;
}

/* 3.0 - HEADERS */

.header-wrap {
    position: relative;
    z-index: 999;
    display: block;
}

.topbar-wrap {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 34px;
    position: relative;
    z-index: 9801;
    display: block;
    color: #ffffff;
    background-color: #282828;
}

.is-fw-topbar .topbar-wrap .ruby-container {
    max-width: 100%;
}

.topbar-left {
    float: left;
}

.topbar-left > * {
    line-height: inherit;
    display: block;
    float: left;
    margin-right: 20px;
}

.topbar-menu-wrap {
    margin-left: -5px;
}

.topbar-left > *:last-child {
    margin-right: 0;
}

.topbar-left > *:first-child {
    margin-left: 0;
}

.topbar-right {
    line-height: inherit;
    float: right;
}

.topbar-right > * {
    line-height: inherit;
    display: block;
    float: left;
    margin-left: 10px;
}

.topbar-right > *:first-child {
    margin-left: 0;
}

.topbar-info i {
    margin-right: 7px;
}

.topbar-info > * {
    margin-right: 10px;
}

.topbar-info > *:last-child {
    margin-right: 0;
}

.topbar-social a {
    font-size: 14px;
    line-height: inherit;
    display: block;
    float: left;
    width: 26px;
    text-align: center;
    vertical-align: middle;
    opacity: .9;
}

.topbar-social a:hover, .topbar-social a:focus {
    opacity: 1;
}

.topbar-search a {
    font-size: 14px;
    line-height: inherit;
    display: block;
    padding: 0 7px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    vertical-align: middle;
    opacity: .9;
}

.topbar-search a:hover {
    opacity: 1;
}

.topbar-search i {
    line-height: inherit;
    display: block;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.topbar-right .topbar-search {
    margin-left: 0;
}

.topbar-elements {
    line-height: inherit;
    display: block;
}

.topbar-elements > * {
    display: block;
    float: left;
}

.info-email, .info-phone {
    text-transform: none;
}

.topbar-menu-inner > li {
    position: relative;
    display: inline-block;
}

.topbar-menu-inner > li > a {
    display: block;
    padding: 0 10px;
}

.topbar-menu-inner a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: .9;
}

.topbar-menu-inner a:hover {
    opacity: 1;
}

.topbar-menu-inner .sub-menu {
    position: absolute;
    z-index: 99;
    top: -99999px;
    right: auto;
    left: auto;
    display: block;
    visibility: hidden;
    min-width: 150px;
    padding: 5px 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    pointer-events: none;
    opacity: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #282828;
}

.topbar-menu-inner > li.menu-item-has-children > a:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 7px;
    display: inline-block;
    margin-top: -1px;
    margin-left: 4px;
    content: '\f078';
    vertical-align: middle;
}

.topbar-menu-inner > li:hover > .sub-menu {
    top: 100%;
    bottom: auto;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.topbar-menu-inner .sub-menu a {
    line-height: 1.5;
    display: block;
    padding: 5px 10px;
}

.topbar-menu-inner .sub-menu a:hover {
    background-color: rgba(255, 255, 255, .1);
}

li.is-current-sub {
    color: #ffffff;
    background-color: #ff4545;
}

.mini-cart-wrap {
    position: absolute;
    z-index: 99;
    top: -99999px;
    right: -30px;
    left: auto;
    display: block;
    visibility: hidden;
    min-width: 300px;
    padding: 20px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    pointer-events: none;
    opacity: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #282828;
}

.topbar-cart {
    position: relative;
}

.topbar-cart .cart_list .product_list_widget {
    margin-bottom: 0 !important;
}

.topbar-cart .mini_cart_item {
    margin-bottom: 15px !important;
}

.topbar-cart .total {
    line-height: 1.2;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.topbar-cart .buttons {
    text-align: center;
}

.topbar-cart #ruby-mini-cart .wc-forward {
    background-color: rgba(255, 255, 255, .1);;
}

.topbar-cart:hover .mini-cart-wrap {
    top: 100%;
    bottom: auto;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.topbar-cart .cart-icon {
    font-size: 14px;
    line-height: inherit;
    position: relative;
    display: block;
    padding: 0 5px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

.topbar-cart .cart-icon:hover {
    opacity: 1;
}

.topbar-cart .cart-counter {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: 7px;
    left: 100%;
    margin-left: -3px;
}

.topbar-style-2 .topbar-menu-inner .sub-menu {
    right: -10px;
    left: auto;
    text-align: right;
}

.topbar-style-2 .mini-cart-wrap {
    right: auto;
    left: -30px;
}

.topbar-style-2 .topbar-elements {
    margin-left: -5px;
}

.topbar-style-2 .topbar-elements > * {
    margin-right: 10px;
}

.topbar-style-2 .topbar-elements > *:last-child {
    margin-right: 0;
}

.topbar-style-2 .topbar-right .topbar-search {
    margin-left: 10px;
}

.topbar-style-3 .topbar-cart {
    margin-right: 10px;
}

.logo-wrap.is-logo-text .logo-inner {
    margin-top: 10px;
}

.logo-wrap.is-logo-text .logo-title {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: -1px;
    text-transform: none;
    color: #282828;
}

.is-logo-text .logo-title:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    content: '';
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ff4545;
}

.site-tagline {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    white-space: nowrap;
    color: #aaaaaa;
}

.banner-wrap {
    position: relative;
    display: block;
}

.is-logo-image .logo-title {
    display: none;
}

.logo-wrap a {
    display: block;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.logo-wrap a:hover {
    opacity: .7;
}

.header-ad-outer {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fafafa;
}

.header-ad-wrap {
    position: relative;
    overflow: hidden;
}

.header-ad-outer .header-ad-wrap {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.header-ad-inner {
    position: relative;
    z-index: 99;
    display: inline-block;
}

.header-style-1 .banner-inner > * {
    margin-top: 15px;
    margin-bottom: 15px;
}

.header-style-1 .logo-wrap {
    position: relative;
    display: block;
    float: left;
    width: 300px;
    height: 90px;
}

.header-style-1 .logo-wrap img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    max-height: 90px;
    margin: auto;
}

.header-style-1 .header-ad-wrap {
    position: relative;
    display: block;
    float: right;
    width: 728px;
    min-height: 90px;
    text-align: right;
}

.header-style-1 .header-ad-image img {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    margin: auto;
}

.header-style-1 .navbar-left {
    float: left;
}

.header-style-1 .navbar-right {
    float: right;
}

.header-style-1 .navbar-left > *:nth-child(1) .main-menu-inner > li:first-child > a {
    padding-left: 0;
}

.navbar-outer {
    position: relative;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.navbar-wrap {
    font-weight: 400;
    position: relative;
    z-index: 9800;
    right: auto;
    left: auto;
    display: block;
    color: #282828;
    background-color: #ffffff;
    -moz-box-shadow: 0 10px 16px 0 rgba(28, 28, 28, 0.04);
    -webkit-box-shadow: 0 10px 16px 0 rgba(28, 28, 28, 0.04);
    box-shadow: 0 10px 16px 0 rgba(28, 28, 28, 0.04);
}

.main-menu-inner > li {
    position: relative;
    display: inline-block;
}

.main-menu-inner > li > a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 52px;
    position: relative;
    display: block;
    padding: 0 15px;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
    white-space: nowrap;
    text-transform: uppercase;
}

.main-menu-inner .sub-menu {
    position: absolute;
    z-index: 99;
    top: -99999px;
    right: auto;
    left: auto;
    display: block;
    visibility: hidden;
    min-width: 180px;
    padding: 7px 0;
    -webkit-transition: opacity .25s ease, box-shadow .25s !important;
    transition: opacity .25s ease, box-shadow .25s !important;
    pointer-events: none;
    opacity: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    -moz-box-shadow: 0 2px 7px rgba(50, 50, 100, .1), 0 1px 4px rgba(28, 28, 28, .07);
    -webkit-box-shadow: 0 2px 7px rgba(50, 50, 100, .1), 1px 4px rgba(28, 28, 28, .07);
    box-shadow: 0 2px 7px rgba(50, 50, 100, .1), 0 1px 4px rgba(28, 28, 28, .07);
}

.main-menu-inner .sub-menu:hover {
    -moz-box-shadow: 0 10px 15px rgba(50, 50, 100, .25), 0 1px 7px rgba(28, 28, 28, .07);
    -webkit-box-shadow: 0 10px 15px rgba(50, 50, 100, .25), 0 1px 7px rgba(28, 28, 28, .07);
    box-shadow: 0 10px 15px rgba(50, 50, 100, .25), 0 1px 7px rgba(28, 28, 28, .07);
}

.navbar-wrap .is-sub-default {
    font-size: 13px;
    font-weight: 400;
}

.main-menu-inner > li > a:hover, .main-menu-inner > li > a:focus, .main-menu-inner > li.current_page_item > a {
    color: #ff4545;
}

.main-menu-inner .sub-menu .current-menu-item > a {
    color: #ffffff;
    background-color: #ff4545;
}

.main-menu-inner i {
    margin-right: 5px;
}

.main-menu-inner .sub-menu.is-sub-default .sub-menu {
    top: 0;
    left: 100%;
}

.sub-menu li {
    position: relative;
    display: block;
}

.sub-menu > li > a {
    white-space: nowrap;
}

.main-menu-inner .sub-menu:not(.mega-category-menu) a {
    line-height: 30px;
    display: block;
    width: 100%;
    padding: 0 15px;
    white-space: nowrap;
}

.main-menu-inner .sub-menu.is-sub-default li:hover > ul.sub-sub-menu {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.sub-menu.is-sub-default li.menu-item-has-children > a:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 6px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    content: '\f054';
    vertical-align: middle;
}

.main-menu-inner > li.menu-item-has-children > a:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 6px;
    display: inline-block;
    margin-top: -2px;
    margin-left: 5px;
    content: '\f078';
    vertical-align: middle;
}

.main-menu-inner > li:hover > .sub-menu {
    top: 100%;
    bottom: auto;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.sub-menu > li > a:hover {
    color: #ffffff;
    background-color: #ff4545;
}

.mega-col-menu.sub-menu .mega-col-menu-inner a {
    color: inherit;
    background-color: transparent;
}

.mega-col-menu.sub-menu .mega-col-menu-inner a:hover,
.mega-col-menu.sub-menu .mega-col-menu-inner .current-menu-item > a {
    color: #ff4545;
    background-color: transparent;
}

.navbar-inner {
    position: relative;
}

.navbar-left {
    display: block;
}

.navbar-left > * {
    display: block;
    float: left;
}

.navbar-right {
    font-size: 16px;
    line-height: 52px;
    position: relative;
    z-index: 80;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
}

.navbar-right > *, .navbar-elements > * {
    line-height: inherit;
    display: block;
    float: left;
}

.navbar-search {
    display: block;
}

.navbar-search a {
    font-size: 16px;
    display: block;
    width: 52px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    text-align: center;
    opacity: .7;
}

.navbar-search i {
    line-height: inherit;
    display: block;
    vertical-align: middle;
}

.navbar-search a:hover {
    opacity: 1;
}

.navbar-social a {
    display: block;
    float: left;
    width: 30px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    text-align: center;
    opacity: .6;
}

.navbar-social a:hover {
    opacity: 1;
}

.navbar-wrap .no-menu {
    margin-top: 12px;
}

.no-menu p {
    color: #aaaaaa;
}

.no-menu a {
    text-decoration: underline;
}

.no-menu a:hover {
    color: #282828;
}

.header-search-popup-inner {
    display: block;
    width: 740px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
}

.header-search-popup .search-form {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.header-search-popup #ruby-search-input {
    font-size: 18px !important;
    font-weight: 400;
    line-height: 30px;
    display: block;
    width: 100%;
    padding: 7px 45px 7px 0;
    white-space: nowrap;
    color: #ffffff;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    border-left: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
}

.header-search-popup .btn {
    font-size: 20px;
    line-height: 44px;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    opacity: .7;
    color: #ffffff;
    border: none;
    outline: none !important;
    background: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-search-popup .btn:hover, .header-search-popup .btn:focus {
    opacity: 1;
    color: #ffffff !important;
}

.header-search-popup .btn i {
    font-size: 20px;
    line-height: inherit;
    padding-left: 15px;
}

.header-search-popup-outer .mfp-inline-holder .mfp-content {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5%;
    vertical-align: top;
}

.header-search-result {
    position: relative;
    display: block;
    min-height: 60px;
    margin: 30px -15px;
    text-align: left;
}

.header-search-result .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.header-search-result .post-outer:nth-child(3n+1) {
    clear: both;
}

.header-search-result .ruby-animated-image {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 1;
}

.header-search-more {
    display: block;
    text-align: center;
}

.header-search-more button[type='submit'] {
    font-weight: 400;
}

.header-search-more i {
    font-size: 9px;
    line-height: inherit;
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.header-search-not-found {
    font-size: 18px;
    margin-right: 15px;
    margin-left: 15px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}

li.is-mega-menu {
    position: static;
}

.mega-category-menu.mega-menu-wrap {
    right: 0;
    left: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.mega-menu-wrap .sub-menu-inner {
    display: block;
    overflow: hidden;
    margin: 15px 5px 15px 5px;
}

.mega-category-menu-inner {
    display: block;
    overflow: hidden;
}

.block-mega-menu .post-grid-3 .post-thumb {
    min-height: 123px;
}

.main-menu-inner .mega-menu-wrap .sub-menu.is-sub-default {
    position: relative;
    top: auto;
    bottom: auto;
    visibility: visible;
    overflow: hidden;
    min-width: 0;
    pointer-events: auto;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-menu-inner .mega-category-menu .sub-menu.is-sub-default {
    display: block;
    float: left;
    overflow: hidden;
    width: 18%;
    margin-bottom: -600px;
    padding-top: 15px;
    padding-bottom: 600px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: rgba(28, 28, 28, .025);
}

.is-stick .navbar-wrap {
    opacity: .97;
}

.is-stick .navbar-wrap:hover {
    opacity: 1;
}

.small-menu-outer {
    position: relative !important;
    display: block;
    padding: 0 15px;
    cursor: pointer;
}

.small-menu-btn {
    position: relative;
    display: block;
    width: 20px;
    height: 52px;
    cursor: pointer;
}

.small-menu-btn-inner {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.small-menu-outer .icon-toggle:before, .small-menu-outer .icon-toggle:after {
    width: 24px;
}

.small-menu-outer:hover .icon-toggle, .small-menu-outer:hover .icon-toggle:before,
.small-menu-outer:hover .icon-toggle:after {
    background-color: #ff4545;
}

.small-menu-wrap {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    position: absolute;
    z-index: 99;
    top: -99999px;
    right: auto;
    left: -15px;
    display: block;
    visibility: hidden;
    min-width: 240px;
    padding: 0 10px 20px 10px;
    -webkit-transition: opacity .25s ease, box-shadow .25s !important;
    transition: opacity .25s ease, box-shadow .25s !important;
    pointer-events: none;
    opacity: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 7px rgba(50, 50, 100, .1), 1px 4px rgba(28, 28, 28, .07);
    box-shadow: 0 2px 7px rgba(50, 50, 100, .1), 0 1px 4px rgba(28, 28, 28, .07);
}

.small-menu-wrap:hover {
    -webkit-box-shadow: 0 10px 15px rgba(50, 50, 100, .25), 0 1px 7px rgba(28, 28, 28, .07);
    box-shadow: 0 10px 15px rgba(50, 50, 100, .25), 0 1px 7px rgba(28, 28, 28, .07);
}

.small-menu-outer:hover > .small-menu-wrap {
    top: 100%;
    bottom: auto;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.small-menu-inner {
    position: relative;
    display: table;
}

.is-fw-small .small-menu-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.small-menu-inner > li {
    display: table-cell;
    overflow: hidden;
    width: 215px;
    min-width: 215px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align: top;
}

.small-menu-inner > li > a {
    font-size: .92em;
    font-weight: 500;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.small-menu-inner .sub-menu a {
    font-size: 13px;
    line-height: 1.5;
    position: relative;
    display: block;
    padding: 10px 0 10px 15px;
    white-space: normal;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.small-menu-inner .sub-menu > li:first-child a {
    border-width: 3px;
    border-top-style: solid;
}

.small-menu-inner .sub-menu a:before {
    font-family: 'simple-line-icons';
    font-size: 9px;
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    margin-right: 7px;
    content: '\e606';
    opacity: .7;
}

.small-menu-inner a {
    line-height: 1;
    display: block;
}

.small-menu-wrap .no-menu {
    font-size: 13px;
    min-width: 260px;
    padding: 10px;
}

.small-menu-wrap .sub-menu li > a:hover {
    color: #ff4545;
    background-color: transparent;
}

.header-ad-top-wrap {
    display: block;
    text-align: center;
    background-color: #f7f7f7;
}

.header-ad-top-wrap.is-custom-ad {
    margin: 0;
    padding: 0;
}

.header-ad-top-wrap.is-custom-ad img {
    max-width: 100%;
    height: auto;
}

.header-ad-top-wrap.is-script-ad {
    padding: 10px 0;
}

.header-style-2 .navbar-left {
    position: static;
}

.header-style-2 .main-menu-inner > li > a, .header-style-2 .navbar-elements {
    line-height: 80px;
}

.header-style-2 .small-menu-btn {
    height: 80px;
}

.header-style-2 .logo-wrap {
    display: table;
    height: 80px;
    margin-top: 0;
    margin-right: 20px;
}

.header-style-2 .logo-inner {
    display: table-cell;
    vertical-align: middle;
}

.header-style-2 .logo-inner img {
    width: auto;
    max-width: 200px;
    height: auto;
    max-height: 60px;
}

.header-style-2 .navbar-right {
    float: right;
}

.header-style-2 .navbar-search a {
    width: auto;
    padding: 0 10px;
}

.header-style-2 .navbar-widget,
.header-style-3 .navbar-widget {
    margin-left: 10px;
}

.header-style-2 .widget-btn,
.header-style-3 .widget-btn {
    margin-top: 24px;
}

.header-style-2 .is-stick .logo-wrap {
    height: 52px;
}

.header-style-2 .is-stick .logo-inner img {
    max-height: 46px;
}

.header-style-2 .is-stick .small-menu-btn {
    height: 52px;
}

.header-style-2 .is-stick .main-menu-inner > li > a, .header-style-2 .is-stick .navbar-elements {
    line-height: 52px;
}

.header-style-2 .is-stick .widget-btn,
.header-style-3 .is-stick .widget-btn {
    margin-top: 10px;
}

.header-style-2 .is-stick .logo-title,
.header-style-3 .is-stick .logo-title {
    font-size: 32px;
}

.header-style-2 .is-stick .site-tagline,
.header-style-3 .is-stick .site-tagline {
    font-size: 12px;
    line-height: 20px;
}

.header-style-3 .navbar-right {
    position: static;
    float: right;
}

.header-style-3 .logo-inner img {
    width: auto;
    max-width: 300px;
    height: auto;
    max-height: 60px;
}

.header-style-3 .main-menu-inner > li > a, .header-style-3 .navbar-elements {
    line-height: 80px;
}

.header-style-3 .small-menu-btn {
    height: 80px;
}

.header-style-3 .navbar-elements > *:first-child {
    margin-left: 15px;
}

.header-style-3 .logo-wrap {
    display: table;
    height: 80px;
}

.header-style-3 .logo-inner {
    display: table-cell;
    vertical-align: middle;
}

.header-style-3 .navbar-search a {
    width: auto;
    padding: 0 10px;
}

.header-style-3 .is-stick .logo-inner img {
    max-height: 46px;
}

.header-style-3 .is-stick .logo-wrap {
    height: 52px;
}

.header-style-3 .is-stick .small-menu-btn {
    height: 52px;
}

.header-style-3 .is-stick .main-menu-inner > li > a, .header-style-3 .is-stick .navbar-elements {
    line-height: 52px;
}

.header-style-4 .navbar-inner {
    margin-right: 0;
    margin-left: 0;
}

.header-style-4 .navbar-left {
    position: static;
}

.header-style-4 .main-menu-inner > li > a, .header-style-4 .navbar-elements {
    line-height: 80px;
}

.header-style-4 .small-menu-btn {
    height: 80px;
}

.header-style-4 .logo-wrap {
    display: table;
    height: 80px;
}

.header-style-4 .logo-inner {
    display: table-cell;
    vertical-align: middle;
}

.header-style-4 .logo-inner img {
    width: auto;
    max-height: 70px;
}

.header-style-4 .navbar-right {
    float: right;
}

.header-style-4 .navbar-left > *,
.header-style-4 .off-canvas-btn-wrap {
    border-right: 1px solid rgba(28, 28, 28, .07);
}

.header-style-4 .navbar-left > * {
    padding: 0 20px;
}

.header-style-4 .navbar-left > .main-menu-wrap {
    padding: 0 15px;
}

.header-style-4 .navbar-elements > * {
    padding: 0 15px;
    border-left: 1px solid rgba(28, 28, 28, .07);
}

.header-style-4 .navbar-elements > .navbar-search {
    padding: 0;
}

.header-style-4 .mega-menu-wrap.ruby-container {
    max-width: 100%;
}

.header-style-4 .mega-menu-wrap.ruby-container > * {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

.header-style-4 .is-stick .logo-inner img {
    max-height: 54px;
}

.header-style-4 .is-stick .logo-wrap {
    height: 60px;
}

.header-style-4 .is-stick .small-menu-btn {
    height: 60px;
}

.header-style-4 .is-stick .main-menu-inner > li > a, .header-style-4 .is-stick .navbar-elements {
    line-height: 60px;
}

.header-style-4 .navbar-widget {
    height: 80px;
}

.header-style-4 .is-stick .navbar-widget {
    height: 60px;
}

.header-style-4 .widget-btn {
    margin-top: 24px;
}

.header-style-4 .is-stick .widget-btn {
    margin-top: 14px;
}

.header-style-4 .logo-wrap.is-logo-text .logo-title {
    font-size: 36px;
}

.header-style-4 .site-tagline {
    font-size: 13px;
    line-height: 24px;
}

.header-style-5 .banner-inner > * {
    margin-top: 20px;
    margin-bottom: 20px;
}

.header-style-5 .logo-wrap {
    position: relative;
    display: block;
    float: left;
    width: 300px;
    height: 90px;
}

.header-style-5 .logo-wrap img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    max-height: 90px;
    margin: auto 0;
}

.header-style-5 .header-ad-wrap {
    position: relative;
    display: block;
    float: right;
    width: 728px;
    min-height: 90px;
}

.header-style-5 .header-ad-image img {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: auto;
}

.header-style-5 .navbar-outer > .ruby-container {
    padding-right: 20px;
    padding-left: 20px;
}

.header-style-5 .navbar-wrap {
    color: #ffffff;
    background-color: #242424;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-style-5 .navbar-inner {
    margin-right: 0;
    margin-left: 0;
}

.header-style-5 .navbar-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    display: block;
}

.header-style-5 .main-menu-inner .sub-menu, .header-style-5 .small-menu-wrap {
    background-color: #282828;
}

.header-style-5 .icon-toggle, .header-style-5 .icon-toggle:before,
.header-style-5 .icon-toggle:after {
    background-color: #ffffff;
}

.header-style-5 .mega-col-menu.mega-menu-wrap .sub-menu .sub-menu li a,
.header-style-5 .small-menu-inner .sub-menu a {
    border-color: rgba(255, 255, 255, .1);
}

.header-style-5 .navbar-widget {
    margin-right: 10px;
}

.header-style-6 .navbar-inner {
    text-align: center;
}

.navbar-center {
    line-height: inherit;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.navbar-center > * {
    position: static;
    display: block;
    float: left;
    margin-right: 15px;
    vertical-align: middle;
}

.navbar-center > *:last-child {
    margin-right: 0;
}

.navbar-center > .small-menu-outer {
    margin-right: 0;
}

.header-style-6 .banner-inner {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.header-style-6 .logo-wrap img {
    width: auto;
    max-height: 120px;
}

.header-style-6 .logo-wrap.is-logo-text,
.header-style-7 .logo-wrap.is-logo-text,
.header-style-6 .logo-wrap.is-logo-text .logo-inner,
.header-style-7 .logo-wrap.is-logo-text .logo-inner {
    margin-top: 0;
}

.header-style-7 .navbar-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    display: block;
}

.navbar-widget .widget {
    display: none;
}

.navbar-widget .widget.widget_text,
.navbar-widget .widget.widget-button {
    display: inline-block;
    margin-bottom: 0;
}

.navbar-widget .widget.widget_text * {
    line-height: inherit;
    white-space: nowrap;
}

.widget-button {
    margin-left: 5px;
}

.widget-button:first-child {
    margin-left: 0;
}

.widget-btn {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    line-height: 32px;
    display: block;
    margin-top: 10px;
    padding: 0 12px;
    -webkit-transition: background .25s ease;
    transition: background .25s ease;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .8);
}

.sidebar-wrap .sidebar-inner .widget-button {
    margin-top: 0;
    margin-left: 0;
}

.widget-btn:hover, .header-style-5 .widget-btn {
    background-color: #ff4545;
}

.header-style-5 .widget-btn:hover {
    background-color: #aaaaaa;
}

.header-style-7 .banner-inner {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.header-style-7 .logo-wrap img {
    width: auto;
    max-height: 90px;
}

/*
 .off-canvas-wrap
*/
.off-canvas-holder {
    position: fixed;
    z-index: 9802;
    top: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate3d(-110%, 0, 0);
    transform: translate3d(-110%, 0, 0);
    -webkit-box-shadow: 0 10px 20px 0 rgba(28, 28, 28, 0.08);
    box-shadow: 0 10px 20px 0 rgba(28, 28, 28, 0.08);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.off-canvas-wrap {
    width: 300px;
    max-width: 100%;
    padding: 0;
    background-color: #282828;
}

.admin-bar .off-canvas-wrap {
    top: 32px;
}

.off-canvas-wrap.is-dark-text {
    background-color: #ffffff;
}

.off-canvas-inner {
    display: block;
    min-width: 270px;
    margin: 40px 15px 20px 15px;
}

.mobile-js-menu .off-canvas-holder {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-wrap::-webkit-scrollbar {
    width: 6px;
    background: #eeeeee;
}

.off-canvas-wrap.is-light-text::-webkit-scrollbar {
    background: #333333;
}

.off-canvas-wrap::-webkit-scrollbar-corner {
    display: block;
    border-radius: 4px;
    background-color: #282828;
}

.off-canvas-wrap::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #282828;
}

.off-canvas-wrap.is-light-text::-webkit-scrollbar-corner,
.off-canvas-wrap.is-light-text::-webkit-scrollbar-thumb {
    background-color: #aaaaaa;
}

.amp-off-canvas-holder {
    display: block;
    margin-top: 50px;
}

#ruby-off-canvas-close-btn {
    line-height: 40px;
    position: absolute;
    z-index: 1100;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    opacity: .5;
    color: #ffffff;
    cursor: pointer;
}

.site-mask {
    position: fixed;
    z-index: 9801;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -moz-transition: background .5s linear, visibility .5s linear;
    -webkit-transition: background .5s linear, visibility .5s linear;
    transition: background .5s linear, visibility .5s linear;
    background: transparent;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.mobile-js-menu .site-mask {
    visibility: visible;
    background: rgba(28, 28, 28, 0.92);
}

.mobile-js-menu .site-mask:hover {
    cursor: url('../images/cursor-close.png'), default;
}

.navbar-mobile {
    z-index: 1;
    display: none;
    pointer-events: none;
}

.logo-mobile-wrap {
    font-family: 'Poppins', sans-serif;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.logo-mobile-wrap .logo-text {
    font-size: 28px;
    font-weight: 700;
    line-height: 52px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.logo-mobile-wrap .logo-text strong {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.logo-mobile-wrap .logo-text:hover {
    opacity: .7;
}

.logo-mobile-wrap img {
    width: auto;
    max-height: 48px;
    margin-top: 2px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.off-canvas-btn-wrap {
    z-index: 99;
    display: block;
    float: left;
}

.off-canvas-btn {
    position: relative;
    display: block;
    overflow: hidden;
    width: 44px;
    height: 52px;
    cursor: pointer;
}

.off-canvas-btn .ruby-toggle {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 10px;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: .7;
}

.icon-toggle {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    background-color: #282828;
    -webkit-touch-callout: none;
}

.icon-toggle:before, .icon-toggle:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: -webkit-transform 0.35s, background-color .25s ease;
    transition: transform 0.35s, background-color .25s ease;
    background-color: #282828;
}

.icon-toggle:before {
    -webkit-transform: translateY(-350%);
    transform: translateY(-350%);
}

.icon-toggle:after {
    -webkit-transform: translateY(350%);
    transform: translateY(350%);
}

.is-light-text .icon-toggle,
.is-light-text .icon-toggle:before,
.is-light-text .icon-toggle:after {
    background-color: #ffffff;
}

.mobile-js-menu .ruby-toggle .icon-toggle {
    background-color: transparent;
}

.mobile-js-menu .ruby-toggle .icon-toggle:before {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.mobile-js-menu .ruby-toggle .icon-toggle:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.ruby-toggle:hover, .ruby-toggle:focus {
    opacity: 1;
}

/* image animation */
.ruby-animated-image {
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.ruby-zoom.ruby-animated-image.ruby-animation {
    -webkit-animation: ruby-zoom-animated 0.5s 1 cubic-bezier(0.2, 1, 0.3, 1);;
    animation: ruby-zoom-animated 0.5s 1 cubic-bezier(0.2, 1, 0.3, 1);
    opacity: 1;;
}

.ruby-fade.ruby-animated-image.ruby-animation {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1;
}

.ruby-bottom.ruby-animated-image.ruby-animation {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.ruby-bottom.ruby-animated-image {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

@keyframes ruby-zoom-animated {
    0% {
        transform: scale(0.6);
        opacity: 0.1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ruby-zoom-animated {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0.1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes ruby-zoom-animated {
    0% {
        -moz-transform: scale(0.6);
        opacity: 0.1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

.off-canvas-logo-wrap {
    display: block;
    margin-top: -20px;
    margin-right: 40px;
    margin-bottom: 25px;
}

.off-canvas-logo-wrap img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 90px;
    margin: auto;
}

.off-canvas-logo-wrap.is-logo-text .logo-text {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    text-transform: none;
}

.off-canvas-search {
    display: block;
    margin-bottom: 20px;
}

.off-canvas-nav-wrap {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.off-canvas-nav-wrap .sub-menu {
    display: none;
}

.amp-menu.off-canvas-nav-inner .sub-menu {
    display: block;
    padding-bottom: 0;
}

.amp-menu li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    opacity: .7;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.off-canvas-nav-wrap a {
    line-height: 36px;
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: opaicty .2s;
    transition: opaicty .2s;
    border-top: 1px solid rgba(28, 28, 28, .03);
}

.off-canvas-nav-wrap .sub-menu > li > a:hover {
    background-color: transparent !important;
}

.off-canvas-nav-wrap a:hover, .off-canvas-nav-wrap .sub-menu a:hover {
    color: #ff4545;
}

.off-canvas-nav-inner > li:first-child > a {
    border-top: none;
}

.off-canvas-nav-wrap .explain-menu {
    z-index: 999;
    display: block;
    float: right;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    opacity: .7;
}

.off-canvas-nav-wrap .explain-menu:hover {
    opacity: 1;
}

.off-canvas-nav-wrap .explain-menu-inner {
    font-size: 15px;
    text-align: center;
}

.off-canvas-nav-wrap .show-sub-menu > .sub-menu {
    display: block !important;
}

.off-canvas-nav-wrap .sub-menu {
    font-size: .9em;
    padding-left: 12px;
}

.off-canvas-nav-wrap .sub-menu .sub-menu {
    font-size: inherit;
}

.off-canvas-widget-section-wrap.sidebar-wrap {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.off-canvas-wrap .ruby-animated-image {
    -webkit-transition: all 0s !important;
    transition: all 0s !important;
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 1;
}

.off-canvas-social {
    position: relative;
    display: block;
    text-align: left;
    border-bottom: 3px solid rgba(28, 28, 28, .07);
}

.off-canvas-social a {
    font-size: 15px;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    text-align: center;
    opacity: .7;
}

.off-canvas-social a:hover {
    opacity: 1;
}

/*
 .mega-col-menu
*/
.mega-col-menu.mega-menu-wrap {
    right: 0;
    left: 0;
    width: 100%;
}

.mega-col-menu.mega-menu-wrap .sub-menu .sub-menu {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    visibility: visible;
    padding: 0;
    pointer-events: auto;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mega-col-menu.mega-menu-wrap .sub-menu a {
    padding-right: 0;
    padding-left: 0;
}

.mega-col-menu.mega-menu-wrap .sub-menu .sub-menu a {
    font-size: 13px;
    line-height: 1.5;
    padding: 10px 0;
    white-space: normal;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.mega-col-menu.mega-menu-wrap .sub-menu .sub-menu a:before {
    font-family: 'simple-line-icons';
    font-size: 8px;
    line-height: inherit;
    display: inline-block;
    margin-right: 7px;
    content: '\e606';
    vertical-align: middle;
    opacity: .7;
}

.mega-col-menu-inner .sub-menu.is-sub-default li.menu-item-has-children > a:after {
    display: none;
}

.mega-col-menu.mega-menu-wrap .sub-menu .sub-menu li:first-child a {
    padding-top: 20px;
    border-width: 3px;
    border-top-style: solid;
}

.mega-col-menu-inner {
    display: block;
    overflow: hidden;
}

.mega-col-menu-inner > .sub-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mega-col-menu-inner > .sub-menu > li {
    display: block;
    float: left;
    width: 25%;
    padding-right: 20px;
    padding-left: 20px;
}

.mega-col-menu-inner > .sub-menu > li > a {
    font-size: 14px;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
}

/*
 .breaking-news-wrap
*/
.breaking-news-wrap {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: -20px;
    margin-bottom: 20px;
}

.breaking-news-wrap .post-title > a {
    line-height: 22px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none !important;
    text-overflow: ellipsis;
}

.breaking-news-inner {
    position: relative;
    display: block;
}

.breaking-news-title {
    display: block;
    float: left;
    margin-right: 20px;
}

.breaking-news-title .headline {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    height: 22px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #ffffff;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background-color: #282828;
}

.is-btn-style-3 .breaking-news-title .headline {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.breaking-news-title .mobile-headline {
    font-size: 16px;
    line-height: 22px;
    display: none;
    height: 22px;
    color: #ff4545;
}

.breaking-news-content {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
}

.breaking-news-content .ruby-error {
    line-height: 22px;
    margin-top: 0;
}

.breaking-news-loader {
    position: absolute;
    z-index: 992;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #ffffff;
}

.breaking-news-content-inner {
    z-index: 99;
}

.breaking-news-content-inner.slider-init {
    height: 22px !important;
}

.breaking-news-right {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 50px;
    bottom: auto;
    left: auto;
    display: block;
}

.breaking-news-tag-el {
    font-size: 12px;
    line-height: 22px;
    display: block;
    float: left;
    margin-left: 2px;
    padding: 0 10px;
    text-transform: capitalize;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #aaaaaa;
}

.breaking-news-tag-el:first-child {
    margin-left: 0;
}

.breaking-news-tag-el:hover {
    background-color: #282828;
}

.breaking-news-wrap .ruby-slider-nav {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    display: block !important;
    visibility: visible;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    opacity: .1;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.breaking-news-wrap .ruby-slider-nav.ruby-slider-prev {
    right: 24px;
    left: auto;
}

.breaking-news-wrap .ruby-slider-nav i {
    font-size: 11px;
    line-height: 22px;
    display: block;
    margin: 0;
    vertical-align: middle;
    color: #ffffff;
}

.post-breaking-news.post-wrap {
    overflow: hidden;
    margin: 0 60px 0 0;
    padding: 0;
}

.post-breaking-news .post-title {
    position: relative;
    left: 30px;
    visibility: hidden;
    margin: 0;
    padding: 0;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-breaking-news.slick-current .post-title {
    left: 0;
    visibility: visible;
    opacity: 1;
}

.breadcrumb-outer {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

.breadcrumb-overlay {
    position: absolute;
    z-index: 61;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    display: block;
    pointer-events: none;
}

.breadcrumb-wrap {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: block;
    letter-spacing: 0;
    color: #aaaaaa;
}

.breadcrumb-inner {
    line-height: inherit;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 2px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: auto;
}

.breadcrumb-overlay .breadcrumb-wrap {
    color: #efefef;
}

.breadcrumb-inner i {
    margin-right: 7px;
    margin-left: 7px;
}

.breadcrumb-inner a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.breadcrumb-inner a:hover, .breadcrumb-inner a:focus {
    color: #ff4545;
}

.breadcrumb-overlay .breadcrumb-inner a:hover,
.breadcrumb-overlay .breadcrumb-inner a:focus {
    color: #ffffff;
}

/* blog column */
.promo-wrap {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

.promo-el {
    position: relative;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
}

.banner-single-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.banner-image-wrap {
    position: relative;
    height: 180px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-link {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.banner-content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.banner-content-wrap h4 {
    font-size: 1.2em;
    line-height: 1;
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    color: #333333;
    background-color: #ffffff;
}

.banner-single-wrap:hover .banner-image-wrap,
.banner-single-wrap:focus .banner-image-wrap {
    opacity: .7;
}

/* 4.0 POST MODULES */

.post-wrap {
    position: relative;
    display: block;
    margin-right: 20px;
    margin-bottom: 40px;
    margin-left: 20px;
}

.post-wrap:hover .post-meta-info-share .share-bar-el {
    visibility: visible;
    opacity: 1;
}

.post-wrap:hover .post-format-wrap {
    opacity: 1;
}

.post-header-outer {
    position: relative;
    display: block;
}

/*
 .post-title
*/

.post-title {
    font-family: 'Poppins', sans-serif;
    display: block;
    color: #282828;
}

.post-title > * {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inline;
    margin: 0;
    padding: 0;
    letter-spacing: inherit;
    text-transform: inherit;
    word-break: break-word;
    color: inherit;
}

.post-title a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.post-title a:hover {
    opacity: .7;
}

.post-title.is-size-0 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.post-title.is-size-1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.post-title.is-size-2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.post-title.is-size-3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.045em;
}

.post-title.is-size-4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.03em;
}

/*
 .post-thumb-outer
*/

.post-thumb-outer {
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
    margin-bottom: 12px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-thumb-outer:not(.is-gallery) {
    background-color: #282828;
}

.no-thumb-outer {
    min-height: 200px;
}

.is-bg-thumb.post-thumb {
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

.thumbnail-resize {
    line-height: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.is-holder .post-thumb-outer {
    min-height: 10px;
}

.thumbnail-resize:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    visibility: visible;
    content: '';
    -webkit-transition: all .35s;
    transition: all .35s;
    pointer-events: none !important;
    opacity: 0;
    background-color: rgba(28, 28, 28, .7);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-wrap:hover .thumbnail-resize:before {
    visibility: visible;
    opacity: 1;
}

.is-bg-thumb.post-thumb .thumbnail-resize {
    height: 100%;
}

.is-bg-thumb.post-thumb .thumbnail-resize img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-thumb img {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-thumb.iframe-video {
    position: static !important;
    height: 0 !important;
    margin: 0;
    padding-bottom: 56% !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-thumb.iframe-audio {
    display: block !important;
    height: 0 !important;
    padding-bottom: 26% !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.iframe-video iframe,
.iframe-audio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.post-thumb:not(.is-bg-thumb) img {
    width: 100%;
}

.post-thumb.post-thumb-gallery-grid {
    margin: -4px;
    background: none;
}

.post-thumb-outer:hover .post-editor {
    visibility: visible;
    opacity: 1;
}

.no-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: #282828;
}

.thumb-caption {
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
    position: absolute;
    top: auto;
    right: 10px;
    bottom: 10px;
    left: auto;
    display: block;
    padding: 3px 7px;
    color: #ffffff;
    background-color: #282828;
}

.post-mask-overlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -1px;
    bottom: -1px;
    left: -1px;
    -webkit-transition: none;
    transition: none;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34, 34, 34, 0)), color-stop(30%, rgba(34, 34, 34, .25)), color-stop(100%, rgba(34, 34, 34, .8)));
    background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .25) 30%, rgba(34, 34, 34, .8) 100%);
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .25) 30%, rgba(34, 34, 34, .8) 100%);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-grid .post-mask-overlay,
.post-list .post-mask-overlay {
    top: 85%;
    opacity: .7;
}

.post-mask-overlay-full {
    position: absolute;
    z-index: 0;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    -webkit-transition: none;
    transition: none;
    pointer-events: none;
    background-color: rgba(28, 28, 28, .7);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-dark-overlay .thumbnail-resize:before {
    background-color: rgba(0, 0, 0, .8);
}

.is-dark-overlay .post-mask-overlay {
    top: 40%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, .3)), color-stop(100%, rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 30%, rgba(0, 0, 0, .9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 30%, rgba(0, 0, 0, .9) 100%);
}

.is-dark-overlay .post-mask-overlay-full {
    background-color: rgba(0, 0, 0, .8);
}

.is-light-overlay .is-grid-style-2 .post-mask-overlay,
.is-light-overlay .is-grid-style-3 .post-mask-overlay {
    background: rgba(28, 28, 28, .8);
}

.is-dark-overlay .is-header-overlay .post-title {
    text-shadow: 1px 1px 2px rgba(28, 28, 28, .12);
}

.is-dark-overlay .post-grid .post-mask-overlay,
.is-dark-overlay .post-list .post-mask-overlay {
    top: 80%;
    opacity: .9;
}

/* light overlay */
.is-light-overlay .thumbnail-resize:before {
    background-color: rgba(34, 34, 34, .4);
}

.is-light-overlay .is-grid-style-2 .post-mask-overlay,
.is-light-overlay .is-grid-style-3 .post-mask-overlay {
    background: rgba(28, 28, 28, .3);
}

.is-light-overlay .post-mask-overlay {
    background: -moz-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 30%, rgba(34, 34, 34, .7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34, 34, 34, 0)), color-stop(30%, rgba(34, 34, 34, .2)), color-stop(100%, rgba(34, 34, 34, .7)));
    background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 30%, rgba(34, 34, 34, .7) 100%);
    background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 30%, rgba(34, 34, 34, .7) 100%);
    background: -ms-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 30%, rgba(34, 34, 34, .7) 100%);
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 30%, rgba(34, 34, 34, .7) 100%);
}

.is-light-overlay .post-mask-overlay-full {
    background-color: rgba(34, 34, 34, .5);
}

.is-light-overlay .is-header-overlay .post-title {
    text-shadow: 1px 1px 2px rgba(28, 28, 28, .05);
}

.is-light-overlay .post-grid .post-mask-overlay,
.is-light-overlay .post-list .post-mask-overlay {
    opacity: .5;
}

/*
 .post-meta-info-share
*/
.post-meta-info-share {
    display: block;
}

.post-meta-info-share.is-absolute {
    z-index: 10;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px;
}

.post-meta-info-share.is-relative {
    position: relative;
    margin-top: 15px;
}

.post-meta-info-share .share-bar-el {
    font-size: 17px;
    display: block;
    visibility: hidden;
    float: left;
    margin-right: 4px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-meta-info-share .share-bar-el:last-child {
    margin-right: 0;
}

.post-meta-info-share .share-bar-el i {
    font-size: inherit;
    line-height: 30px;
    display: block;
    width: 30px;
    height: 30px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    letter-spacing: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.share-bar-el i, .share-bar-el-big {
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(28, 28, 28, .15);
}

.share-bar-el.share-bar-label {
    pointer-events: none;
    opacity: .3;
    color: #282828;
    background-color: transparent !important;
}

.single-post-meta-info-share .share-bar-el.share-bar-label {
    display: none;
}

.single-post-action > *:first-child > .share-bar-el.share-bar-label {
    display: block;
}

.share-bar-el.share-bar-label i {
    color: inherit;
    text-shadow: none;
}

.post-meta-info-share .share-bar-el:nth-child(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

.post-meta-info-share .share-bar-el:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.post-meta-info-share .share-bar-el:nth-child(4) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.post-meta-info-share .share-bar-el:nth-child(5) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.post-meta-info-share .share-bar-el:nth-child(6) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}

.post-meta-info-share .share-bar-el:nth-child(7) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.post-meta-info-share .share-bar-el:nth-child(8) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
}

.post-meta-info-share .share-bar-el:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.post-meta-info-share .share-bar-el:nth-child(9) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

.share-bar-el.icon-facebook i, .share-bar-el-big.icon-facebook {
    background-color: #899dce;
}

.share-bar-el.icon-google i, .share-bar-el-big.icon-google {
    background-color: #ff7868;
}

.share-bar-el.icon-twitter i, .share-bar-el-big.icon-twitter {
    background-color: #60d2f5;
}

.share-bar-el.icon-pinterest i, .share-bar-el-big.icon-pinterest {
    background-color: #f74c53;
}

.share-bar-el.icon-linkedin i, .share-bar-el-big.icon-linkedin {
    background-color: #009cdc;
}

.share-bar-el.icon-reddit i, .share-bar-el-big.icon-reddit {
    background-color: #ff6a33;
}

.share-bar-el.icon-vk i, .share-bar-el-big.icon-vk {
    background-color: #5fa0dd;
}

.share-bar-el.icon-email i, .share-bar-el-big.icon-email {
    background-color: #ffac63;
}

.share-bar-el.icon-tumblr i, .share-bar-el-big.icon-tumblr {
    background-color: #333333;
}

/* hover */
.post-meta-info-share .share-bar-el.icon-facebook i:hover,
.single-post-meta-info-share .share-bar-el.icon-facebook i:hover,
.single-post-share-big-inner a.icon-facebook:hover {
    background-color: #568fce;
}

.post-meta-info-share .share-bar-el.icon-google i:hover,
.single-post-meta-info-share .share-bar-el.icon-google i:hover,
.single-post-share-big-inner a.icon-google:hover {
    background-color: #ff5a3f;
}

.post-meta-info-share .share-bar-el.icon-twitter i:hover,
.single-post-meta-info-share .share-bar-el.icon-twitter i:hover,
.single-post-share-big-inner a.icon-twitter:hover {
    background-color: #27c2f5;
}

.post-meta-info-share .share-bar-el.icon-pinterest i:hover,
.single-post-meta-info-share .share-bar-el.icon-pinterest i:hover,
.single-post-share-big-inner a.icon-pinterest:hover {
    background-color: #f7333e;
}

.post-meta-info-share .share-bar-el.icon-linkedin i:hover,
.single-post-meta-info-share .share-bar-el.icon-linkedin i:hover,
.single-post-share-big-inner a.icon-linkedin:hover {
    background-color: #0a84dc;
}

.post-meta-info-share .share-bar-el.icon-reddit i:hover,
.single-post-meta-info-share .share-bar-el.icon-reddit i:hover,
.single-post-share-big-inner a.icon-reddit:hover {
    background-color: #ff570a;
}

.post-meta-info-share .share-bar-el.icon-vk i:hover,
.single-post-meta-info-share .share-bar-el.icon-vk i:hover,
.single-post-share-big-inner a.icon-vk:hover {
    background-color: #568fce;
}

.post-meta-info-share .share-bar-el.icon-email i:hover,
.single-post-meta-info-share .share-bar-el.icon-email i:hover,
.single-post-share-big-inner a.icon-email:hover {
    background-color: #ff9c34;
}

.post-meta-info-share .share-bar-el.icon-tumblr i:hover,
.single-post-meta-info-share .share-bar-el.icon-tumblr i:hover,
.single-post-share-big-inner a.icon-tumblr:hover {
    background-color: #111111;
}

/*
 .post-cat-info
*/
.post-cat-info {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    z-index: 4;
    display: block;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.post-cat-info.is-absolute {
    bottom: 10px;
    left: 10px;
    margin: 0 !important;
}

.cat-info-el {
    line-height: 1;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.cat-info-el:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    content: '';
    vertical-align: baseline;
    border-radius: 50%;
    background-color: #ff4545;
}

.cat-info-el:last-child {
    margin-right: 0;
}

.cat-info-el:hover {
    opacity: .7;
}

/*
 .post-meta-info
*/

.post-meta-info {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 0;
    position: relative;
    display: block;
    margin-top: 7px;
    text-transform: capitalize;
    color: #aaaaaa;
}

.post-meta-info.is-show-icon {
    margin-top: 10px;
}

.post-meta-info.is-hide-icon .meta-info-el {
    margin-right: 7px;
}

.meta-info-el:last-child, .post-meta-info.is-hide-icon .meta-info-el:last-child {
    margin-right: 0;
}

.post-meta-info.is-hide-icon .meta-info-el:before {
    line-height: inherit;
    display: inline-block;
    margin-right: 7px;
    content: '-';
    vertical-align: middle;
}

.post-meta-info.is-hide-icon.is-show-avatar .meta-info-el:nth-child(2):before {
    display: none;
}

.post-meta-info.is-hide-icon .post-meta-info-left .meta-info-el:first-child {
    font-weight: 700;
    color: #282828;
}

.post-meta-info.is-hide-icon .post-meta-info-left .meta-info-el:last-child {
    font-weight: inherit;
    color: inherit;
}

.meta-info-el {
    display: inline-block;
    margin-right: 12px;
}

.post-meta-info.is-hide-icon .meta-info-el:first-child:before {
    display: none;
}

.meta-info-el > a:before {
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    content: ',';
    color: inherit !important;
}

.meta-info-el > a:first-of-type:before {
    display: none;
}

.meta-info-el * {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.meta-info-el i {
    margin-right: 4px;
}

.meta-info-el.post-meta-info-avatar img {
    line-height: 20px;
    display: inline;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.is-show-avatar.post-meta-info:not(.is-hide-icon) .meta-info-author:nth-child(2) {
    margin-left: -4px;
}

.is-show-avatar.post-meta-info .meta-info-author i {
    display: none;
}

.post-meta-info a:hover {
    color: #ff4545;
}

.post-meta-info-left {
    display: inline-block;
}

.post-meta-info-right {
    display: block;
    float: right;
    white-space: nowrap;
}

.post-meta-info-right a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.post-meta-info-right i {
    vertical-align: baseline;
}

.post-meta-info-duration {
    font-size: 12px;
    line-height: 20px;
    top: 10px;
    right: 10px;
    margin: 0;
    padding: 0 7px;
    vertical-align: middle;
    white-space: nowrap;
    color: #ffffff;
    border-radius: 4px;
    background-color: rgba(28, 28, 28, .7);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-meta-info-duration.is-relative {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}

.post-editor {
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    display: block;
    visibility: visible;
    padding: 4px 7px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    color: #ffffff;
    background-color: #282828;
}

.post-editor:hover {
    background-color: #ff4545;
}

.post-link-absolute {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.post-excerpt {
    position: relative;
    display: block;
    margin-top: 12px;
}

.post-excerpt p {
    font-size: 14px;
    line-height: 1.6;
    color: #777777;
}

.post-btn {
    display: block;
    margin-top: 15px;
}

.post-btn a {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 26px;
    z-index: 2;
    display: inline-block;
    padding: 0 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    white-space: nowrap;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #282828;
}

.is-btn-style-2 .post-btn a {
    -webkit-border-radius: 28px;
    border-radius: 28px;
}

.is-btn-style-3 .post-btn a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.post-btn a:hover, .post-btn a:focus {
    background-color: #ff4545;
}

.post-feat .post-cat-info {
    margin-bottom: 10px;
}

.post-feat .post-meta-info:not(.is-show-avatar) {
    margin-top: 5px;
}

.post-feat .post-thumb-outer {
    margin-bottom: 0;
}

.is-header-overlay {
    position: absolute !important;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-header-overlay .post-header-outer {
    width: 100%;
    height: 100%;
}

.is-header-overlay .post-header-outer:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.is-header-overlay .post-header {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}

.is-header-overlay a {
    pointer-events: auto !important;
}

.is-header-overlay .post-meta-info-share.is-absolute {
    top: 0;
    left: 0;
}

.is-header-overlay .post-format-wrap {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
}

.is-header-overlay .post-format-icon {
    margin: 0 !important;
}

.is-header-overlay .post-title {
    text-shadow: 1px 1px 2px rgba(28, 28, 28, .1);
}

/*
 .post-format-wrap
*/
.post-format-wrap {
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    pointer-events: none !important;
    opacity: .5;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-format-wrap .post-meta-info-duration {
    top: auto;
    right: 0;
    bottom: -25px;
    left: 0;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.post-format-icon {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: -22px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
    pointer-events: none;
    color: #ffffff;
    border: 3px solid;
    border-radius: 50%;
    background-color: rgba(28, 28, 28, .4);
}

.post-format-icon i {
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
}

.is-size-2.post-format-wrap .post-format-icon {
    width: 56px;
    height: 56px;
    margin-top: -28px;
    margin-left: -28px;
    border-width: 4px;
}

.is-size-4.post-format-wrap .post-format-icon {
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    border-width: 2px;
}

.is-size-5.post-format-wrap .post-format-icon {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    border-width: 2px;
}

.post-format-icon.is-video-format {
    font-size: 23px;
}

.post-format-icon.is-video-format i {
    margin: -30.666% -16.222%;
}

.is-size-2.post-format-wrap .post-format-icon.is-video-format {
    font-size: 29px;
}

.is-size-4.post-format-wrap .post-format-icon.is-video-format {
    font-size: 20px;
}

.is-size-5.post-format-wrap .post-format-icon.is-video-format {
    font-size: 13px;
}

.post-format-icon.is-gallery-format {
    font-size: 20px;
}

.post-format-icon.is-gallery-format i {
    margin: -25.6666% -26.7777%;
}

.is-size-2.post-format-wrap .post-format-icon.is-gallery-format {
    font-size: 25px;
}

.is-size-4.post-format-wrap .post-format-icon.is-gallery-format {
    font-size: 17px;
}

.is-size-5.post-format-wrap .post-format-icon.is-gallery-format {
    font-size: 11px;
}

.is-size-5.post-format-wrap .post-format-icon.is-gallery-format i {
    margin: -22.6666% -26.7777%;
}

.post-format-icon.is-audio-format {
    font-size: 22px;
}

.post-format-icon.is-audio-format i {
    margin: -32.6666% -26.888%;
}

.is-size-2.post-format-wrap .post-format-icon.is-audio-format {
    font-size: 28px;
}

.is-size-4.post-format-wrap .post-format-icon.is-audio-format {
    font-size: 18px;
}

.is-size-5.post-format-wrap .post-format-icon.is-audio-format {
    font-size: 13px;
}

/*
     .post-review-wrap
    */
.post-review-wrap {
    z-index: 3;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-btn-style-3 .post-review-wrap,
.is-btn-style-3 .is-size-5.post-review-wrap {
    top: 0;
    right: 0;
}

.post-review-icon {
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    display: block;
    width: 42px;
    height: 42px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    text-align: center;
    letter-spacing: -.03em;
    pointer-events: none;
    color: #ffffff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-color: #f3d276;
}

.is-size-2.post-review-wrap .post-review-icon {
    font-size: 22px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.is-size-4.post-review-wrap .post-review-icon {
    font-size: 13px;
    line-height: 34px;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.is-size-5.post-review-wrap {
    top: 5px;
    right: 5px;
}

.is-size-5.post-review-wrap .post-review-icon {
    font-size: 10px;
    line-height: 22px;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.is-btn-style-2 .post-review-icon {
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

.is-btn-style-3 .post-review-icon {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

/*
 .post-classic
*/
.post-classic .slick-dots {
    bottom: 10px;
}

.post-wrap.post-classic .post-thumb-outer {
    text-align: center;
}

.post-wrap.post-classic .post-thumb {
    position: relative;
    display: inline-block;
    float: left;
    clear: both;
}

.post-classic .slick-dots li:before {
    background-color: #ffffff;
}

.post-classic-1.post-wrap {
    margin-bottom: 58px;
}

.post-classic-1 .post-thumb-outer {
    margin-bottom: 18px;
    background-color: transparent;
}

.post-classic-1 .post-excerpt {
    margin-top: 12px;
    padding-top: 15px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.is-sticky-post .post-title:before,
.is-sticky-single .single-post-header .single-title:before {
    font-family: 'simple-line-icons';
    font-size: .85em;
    display: inline-block;
    margin-right: 10px;
    content: '\e031';
}

.post-classic-2.post-wrap {
    margin-bottom: 40px;
}

.post-classic-2 .post-body {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: -90px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 20px;
    background-color: #fafafa;
}

.post-classic-2.is-dark-post .post-body {
    background-color: #282828;
}

.ruby-section-hs .post-classic-2 .post-title > *,
.blog-wrap:not(.is-sidebar-none) .post-classic-2 .post-title > * {
    font-size: .92em;
}

.post-grid-3.post-wrap {
    margin-bottom: 25px;
}

.post-grid-3 .post-meta-info {
    margin-top: 5px;
}

.post-grid-3 .post-cat-info.is-absolute {
    bottom: 5px;
    left: 5px;
}

.post-grid-3 .post-thumb-outer {
    margin-bottom: 10px;
}

.post-grid-4 .post-thumb-outer {
    margin-bottom: 0;
    cursor: pointer;
}

.post-grid-4 img {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-grid-4 img:hover {
    opacity: .7;
}

.post-wrap.post-grid-5 {
    margin-right: 10px;
    margin-bottom: 25px;
    margin-left: 10px;
}

.post-gallery-1 .post-thumb-outer {
    margin-bottom: 0;
}

.post-gallery-1 .post-thumb-outer {
    height: 240px;
}

.post-gallery-2 .post-thumb-outer {
    margin-bottom: 0;
}

/*
 .post-list
*/
.post-list .post-thumb-outer {
    margin-bottom: 0;
}

.post-list .col-left {
    padding-right: 20px;
    padding-left: 20px;
}

.post-list-inner {
    margin-right: -20px;
    margin-left: -20px;
}

.post-list .col-right {
    margin-bottom: 0 !important;
    padding-right: 20px;
}

.post-list.is-right-thumb .post-list-inner .col-right {
    padding-left: 20px;
}

.post-list.is-right-thumb .col-left {
    float: right;
}

.post-list.is-dark-post {
    background-color: #282828;
}

.post-list .post-list-inner {
    position: relative;
    clear: both;
}

.post-list.is-dark-post .post-list-inner {
    overflow: hidden;
}

.post-list-2.post-list.is-dark-post .post-list-inner {
    display: block;
    padding: 20px;
}

.post-list-2 .col-left {
    display: block;
    float: left;
    width: 380px;
    max-width: 380px;
}

.post-list-2 .col-right {
    display: block;
    margin-left: 380px;
}

.post-list-2.is-right-thumb .post-list-inner .col-right {
    margin-right: 380px;
    margin-left: 0;
    padding-right: 0;
}

.post-list-3 .col-left {
    display: block;
    float: left;
    width: 270px;
    max-width: 270px;
}

.post-list-3 .col-right {
    display: block;
    margin-left: 270px;
}

.post-list-3:not(.post-list-7) .col-right {
    padding-top: 15px;
}

.post-list-3.is-right-thumb .post-list-inner .col-right {
    margin-right: 270px;
    margin-left: 0;
    padding-right: 0;
}

.post-list-3.is-dark-post .post-body {
    overflow: hidden;
    padding: 20px;
}

.post-list-4.post-wrap {
    margin-bottom: 25px;
}

.post-list-4 .post-thumb-outer {
    float: left;
    width: 100px;
    max-width: 100px;
    height: auto;
    margin-bottom: 0;
}

.post-list-4 .post-body {
    margin-left: 115px;
}

.post-list-4.is-no-featured .post-body {
    margin-left: 0;
}

.post-list-4 .post-meta-info {
    margin-top: 5px;
}

.post-list-5.post-wrap {
    margin-top: 12px;
    margin-bottom: 0;
    padding-top: 15px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.post-list-6.post-wrap {
    margin-top: 12px;
    margin-bottom: 0;
    padding-top: 15px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.post-list-6 .post-meta-info {
    margin-top: 4px;
}

/*
 .post-feat
*/

.post-feat-1 .post-thumb-outer {
    height: 414px;
}

.post-feat-1.post-wrap .is-header-overlay {
    padding: 25px 20px 22px 20px;
}

.post-feat-2.is-grid-style-1 .post-mask-overlay {
    top: 30%;
}

.post-feat-2 .post-thumb-outer {
    height: 205px;
}

.post-feat-2.post-wrap .is-header-overlay {
    padding: 20px 15px;
}

.post-feat-3 .post-thumb-outer {
    height: 448px;
}

.post-feat-3.post-wrap .is-header-overlay {
    padding: 25px 20px 22px 20px;
}

.post-feat-4 .post-thumb-outer {
    height: 225px;
}

.post-feat-4.post-wrap .is-header-overlay {
    padding: 12px;
}

.post-feat-5 .post-thumb-outer {
    height: 148px;
}

.post-feat-5.post-wrap .is-header-overlay {
    padding: 12px;
}

.post-feat-6 .post-thumb-outer {
    height: 450px;
}

.post-feat-6.post-wrap .is-header-overlay {
    padding: 25px 20px 22px 20px;
}

.post-feat-7.post-wrap .is-header-overlay {
    padding: 10px;
}

.post-feat-7.post-wrap .post-meta-info {
    margin-top: 2px;
}

.post-feat-8.post-wrap {
    margin: 0;
}

.post-feat-8.post-wrap .is-header-overlay {
    padding: 15px;
}

.post-feat-9.post-wrap {
    margin: 0;
    padding: 0;
}

.post-feat-9 .post-thumb-outer {
    height: 550px;
}

.post-feat-9.post-wrap .is-header-overlay {
    padding: 25px 20px 22px 20px;
}

.post-overlay.post-wrap {
    margin-bottom: 40px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-overlay .post-thumb-outer {
    margin-bottom: 0;
}

.post-overlay .is-header-overlay {
    padding: 15px;
}

.post-overlay-1 .post-outer {
    margin-bottom: 0;
}

.post-overlay-1 .post-thumb-outer {
    margin-bottom: 0;
}

.post-overlay-2 .post-outer {
    margin-bottom: 0;
}

.post-overlay-2 .post-thumb-outer {
    height: 400px;
}

.post-overlay-3 .post-thumb-outer {
    margin-bottom: 0;
}

.post-overlay-3 .is-header-overlay {
    padding: 15px;
}

.post-overlay-4 .post-thumb-outer {
    height: 180px;
}

.post-overlay-4 .is-header-overlay {
    padding: 10px;
}

.post-overlay-5 .post-thumb-outer {
    height: 364px;
}

.post-overlay-5.post-wrap .is-header-overlay {
    padding: 25px 20px 22px 20px
}

.post-overlay-6 .is-header-overlay {
    padding: 10px;
}

.post-overlay-6 .post-title > * {
    font-size: 1.1em;
}

.post-overlay-6 .post-thumb-outer .no-thumb {
    position: relative;
    display: block;
    height: 100px;
    min-height: 100px;
}

.post-popup-gallery.post-wrap {
    display: flex;
    display: -webkit-flex;
    margin: 0;
    padding-top: 0;
    background-color: #282828;
}

.post-popup-gallery.post-wrap .post-header {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

.post-popup-gallery .post-thumb-outer {
    margin-bottom: 0;
}

.post-popup-gallery.post-wrap > * {
    padding-right: 15px;
    padding-left: 15px;
}

.post-popup-gallery .popup-image-bg {
    display: block;
    overflow: hidden;
    height: 538px;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.post-popup-gallery.post-wrap .col-left {
    padding-left: 0;
}

.post-popup-gallery.post-wrap .col-right {
    -webkit-align-self: center;
    align-self: center;
}

.post-popup-gallery .post-meta-info-share.is-relative .share-bar-el i:hover {
    color: #282828;
    background-color: #ffffff;
}

.popup-post-gallery-slider-image {
    overflow: hidden;
    height: 440px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.popup-post-gallery-slider-image.popup-post-gallery-slider-image-nav {
    width: auto;
    height: 90px;
    margin: 2px;
}

.popup-post-gallery-slider .slick-dots {
    bottom: 10px;
}

.popup-post-gallery-slider .slick-dots li:before {
    background-color: #ffffff;
}

.post-video-iframe.post-wrap,
.post-video-iframe .post-thumb-outer {
    margin: 0;
}

.video-iframe-image {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.post-video-1.post-wrap {
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-left: 10px;
    cursor: pointer;
}

.post-video-1.post-wrap:hover .post-title {
    opacity: .7;
}

/*
     .post-video-2
    */

.post-video-2.post-wrap {
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
    cursor: pointer;
}

.post-video-2 .post-thumb-outer {
    float: left;
    width: 100px;
    max-width: 100px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 0;
}

.post-video-2 .post-body {
    margin-left: 120px;
}

.post-video-2.post-wrap:hover .post-title {
    opacity: .7;
}

/* 5.0 - BLOCKS */

.ruby-block-wrap {
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 25px;
}

.ruby-block-wrap.is-background {
    margin-bottom: 50px;
    padding-top: 30px;
}

.ruby-block-wrap.hs-block.is-background {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.is-background.is-background-image {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.is-background.is-background-image .post-feat {
    -webkit-box-shadow: 0 10px 15px 0 rgba(28, 28, 28, 0.05);
    box-shadow: 0 10px 15px 0 rgba(28, 28, 28, 0.05);
}

.ruby-block-wrap.block-feat {
    margin-bottom: 48px;
}

.ruby-block-wrap.block-feat.is-background {
    margin-bottom: 50px;
    padding-top: 48px;
    padding-bottom: 48px;
}

.ruby-block-wrap.hs-block-oneh,
.ruby-block-wrap.fw-block-onet {
    float: left;
    clear: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ruby-block-inner {
    position: relative;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
}

.is-background .ruby-block-inner {
    padding-bottom: 10px;
}

/*
 .block-header-wrap
*/
.block-header-wrap {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    display: block;
    margin-bottom: 25px;
}

.block-header-inner {
    position: relative;
    display: block;
    border-bottom: 3px solid rgba(28, 28, 28, .07);
}

.block-title {
    position: relative;
    display: inline-block;
}

.block-title h3 {
    font-family: inherit !important;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.block-title h3:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    content: '';
    vertical-align: baseline;
    border-radius: 50%;
    background-color: #282828;
}

.block-title a {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

.block-title a:hover {
    opacity: .7;
}

.block-footer {
    position: relative;
    z-index: 88;
    display: block;
}

.is-block-header-style-2 .block-title:not(.widget-title) {
    bottom: -3px;
    padding: 0 20px;
    color: #ffffff;
    background-color: #ff4545;
}

.is-block-header-style-2 .block-title h3:before {
    display: none;
}

.is-block-header-style-2 .block-header-wrap .block-header-inner {
    border-color: #ff4545;
}

.is-block-header-style-3 .block-header-wrap {
    line-height: 24px;
}

.is-block-header-style-3 .block-header-inner {
    line-height: inherit;
    border-bottom: none;
}

.is-block-header-style-3 .block-title h3:before {
    display: none;
}

.is-block-header-style-3 .block-title h3 {
    line-height: inherit;
    padding: 0 20px;
    color: #ffffff;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    background-color: #282828;
}

.is-block-header-style-3 .ajax-filter-link,
.is-block-header-style-3 .ajax-filter-more {
    line-height: 24px;
}

.is-block-header-style-3 .ajax-filter-link,
.is-block-header-style-3 .ajax-filter-more {
    margin-left: 5px;
    border: 1px solid rgba(28, 28, 28, .07);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.is-block-header-style-3 .is-light-text .ajax-filter-link,
.is-block-header-style-3 .is-light-text .ajax-filter-more {
    border-color: rgba(255, 255, 255, .07);
}

.is-block-header-style-3 .widget-title.block-title {
    border-bottom: none;
}

.is-block-header-style-3 .widget-title.block-title h3 {
    display: inline-block;
}

.is-block-header-style-4 .block-header-wrap {
    line-height: 24px;
}

.is-block-header-style-4 .block-header-inner {
    line-height: inherit;
    border-bottom: none;
}

.is-block-header-style-4 .block-title h3:before {
    display: none;
}

.is-block-header-style-4 .block-title h3 {
    line-height: inherit;
    padding: 0 20px;
    color: #ffffff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #282828;
}

.is-block-header-style-4 .ajax-filter-link,
.is-block-header-style-4 .ajax-filter-more {
    line-height: 24px;
}

.is-block-header-style-4 .ajax-filter-link,
.is-block-header-style-4 .ajax-filter-more {
    margin-left: 5px;
    border: 1px solid rgba(28, 28, 28, .07);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.is-block-header-style-4 .widget-title.block-title {
    border-bottom: none;
}

.is-block-header-style-4 .widget-title.block-title h3 {
    display: inline-block;
}

.is-block-header-style-5 .block-header-wrap, .is-block-header-style-5 .widget-title.block-title {
    font-weight: 700;
    margin-bottom: 15px !important;
    text-transform: uppercase;
}

.is-block-header-style-5 .block-title h3:before {
    display: none;
}

.is-block-header-style-5 .block-header-inner,
.is-block-header-style-5 .widget-title.block-title {
    border-bottom: none;
}

/*
 .block-content-wrap
*/
.block-content-wrap {
    position: relative;
    display: block;
}

.block-content-inner {
    position: relative;
    display: block;
    margin-right: -20px;
    margin-left: -20px;
}

.fw-block .ruby-error {
    text-align: center;
}

.ruby-js-loaded .block-ajax-filter-wrap {
    visibility: visible;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 1;
}

.block-ajax-filter-wrap {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    color: #aaaaaa;
}

.block-ajax-filter-inner {
    line-height: 1;
}

.ajax-filter-list {
    line-height: 1;
    display: inline-block;
}

.ajax-filter-el {
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.ajax-filter-list li {
    display: inline-block;
}

.ajax-filter-list li:first-child {
    margin-left: 0;
}

.ajax-filter-link {
    line-height: 30px;
    display: block;
    padding: 0 10px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-transform: inherit;
}

.ajax-filter-dropdown-list a.ajax-filter-link {
    line-height: 22px !important;
    margin: 0 !important;
    padding: 0 15px;
    border: none !important;
    border-radius: 0 !important;
    webkit-border-radius: 0 !important;
}

.ajax-filter-dropdown {
    line-height: 1;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.ajax-filter-more {
    line-height: 30px;
    display: inline-block;
    margin-left: 2px;
    padding: 0 10px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-transform: inherit;
    pointer-events: none;
}

.ajax-filter-more > span {
    text-transform: inherit;
}

.ajax-filter-dropdown:hover .ajax-filter-more {
    color: #282828;
}

.is-light-text .ajax-filter-dropdown:hover .ajax-filter-more {
    color: #ffffff;
}

.ajax-filter-more i {
    margin-left: 5px;
}

.ajax-filter-link:hover, .ajax-filter-link:hover,
.ajax-filter-link.is-active {
    color: #282828;
}

.ajax-filter-dropdown-list {
    position: absolute;
    z-index: 9999;
    top: 100%;
    right: 0;
    left: auto;
    display: block;
    visibility: hidden;
    min-width: 135px;
    padding: 10px 0;
    cursor: default;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    pointer-events: none;
    opacity: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.05);
}

.ajax-filter-dropdown-list .ajax-filter-link:hover,
.ajax-filter-dropdown-list .ajax-filter-link:focus,
.ajax-filter-dropdown-list .ajax-filter-link.is-active {
    color: #ffffff;
    background-color: #282828;
}

.ajax-filter-dropdown:not(.is-touch):hover .ajax-filter-dropdown-list,
.ajax-filter-dropdown:not(.is-touch):focus .ajax-filter-dropdown-list,
.ajax-filter-dropdown.is-touch.touch-active .ajax-filter-dropdown-list {
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    pointer-events: auto;
    opacity: 0.97;
}

.ajax-pagination {
    position: relative;
    display: block;
}

.ajax-nextprev.ajax-pagination {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
}

.ajax-nextprev.ajax-pagination a {
    font-size: inherit;
    line-height: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(28, 28, 28, .2);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.ajax-nextprev .ajax-prev {
    margin-right: 5px;
}

.ajax-nextprev.ajax-pagination a:hover,
.is-light-text .ajax-nextprev.ajax-pagination a:hover {
    color: #ffffff;
    background-color: #ff4545;
}

.ajax-nextprev.ajax-pagination i {
    line-height: inherit;
    display: block;
    margin: 0;
    padding: 0;
}

.ajax-nextprev .ajax-prev i {
    margin-right: 1px;
}

.ajax-nextprev .ajax-next i {
    margin-left: 1px;
}

.ajax-loadmore.ajax-pagination, .related-loadmore {
    clear: both;
    text-align: center;
}

.ajax-loadmore-link {
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    height: 24px;
    margin-bottom: 25px;
    padding: 0 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    white-space: nowrap;
    text-transform: uppercase;
    color: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(28, 28, 28, .2);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.ajax-loadmore-link span:after {
    font-family: 'simple-line-icons';
    font-size: 7px;
    line-height: 24px;
    display: inline-block;
    margin-left: 5px;
    content: '\e604';
    vertical-align: top;
}

.ruby-block-wrap.is-light-text .ajax-loadmore-link {
    background-color: rgba(255, 255, 255, .1);
}

.ruby-block-wrap .ajax-loadmore-link:hover,
.single-post-box-related .ajax-loadmore-link:hover {
    background-color: #ff4545;
}

.ajax-animation {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    visibility: hidden;
    width: 100%;
    height: 24px;
    text-align: center;
    pointer-events: none;
    opacity: 0;
}

.ajax-animation-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.ajax-infinite-scroll {
    height: 24px;
    margin-bottom: 25px;
}

.ajax-loader, .video-loader {
    position: absolute;
    z-index: 992;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.96;
}

.slider-loader {
    position: absolute;
    z-index: 992;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*
 svg background
*/
.ajax-loader, .slider-loader {
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22%23282828%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22%2F%3E%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center !important;
}

.ruby-gallery-popup-outer .slider-loader, .is-dark-block .ajax-loader,
.ruby-block-wrap.is-light-text .ajax-loader, .ruby-block-wrap.is-background-image .slider-loader,
.video-loader, .single-post-box-related-video .ajax-loader {
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22%23eeeeee%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22%2F%3E%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center !important;
}

.ajax-animation-icon {
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23282828%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22%2F%3E%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center !important;
}

.sb-widget-post .is-dark-block .ajax-loader {
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22%23999999%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22%2F%3E%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center !important;
}

.fw-block-1 {
    display: block;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}

.fw-block-1 .ruby-block-inner {
    padding-right: 4px;
    padding-left: 4px;
}

.fw-block-1 .block-content-inner {
    margin: -2px;
}

.fw-block-1 .slider-init {
    height: 458px;
}

.fw-block-1 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-2 .block-content-inner {
    margin: -2px;
}

.fw-block-2 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-2 .slider-init {
    height: 458px;
}

.fw-block-3 .block-content-inner {
    margin: -2px;
}

.fw-block-3 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-3 .slider-init {
    height: 456px;
}

.fw-block-3.is-grid-style-1 .post-feat-5 .post-mask-overlay {
    top: 30%;
}

.fw-block-4 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-4 .block-content-inner {
    margin: -2px;
}

.fw-block-4 .slider-init {
    height: 450px;
}

.fw-block-5 .block-content-inner {
    margin: 0;
}

.fw-block-5 .post-wrap {
    margin: 0;
    padding: 0;
}

.fw-block-5 .slick-slide {
    margin-right: 2px;
    margin-left: 2px;
}

.fw-block-5 .slick-list {
    margin-right: -2px;
    margin-left: -2px;
}

.fw-block-5 .slider-init {
    height: 225px;
}

.fw-block-6 .ruby-block-inner {
    padding-right: 0;
    padding-left: 0;
}

.fw-block-6 .block-content-inner {
    margin: -2px;
}

.fw-block-6 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-6.is-background .post-wrap .thumbnail-resize:before {
    opacity: 0 !important;
}

.fw-block-6.is-background .post-outer {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.fw-block-6.is-background .slick-slide.post-outer {
    overflow: hidden;
    height: auto;
    opacity: .3;
}

.fw-block-6.is-background .slick-slide.post-outer.slick-current {
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
    opacity: 1;
}

.fw-block-6 .post-feat-9 .post-thumb-outer {
    height: 420px;
}

.fw-block-6 .slider-init {
    height: 424px;
}

.fw-block-6 .post-header-outer {
    visibility: hidden;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.fw-block-6 .slick-current .post-header-outer {
    visibility: visible;
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
    opacity: 1;
}

.fw-block-7 .block-content-inner {
    margin: -2px;
}

.fw-block-7 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-7 .slider-init {
    height: 683px;
}

.fw-block-8 .block-content-inner {
    margin: -2px;
}

.fw-block-8 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-8 .slider-init {
    height: 678px;
}

.fw-block-9 .block-content-inner {
    margin: -2px;
}

.fw-block-9 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-9 .slider-init {
    height: 402px;
}

.fw-block-10 .block-content-inner {
    margin: -2px;
}

.fw-block-10 .post-wrap {
    margin: 0;
    padding: 2px;
}

.fw-block-10 .slider-init {
    height: 447px;
}

.fw-block-11 .block-content-inner {
    margin: 0;
}

.fw-block-11 .post-wrap {
    margin: 0;
    padding: 0;
}

.fw-block-11 .slider-init {
    height: 580px;
}

.fw-block-12 .block-content-inner {
    margin: 0;
}

.fw-block-12 .post-wrap {
    margin: 0;
    padding: 0;
}

.fw-block-12 .post-feat {
    overflow: hidden;
}

.fw-block-12-slider-nav {
    overflow: hidden;
    margin-top: 4px;
    margin-right: 0;
    margin-left: 0;
}

.fw-block-12-slider-nav .post-thumb-outer a {
    pointer-events: none;
}

.fw-block-12-slider-nav .slick-list {
    margin-right: -2px;
    margin-left: -2px;
}

.fw-block-12-slider-nav .slick-slide {
    margin-right: 2px;
    margin-left: 2px;
}

.fw-block-12-slider.slider-init {
    height: 500px;
}

.fw-block-12-slider-nav.slider-init {
    height: 108px;
}

.fw-block-12-slider-nav .no-thumb-outer {
    min-height: 113px;
}

.fw-block-grid-1.ruby-block-wrap:not(.is-background) {
    margin-bottom: 10px;
}

.fw-block-grid-1 .post-outer:nth-child(3n+1) {
    clear: both;
}

.fw-block-grid-1 .block-footer {
    top: -15px;
    margin-bottom: -5px;
}

.fw-block-grid-2.ruby-block-wrap:not(.is-background) {
    margin-bottom: 10px;
}

.fw-block-grid-2 .block-footer {
    top: -15px;
    margin-bottom: -5px;
}

.fw-block-grid-2 .post-outer:nth-child(2n+1) {
    clear: both;
}

.fw-block-grid-3 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
}

.fw-block-grid-3 .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.fw-block-grid-3 .post-outer:nth-child(5n+1) {
    clear: both;
}

.fw-block-grid-4 .post-outer:nth-child(3n+1) {
    clear: both;
}

.fw-block-grid-5 .block-content-inner {
    padding-bottom: 25px;
}

.fw-block-grid-5 .post-outer:nth-child(3n+1) {
    clear: both;
}

.fw-block-grid-6 .block-content-inner {
    padding-bottom: 25px;
}

.fw-block-grid-6 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
}

.fw-block-grid-6 .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.fw-block-grid-6 .post-outer:nth-child(4n+1) {
    clear: both;
}

.fw-block-grid-7 .block-content-inner {
    margin-right: -2px;
    margin-left: -2px;
    padding-bottom: 23px;
}

.fw-block-grid-7 .post-wrap.post-feat-6 {
    margin: 2px;
}

.fw-block-grid-7 .post-outer:nth-child(2n+1) {
    clear: both;
}

.fw-block-grid-8 .block-content-inner,
.fw-block-grid-9 .block-content-inner {
    margin-right: -2px;
    margin-left: -2px;
    padding-bottom: 23px;
}

.fw-block-grid-8 .post-wrap.post-feat-4,
.fw-block-grid-9 .post-wrap.post-feat-8 {
    margin: 2px;
}

.fw-block-grid-8 .post-outer:nth-child(3n+1),
.fw-block-grid-9 .post-outer:nth-child(3n+1) {
    clear: both;
}

.fw-block-grid-7.is-background .ruby-block-inner,
.fw-block-grid-8.is-background .ruby-block-inner,
.fw-block-grid-9.is-background .ruby-block-inner {
    padding-bottom: 25px;
}

.fw-block-gallery-1 .block-content-inner {
    margin: -2px;
}

.fw-block-gallery-1 .post-gallery-1 .post-thumb-outer {
    height: 368px;
}

.fw-block-gallery-1 .col-right .post-outer:nth-child(3n+1) {
    clear: both;
}

.fw-block-gallery-2 .block-content-inner {
    margin: -2px;
}

.post-gallery.post-wrap {
    margin: 2px;
}

.fw-block-gallery-2 .post-outer:nth-child(6n+1) {
    clear: both;
}

.video-playlist-wrap {
    display: block;
    overflow: hidden;
    background-color: #282828;
}

.is-background .video-playlist-wrap {
    background-color: transparent;
}

.video-playlist-iframe {
    position: relative;
    display: block;
    overflow: hidden;
}

.video-playlist-iframe-nav {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 215px;
    margin-top: 1px;
    padding: 20px 10px 0 10px;
    background-color: rgba(28, 28, 28, .3);
}

.video-playlist-iframe-nav::-webkit-scrollbar {
    width: 5px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #333333;

}

.video-playlist-iframe-nav::-webkit-scrollbar-corner {
    display: block;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: .5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ff4545;
}

.video-playlist-iframe-nav::-webkit-scrollbar-thumb {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: .5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ff4545;
}

.fw-block-video-1 .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.fw-block-video-1 .post-video-iframe .video-iframe-image {
    height: 621px;
}

.fw-block-video-1 .video-playlist-iframe-nav .post-outer:nth-child(5n+1) {
    clear: both;
}

.fw-block-video-1 .video-playlist-iframe-nav .post-outer:last-child .post-wrap {
    margin-bottom: 0;
}

.fw-block-video-2 .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.fw-block-video-2 .post-outer:last-child .post-wrap {
    margin-bottom: 0;
}

.fw-block-video-2 .video-playlist-iframe-nav {
    height: 410px;
    max-height: 410px;
    padding: 20px 10px;
}

.fw-block-video-2.is-background .video-playlist-iframe-nav {
    padding-top: 0;
    padding-bottom: 0;
}

.fw-block-video-2 .video-iframe-image {
    height: 410px;
}

.fw-block-onet .block-title h3 {
    font-size: .92em;
}

.fw-block-onet-1 .post-wrap:first-child {
    margin-bottom: 30px;
}

.fw-block-onet-2 .post-wrap:first-child {
    margin-bottom: 20px;
}

.fw-block-onet-2 .block-content-inner {
    padding-bottom: 25px;
}

.fw-block-onet-3 .post-wrap:first-child {
    margin-bottom: 30px;
}

.fw-block-onet-4 .post-wrap:first-child {
    margin-bottom: 30px;
}

.fw-block-onet-4 .block-content-inner {
    padding-bottom: 25px;
}

.fw-block-onet-4 .post-wrap:nth-child(2) {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.block-html .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.block-ad {
    text-align: center;
}

.block-ad .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.fw-block-ad {
    margin-top: -20px;
    margin-bottom: 50px;
}

.sb-block-ad {
    margin-top: -20px;
    margin-bottom: 30px;
}

.block-shortcode .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.block-mega-menu .ruby-block-inner {
    padding-right: 10px;
    padding-left: 10px;
}

.block-mega-menu .block-content-inner {
    margin-right: -10px;
    margin-left: -10px;
}

.block-mega-menu .post-wrap {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.block-mega-menu .ajax-nextprev {
    margin-bottom: 0;
}

/* mega menu block */
.mega-menu-wrap .ruby-block-wrap {
    clear: none !important;
    margin: 0;
    padding: 20px 10px;
}

.mega-menu-wrap .block-footer {
    display: block;
}

.mega-menu-wrap .block-mega-menu-sub {
    display: block;
    float: left;
    width: 81.9999%;
    min-height: 280px;
}

.fw-block-subscribe:not(.is-light-text) .block-subscribe-content.is-subscribe-bg:after {
    display: none;
}

.block-subscribe-content {
    position: relative;
    display: block;
}

.block-subscribe .block-content-inner {
    display: block;
    overflow: hidden;
}

.fw-block-subscribe .block-content-inner {
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.fw-block-subscribe .mc4wp-response {
    margin-top: 10px;
}

.block-subscribe-content.is-subscribe-bg {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.block-subscribe-content.is-subscribe-bg:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    pointer-events: none;
    background-color: rgba(28, 28, 28, .8);
}

.block-subscribe-content:not(.is-subscribe-bg) {
    background-color: #f7f7f7;
}

.is-light-text .block-subscribe-content:not(.is-subscribe-bg) {
    background-color: #282828;
}

.block-subscribe-content-inner {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 20px;
    text-align: center;
}

.block-subscribe-title h3 {
    display: block;
    margin-bottom: 10px;
}

.block-subscribe-desc {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 10px;
}

.block-subscribe-content-shortcode input {
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
    padding: 12px 20px;
    color: #282828 !important;
    border: 1px solid rgba(28, 28, 28, .07) !important;
}

.is-light-text .block-subscribe-content-shortcode input {
    color: #282828 !important;
    border-color: transparent !important;
}

.block-subscribe-content-shortcode input[type='submit'], .block-subscribe-content-shortcode button {
    font-size: 14px !important;
    font-weight: inherit;
    width: auto;
    padding-right: 30px;
    padding-left: 30px;
    color: #ffffff !important;
}

/*
 .hs-block
*/
.hs-block .col-right {
    margin-bottom: 25px;
}

.hs-block.is-background .col-left .post-wrap,
.hs-block.is-background .post-outer:first-child .post-wrap {
    border-color: rgba(255, 255, 255, .1);
}

.hs-block-1 .col-left .post-wrap,
.hs-block-1 .col-right {
    margin-bottom: 25px;
}

.hs-block-1 .col-right .post-wrap:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.hs-block-2 .col-left .post-wrap {
    margin-bottom: 25px;
}

.hs-block-2 .col-right > *:last-child .post-wrap {
    margin-bottom: 0;
}

.hs-block-3 .col-left .post-wrap {
    margin-bottom: 25px;
}

.hs-block-3 .col-right .post-wrap:last-child {
    margin-bottom: 0;
}

.hs-block-4 .col-left .post-wrap {
    margin-bottom: 25px;
}

.hs-block-4 .col-right .post-wrap:last-child {
    margin-bottom: 0;
}

.hs-block-5 .col-left .post-wrap {
    margin-bottom: 25px;
}

.hs-block-5 .col-right .post-wrap:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.hs-block-6 .col-left .post-wrap {
    margin-bottom: 23px;
}

.hs-block-6 .col-right .post-outer:last-child .post-wrap {
    margin-bottom: 0;
}

.hs-block-7 .col-left .post-wrap {
    margin-bottom: 23px;
}

.hs-block-7 .col-right .post-wrap:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.hs-block-8 .post-outer:first-child .post-wrap {
    margin-bottom: 30px;
}

.hs-block-8 .post-outer:nth-child(2n+2) {
    clear: both;
}

.hs-block-9 .block-content-inner {
    padding-bottom: 25px;
}

.hs-block-9 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-9 .post-outer:nth-child(2n+2) {
    clear: both;
}

.hs-block-10 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 25px;
}

.hs-block-10 .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.hs-block-10 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-10 .post-outer:nth-child(3n+2) {
    clear: both;
}

.hs-block-11 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-11 .post-outer:nth-child(2n+2) {
    clear: both;
}

.hs-block-12 .block-content-inner {
    padding-bottom: 25px;
}

.hs-block-12 .post-outer:first-child .post-wrap {
    margin-bottom: 30px;
}

.hs-block-12 .post-outer:nth-child(2n+2) {
    clear: both;
}

.hs-block-13 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-13 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 25px;
}

.hs-block-13 .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.hs-block-13 .post-outer:nth-child(3n+2) {
    clear: both;
}

.hs-block-14 .post-outer:nth-child(3n+2) {
    clear: both;
}

.hs-block-14 .post-overlay-3.post-wrap {
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
}

.hs-block-14 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
}

.hs-block-14 .post-grid-3.post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.hs-block-15-slider.slider-init {
    height: 336px;
}

.hs-block-15-slider-nav.slider-init {
    height: 70px;
}

.hs-block-15.ruby-block-wrap:not(.is-background) {
    margin-bottom: 50px;
}

.hs-block-15 .post-overlay.post-wrap {
    margin-bottom: 0;
}

.hs-block-15 .block-content-inner {
    margin-right: 0;
    margin-left: 0;
    background-color: #282828;
}

.hs-block-15 .post-wrap {
    margin: 0;
    padding: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hs-block-15 .post-header {
    z-index: 99;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hs-block-15-slider-nav {
    padding: 4px;
}

.hs-block-15-slider-nav .post-wrap {
    padding: 4px;
}

.hs-block-16 .slider-init {
    height: 364px;
}

.hs-block-16.ruby-block-wrap:not(.is-background) {
    margin-bottom: 48px;
}

.hs-block-16 .block-content-inner {
    margin: -2px;
}

.hs-block-16 .col-right {
    margin-bottom: 0;
}

.hs-block-16 .post-wrap {
    margin: 0;
    padding: 2px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hs-block-grid-1.ruby-block-wrap:not(.is-background) {
    margin-bottom: 10px;
}

.hs-block-grid-1 .post-outer:nth-child(2n+1) {
    clear: both;
}

.hs-block-grid-1 .block-footer {
    top: -15px;
    margin-bottom: -5px;
}

.hs-block-grid-2 .post-outer:nth-child(3n+1) {
    clear: both;
}

.hs-block-grid-2 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
}

.hs-block-grid-2 .post-grid-3.post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.hs-block-grid-3.ruby-block-wrap:not(.is-background) {
    margin-bottom: 25px;
}

.hs-block-grid-4 .block-content-inner {
    padding-bottom: 25px;
}

.hs-block-grid-5 .post-outer:nth-child(3n+1) {
    clear: both;
}

.hs-block-grid-5 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 25px;
}

.hs-block-grid-5 .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.hs-block-grid-6 .block-content-inner {
    margin-right: -2px;
    margin-left: -2px;
    padding-bottom: 23px;
}

.hs-block-grid-6 .post-wrap.post-feat-4 {
    margin: 2px;
}

.hs-block-grid-6 .post-outer:nth-child(2n+1) {
    clear: both;
}

.hs-block-oneh .block-title h3 {
    font-size: .92em;
}

.hs-block-oneh-1 .post-wrap:first-child {
    margin-bottom: 30px;
}

.hs-block-oneh-2 .post-wrap:first-child {
    margin-bottom: 20px;
}

.hs-block-oneh-2 .block-content-inner {
    margin-bottom: 25px;
}

.hs-block-oneh-3 .post-wrap:first-child {
    margin-bottom: 30px;
}

.hs-block-oneh-4 .post-wrap:first-child {
    margin-bottom: 30px;
}

.hs-block-oneh-4 .post-wrap:nth-child(2) {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.hs-block-oneh-4 .block-content-inner {
    margin-bottom: 25px;
}

.hs-block-list-1 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-list-2 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-classic-1 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-classic-2 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-mix-1 .post-classic {
    margin-bottom: 40px;
}

.hs-block-mix-1 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-mix-2 .post-classic {
    margin-bottom: 40px;
}

.hs-block-mix-2 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-mix-3 .post-classic {
    margin-bottom: 40px;
}

.hs-block-mix-3 .post-outer:nth-child(2n+2) {
    clear: both;
}

.hs-block-mix-3.ruby-block-wrap:not(.is-background) {
    margin-bottom: 10px;
}

.hs-block-mix-3 .block-footer {
    top: -15px;
    margin-bottom: -5px;
}

.hs-block-mix-4 .post-classic {
    margin-bottom: 30px;
}

.hs-block-mix-4 .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.hs-block-mix-4 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
}

.hs-block-mix-4 .post-outer:nth-child(7n+5) {
    clear: both;
}

.hs-block-mix-5 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-mix-6 .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.hs-block-mix-7 .post-outer:nth-child(2n+2) {
    clear: both;
}

.hs-block-mix-8 .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.hs-block-mix-8 .post-classic {
    margin-bottom: 30px;
}

.hs-block-mix-8 .block-content-inner {
    margin-right: -15px;
    margin-left: -15px;
}

.hs-block-mix-8 .post-outer:nth-child(3n+2) {
    clear: both;
}

.hs-block-gallery {
    margin-bottom: 48px;
}

.hs-block-gallery-1 .block-content-inner {
    margin: -2px;
}

.hs-block-gallery-1 .post-wrap {
    margin: 2px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hs-block-gallery-1 .col-right .post-outer:nth-child(3n+1) {
    clear: both;
}

.hs-block-gallery-2 .block-content-inner {
    margin: -2px;
}

.hs-block-gallery-2 .post-wrap {
    margin: 2px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hs-block-gallery-2 .col-right .post-outer:nth-child(5n+1) {
    clear: both;
}

.hs-block-video {
    margin-bottom: 50px;
}

.hs-block-video-1 .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.hs-block-video-1 .video-playlist-iframe-nav .post-outer:nth-child(3n+1) {
    clear: both;
}

.hs-block-video-2 .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.hs-block-subscribe .block-subscribe-content-inner {
    padding: 40px 10px;
}

.hs-block-subscribe .block-content-inner {
    margin-right: 0;
    margin-bottom: 50px;
    margin-left: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.hs-block-subscribe .block-subscribe-title h3 {
    font-size: 28px;
}

.hs-block-subscribe .block-subscribe-content-shortcode input[type='submit'],
.hs-block-subscribe .block-subscribe-content-shortcode button {
    font-size: 13px !important;
}

.block-popup-gallery, .ruby-gallery-popup-outer .mfp-content {
    pointer-events: none;
}

.block-popup-gallery {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.ruby-gallery-popup-outer .mfp-content {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ruby-gallery-popup-outer .mfp-content:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.block-popup-gallery-inner {
    max-width: 1230px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
    pointer-events: auto !important;
}

.ruby-gallery-popup-outer .block-popup-gallery-inner {
    pointer-events: auto !important;
}

.block-popup-gallery .mfp-close {
    right: 10px;
}

.popup-slider-gallery.slider-init {
    height: 612px;
}

.popup-slider-gallery > .slick-dots {
    pointer-events: none;
    opacity: .7;
}

.popup-gallery-slider-nav {
    overflow: hidden;
    padding: 2px;
    background-color: rgba(28, 28, 28, .2);
}

.popup-gallery-slider-nav .slick-track {
    margin-right: auto;
    margin-left: auto;
}

.post-thumb-gallery-slider {
    margin-bottom: 30px;
}

.popup-thumbnail-slider {
    max-height: 480px;
    margin: 20px 10px 40px 10px;
}

.popup-thumbnail-slider .slick-dots {
    bottom: -25px;
}

.popup-thumbnail-slider-outer {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    vertical-align: middle;
    pointer-events: none;
}

.ruby-thumbnail-popup-outer .mfp-content {
    pointer-events: none;
}

.popup-thumbnail-slider-outer .ruby-slider-popup-prev {
    left: 10px;
}

.popup-thumbnail-slider-outer .ruby-slider-popup-next {
    right: 10px;
}

.popup-thumbnail-slider-inner {
    overflow: hidden;
    padding: 0;
    pointer-events: auto !important;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .1);
}

.popup-thumbnail-slider-image-holder {
    position: relative;
    display: block;
    height: 480px;
    text-align: center;
}

.popup-thumbnail-slider-image {
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
}

.popup-thumbnail-slider-image img {
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ruby-thumb-galley-popup {
    position: relative;
    cursor: pointer;
}

.popup-thumbnail-slider-outer .ruby-slider-nav:hover {
    background-color: #ff4545;
}

.ruby-gallery-popup-outer.mfp-close-btn-in .mfp-close {
    display: none;
}

/* 6.0 - BLOG PAGES */

.blog-listing-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    margin-right: -20px;
    margin-left: -20px;
}

.blog-listing-el {
    position: relative;
    display: block;
    overflow: hidden;
}

.blog-pagination {
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 50px;
    margin-left: 20px;
    text-align: center;
}

.pagination-desc,
.pagination-text {
    font-size: 14px;
    font-style: italic;
    display: block;
    margin-top: 10px;
    color: #aaaaaa;
}

.page-numbers {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    width: auto;
    height: 30px;
    margin-right: 2px;
    padding: 0 12px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #f2f2f2;
}

.page-numbers:last-child {
    margin-right: 0;
}

a.page-numbers:hover, a.page-numbers:focus, .page-numbers.current {
    color: #ffffff;
    background-color: #ff4545;
}

.page-numbers i {
    font-size: 11px;
    line-height: inherit;
}

.pagination-next-prev a {
    font-size: 13px;
    line-height: 30px;
    display: block;
    width: auto;
    height: 30px;
    margin-right: 2px;
    padding: 0 12px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #f2f2f2;
}

.pagination-next-prev .older {
    float: right;
}

.pagination-next-prev .newer {
    float: left;
}

.pagination-next-prev i {
    font-size: 9px;
    line-height: inherit;
}

.pagination-next-prev .older i {
    margin-left: 5px;
}

.pagination-next-prev .newer i {
    margin-right: 5px;
}

.pagination-next-prev a:hover, .pagination-next-prev a:focus {
    color: #ffffff;
    background-color: #ff4545;
}

.blog-loadmore-link {
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    height: 24px;
    margin: 0 0 40px 0;
    padding: 0 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    white-space: nowrap;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 24px;
    background-color: rgba(28, 28, 28, .2);
}

.blog-loadmore-link span:after {
    font-family: 'simple-line-icons';
    font-size: 7px;
    line-height: 24px;
    display: inline-block;
    margin-left: 5px;
    content: '\e604';
    vertical-align: top;
}

.blog-loadmore-link:hover {
    background-color: #ff4545;
}

.pagination-infinite-scroll {
    position: relative;
    display: block;
    height: 24px;
    min-height: 24px;
}

.is-classic_1.blog-wrap .blog-pagination {
    margin-top: 0;
}

.is-classic_2.blog-wrap .blog-pagination {
    margin-top: 0;
}

.is-grid_1.blog-wrap.has-1st-classic .blog-listing-el {
    margin-top: 10px;
}

.is-grid_1.blog-wrap.has-1st-classic .blog-listing-el:first-child {
    margin-top: 0;
}

.is-grid_1.blog-wrap.no-1st-classic .content-with-sidebar .post-outer:nth-child(2n+1) {
    clear: both;
}

.is-grid_1.blog-wrap.has-1st-classic .content-with-sidebar .post-outer:nth-child(2n+2) {
    clear: both;
}

.is-grid_1.blog-wrap.has-1st-classic .post-classic-1-outer .post-classic-1.post-wrap {
    margin-bottom: 40px;
}

.is-grid_1.blog-wrap.no-1st-classic .content-without-sidebar .post-outer:nth-child(3n+1) {
    clear: both;
}

.is-grid_1.blog-wrap.has-1st-classic .content-without-sidebar .post-outer:nth-child(3n+2) {
    clear: both;
}

.is-grid_2 .blog-pagination {
    margin-top: 20px;
}

.is-grid_2.blog-wrap.has-1st-classic .blog-listing-el {
    margin-top: 20px;
}

.is-grid_2.blog-wrap.has-1st-classic .blog-listing-el:first-child {
    margin-top: 0;
}

.is-grid_2 .blog-listing-wrap {
    margin-right: -15px;
    margin-left: -15px;
}

.is-grid_2.blog-wrap.has-1st-classic .post-outer .post-classic-1.post-wrap {
    margin-bottom: 40px;
}

.is-grid_2.blog-wrap .post-wrap {
    margin-right: 15px;
    margin-left: 15px;
}

.is-grid_2.blog-wrap.no-1st-classic .content-with-sidebar .post-outer:nth-child(3n+1) {
    clear: both;
}

.is-grid_2.blog-wrap.has-1st-classic .content-with-sidebar .post-outer:nth-child(3n+2) {
    clear: both;
}

.is-grid_2.blog-wrap.no-1st-classic .content-without-sidebar .post-outer:nth-child(5n+1) {
    clear: both;
}

.is-grid_2.blog-wrap.has-1st-classic .content-without-sidebar .post-outer:nth-child(5n+2) {
    clear: both;
}

.is-grid_3 .blog-pagination {
    margin-top: 25px;
}

.is-grid_3.blog-wrap.has-1st-classic .blog-listing-el {
    margin-top: 25px;
}

.is-grid_3.blog-wrap.has-1st-classic .blog-listing-el:first-child {
    margin-top: 0;
}

.is-grid_3.blog-wrap.no-1st-classic .content-with-sidebar .post-outer:nth-child(2n+1) {
    clear: both;
}

.is-grid_3.blog-wrap.has-1st-classic .content-with-sidebar .post-outer:nth-child(2n+2) {
    clear: both;
}

.is-grid_3.blog-wrap.has-1st-classic .post-classic-1-outer .post-classic-1.post-wrap {
    margin-bottom: 30px;
    padding-bottom: 35px;
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.is-grid_3.blog-wrap.no-1st-classic .content-without-sidebar .post-outer:nth-child(3n+1) {
    clear: both;
}

.is-grid_3.blog-wrap.has-1st-classic .content-without-sidebar .post-outer:nth-child(3n+2) {
    clear: both;
}

.is-grid_4 .blog-listing-wrap {
    margin-bottom: 50px;
}

.is-grid_4.blog-wrap.has-1st-classic .blog-listing-el {
    margin-top: 35px;
}

.is-grid_4.blog-wrap.has-1st-classic .blog-listing-el:first-child {
    margin-top: 0;
}

.is-grid_4.blog-wrap.no-1st-classic .content-with-sidebar .post-outer:nth-child(2n+1) {
    clear: both;
}

.is-grid_4.blog-wrap.has-1st-classic .content-with-sidebar .post-outer:nth-child(2n+2) {
    clear: both;
}

.is-grid_4.blog-wrap.has-1st-classic .post-classic-1-outer .post-classic-1.post-wrap {
    margin-bottom: 35px;
}

.is-grid_4.blog-wrap.no-1st-classic .content-without-sidebar .post-outer:nth-child(3n+1) {
    clear: both;
}

.is-grid_4.blog-wrap.has-1st-classic .content-without-sidebar .post-outer:nth-child(3n+2) {
    clear: both;
}

.is-grid_5 .blog-listing-wrap {
    margin-bottom: 50px;
}

.is-grid_5.blog-wrap.has-1st-classic .blog-listing-el {
    margin-top: 30px;
}

.is-grid_5.blog-wrap.has-1st-classic .blog-listing-el:first-child {
    margin-top: 0;
}

.is-grid_5.blog-wrap.no-1st-classic .content-with-sidebar .post-outer:nth-child(3n+1) {
    clear: both;
}

.is-grid_5.blog-wrap.has-1st-classic .content-with-sidebar .post-outer:nth-child(3n+2) {
    clear: both;
}

.is-grid_5.blog-wrap.has-1st-classic .post-classic-1-outer .post-classic-1.post-wrap {
    margin-bottom: 30px;
    padding-bottom: 35px;
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.is-grid_5.blog-wrap.no-1st-classic .content-without-sidebar .post-outer:nth-child(4n+1) {
    clear: both;
}

.is-grid_5.blog-wrap.has-1st-classic .content-without-sidebar .post-outer:nth-child(4n+2) {
    clear: both;
}

.is-list_1.blog-wrap.has-1st-classic .blog-listing-el {
    margin-top: 10px;
}

.is-list_1.blog-wrap.has-1st-classic .blog-listing-el:first-child {
    margin-top: 0;
}

.is-list_1.blog-wrap.has-1st-classic .post-classic-1-outer .post-classic-1.post-wrap {
    margin-bottom: 40px;
}

.is-list_2.blog-wrap.has-1st-classic .blog-listing-el {
    margin-top: 10px;
}

.is-list_2.blog-wrap.has-1st-classic .blog-listing-el:first-child {
    margin-top: 0;
}

.is-list_2.blog-wrap.has-1st-classic .post-classic-1-outer .post-classic-1.post-wrap {
    margin-bottom: 40px;
}

/*
.archive-header
*/
.archive-header {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.category .archive-header {
    margin-right: 20px;
    margin-left: 20px;
}

h1.archive-title {
    font-size: 24px;
    line-height: 1.1em;
    text-transform: none;
}

.category h1.archive-title {
    color: inherit;
}

.page-search-form {
    display: block;
    margin-top: 20px;
}

.page-search-form-description {
    font-style: italic;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #aaaaaa;
}

.page-search-form-description:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    content: '';
    vertical-align: baseline;
    border-radius: 50%;
    background-color: #eeeeee;
}

.author .archive-header {
    border-bottom: none;
}

.archive-header .single-post-box-author {
    margin-top: 15px;
    margin-bottom: 0;
}

.box-author-total-post {
    font-weight: 700;
    text-transform: uppercase;
    color: #ff4545;
}

.nothing-found-wrap {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-right: 0;
    margin-left: 0;
}

.nothing-found-wrap .ruby-search {
    max-width: 500px;
}

#ruby-feat-index {
    position: relative;
    display: block;
}

.category-header-outer {
    position: relative;
    display: block;
}

.category-header-outer .archive-header {
    position: relative;
    display: block;
    border-bottom: none;
}

.category-header-outer .archive-description {
    font-style: italic;
    margin-top: 10px;
    opacity: .7;
}

.archive-description p {
    font-size: inherit;
    font-style: inherit;
}

.page-404-content-header {
    display: block;
    margin-top: 40px;
    margin-bottom: 50px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}

.title-nothing {
    line-height: 1.2;
    display: block;
}

.title-nothing > * {
    font-size: 36px;
    line-height: inherit;
    color: #ff4545;
}

.description-nothing {
    font-size: 22px;
    line-height: 1.4em;
    margin: 15px auto 25px auto;
    opacity: .7;
}

.ruby-page-404-inner .description-nothing {
    max-width: 500px;
}

.page-404-search {
    display: block;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.ruby-page-404-inner .blog-listing-el .post-outer:nth-child(3n+1) {
    clear: both
}

.page-404-blog-header {
    display: block;
    margin-bottom: 25px;
    text-align: center;
}

.page-404-blog-header h3 {
    font-size: 13px;
    font-weight: inherit;
    line-height: .9;
    display: inline-block;
    float: none;
    padding: 7px 30px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ffffff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #282828;
}

/* 7.0 - SINGLE */

.single-post-outer, .single-post-wrap {
    position: relative;
    display: block;
}

.single-post-top {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.single-post-infinite-icon {
    position: relative;
    display: block;
    height: 32px;
    margin-bottom: 60px;
}

.single-post-infinite-icon .ajax-animation {
    height: 32px;
}

.single-post-infinite-icon .ajax-animation-icon {
    width: 32px;
    height: 32px;
}

#single-post-infinite > * {
    position: relative;
    clear: both;
    border-top: 1px solid rgba(28, 28, 28, .07);
}

#single-post-infinite > *:first-child {
    border-top: none;
}

.single-inner {
    display: block;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.single-inner.content-without-sidebar {
    float: none;
}

.single-inner .breadcrumb-inner {
    padding-right: 0;
    padding-left: 0;
}

.single-post-meta-info {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.single-post-meta-info-inner {
    line-height: 1.5;
    display: block;
}

.meta-info-date-full {
    display: block;
}

.single-post-meta-info.is-show-avatar .post-meta-info.is-show-icon > .meta-info-el:first-child > i {
    display: none;
}

.meta-info-date-full-inner {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    color: #aaaaaa;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.meta-info-date-full-inner .updated, .meta-info-date .updated {
    display: none;
}

.meta-info-author-thumb {
    display: block;
    float: left;
    margin-right: 12px;
}

.meta-info-author-thumb img {
    display: block;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-hide-fulldate .meta-info-author-thumb {
    margin-right: 10px;
}

.is-hide-fulldate .meta-info-author-thumb img {
    width: 20px;
    height: 20px;
}

.single-post-meta-info .post-meta-info {
    margin-top: 0;
    color: inherit;
}

.single-post-header {
    display: block;
    margin-bottom: 30px;
}

.single-title {
    display: block;
    margin-bottom: 15px;
}

.single-post-action {
    line-height: 34px;
    position: relative;
    display: block;
    overflow: hidden;
}

.single-post-action > * {
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}

.single-post-action > *:after, .single-post-counter > *:after {
    line-height: inherit;
    position: relative;
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    padding-right: 10px;
    content: '';
    vertical-align: middle;
    border-right: 1px dashed rgba(28, 28, 28, .07);
}

.single-post-counter > *:last-child:after, .single-post-action > *:last-child:after {
    display: none;
    margin: 0;
}

.single-post-cat-info.post-cat-info {
    margin-bottom: 15px;
}

.single-subtitle {
    position: relative;
    display: block;
    margin-bottom: 22px;
    padding-left: 10px;
    border-left: 2px solid;
}

.single-post-meta-info-share .share-bar-el {
    display: block;
    float: left;
    margin-left: 4px;
}

.single-post-meta-info-share .share-bar-el:first-child {
    margin-left: 0;
}

.single-post-meta-info-share .share-bar-el i {
    font-size: 18px;
    line-height: 34px;
    display: block;
    overflow: hidden;
    width: 34px;
    height: 34px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.single-post-meta-info-share .share-bar-el:hover i {
    background-color: #282828;
}

.single-post-share-total, .single-post-view-total {
    line-height: inherit;
    position: relative;
    display: inline-block;
}

.share-total-icon, .view-total-icon {
    font-size: 22px;
    line-height: inherit;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    opacity: .3;
}

.share-total-icon i, .view-total-icon i {
    line-height: inherit;
    display: block;
}

.share-total-number, .view-total-number {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ff4545;
}

.ruby-ajax-view {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 1;
}

.ruby-ajax-view.is-invisible {
    opacity: 0;
}

.share-total-caption, .view-total-caption {
    line-height: inherit !important;
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
}

.box-author-thumb {
    display: block;
    float: left;
    width: 100px;
    height: auto;
    margin-top: 10px;
    margin-right: 20px;
}

.single-post-box-author {
    display: block;
    margin-bottom: 30px;
    padding: 20px 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fafafa;
}

.box-author-thumb img {
    display: block;
    border-radius: 50%;
}

.box-author-content {
    display: block;
    margin-left: 120px;
}

.box-author-title {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin-bottom: 5px;
}

.box-author-title-caption {
    font-style: italic;
    display: inline-block;
    margin-right: 10px;
    text-transform: capitalize;
    opacity: .6;
}

.box-author-title a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-transform: uppercase;
    color: #ff4545;
}

.box-author-title a:hover {
    color: #282828;
}

.box-author-desc {
    font-size: .92em;
    font-style: italic;
    line-height: 1.6;
    display: block;
    margin-bottom: 15px;
}

.box-author-desc a {
    color: #ff4545;
}

.box-author-desc a:hover {
    text-decoration: underline;
    color: #282828;
}

.box-author-footer {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 24px;
}

.box-author-social a {
    display: block;
    float: left;
    margin-right: 12px;
}

.box-author-social a:last-child {
    margin-right: 0;
}

.box-author-viewmore {
    font-size: 12px;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    white-space: nowrap;
}

.box-author-viewmore > * {
    line-height: inherit;
    margin-left: 5px;
    opacity: .6;
}

.box-author-viewmore > a {
    text-transform: uppercase;
    opacity: 1;
    color: #ff4545;
}

.box-author-viewmore > a:hover {
    color: #282828;
}

.box-author-social i {
    font-size: 15px;
    line-height: 24px;
    display: block;
    float: left;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: .5;
}

.box-author-social a:hover i {
    opacity: 1;
}

.box-author-job {
    font-size: 11px;
    line-height: 20px;
    display: block;
    opacity: .6;
}

.box-author-job span {
    display: inline-block;
    margin-top: 3px;
    padding-top: 3px;
    border-top: 1px solid rgba(28, 28, 28, .1);
}

/* single share big */
.single-post-share-big {
    font-size: 14px;
    font-weight: 700;
    display: block;
    clear: both;
    margin-top: -20px;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.single-post-share-big-inner {
    display: inline-block;
    margin-right: -10px;
    margin-left: -10px;
}

.single-post-share-big-inner > * {
    font-size: 14px;
    line-height: 34px;
    display: block;
    float: left;
    min-width: 250px;
    margin: 5px 10px;
    padding: 0 30px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-border-radius: 34px;
    border-radius: 34px;
}

.single-post-share-big-inner a > * {
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}

.single-post-share-big-inner > *:nth-child(2n+1) {
    clear: both;
}

.single-post-share-big-inner i {
    font-size: 18px;
    line-height: inherit;
    margin-right: 10px;
}

.single-post-ad {
    display: block;
    margin: 30px 0;
    text-align: center;
}

.single-post-ad > * {
    display: inline-block;
    max-width: 100%;
}

/* single navigation */
.single-post-box-outer {
    position: relative;
    display: block;
}

.single-post-box-nav {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.single-post-box-nav .nav-left {
    display: block;
    padding-right: 20px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.single-post-box-nav .nav-right {
    display: block;
    float: right;
    padding-left: 20px;
    border-collapse: collapse;
    text-align: right;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.single-post-box-nav .nav-arrow {
    font-size: 11px;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: .6;
}

.single-post-box-nav .nav-arrow i {
    font-size: 13px;
    margin-right: 7px;
}

.single-post-box-nav .nav-right .nav-arrow i {
    margin-right: 0;
    margin-left: 7px;
}

.single-post-box-nav .nav-right.nav-arrow i {
    margin-right: 0;
    margin-left: 7px;
}

.single-image-popup .mfp-figure {
    position: relative;
    display: block;
    max-width: 1200px;
    margin: 30px 10px;
}

.single-image-popup img.mfp-img {
    padding: 0;
}

/* box related */
.single-post-box-related {
    display: block;
    margin-top: 30px;
}

.box-related-content {
    position: relative;
    display: block;
    overflow: hidden;
}

.box-related-1 .box-related-content {
    margin-right: -20px;
    margin-left: -20px;
}

.box-related-1 .box-related-content .post-outer.col-sm-6:nth-child(2n+1) {
    clear: both;
}

.box-related-1 .box-related-content .post-outer.col-sm-4:nth-child(3n+1) {
    clear: both;
}

.box-related-2 .box-related-content {
    margin-right: -10px;
    margin-left: -10px;
}

.box-related-2 .post-wrap {
    margin-right: 10px;
    margin-left: 10px;
}

.box-related-2 .box-related-content .post-outer.col-sm-4:nth-child(3n+1) {
    clear: both;
}

.box-related-2 .box-related-content .post-outer.ruby-col-5:nth-child(5n+1) {
    clear: both;
}

.box-related-3 .box-related-content {
    margin-right: -20px;
    margin-left: -20px;
}

.box-related-footer {
    position: relative;
    display: block;
    height: 24px;
    margin-top: 10px;
}

.single-post-thumb-outer {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.single-post-1.is-single-center .single-subtitle {
    padding-left: 0;
    border-left: none;
}

.single-post-1.is-single-center .single-post-header {
    text-align: center;
}

.single-post-1.is-single-center .single-subtitle {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.single-post-1 .single-post-header .post-thumb {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.single-post-2.is-single-center .single-post-top {
    text-align: center;
}

.single-post-thumb-outer .post-thumb > img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.single-post-2 .single-post-top {
    padding-right: 20px;
    padding-left: 20px;
}

.single-post-overlay-outer {
    position: absolute !important;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.single-post-overlay-holder {
    display: table;
    width: 100%;
    height: 100%;
}

.single-post-overlay {
    z-index: 25;
    display: table-cell;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align: bottom;
}

.single-post-overlay .single-post-cat-info.post-cat-info {
    margin-bottom: 12px;
}

.single-post-overlay .meta-info-date-full-inner {
    color: #cbcbcb;
}

.single-post-3.is-single-center .single-post-overlay {
    padding-right: 45px;
    padding-left: 45px;
    text-align: center;
    vertical-align: middle;
}

.single-post-3.is-single-center .single-post-meta-info {
    margin-bottom: 0;
}

.single-post-3 .single-post-top {
    padding-right: 20px;
    padding-left: 20px;
}

.single-post-3 .single-post-top .thumb-caption,
.single-post-5 .single-post-feat-bg-outer .thumb-caption {
    top: 10px;
    bottom: auto;
}

.single-post-feat-bg-outer {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-post-feat-bg {
    position: relative;
    display: block;
    overflow: hidden;
    height: 460px;
    background-color: #282828 !important;
}

.backstretch {
    background-color: #282828 !important;
}

.backstretch img {
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    background-color: #282828 !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.backstretch-perload .backstretch img {
    opacity: 0;
}

.single-post-feat-image {
    display: none;
}

.single-post-4.is-single-center .single-post-overlay {
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
}

.single-post-4.is-single-center .single-post-meta-info {
    margin-bottom: 0;
}

.single-post-4.is-single-left .single-post-overlay {
    padding-bottom: 10px;
}

.is-breadcrumb .single-post-4.is-single-center .single-post-overlay {
    padding-top: 20px;
}

.is-single-center .single-post-overlay-outer .post-format-wrap {
    display: inline-block;
    margin-top: 0 !important;
}

.is-single-center .single-post-overlay-outer .post-format-wrap .post-format-icon {
    margin: 15px 0 0 0;
}

.single-post-5 .single-post-feat-bg-outer,
.single-post-5 .single-post-feat-bg {
    height: 500px;
}

.single-post-5 .single-post-feat-bg-outer .post-format-wrap {
    margin-top: -60px;
}

.single-post-5 .single-wrap.ruby-page-wrap {
    position: relative;
    z-index: 31;
    margin-top: -90px;
    padding-top: 20px;
    background-color: #ffffff;
}

.is-site-boxed .single-post-5 .single-wrap.ruby-page-wrap {
    margin-right: 20px;
    margin-left: 20px;
}

.single-post-5 .single-post-overlay {
    padding-bottom: 90px;
}

body:not(.is-site-boxed) .single-post-5 .single-post-overlay {
    padding-right: 0;
    padding-left: 0;
}

.single-post-5.is-single-center .single-post-overlay {
    padding: 0 10px 60px 10px;
    text-align: center;
    vertical-align: middle;
}

.is-breadcrumb .single-post-5.is-single-center .single-post-overlay {
    padding-top: 15px;
}

.single-post-5.is-single-center .single-post-meta-info {
    margin-bottom: 0;
}

body:not(.is-site-boxed) .single-post-5 .breadcrumb-inner {
    padding-right: 0;
    padding-left: 0;
}

.single-post-6 .single-post-overlay-inner {
    display: block;
    margin-bottom: -1px;
    padding-right: 0;
    padding-left: 0;
}

.single-post-6:not(.is-single-center) .single-post-overlay-inner.is-float-right {
    float: right;
}

.single-post-6.is-single-center .single-post-overlay-inner {
    text-align: center;
}

.single-post-popup-video {
    display: block;
    width: 80%;
    max-width: 1280px;
    margin: 60px auto;
    pointer-events: auto !important;
}

.single-post-popup-video .mfp-close {
    display: none
}

.is-video-popup .mfp-content {
    pointer-events: none;
}

.is-single-video-format.post-format-wrap {
    z-index: 110;
    opacity: 1;
}

.is-single-video-format .post-format-icon {
    -webkit-transition: background .25s ease;
    transition: background .25s ease;
}

.is-single-video-format .post-format-icon:hover {
    background-color: rgba(28, 28, 28, .9);
}

.single-post-popup-video-btn {
    position: absolute;
    z-index: 111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    pointer-events: auto;
}

.single-post-popup-video-inner {
    position: relative;
    display: block;
}

.single-post-6 .single-post-popup-video-btn {
    margin-top: -90px;
}

.single-post-6 .single-post-overlay-header {
    display: block;
    padding: 20px 15px 0 15px;
    border-top: 4px solid #ff4545;
    background-color: #282828;
}

.single-post-6 .single-post-top .post-format-wrap {
    top: 20px;
    right: 20px;
    left: auto;
}

.single-post-6 .single-post-top .post-format-wrap .post-format-icon {
    margin: 0 !important;
}

/* single post 7 */
.single-post-feat-screen {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: #282828 !important;
}

.is-site-boxed .single-post-feat-screen {
    z-index: 3 !important;
}

.single-post-feat-screen .backstretch {
    opacity: .3;
}

.is-single-fullscreen .header-wrap {
    background-color: #282828;
}

.is-single-fullscreen .header-inner {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.is-single-fullscreen .banner-wrap {
    display: none;
}

.is-site-boxed.is-single-fullscreen .banner-wrap {
    display: block;
}

.single-post-feat-screen-outer {
    position: relative;
    display: block;
    height: 550px;
}

.single-post-7 .single-post-overlay {
    position: relative;
    vertical-align: middle;
}

.single-post-7.is-single-center .single-post-overlay {
    text-align: center;
}

.single-post-7 .post-meta-info {
    margin-bottom: 0;
}

.single-post-7.is-single-left .single-post-overlay .post-format-wrap {
    top: 20px;
    right: 20px;
    left: auto;
    margin: 0;
}

.single-post-7.is-single-left .single-post-overlay .post-format-wrap .post-format-icon {
    margin: 0;
}

.single-post-7.is-single-center .single-post-meta-info {
    margin-bottom: 0;
}

.is-breadcrumb .single-post-7 .single-post-overlay {
    padding-top: 20px;
}

/* single post 8 */
.single-post-8 .single-post-action {
    display: inline-block;
    overflow: hidden;
}

.single-post-8 .single-post-header {
    padding-bottom: 15px;
    border-bottom: 2px dashed rgba(28, 28, 28, .07);
}

.single-post-video-2 .single-post-top {
    padding-right: 20px;
    padding-left: 20px;
}

.single-post-video-2.is-single-center .single-post-action {
    display: inline-block;
    overflow: hidden;
}

.single-post-video-2 .breadcrumb-outer {
    padding-left: 0 !important;
}

.single-post-video-3 .ruby-page-wrap.ruby-section {
    margin-top: 0;
}

.single-post-video-3 .single-post-top-video-related {
    background-color: rgba(28, 28, 28, .3);
}

.single-post-video-3 .single-post-box-related-video {
    padding-top: 5px;
    background-color: transparent;
}

.single-post-video-3 .single-post-video-outer {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.single-post-video-3.is-single-center .single-post-action {
    display: inline-block;
    overflow: hidden;
}

.related-video-1 {
    display: block;
    padding-top: 10px;
    background-color: #242424;
}

.related-video-1 .box-related-content {
    margin-right: -10px;
    margin-left: -10px;
}

.related-video-1 .post-wrap {
    margin-right: 10px;
    margin-left: 10px;
}

/*
 .single-post-tag
*/
.single-post-tag-outer {
    position: relative;
    display: block;
    clear: both;
}

.single-post-tag:first-child {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.single-post-tag:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.single-post-tag {
    display: block;
    margin-bottom: 15px;
}

.single-post-tag .tag-label {
    margin-right: 7px;
}

.single-post-tag a {
    display: inline-block;
    margin-right: 7px;
}

/*
 .review-box-wrap
*/
.review-box-wrap {
    display: block;
    padding: 25px;
    border: 3px solid rgba(28, 28, 28, .07);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.review-box-wrap.is-bottom {
    max-width: 760px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
}

.review-box-title {
    display: block;
    margin-bottom: 25px;
    border-bottom: 3px solid rgba(28, 28, 28, .07);
}

.review-box-title h3 {
    font-size: 16px;
    letter-spacing: 0;
}

.review-box-title h3:before {
    font-family: FontAwesome;
    font-weight: 400;
    display: inline-block;
    margin-right: 7px;
    content: '\f123';
    opacity: 1;
}

.review-el, .review-el-inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.review-el {
    margin-top: 12px;
    margin-bottom: 12px;
}

.score-bar-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 16px;
    margin-top: 2px;
    margin-bottom: 5px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: rgba(28, 28, 28, .07);
}

.score-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.score-animation {
    -webkit-transition: all 1.2s linear;
    transition: all 1.2s linear;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.post-review-score, .score-bar {
    background-color: #f3d276;
}

.review-description {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.review-el .review-info-score {
    font-size: inherit !important;
    font-weight: 700;
    float: right;
    color: #f3d276;
}

.review-summary-wrap {
    display: block;
    overflow: hidden;
    margin-top: 25px;
}

.review-pros-cons-wrap {
    display: block;
    overflow: hidden;
    margin-right: -20px;
    margin-left: -20px;
    padding-top: 20px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.is-top .review-pros-cons-wrap {
    margin-right: -10px;
    margin-left: -10px;
}

.review-pros-cons {
    float: left;
    width: 50%;
    padding-right: 20px;
    padding-left: 20px;
}

.is-top .review-pros-cons {
    padding-right: 10px;
    padding-left: 10px;
}

.review-summary-wrap .review-pros-cons h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
}

.review-pros-title:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    content: '\f087';
}

.review-cons-title:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    content: '\f088';
}

.review-box-wrap .post-review-info {
    top: auto;
    right: auto;
    float: right;
    margin: 0 0 20px 20px;
    padding: 25px 15px;
    color: #ffffff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #ffdf86;
}

.is-btn-style-3 .review-box-wrap .post-review-info,
.is-btn-style-3 .score-bar-wrap, .is-btn-style-3 .score-bar,
.is-btn-style-3 #ruby-back-top i {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.post-review-info .review-info-score {
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    position: relative;
    display: inline-block;
}

.review-summary-wrap .review-summary-desc {
    font-style: italic;
    margin: 0;
}

.review-summary-inner {
    padding-top: 20px;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.review-summary-inner h3 {
    font-size: 18px;
    margin-bottom: 15px !important;
}

.score-remove {
    width: 0 !important;
}

.review-box-wrap.is-top {
    position: relative;
    z-index: 10;
    display: block;
    float: left;
    width: 60%;
    margin: 0 30px 30px 0;
}

.is-entry-padding .content-with-sidebar .review-box-wrap.is-top {
    margin-left: -75px;
}

.review-box-wrap.is-top .review-box-wrap .post-review-info {
    padding: 20px 12px;
}

.review-box-wrap.is-top .post-review-info .review-info-score {
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    position: relative;
    display: inline-block;
}

.single-post-video-holder {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: left;
    background-color: #282828;
}

.single-post-box-related-video {
    display: block;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
    background-color: rgba(28, 28, 28, .3);

}

.single-post-video-holder .single-post-thumb-outer {
    margin-bottom: 0;
}

.box-related-video-header {
    position: relative;
    display: block;
    margin: 15px 10px;
}

.ajax-related-video {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin-top: 0;
    padding: 0;
}

.ajax-related-video a {
    font-size: inherit;
    line-height: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .1);
}

.ajax-related-video a:hover {
    color: #ffffff;
    background-color: #ff4545;
}

.ajax-related-video i {
    line-height: inherit;
    display: block;
}

.box-related-video-header .block-title {
    font-size: 1.1em;
    line-height: 24px;
}

.single-post-box-related-video.is-light-text .block-title h3:before {
    opacity: 1;
    background-color: #ff4545;
}

.single-post-box-related-video .post-wrap {
    margin-bottom: 20px;
}

.single-post-box-related-video .block-content-inner {
    margin-right: 0;
    margin-left: 0;
}

.single-post-audio-2 .single-post-top {
    margin-right: 20px;
    margin-left: 20px;
}

.single-post-audio-2 .is-sidebar-left .breadcrumb-outer,
.single-post-gallery-slider-2 .is-sidebar-left .breadcrumb-outer {
    padding-left: 0;
}

.single-post-audio-2 .single-post-audio-outer {
    overflow: hidden;
    max-height: 180px;
}

.single-post-audio-2.is-single-center .single-post-action {
    display: inline-block;
    overflow: hidden;
}

.single-post-gallery-slider-2 .post-thumb-gallery-slider {
    margin-bottom: 0;
}

.single-post-gallery-slider-2 .slick-dots {
    bottom: 10px;
}

.single-post-gallery-slider-2 .slick-dots li:before {
    background-color: #ffffff;
}

.single-post-gallery-grid-2 .single-post-top,
.single-post-gallery-slider-2 .single-post-top {
    margin-right: 20px;
    margin-left: 20px;
}

.single-post-gallery-grid-2.is-single-center .single-post-action {
    display: inline-block;
    overflow: hidden;
}

.single-post-gallery-grid-2 .is-sidebar-left .breadcrumb-outer {
    padding-left: 0;
}

.post-thumb-gallery-outer.is-gallery .slider-init {
    height: 250px;
    max-height: 250px;
}

/*
 .wpcf7
*/
.entry .wpcf7, .entry .ninja-forms-form-wrap {
    display: block;
    padding: 30px 20px 20px 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #fafafa;
}

.wpcf7 input, .wpcf7 textarea {
    display: block;
    margin-top: 7px;
}

.wpcf7 textarea {
    width: 100%;
    opacity: 1;
    color: #282828;
}

.wpcf7 label {
    font-size: 13px;
}

div.wpcf7-response-output {
    margin-right: 0;
    margin-left: 0;
}

.is-tex-light .wpcf7 label {
    opacity: .7;
}

.wpcf7 label:before, .nf-field-label label:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    content: '';
    vertical-align: baseline;
    border: 1px solid #aaaaaa;
    border-radius: 50%;
}

span.wpcf7-not-valid-tip {
    margin-top: 5px;
}

.wpcf7 input[type='submit'], .wpcf7 button, input[type='button'].ninja-forms-field {
    font-size: 15px;
    line-height: 40px;
    display: inline-block;
    padding: 0 40px;
    -webkit-border-radius: 36px !important;
    border-radius: 36px !important;
}

textarea.ninja-forms-field {
    opacity: 1;
    color: #282828;
}

.entry .nf-form-cont {
    margin-top: 30px;
}

.entry .nf-form-fields-required {
    display: block;
    margin-bottom: 20px;
    color: #aaaaaa;
}

.entry .nf-error-msg.nf-error-required-error {
    font-size: 13px;
    margin-top: 7px;
    color: #ff4e4e;
}

input[type='button'].ninja-forms-field {
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    border: none !important;
    background-color: #ff4545;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*
 .entry-attachment
*/
.entry-attachment {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.entry-attachment img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.entry {
    position: relative;
    display: block;
}

.entry.single-entry {
    clear: both;
    margin-bottom: 30px;
}

.entry.single-entry-width {
    margin-right: auto;
    margin-left: auto;
}

.single-post-body {
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
}

.single-post-body .entry-content > * {
    margin-bottom: 1.25rem;
}

.is-entry-padding .single-post-body {
    margin-right: 75px;
    margin-left: 75px;
}

.is-entry-padding .single-post-ad-bottom {
    margin-right: -75px;
    margin-left: -75px;
}

.entry p, .entry ul, .entry dd {
    margin-bottom: 1.25rem;
}

.entry dt {
    font-weight: 700;
}

.entry a:not(button) {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-decoration: underline;
}

.entry img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.article-meta.is-hidden {
    display: none !important;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.alignleft, img.alignleft, .wp-block-image .alignleft {
    display: inline;
    float: left;
    max-width: 100%;
    margin: 5px 30px 30px 0;
}

.alignright, img.alignright, .wp-block-image .alignright {
    display: inline;
    float: right;
    max-width: 100%;
    margin: 5px 0 30px 30px;
}

.alignnone, img.alignnone {
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption, .gallery-caption {
    font-style: italic;
    max-width: 100%;
    margin-bottom: 30px;
    color: #777777;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.entry .fluid-width-video-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
}

.entry iframe {
    overflow: hidden;
    max-width: 100%;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
}

.entry h1, .entry h2 {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.entry h3, .entry h4, .entry h5 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.entry h6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.entry ol {
    clear: both;
    margin-bottom: 1.25em;
    list-style-position: inside;
    list-style-type: decimal;
}

.entry ul {
    clear: both;
    margin-bottom: 1.25em;
    list-style-type: disc;
}

.entry li {
    position: relative;
    margin-bottom: 0.5rem;
    margin-left: 1.25em;
}

.entry ul ul,
.entry ul ol,
.entry ol ol,
.entry ol ul {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.entry blockquote {
    position: relative;
    margin-bottom: 40px;
    padding-left: 50px;
}

.entry .wp-block-audio,
.entry .wp-block-embed {
    margin-bottom: 40px;
}

.entry .wp-block-embed__wrapper blockquote:before,
.entry .wp-block-embed__wrapper blockquote:after {
    opacity: 0;
}

.entry .wp-block-embed__wrapper blockquote {
    padding-left: 0;
}

.wp-block-search .wp-block-search__button {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.wp-block-search .wp-block-search__input {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

blockquote p,
.entry blockquote p {
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.entry blockquote:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    position: absolute;
    top: 10px;
    left: 0;
    content: '\f10d';
    color: #ff4545;
}

.entry blockquote:after {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 25px;
    width: 3px;
    content: '';
    background-color: currentColor;
}

cite {
    font-size: .9rem;
    font-weight: normal;
    font-style: italic;
    position: relative;
}

.entry cite {
    color: #ff4545;
}

cite:before {
    display: inline-block;
    width: 30px;
    height: 1px;
    margin-right: 7px;
    content: '';
    background-color: #eeeeee;
}

.entry .gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 2em;
    margin-right: -1px;
    margin-bottom: 2em;
    margin-left: -1px;
}

figcaption, figure, main, .wp-block-image figcaption,
.wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption,
.wp-block-image .aligncenter > figcaption {
    display: block;
}

.gallery-item {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 1px;
}

.gallery-item img {
    display: block;
    width: 100%;
    height: auto;
}

.gallery-item div {
    margin: 0;
}

.entry iframe.instagram-media,
.entry .twitter-tweet {
    margin-right: auto !important;
    margin-left: auto !important;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-2 .gallery-item:nth-child(2n +1) {
    clear: both;
}

.gallery-columns-3 .gallery-item {
    width: 33.3333%;
}

.gallery-columns-3 .gallery-item:nth-child(3n +1) {
    clear: both;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-4 .gallery-item:nth-child(4n +1) {
    clear: both;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-5 .gallery-item:nth-child(5n +1) {
    clear: both;
}

.gallery-columns-6 .gallery-item {
    width: 16.66666%;
}

.gallery-columns-6 .gallery-item:nth-child(6n +1) {
    clear: both;
}

.gallery-columns-7 .gallery-item {
    width: 14.285%;
}

.gallery-columns-7 .gallery-item:nth-child(7n +1) {
    clear: both;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-8 .gallery-item:nth-child(8n +1) {
    clear: both;
}

.gallery-columns-9 .gallery-item {
    width: 11.111%;
}

.gallery-columns-9 .gallery-item:nth-child(9n +1) {
    clear: both;
}

.entry form label {
    font-style: italic;
    color: #aaaaaa;
}

.entry input[type='submit'] {
    line-height: 36px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    color: #ffffff;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #ff4545;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.entry input[type='submit']:hover, .entry input[type='submit']:focus {
    background-color: #282828;
}

.entry input[type='password'] {
    min-width: 50%;
    margin-right: 5px;
    margin-left: 5px;
}

.single-page-links {
    display: block;
    clear: both;
    margin-top: 40px;
    text-align: center;
}

.single-page-links .pagination-num {
    display: inline-block;
}

.single-page-links .pagination-num > * {
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;
    text-decoration: none;
    color: inherit;
}

.single-page-links .current .page-numbers,
.single-page-links a:hover .page-numbers {
    color: #ffffff;
    background-color: #ff4545;
}

.single-post-like-outer {
    margin-bottom: 20px;
    padding: 20px 20px 15px 20px;
    border: 1px dashed rgba(28, 28, 28, .07);
}

.single-post-like {
    display: block;
    max-height: 30px;
}

.single-post-like .like-twitter {
    margin-right: 10px;
}

.single-page-box-comment.single-post-box-comment {
    margin-top: 45px;
    border-top: 2px solid #eeeeee;
}

.single-page-box-comment .box-comment-content {
    margin-top: 30px;
}

/*
 .single-post-box-comment
*/
.single-post-box-comment {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.single-post-box-comment.is-show-btn .box-comment-content {
    display: none;
    opacity: 0;
}

.box-comment-btn-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 34px;
    background-color: #282828;
}

.box-comment-btn {
    font-size: 14px;
    line-height: 34px;
    display: block;
    padding: 0 35px;
    text-transform: uppercase;
    color: #ffffff;
}

.box-comment-btn-wrap .ajax-animation {
    height: 34px;
}

.box-comment-btn-wrap .ajax-animation-icon {
    width: 18px;
    height: 18px;
    margin-top: 8px;
}

.box-comment-btn-wrap:hover, .box-comment-btn-wrap:focus {
    background-color: #ff4545;
}

.box-comment-btn-wrap.active {
    background-color: #f2f2f2;
}

.box-comment-btn:after {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    content: '\f01a';
    vertical-align: baseline;
}

.comment-respond {
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
}

.entry .comment-respond {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(28, 28, 28, .07);
}

.comments-area {
    position: relative;
    display: block;
}

.comments-area .comment-reply-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    text-transform: uppercase;
    color: #ff4545;
}

.comments-area .logged-in-as {
    font-size: .9em;
    display: block;
    margin-top: -7px;
    margin-bottom: 20px;
}

.comments-area .logged-in-as a {
    text-decoration: none;
    color: inherit;
}

.comments-area .logged-in-as a:last-child {
    margin-left: 10px;
    text-decoration: underline;
}

.comments-area .logged-in-as a:hover {
    color: #ff4545;
}

.comment-title h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    text-transform: uppercase;
    color: #ff4545;
}

.comment-reply-title small {
    font-size: inherit;
    line-height: 0;
    display: inline-block;
    vertical-align: top;
}

.comment-title i {
    display: inline-block;
    margin-right: 7px;
    opacity: .5;
}

.comment-form label {
    display: none;
}

.comment-form input {
    margin: 0;
}

.comment-form input[type='text'],
.comment-form input[type='tel'],
.comment-form input[type='email'] {
    width: 50%;
    white-space: nowrap;
}

.comment-form.comment-form-comment {
    margin-top: 15px;
    margin-bottom: 20px;
}

.comment-form {
    margin-top: 15px;
}

.comment-form #comment-submit {
    font-weight: normal;
    letter-spacing: 0;
}

.form-submit {
    display: block;
    margin-top: 30px;
}

.entry .form-submit {
    margin-bottom: 0;
}

.comment-list.entry {
    margin-top: 0;
    margin-right: 20px;
    margin-left: 0;
}

.comment-list {
    list-style: none;
}

.comments-area .comment-list .comment-author img {
    display: block;
    float: left;
    width: 60px !important;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    border-radius: 50%;
}

.comments-area .comment-author {
    display: block;
}

.comment-author.vcard .fn {
    font-size: 15px;
    display: block;
}

.comment-author.vcard .fn a {
    text-decoration: none;
    color: inherit;
}

.comment-author.vcard .fn a:hover {
    color: #ff4545;
}

.comments-area .comment-awaiting-moderation {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 0;
    margin-left: 100px;
    opacity: .7;
    color: #ff4545;
}

.comment-author.vcard .says {
    display: none;
}

.comments-area .comment-metadata {
    font-size: 12px;
    line-height: 20px;
    margin-top: 2px;
    margin-left: 80px;
}

.comments-area .comment-metadata a {
    text-decoration: none;
    color: #aaaaaa;
}

.comments-area .comment-content {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 80px;
}

.comments-area .comment-content > p {
    font-size: .92em;
    line-height: 1.6;
}

.comments-area .comment-body {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.reply a.comment-reply-link {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0 12px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 20px;
    background-color: #282828;
}

.reply a.comment-reply-link:hover, .reply a.comment-reply-link:focus {
    color: #ffffff;
    background-color: #ff4545;
}

.comments-area .edit-link {
    display: inline-block;
    margin-left: 10px;
    text-transform: none;
}

.comments-area a.comment-edit-link {
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding: 0 12px;
    text-decoration: none !important;
    color: #ffffff;
    border-radius: 16px;
    background-color: #aaaaaa;
}

.comments-area a.comment-edit-link:hover {
    color: #ffffff;
    background-color: #ff4545;
}

.no-comments {
    font-style: italic;
    padding: 20px 0;
}

.comments-area #cancel-comment-reply-link {
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    margin-left: 15px;
    padding: 0 10px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 20px;
    background-color: #282828;
}

.comments-area #cancel-comment-reply-link:hover {
    color: #ffffff;
    background-color: #ff4545;
}

.form-submit input[type='submit'] {
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    padding: 0 20px;
    text-transform: uppercase;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comments-area .entry ul {
    margin-left: 30px;
}

.pingback .comment-body {
    position: relative;
    display: block;
    padding-bottom: 20px;
}

.comment-form-cookies-consent {
    display: block;
    margin-top: 15px;
}

.comment-form .comment-form-cookies-consent label {
    font-size: 13px;
    display: inline;
    margin-left: 7px;
}

/* 8.0 - WIDGETS */

.sidebar-wrap {
    position: relative;
    display: block;
}

.sidebar-inner {
    display: block;
    margin-right: 20px;
    margin-bottom: 50px;
    margin-left: 20px;
}

.ruby-sidebar-sticky {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-sidebar-style-1 .sidebar-inner {
    padding: 30px 20px 40px 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fafafa;
}

.is-sidebar-style-2 .sidebar-inner {
    padding-left: 10px;
}

.is-sidebar-style-2 .is-sidebar-left .sidebar-inner {
    padding-right: 10px;
    padding-left: 0;
}

.is-sidebar-style-2 .sb-subscribe-widget,
.is-sidebar-style-2 .widget_archive select,
.is-sidebar-style-2 .widget_categories select,
.is-sidebar-style-2 .widget_tag_cloud a {
    background-color: #f7f7f7;
}

.is-sidebar-style-2 .widget_tag_cloud a {
    color: #444444;
}

.widget {
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 40px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget:before, .widget:after {
    display: table;
    clear: both;
    content: '';
}

.widget-title.block-title {
    line-height: 25px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 2px solid rgba(28, 28, 28, .07);
}

.widget-title.block-title h3:before {
    width: 8px;
    height: 8px;
}

.widget_tag_cloud a {
    font-size: 14px !important;
    line-height: 1;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 7px 12px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    color: #777777;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
}

.widget_tag_cloud a:hover {
    color: #ffffff;
    background-color: #ff4545 !important;
}

.widget .screen-reader-text {
    display: none;
    height: 0;
}

.widget_archive select, .widget_categories select {
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    padding: 0 15px;
    color: #999999;
    border: none;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

select::-ms-expand {
    display: none;
}

.cat-item a, .widget_archive a, .wp-block-archives a,
.widget_pages .page_item a,
.widget_meta a, .widget_nav_menu .menu-item a,
.widget_recent_entries li, .widget_pages .children .page_item:last-child a,
.wp-block-latest-posts a {
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    padding-bottom: 7px;
    text-transform: capitalize;
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.widget_recent_comments .recentcomments {
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.widget_categories > ul > li:last-child > a,
.widget_archive li:last-child a,
.widget_pages .page_item:last-child a,
.widget_meta li:last-child a,
.widget_recent_comments .recentcomments:last-child,
.widget_recent_entries li:last-child,
.wp-block-latest-posts li:last-child a, .wp-block-latest-posts.is-grid a {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.widget_pages .children, .cat-item .children {
    margin-left: 15px;
}

.widget .children .children .children .children {
    margin-left: 0;
}

.widget_recent_entries li a, .recentcomments a,
.wp-block-latest-posts a {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    word-break: break-word;
}

.widget_recent_entries li a:hover, .recentcomments a:hover,
.wp-block-latest-posts a:hover {
    opacity: .7;
    color: inherit !important;
}

.recentcomments a {
    margin-left: 3px;
}

.widget_nav_menu .menu-item a {
    background-color: transparent !important;
}

.widget_nav_menu .sub-menu {
    margin-left: 15px;
}

.widget_nav_menu .sub-menu .sub-menu .sub-menu {
    margin-left: 0;
}

.widget_nav_menu > .menu > li:last-child > a {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.number-post-count {
    display: block;
    float: right;
    opacity: .5;
}

.widget_archive a:before, .wp-block-archives a:before,
.cat-item a:before,
.widget_categories a:before {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    content: '';
    vertical-align: baseline;
    border-radius: 50%;
    background-color: #aaaaaa;
}

body:not(.is-sidebar-style-2) .sidebar-wrap .widget_search .ruby-search input[type='text'] {
    background-color: #ffffff;
}

.widget li a:hover {
    color: #ff4545;
}

.widget_rss {
    font-size: 14px;
    line-height: 1.6;
}

.widget_rss li {
    margin-bottom: 20px;
}

.widget_rss a {
    font-weight: 700;
    text-decoration: underline;
}

.widget_rss cite {
    display: block;
    margin-top: 10px;
}

/* calendar widget */
#wp-calendar th, #wp-calendar td {
    padding: 7px;
    text-align: center;
}

#wp-calendar caption {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #aaaaaa;
}

#wp-calendar #today {
    color: #ffffff;
    background-color: #282828;
}

#wp-calendar #today a {
    text-decoration: none;
}

table {
    width: 100%;
    border-bottom: 1px solid rgba(28, 28, 28, .1);
    border-left: 1px solid rgba(28, 28, 28, .1);
}

th, td {
    padding: 7px 15px;
    text-align: left;
    border-top: 1px solid rgba(28, 28, 28, .1);
    border-right: 1px solid rgba(28, 28, 28, .1);
}

.entry-table {
    margin-bottom: 40px;
}

dl {
    margin-bottom: 1em;
}

.textwidget .wp-caption {
    margin-bottom: 15px;
}

.textwidget p {
    margin-bottom: 1.5em;
}

.textwidget .wp-caption p {
    margin-bottom: 0;
}

.textwidget p:last-child {
    margin-bottom: 0;
}

.sb-widget-ad .widget-ad-script {
    margin-right: -30px;
    margin-left: -30px;
    text-align: center;
}

.sb-widget-ad .widget-ad-image {
    display: block;
}

.sb-widget-ad .widget-ad-image img {
    width: 100%;
    height: auto;
}

.ad-description {
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin-bottom: 5px;
    text-align: center;
    color: #cbcbcb;
}

.ad-wrap, .ad-wrap iframe {
    position: relative;
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.sb-instagram-content, .flickr-content-wrap {
    display: block;
    overflow: hidden;
    margin: -4px;
}

.instagram-el, .flickr-el {
    display: block;
    padding: 4px;
}

.instagram-el img, .flickr-el img {
    display: block;
    width: 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-color: #ffffff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.instagram-el a:hover img, .flickr-el a:hover img {
    opacity: .7;
}

.instagram-bottom-text {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    text-align: right;
    letter-spacing: 1px;
    color: #aaaaaa;
}

.instagram-bottom-text a:hover {
    color: #ff4545;
}

.twitter-content {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(28, 28, 28, .07);
}

.twitter-content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.twitter-content.post-excerpt a {
    font-style: italic;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: .5;
    color: #ff4545;
}

.twitter-content.post-excerpt a:hover {
    text-decoration: underline;
    opacity: 1;
}

.twitter-timestamp {
    font-size: 11px;
    display: block;
    margin-top: 7px;
    color: #aaaaaa;
}

.sb-subscribe-widget {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 30px 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.sb-subscribe-widget:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 74px;
    position: absolute;
    top: -22px;
    right: -22px;
    content: '\f003';
    transform: rotateZ(45deg);
    pointer-events: none;
    opacity: .1;
}

.subscribe-title-wrap {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

.subscribe-title-wrap h3 {
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
}

.subscribe-form-wrap input[type='text'],
.subscribe-form-wrap input[type='email'],
.subscribe-form-wrap input[type='tel'],
.mc4wp-form input[type='text'],
.mc4wp-form input[type='email'],
.mc4wp-form input[type='tel'] {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.subscribe-form-wrap input[type='submit'],
.subscribe-form-wrap button,
.mc4wp-form input[type='submit'],
.mc4wp-form button {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.subscribe-form-wrap label, .mc4wp-form label {
    display: block;
    margin: 10px 0;
    text-align: center;
    color: #aaaaaa;
}

.subscribe-desc {
    display: block;
    margin-top: 25px;
    padding-top: 10px;
    text-align: right;
    border-top: 1px dashed rgba(28, 28, 28, .07);
}

.subscribe-desc p {
    font-size: 12px;
    line-height: 1.2;
    color: #aaaaaa;
}

.subscribe-desc p:before {
    display: inline-block;
    margin-right: 5px;
    content: '*';
}

.widget_mc4wp_form_widget .mc4wp-form label,
.widget_text .mc4wp-form label {
    font-size: 13px;
    text-align: left;
}

.widget_mc4wp_form_widget input,
.widget_text .mc4wp-form input {
    padding-top: 7px;
    padding-bottom: 7px;
}

.widget_mc4wp_form_widget .mc4wp-form input[type='submit'],
.widget_mc4wp_form_widget .mc4wp-form button,
.widget_text .mc4wp-form input[type='submit'],
.widget_text .mc4wp-form button {
    display: block;
    width: 100%;
    padding: 4px 0;
}

.about-short-content {
    display: block;
    clear: both;
}

.social-icon-wrap {
    font-size: 16px;
    position: relative;
    display: block;
    margin: -2px;
}

.social-icon-wrap a {
    line-height: 30px;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin: 2px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    letter-spacing: 0;
    color: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.social-icon-wrap i {
    line-height: inherit;
}

.social-icon-wrap a.icon-google {
    font-size: .9em;
}

.social-icon-dark a, .social-icon-wrap.social-icon-color-custom a {
    background-color: #282828;
}

.social-icon-wrap a:hover {
    color: #ffffff;
    background-color: #282828;
}

.social-icon-color a.icon-facebook, .bg-facebook {
    background-color: #899dce;
}

.social-icon-color a.icon-twitter, .bg-twitter {
    background-color: #60d2f5;
}

.social-icon-color a.icon-google, .bg-google {
    background-color: #ff4b53;
}

.social-icon-color a.icon-pinterest, .bg-pinterest {
    background-color: #f74c53;
}

.social-icon-color a.icon-instagram, .bg-instagram {
    background-color: #7e40b6;
}

.social-icon-color a.icon-linkedin, .bg-linkedin {
    background-color: #007bb6;
}

.social-icon-color a.icon-tumblr, .bg-tumblr {
    background-color: #32506d;
}

.social-icon-color a.icon-flickr {
    background-color: #ff0082;
}

.social-icon-color a.icon-skype {
    background-color: #00aae1;
}

.social-icon-color a.icon-snapchat {
    background-color: #fffc00;
}

.social-icon-color a.icon-myspace {
    background-color: #030303;
}

.social-icon-color a.icon-youtube, .bg-youtube {
    background-color: #ef464b;
}

.social-icon-color a.icon-bloglovin {
    background-color: #111111;
}

.social-icon-color a.icon-digg {
    background-color: #191919;
}

.social-icon-color a.icon-dribbble, .bg-dribbble {
    background-color: #fb70a6;
}

.social-icon-color a.icon-soundcloud, .bg-soundcloud {
    background-color: #fd794a;
}

.social-icon-color a.icon-vk, .bg-vk {
    background-color: #5fa0dd;
}

.social-icon-color a.icon-whatsapp {
    background-color: #00e676;
}

.social-icon-color a.icon-rss, .bg-rss {
    background-color: #ffcc15;
}

.social-icon-color a.icon-vimeo, .bg-vimeo {
    background-color: #44bbe1;
}

.social-icon-color a.icon-reddit {
    background-color: #ff4500;
}

.social-icon-color a.icon-custom {
    background-color: #282828;
}

.social-icon-wrap .icon-facebook:hover, .social-counter-wrap .bg-facebook:hover {
    background-color: #568fce;
}

.social-icon-wrap .icon-twitter:hover, .social-counter-wrap .bg-twitter:hover {
    background-color: #27c2f5;
}

.social-icon-wrap .icon-google:hover, .social-counter-wrap .bg-google:hover {
    background-color: #ff5a3f;
}

.social-icon-wrap .icon-pinterest:hover, .social-counter-wrap .bg-pinterest:hover {
    background-color: #f7333e;
}

.social-icon-wrap .icon-instagram:hover, .social-counter-wrap .bg-instagram:hover {
    background-color: #8823b6;
}

.social-icon-wrap .icon-linkedin:hover {
    background-color: #0a84dc;
}

.social-icon-wrap .icon-tumblr:hover {
    background-color: #111111;
}

.social-icon-wrap .icon-flickr:hover {
    background-color: #ff015a;
}

.social-icon-wrap .icon-skype:hover {
    background-color: #0082e1;
}

.social-icon-wrap .icon-snapchat:hover {
    background-color: #ffd400;
}

.social-icon-wrap .icon-myspace:hover,
.social-icon-wrap .icon-bloglovin:hover,
.social-icon-wrap .icon-digg:hover {
    background-color: #000000;
}

.social-icon-wrap .icon-youtube:hover, .social-counter-wrap .bg-youtube:hover {
    background-color: #ef272c;
}

.social-icon-wrap .icon-dribbble:hover, .social-counter-wrap .bg-dribbble:hover {
    background-color: #ff5a91;
}

.social-icon-wrap .icon-soundcloud:hover, .social-counter-wrap .bg-soundcloud:hover {
    background-color: #fd652a;
}

.social-icon-wrap .icon-vimeo:hover, .social-counter-wrap .bg-vimeo:hover {
    background-color: #15a8e1;
}

.social-icon-wrap .icon-reddit:hover {
    background-color: #ff570a;
}

.social-icon-wrap .icon-vk:hover, .social-counter-wrap .bg-vk:hover {
    background-color: #568fce;
}

.social-icon-wrap .icon-whatsapp:hover {
    background-color: #0ce643;
}

.social-icon-wrap .icon-rss:hover {
    background-color: #ffa100;
}

.is-btn-style-2 .post-meta-info-share .share-bar-el i,
.is-btn-style-2 .single-post-meta-info-share .share-bar-el i,
.is-btn-style-2 .social-icon-wrap a {
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

.is-btn-style-3 .post-meta-info-share .share-bar-el i,
.is-btn-style-3 .single-post-meta-info-share .share-bar-el i,
.is-btn-style-3 .social-icon-wrap a,
.is-btn-style-3 .counter-element,
.is-btn-style-3 .single-post-share-big-inner > *,
.is-btn-style-3 input[type='submit'], .is-btn-style-3 button,
.is-btn-style-3 .ajax-loadmore-link {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.is-btn-style-3 .wpcf7 input,
.is-btn-style-3 input.ninja-forms-field {
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
}

.social-counter-wrap {
    color: #ffffff;
}

.counter-element {
    position: relative;
    display: block;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.sb-social-counter.is-style-1 .counter-element {
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin-bottom: 7px;
    padding: 7px 20px;
    -webkit-border-radius: 44px;
    border-radius: 44px;
}

.counter-element * {
    line-height: inherit;
}

.counter-element.bg-google i {
    font-size: .9em;
}

.sb-social-counter.is-style-1 .counter-element-right {
    font-size: 14px;
    float: right;
}

.sb-social-counter.is-style-1 .num-count {
    font-weight: 700;
    margin-left: 7px;
    padding-left: 7px;
    border-left: 1px dashed rgba(255, 255, 255, .15);
}

.counter-element-left i {
    text-shadow: 1px 1px 1px rgba(28, 28, 28, .15);
}

.counter-element a {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.social-counter-icon-color-custom .counter-element {
    background-color: #282828;
}

.sb-social-counter.is-style-2 {
    display: block;
    overflow: hidden;
    margin: -1.5%;
}

.sb-social-counter.is-style-2 .counter-element {
    font-size: 14px;
    float: left;
    width: 30%;
    height: 100px;
    margin: 1.5%;
    padding: 10px 0;
    text-align: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.sb-social-counter.is-style-2 i {
    font-size: 32px;
    line-height: 36px;
    display: block;
    vertical-align: middle;
}

.sb-social-counter.is-style-2 .num-count {
    font-size: 18px;
    line-height: 22px;
    display: block;
    margin-top: 4px;
    letter-spacing: -0.03em;
}

.social-counter-wrap.is-style-2 .counter-element-right {
    font-size: 13px;
}

.sb-banner-wrap {
    position: relative;
    display: block;
}

.banner-element {
    position: relative;
    display: block;
    overflow: hidden;
    height: 60px;
    margin-bottom: 7px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-btn-style-3 .banner-element {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.banner-element:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    pointer-events: none;
    background-color: rgba(28, 28, 28, .5);
}

.banner-element a:before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    pointer-events: none;
    opacity: 0;
    background-color: rgba(28, 28, 28, .5);
}

.banner-element:hover a:before {
    opacity: 1;
}

.banner-element a {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.banner-element:last-child {
    margin-bottom: 0;
}

.banner-title h4 {
    font-family: inherit;
    font-weight: inherit;
    position: absolute;
    z-index: 12;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    text-transform: uppercase;
    pointer-events: none;
    color: #ffffff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.sb-banner-wrap.banner-style-2 {
    display: block;
    overflow: hidden;
    margin: -4px;
}

.banner-style-1 .banner-element-outer {
    display: block;
    margin-bottom: 7px;
}

.banner-style-1 .banner-element-outer:last-child {
    margin-bottom: 0;
}

.banner-style-2 .banner-element-outer {
    float: left;
    width: 50%;
    padding: 4px;
}

.banner-style-2 .banner-element {
    height: 48px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.top-footer-wrap {
    display: block;
}

.top-footer-wrap .ruby-error {
    text-align: center;
    opacity: .5;
}

.ruby-col-5 {
    float: left;
    width: 20%;
}

.ruby-col-7 {
    float: left;
    width: 14.285%;
}

.ruby-col-8 {
    float: left;
    width: 12.5%;
}

.ruby-col-9 {
    float: left;
    width: 11.11111%;
}

.ruby-col-10 {
    float: left;
    width: 10%;
}

.top-footer-inner .widget {
    margin-bottom: 30px;
}

.top-footer-inner .widget:last-child {
    margin-bottom: 0;
}

.subscribe-youtube-wrap {
    display: block;
    overflow: hidden;
    max-height: 80px;
}

.fw-widget-instagram {
    position: relative;
    display: block;
}

.fw-widget-instagram .instagram-el {
    position: relative;
    display: block;
    padding: 0;
}

.fw-widget-instagram .instagram-el a {
    position: static;
    display: block;
    padding-bottom: 100%;
}

.fw-widget-instagram .instagram-el img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fw-widget-instagram .instagram-bottom-text {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 7px 20px;
    -webkit-transition: background .25s ease, color .25s ease;
    transition: background .25s ease, color .25s ease;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #ffffff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #282828;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-btn-style-3 .fw-widget-instagram .instagram-bottom-text {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.fw-widget-instagram .instagram-bottom-text a {
    color: inherit !important;
}

.fw-widget-instagram .instagram-bottom-text:hover {
    background-color: #ff4545;
}

.sb-widget-instagram .instagram-bottom-text:hover {
    color: #ff4545;
}

.fw-widget-instagram .instagram-content-wrap.ruby-container {
    position: relative;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
}

.sb-widget-post .ruby-block-wrap {
    margin-bottom: 0;
}

.sb-widget-post .ruby-block-inner {
    padding-right: 0;
    padding-left: 0;
}

.sb-widget-post .ruby-block-inner .post-outer:last-child .post-wrap {
    margin-bottom: 0;
}

.sb-widget-post .ajax-pagination {
    margin-top: 25px;
    margin-bottom: 0;
}

.sb-widget-post .is-style-2 .post-outer:first-child .post-wrap,
.sb-widget-post .is-style-3 .post-outer:first-child .post-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sb-widget-post .is-style-4 .ruby-block-inner .post-outer:last-child .post-wrap {
    margin-bottom: 25px;
}

.sb-widget-post .is-style-4 .ajax-pagination {
    margin-top: 0;
}

.sb-widget-post .is-style-4 .block-content-inner {
    margin-right: -10px;
    margin-left: -10px;
}

.sb-widget-post .is-style-4 .post-outer:nth-child(2n+1) {
    clear: both;
}

.sb-widget-post .is-style-5 .post-wrap {
    margin-bottom: 4px;
}

.sb-widget-post .is-style-7 .post-wrap {
    margin-bottom: 4px;
}

.sb-widget-post .is-style-8 .post-outer:first-child .post-wrap {
    margin-bottom: 15px;
}

.sb-widget-post .is-style-9 .post-outer:first-child .post-wrap {
    margin-bottom: 30px;
}

.sb-widget-post .is-style-10 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.sb-widget-post .is-style-10 .post-outer:nth-child(2) .post-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sb-widget-post .is-style-11 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.sb-widget-post .is-style-11 .post-outer:nth-child(2) .post-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sb-widget-post .is-style-12 .post-outer:first-child .post-wrap {
    margin-bottom: 30px;
}

.sb-widget-post .is-style-13 .post-outer:first-child .post-wrap {
    margin-bottom: 20px;
}

.sb-widget-post .is-style-14 .post-outer:first-child .post-wrap {
    margin-bottom: 20px;
}

.sb-widget-post .is-style-15 .post-wrap {
    margin-bottom: 4px;
}

.sb-widget-post .is-style-16 .post-outer:first-child .post-wrap {
    margin-bottom: 30px;
}

.sb-widget-post .is-style-17 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.sb-widget-post .is-style-17 .post-outer:nth-child(2) .post-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sb-widget-post .is-style-18 .post-outer:first-child .post-wrap {
    margin-bottom: 25px;
}

.sb-widget-post .is-style-18 .post-outer:nth-child(2) .post-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sb-widget-post .post-overlay-1 .is-header-overlay {
    padding: 10px;
}

.widget-post-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    content: '';
    vertical-align: baseline;
    border-radius: 50%;
    background-color: #282828;
}

.is-light-text .widget-post-bullet {
    background-color: #ffffff;
}

.sb-widget-post .widget-title h3:before {
    display: none;
}

.post-overlay-6 .post-review-icon {
    font-size: 15px;
    line-height: 36px;
    width: 36px;
    height: 36px;
}

.is-block-header-style-3 .is-light-text .block-title h3,
.is-block-header-style-4 .is-light-text .block-title h3 {
    background-color: rgba(255, 255, 255, .1);
}

/*  9.0 - FOOTER */

.footer-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

.footer-inner {
    display: block;
    overflow: hidden;
    background-color: #282828;
}

.footer-fullwidth-holder {
    padding-right: 20px;
    padding-left: 20px;
}

.footer-fullwidth-holder .widget {
    max-width: 360px;
    margin-right: auto;
    margin-left: auto;
}

.footer-style-2 .footer-fullwidth-holder .widget {
    max-width: 320px;
}

.footer-social-inner {
    display: block;
    padding: 30px 20px;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.footer-social-wrap.bar-without-logo {
    text-align: center;
}

.footer-social-wrap .social-icon-wrap {
    display: block;
    float: right;
    margin-top: 25px;
}

.footer-social-wrap.bar-without-logo .social-icon-wrap {
    display: inline-block;
    float: none;
    margin-top: 0;
}

.is-site-boxed .footer-column-wrap {
    padding-right: 20px;
    padding-left: 20px;
}

.footer-column-inner {
    display: block;
    margin-right: -10px;
    margin-left: -10px;
    padding-top: 60px;
    padding-bottom: 20px;
}

.sidebar-footer {
    padding-right: 30px;
    padding-left: 30px;
}

.sidebar-footer .widget:last-child {
    margin-bottom: 40px;
}

.footer-logo {
    display: block;
    float: left;
    max-width: 300px;
    margin-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer-logo img {
    width: auto;
    height: 50px;
}

.footer-about-us {
    display: block;
    float: left;
    max-width: 420px;
    text-align: left;
}

.footer-about-us p {
    font-size: 15px;
    line-height: 1.7;
}

.footer-about-us.entry p:last-of-type {
    margin-bottom: 0;
}

.footer-about-us.entry p {
    opacity: .9;
}

.footer-copyright-wrap {
    display: block;
    background-color: #242424;
}

.copyright-inner {
    padding: 10px 20px;
}

.footer-copyright-wrap .copyright-inner * {
    line-height: 30px;
}

.footer-copyright-wrap .copyright-text,
.footer-copyright-wrap .footer-menu-inner {
    font-size: 13px;
    color: #ffffff;
}

.footer-copyright-wrap .copyright-inner .social-icon-wrap i {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.copyright-text {
    display: block;
    float: left;
    opacity: .7;
}

.copyright-text a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.copyright-text a:hover {
    opacity: 1;
}

.footer-copyright-wrap.copyright-without-nav .copyright-text {
    float: none;
    text-align: center;
}

.footer-menu-wrap {
    display: block;
    float: right;
}

.footer-menu-wrap > * {
    display: block;
    float: left;
    margin-left: 20px;
}

.footer-menu-wrap > *:first-child {
    margin-left: 0;
}

.footer-menu-inner li {
    display: inline-block;
}

.footer-menu-inner li:before {
    margin-right: 7px;
    margin-left: 7px;
    content: '.';
    opacity: .5;
}

.footer-menu-inner li:first-child:before {
    display: none;
}

.footer-menu-inner a {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: .7;
}

.footer-menu-inner a:hover {
    opacity: 1;
}

.footer-style-2.footer-wrap .footer-column-inner {
    margin-right: 0;
    margin-left: 0;
}

.footer-style-2.footer-wrap .sidebar-footer {
    padding-right: 20px;
    padding-left: 20px;
}

.footer-style-2.footer-wrap #wp-calendar th,
.footer-style-2.footer-wrap #wp-calendar td {
    padding: 4px;
}

.footer-style-3.footer-wrap .footer-logo {
    display: block;
    float: none;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
}

.footer-style-3.footer-wrap .footer-logo img {
    height: auto;
    max-height: 70px;
}

.footer-style-3.footer-wrap .footer-social-inner {
    text-align: center;
}

.footer-style-3.footer-wrap .footer-social-inner > * {
    margin-bottom: 15px;
}

.footer-style-3.footer-wrap .footer-social-inner > *:last-child {
    margin-bottom: 0;
}

.footer-style-3.footer-wrap .footer-social-wrap .social-icon-wrap {
    display: inline-block;
    float: none;
    overflow: hidden;
}

.footer-style-3 .footer-about-us {
    display: block;
    float: none;
    max-width: 660px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.footer-wrap .wpcf7 input[type='submit'] {
    font-size: 13px;
    line-height: 32px;
    padding: 0 32px;
}

/* back to top */
#ruby-back-top {
    position: fixed;
    z-index: 9800;
    right: 20px;
    bottom: 20px;
    display: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-decoration: none;
    border: none;
}

#ruby-back-top i {
    font-size: 14px;
    line-height: 32px;
    display: block;
    width: 32px;
    height: 34px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    opacity: .5;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #282828;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#ruby-back-top:hover i {
    opacity: 1;
}

/* 10.0 - STYLING */

.is-grid-style-2 .is-header-overlay .post-header {
    vertical-align: top;
}

.is-grid-style-2 .is-header-overlay .post-meta-info {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}

.is-grid-style-2 .is-header-overlay .post-meta-info-share.is-absolute {
    top: auto;
    bottom: 34px;
}

.is-grid-style-2 .is-header-overlay .post-format-wrap {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
}

.is-grid-style-2 .post-review-wrap {
    top: auto;
    right: 10px;
    bottom: 15px;
    left: auto;
}

.is-btn-style-3 .is-grid-style-2 .post-review-wrap {
    right: 0;
}

.is-grid-style-2 .is-header-overlay .post-meta-info-duration {
    top: -25px;
    bottom: auto;
}

.is-grid-style-2 .post-mask-overlay {
    top: -1px;
    -webkit-transition: background .25s ease;
    transition: background .25s ease;
    background: rgba(28, 28, 28, .6);
}

/* grid style 3 */
.is-grid-style-3 .post-mask-overlay {
    top: -1px;
    -webkit-transition: background .25s ease;
    transition: background .25s ease;
    background: rgba(28, 28, 28, .7);
}

.is-grid-style-3 .is-header-overlay .post-header {
    text-align: center;
    vertical-align: middle;
}

.is-grid-style-3 .post-meta-info,
.is-grid-style-5 .post-meta-info {
    display: inline-block;
}

.is-grid-style-2 .post-meta-info-right,
.is-grid-style-3 .post-meta-info-right,
.is-grid-style-5 .post-meta-info-right {
    position: relative;
    margin-left: 10px;
}

.is-grid-style-2 .post-feat-5 .is-header-overlay .post-meta-info-share {
    bottom: 0;
}

.is-grid-style-2 .post-feat-5 .post-mask-overlay {
    top: -1px;
}

.is-grid-style-4 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-feat .post-mask-overlay {
    top: 0;
    opacity: .85;
}

.is-grid-style-4 .post-feat .thumbnail-resize,
.is-grid-style-5 .post-feat .thumbnail-resize {
    background: #282828;
}

.is-grid-style-4 .post-feat .thumbnail-resize img,
.is-grid-style-5 .post-feat .thumbnail-resize img {
    opacity: .6;
}

.is-grid-style-4 .post-outer-nth-1 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-outer-nth-1 .post-feat .post-mask-overlay {
    background: #ff5f6d;
    background: -webkit-linear-gradient(to left top, #ff5f6d, #ffc371);
    background: linear-gradient(to left top, #ff5f6d, #ffc371);
}

.is-grid-style-4 .post-outer-nth-2 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-outer-nth-2 .post-feat .post-mask-overlay {
    background: #da22ff;
    background: -webkit-linear-gradient(to left top, #da22ff, #9733ee);
    background: linear-gradient(to left top, #da22ff, #9733ee);
}

.is-grid-style-4 .post-outer-nth-3 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-outer-nth-3 .post-feat .post-mask-overlay {
    background: #43c6ac;
    background: -webkit-linear-gradient(to left top, #24c1a2, #efcc88);
    background: linear-gradient(to left top, #24c1a2, #efcc88);
}

.is-grid-style-4 .post-outer-nth-4 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-outer-nth-4 .post-feat .post-mask-overlay {
    background: #085078;
    background: -webkit-linear-gradient(to left top, #085078, #85d8ce);
    background: linear-gradient(to left top, #085078, #85d8ce);
}

.is-grid-style-4 .post-outer-nth-5 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-outer-nth-5 .post-feat .post-mask-overlay {
    background: #00bf8f;
    background: -webkit-linear-gradient(to left top, #001510, #00bf8f);
    background: linear-gradient(to left top, #001510, #00bf8f);

}

.is-grid-style-4 .post-outer-nth-6 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-outer-nth-6 .post-feat .post-mask-overlay {
    background: #3494e6;
    background: -webkit-linear-gradient(to left top, #3494e6, #ec6ead);
    background: linear-gradient(to left top, #3494e6, #ec6ead);
}

.is-grid-style-4 .post-outer-nth-7 .post-feat .post-mask-overlay,
.is-grid-style-5 .post-outer-nth-7 .post-feat .post-mask-overlay {
    background: #5614b0;
    background: -webkit-linear-gradient(to left top, #5614b0, #dbd65c);
    background: linear-gradient(to left top, #5614b0, #dbd65c);
}

.is-grid-style-5 .is-header-overlay .post-header {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.is-grid-style-4 .cat-info-el:before,
.is-grid-style-5 .cat-info-el:before {
    background-color: #ffffff;
}

.is-grid-style-3 .post-format-wrap, .is-grid-style-5 .post-format-wrap,
.is-grid-style-3 .post-format-wrap .post-meta-info-duration,
.is-grid-style-5 .post-format-wrap .post-meta-info-duration {
    bottom: 0 !important;
}

.is-grid-style-3 .post-feat .post-title,
.is-grid-style-5 .post-feat .post-title {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.is-cat-style-2 .cat-info-el:before {
    display: none;
}

.is-cat-style-2 .cat-info-el {
    line-height: 16px;
    margin-right: 4px;
    padding: 0 10px;
    vertical-align: middle;
    color: #ffffff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #ff4545;
}

.is-cat-style-3 .cat-info-el:before {
    display: none;
}

.is-cat-style-3 .cat-info-el {
    line-height: 16px;
    margin-right: 4px;
    margin-bottom: 2px;
    padding: 0 5px;
    vertical-align: middle;
    color: #ffffff;
    background-color: #ff4545;
}

.is-cat-style-4 .cat-info-el:before {
    width: 20px;
    height: 1px;
    margin-right: 4px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.is-cat-style-5 .cat-info-el:before,
.is-cat-style-6 .cat-info-el:before {
    display: none;
}

.is-cat-style-6 .cat-info-el {
    padding-bottom: 3px;
    border-bottom: 2px solid;
}

/*
 .is-light-text
*/

.is-light-text .small-menu-inner .sub-menu a {
    border-top: 1px dashed rgba(255, 255, 255, .1);
}

.is-light-text .post-title {
    color: #ffffff !important;
}

.is-light-text input:not([type='submit']), .is-light-text textarea {
    color: #ffffff !important;
    border-color: transparent;
    background-color: rgba(0, 0, 0, .1);
}

.is-light-text textarea {
    opacity: 1;
}

.is-light-text, .is-light-text > *,
.is-light-text .post-meta-info.is-hide-icon .meta-info-el:first-child {
    color: #ffffff;
}

.is-light-text p {
    color: #cccccc;
}

.is-light-text .post-thumb-outer .post-header > * {
    text-shadow: 1px 1px 1px rgba(28, 28, 28, .14);
}

.is-light-text .post-meta-info,
.is-light-text .block-ajax-filter-wrap {
    color: #bbbbbb;
}

.is-light-text.is-header-overlay .post-meta-info {
    color: #eeeeee;
}

.is-grid-style-5 .is-light-text .post-meta-info {
    color: #ffffff;
}

.is-light-text .post-meta-info a:hover {
    color: #ffffff;
}

.post-feat .is-light-text .post-title a:hover,
.post-feat .is-light-text .post-title a:focus,
.post-overlay .post-title a:hover,
.post-overlay .post-title a:focus {
    opacity: 1;
}

.is-light-text .post-thumb-outer .post-title a:hover {
    text-shadow: 1px 1px 1px rgba(28, 28, 28, .3);
}

.is-light-text .meta-info-date-full-inner {
    border-color: rgba(255, 255, 255, .2);
}

.is-light-text .single-subtitle {
    color: #ffffff;
}

.is-light-text .block-header-inner {
    border-color: rgba(255, 255, 255, .07);
}

.is-light-text .block-title h3:before {
    background-color: #ffffff;
}

.is-light-text .ajax-filter-dropdown-list {
    background-color: #282828;
}

.is-light-text .ajax-pagination.ajax-nextprev a {
    background-color: rgba(255, 255, 255, .1);
}

.is-light-text .ajax-filter-link:hover, .is-light-text .ajax-filter-link:hover,
.is-light-text .ajax-filter-link.is-active {
    color: #ffffff;
}

.is-light-text .off-canvas-nav-wrap a,
.is-light-text .off-canvas-social {
    border-color: rgba(255, 255, 255, .07);
}

.is-light-text .ruby-search input[type='text'] {
    background-color: rgba(255, 255, 255, .1);
}

.is-light-text .cat-item a,
.is-light-text .widget_archive a,
.is-light-text .widget_pages .page_item a,
.is-light-text .widget_meta a,
.is-light-text .widget_nav_menu .menu-item a,
.is-light-text .widget_recent_comments .recentcomments,
.is-light-text .widget_recent_entries li {
    border-color: rgba(255, 255, 255, .07);
}

.is-light-text .calendar_wrap th, .is-light-text .calendar_wrap td,
.is-light-text .calendar_wrap table {
    border-color: rgba(255, 255, 255, .04);
}

.calendar_wrap table {
    font-size: 14px;
}

.is-light-text .textwidget p, .is-light-text .textwidget a, .is-light-text .widget p {
    color: #f2f2f2;
}

.is-light-text .textwidget .wp-caption-text {
    background-color: #333333;
}

.is-light-text select {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .07);
    background-color: #333333;
}

.is-light-text .widget_tag_cloud a {
    color: #ffffff;
    background-color: rgba(255, 255, 255, .1);
}

.is-light-text input[type='submit']:hover, .is-light-text input[type='submit']:focus,
.is-light-text button:hover, .is-light-text button:focus {
    color: #282828 !important;
    background-color: #ffffff;
}

.is-light-text .widget-title.block-title {
    border-color: rgba(255, 255, 255, .07);
}

.is-light-text .social-counter-icon-color-custom .counter-element {
    background-color: rgba(255, 255, 255, .15);
}

.is-light-text .sb-subscribe-widget {
    background-color: rgba(28, 28, 28, .15);
}

.is-light-text .subscribe-form-wrap input[type='text'], .is-light-text .subscribe-form-wrap input[type='email'] {
    opacity: 1;
}

.is-light-text .social-icon-dark a {
    background-color: rgba(255, 255, 255, .1);
}

.is-light-text .post-list-5.post-wrap,
.is-light-text .post-list-6.post-wrap {
    border-color: rgba(255, 255, 255, .1);
}

.social-icon-light.social-icon-wrap a {
    color: #282828;
    background-color: #ffffff;
}

.social-icon-light.social-icon-wrap a:hover {
    color: #ffffff;
}

/*
 .team-template-wrap
*/
.team-template-wrap {
    display: block;
    margin-top: 40px;
}

.team-template-title {
    display: block;
    margin-bottom: 50px;
    text-align: center;
}

.team-inner {
    position: relative;
    display: block;
    margin-right: -20px;
    margin-left: -20px;
}

.team-user {
    display: block;
    margin-right: 20px;
    margin-bottom: 50px;
    margin-left: 20px;
    padding: 40px 20px;
    text-align: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #fafafa;
}

.team-user-outer:nth-child(4n+1) {
    clear: both;
}

.team-user-avatar {
    display: block;
    margin-bottom: 25px;
}

.team-user-avatar img {
    display: block;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.team-user-social {
    display: block;
    margin-top: 10px;
}

.team-user-title a {
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    color: #ff4545;
}

.team-user-title a:hover {
    opacity: .7;
}

.team-user-job {
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin-top: 2px;
    text-transform: uppercase;
}

.team-user-social a {
    line-height: 34px;
    display: inline-block;
    padding: 0 7px;
}

/* col image */
.col-el {
    position: relative;
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
}

.col-image {
    position: relative;
    display: block;
}

.col-wrap.is-style-1 {
    text-align: center;
}

.col-wrap.is-style-1 .col-title {
    margin-top: 25px;
}

.col-el.col-sm-4:nth-child(3n+1) {
    clear: both;
}

.col-el.col-sm-6:nth-child(2n+1) {
    clear: both;
}

.col-wrap.is-style-2 .col-holder,
.col-wrap.is-style-3 .col-holder {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    padding: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.col-wrap.is-style-2 .col-holder .post-title > *,
.col-wrap.is-style-3 .col-holder .post-title > *,
.col-wrap.is-style-2 .col-holder .post-excerpt *,
.col-wrap.is-style-3 .col-holder .post-excerpt * {
    color: #ffffff;
}

.col-wrap.is-style-2 .col-image:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    pointer-events: none;
    background-color: rgba(0, 0, 0, .7);
}

.col-wrap.is-style-3 .col-title {
    display: inline-block;
    padding: 7px 15px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #282828;
}

.entry .quads-location {
    margin-bottom: 30px !important;
}

.wp-block-separator {
    max-width: 80px;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0;
    text-align: left;
    border: 0;
    background-color: #333333;
}

.wp-block-separator.is-style-wide {
    width: 100%;
    max-width: 100%;
    height: 2px;
}

.entry-content .wp-block-archives:not(.is-grid),
.entry-content .wp-block-categories:not(.is-grid),
.entry-content .wp-block-latest-posts:not(.is-grid) {
    max-width: 300px;
    margin-bottom: 30px;
    margin-left: 0;
    list-style: none;
}

.entry-content .wp-block-archives ul,
.entry-content .wp-block-categories ul,
.entry-content .wp-block-latest-posts ul {
    list-style: none;
}

.entry-content .wp-block-archives a,
.entry-content .wp-block-categories a,
.entry-content .wp-block-latest-posts a {
    text-decoration: none !important;
    color: inherit;
}

.entry-content .wp-block-archives a,
.entry-content .wp-block-categories a {
    font-weight: inherit;
}

.entry-content .wp-block-latest-posts.is-grid li {
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #eeeeee;
}

.entry-content .wp-block-audio figcaption {
    color: #333333;
}

.wp-block-button__link {
    color: inherit;
}

.entry-content .wp-block-button .wp-block-button__link,
.entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none !important;
}

.entry-content .wp-block-button .wp-block-button__link:hover,
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: #ffffff;
    background-color: #ff4545;
}

.entry-content .wp-block-archives a:hover,
.entry-content .wp-block-categories a:hover {
    color: #ff4545;
}

.entry-content .wp-block-categories-list.aligncenter,
.entry-content .wp-block-archives.aligncenter {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.entry-content .wp-block-categories-list > li:last-child > a,
.entry-content .wp-block-archives > li:last-child > a {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.wp-block-pullquote {
    margin-bottom: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
}

.wp-block-pullquote blockquote:after {
    display: none !important;
}

.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
    margin-bottom: 10px;
}

ul.wp-block-gallery,
.entry-content .wp-block-categories {
    margin-left: 0;
}

.wp-block-pullquote blockquote {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0;
    padding-left: 0;
    border-top: 4px solid;
    border-bottom: 1px solid;
    border-left: none;
}

.wp-block-quote {
    border: none;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin-bottom: 40px;
    padding-left: 40px;
}

.wp-block-pullquote blockquote:after,
.entry .wp-block-pullquote blockquote:after {
    display: none !important;
}

.wp-block-pullquote cite:before,
.wp-block-quote.is-style-large cite:before {
    display: none !important;
}

.entry .wp-block-pullquote blockquote:before {
    font-size: 40px;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.wp-block-pullquote.is-style-solid-color blockquote {
    border: none;
}

.wp-block-pullquote.is-style-solid-color blockquote:before,
.wp-block-pullquote.is-style-solid-color blockquote cite {
    color: inherit !important;
}

.entry-content label {
    font-size: .875rem;
    margin-bottom: 10px;
    color: #777777;
}

.wp-block-latest-comments__comment-date,
.wp-block-latest-comments__comment date {
    margin-top: 7px;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
    color: inherit;
}

.wp-block-button.alignright {
    margin-left: 30px;
}

.wp-block-cover, .wp-block-cover-image {
    margin-top: 1em;
    margin-bottom: 1em;
    color: #ffffff;
}

.wp-block-button {
    margin-top: 1em;
    margin-bottom: 1em;
    color: #ffffff;
}

.wp-block-gallery,
.wp-block-video, .wp-block-audio {
    margin-top: 1em;
    margin-bottom: 1em;
}

.wp-block-cover p:last-child {
    margin-bottom: 0;
}

/* table of contents */
.rb-table-contents {
    position: relative;
    z-index: 9;
    display: inline-flex;
    float: left;
    flex-flow: column nowrap;
    width: 60%;
    min-width: 310px;
    margin: 0 30px 30px 0;
    padding: 40px 30px;
    border-radius: 7px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .05);
}

.table-content-header {
    display: block;
    margin-bottom: 20px;
}

.table-content-header .h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.table-link {
    display: block;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px dashed rgba(0, 0, 0, .05);
}

.table-link:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.table-link a:not(:hover) {
    color: inherit !important;
}

.table-link a:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    content: '';
    -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
    transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
    border-radius: 50%;
    background-color: #ff4545;
}

.table-link a:visited:not(:hover) {
    color: #999999 !important;
}

.table-link a:visited:not(:hover):before {
    background: #f2f2f2;
}

.table-link.depth-1 {
    padding-left: 10px;
}

.table-link.depth-2 {
    padding-left: 20px;
}

.table-link.depth-3 {
    padding-left: 30px;
}

.table-link.depth-4 {
    padding-left: 40px;
}

.table-link.depth-5 {
    padding-left: 50px;
}

.table-link.depth-6 {
    padding-left: 60px;
}