/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Common
3.0 - Headers
4.0 - Post Blocks
5.0 - Featured Area
6.0 - Off Canvas
7.0 - Widgets
8.0 - Footers
9.0 - Single
10.0 - Pages
11.0 - Loading Holder

--------------------------------------------------------------*/
/*--------------------------------------------------------------
    1.0 - Reset
--------------------------------------------------------------*/

body {
    display: block;
    background-color: #f8f8f8;
    font-size: 14px;
}

a {
    color: inherit;
    outline: 0;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

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

a img {
    border: 0;
}

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

.alignnone, .wp-caption.alignnone {
    margin: 30px 0 30px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 30px auto;
}

.alignleft, a img.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.wp-caption.aligncenter {
    margin-top: 5px;
    margin-bottom: 24px;
}

.wp-caption img {
    border: 0 none;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    float: left;
    padding: 0;
    width: auto;
}

.wp-caption-text:before {
    content: "\e66f";
    display: inline-block;
    margin-right: 5px;
    font-family: 'Pe-icon-7-stroke';
    font-style: normal;
    color: #d5c3af;
    font-size: 15px !important;
    line-height: 15px;
}

kbd {
    padding: 4px 7px;
    background: #242424;
    color: #fff !important;
}

.is-float-right {
    float: right;
}

/* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */
select {
    outline: none;
    display: block;
    padding: 12px;
    width: 100%;
    border-color: #eee;
}

cite, em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

header, nav {
    display: block;
}

input {
    outline: 0 !important;
}

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

.gallery-caption, .bypostauthor {
    display: block;
}

.ruby-issue {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #EAA5A5;
}

/*--------------------------------------------------------------
   2.0 - Common
--------------------------------------------------------------*/

.ruby-container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.ruby-page-wrap {
    display: block;
    position: relative;
    margin-top: 60px;
}

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

.sidebar-wrap {
    display: block;
    padding-left: 30px;
    padding-right: 15px;
}

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

#ruby-page-content.is-sidebar-left .sidebar-wrap {
    display: block;
    padding-left: 15px;
    padding-right: 30px;
}

/* Page pagination */

.pagination-wrap {
    display: block;
    margin: 30px 15px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.pagination-wrap > * {
    font-size: 14px;
}

.pagination-wrap .page-numbers {
    font-weight: 700;
}

.pagination-wrap .page-numbers.next, .pagination-wrap .page-numbers.prev {
    font-weight: inherit;
}

.pagination-wrap .next {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
    padding: 0 10px;
    width: auto;
}

.pagination-wrap .prev {
    display: block;
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
    padding: 0 10px;
}

.pagination-text {
    display: block;
    font-size: 12px;
    margin-top: 15px;
    color: #aaa;
}

.pagination-num > * {
    line-height: 32px;
    border: 2px solid;
    border-bottom-width: 4px;
    padding: 0 12px;
    margin: 2px 0 2px 2px;
    height: 38px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.pagination-num .current, .pagination-num a:hover, .pagination-num a:focus {
    background-color: #242424;
    border-color: #242424;
    color: #fff;
}

/* input style */
input[type="button"], input[type="submit"] {
    display: inline-block;
    background-color: #242424;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
    border: none;
    padding: 10px 20px;
    line-height: 1;
    -webkit-transition: all .35s ease-in-out !important;
    -moz-transition: all .35s ease-in-out !important;
    -ms-transition: all .35s ease-in-out !important;
    -o-transition: all .35s ease-in-out !important;
    transition: all .35s ease-in-out !important;
    outline: none !important;
}

input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #d5c3af;
    color: #fff;
}

input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="password"] {
    display: block;
    font-style: italic;
    padding: 10px 15px;
    overflow: hidden;
    background-color: #f7f7f7;
    border: none;
    outline: none !important;
    max-width: 100%;
}

textarea {
    display: block;
    font-style: italic;
    padding: 15px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background-color: #f7f7f7;
    border: none;
    outline: none !important;
}

.is-hide {
    opacity: 0 !important;
    pointer-events: none;
}

/* slick dot */

.slick-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slick-dots li {
    display: inline-block;
    padding: 0 4px;
    position: relative;
}

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

.slick-dots li:before {
    content: '';
    height: 12px;
    width: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    position: relative;
    opacity: .5;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

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

.slick-dots li.slick-active:before {
    background-color: #fff;
    opacity: 1;
}

.ruby-slider-nav {
    opacity: 0;
    border-radius: 0;
    position: absolute;
    box-shadow: none;
    margin-top: -35px;
    height: 70px;
    z-index: 99;
    top: 50%;
    width: 70px;
    cursor: pointer;
    -webkit-transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -ms-transition: opacity .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.ruby-slider-prev {
    left: 15px;
    right: auto;
    background: url("../images/nav-left.png") center center no-repeat !important;
}

.ruby-slider-prev.is-dark-style {
    background: url("../images/nav-left-dark.png") center center no-repeat !important;
}

.ruby-slider-next {
    right: 15px;
    left: auto;
    background: url("../images/nav-right.png") center center no-repeat !important;
}

.ruby-slider-next.is-dark-style {
    right: 15px;
    left: auto;
    background: url("../images/nav-right-dark.png") center center no-repeat !important;
}

.slick-slider:hover .ruby-slider-nav {
    opacity: .5;
}

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

.ruby-error {
    font-size: 13px;
    font-style: italic;
    color: #fb9a9a;
}

/* Magnific Popup*/
.mfp-bg {
    background: #fff !important;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.85;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-content {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-origin: center;
    -webkit-transform-origin: center;
}

.mfp-fade.mfp-wrap .mfp-content {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
}

/* back to top button */
#ruby-back-top {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 9px;
    right: 18px;
    overflow: hidden;
    border: none;
    z-index: 999 !important;
    cursor: pointer;
}

#ruby-back-top-inner {
    display: none !important;
}

#ruby-back-top i {
    font-size: 12px;
    width: 32px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 38px;
    background-color: #242424;
    color: #fff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;

}

#ruby-back-top i:hover, #ruby-back-top i:focus {
    background-color: #d5c3af;
}

.ruby-divider {
    display: block;
    height: 0;
    width: 100%;
    overflow: hidden;
}

/* animation image */

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

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

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

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

.ruby-bottom.ruby-animated-image {
    opacity: 1;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-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;
    }
}

/* is table */
.is-table {
    display: table !important;
    height: 100%;
    width: 100%;
}

.is-cell {
    display: table-cell !important;
    vertical-align: middle;
}

/*--------------------------------------------------------------
   3.0 - Headers
--------------------------------------------------------------*/

/* Top Header */
.top-bar-inner {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}

.header-outer {
    display: block;
    background-color: #2c2f33;
}

.top-bar-wrap {
    display: block;
    border-bottom: 1px solid #353535;
}

/* top search form */
#top-bar-search {
    display: block;
    float: right;
    position: relative;
    min-height: 48px;
}

.ruby-search {
    display: block;
    position: relative;
    margin-top: 9px;
}

.ruby-search input[type="text"] {
    font-size: 12px;
    line-height: 20px;
    font-style: italic;
    padding: 5px 50px 5px 20px;
    min-width: 210px;
    color: #aaa;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.header-outer .ruby-search input[type="text"],
.off-canvas-search .ruby-search input[type="text"] {
    display: block;
    color: #fff !important;
    width: 100%;
    background-color: #343b41;
}

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

#top-bar-search .ruby-search-input {
    margin-top: 9px;
}

.ruby-search .ruby-search-submit {
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    right: 0;
    top: 0;
    padding: 0;
    z-index: 9;
    margin: 0;
    background-color: transparent;
}

.ruby-search input[type="submit"] {
    display: block;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: transparent;
    z-index: 9;
    opacity: 0;
}

.ruby-search .ruby-search-submit i {
    display: block;
    height: 100%;
    width: 100%;
    line-height: inherit;
    text-align: center;
    opacity: .7;
    z-index: 0;
    color: #242424;
    pointer-events: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.ruby-search .ruby-search-submit:hover i {
    opacity: 1;
}

.header-outer .ruby-search .ruby-search-submit i,
.off-canvas-wrap .ruby-search .ruby-search-submit i {
    color: #fff;
}

/* top bar menu */
.top-bar-menu {
    color: #eee;
}

.top-bar-menu-inner li {
    position: relative;
}

.top-bar-menu .top-bar-menu-inner > li {
    display: block;
    float: left;
    line-height: 48px;
    position: relative;
}

.top-bar-menu a {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.top-bar-menu a:hover, .top-bar-menu a:focus {
    opacity: .8;
}

.top-bar-menu .top-bar-menu-inner > li > a {
    display: block;
    padding: 0 12px;
}

.top-bar-menu-inner .sub-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 120%;
    background-color: #2C2F33;
    border-top: 1px solid #D5C3AF;
    min-width: 185px;
    z-index: 9999;
    pointer-events: none;
    -webkit-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    border-left: 1px solid rgba(24, 24, 24, .05);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.top-bar-menu-inner .sub-menu .sub-menu {
    left: 115%;
    top: 0;
    right: auto;
    bottom: auto;
}

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

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

.top-bar-menu-inner .sub-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.top-bar-menu-inner .sub-menu > li:last-child {
    border-bottom: none;
}

.top-bar-menu-inner .sub-menu a {
    display: block;
    line-height: 1;
    position: relative;
    left: -5px;
    padding: 10px 20px 10px 12px;
    white-space: nowrap;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.top-bar-menu-inner .sub-menu > li:last-child a {
    border-bottom: none;
}

.top-bar-menu-inner .sub-menu li a:before {
    content: "\e684";
    font-family: 'Pe-icon-7-stroke';
    display: inline-block;
    letter-spacing: 0;
    width: 5px;
    text-align: center;
    margin-right: 10px;
    visibility: hidden;
    right: -5px;
    line-height: inherit;
    position: relative;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.top-bar-menu-inner .sub-menu li a:hover:before {
    visibility: visible;
    right: 0;
}

.top-bar-menu-inner .sub-menu li a:hover {
    left: 0;
}

/* logo area */
.header-wrap {
    display: block;
    position: relative;
}

.logo-wrap {
    display: block;
}

.logo-text {
    line-height: 1;
}

.logo-text strong {
    color: #fff;
    font-size: 60px;
}

.logo-image {
    display: block;
    vertical-align: middle;
    min-height: 100px;
    width: auto;
    height: auto;
    overflow: hidden;
}

.logo-image img {
    display: block;
    height: 100%;
    width: auto;
}

.logo-area-wrap {
    display: block;
    position: relative;
    padding: 30px;
    text-align: center;
}

.site-tagline {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    color: #ccc;
}

.logo-area-wrap .social-bar-outer .social-bar-wrap a {
    color: #fff;
    border-color: rgba(255, 255, 255, .3);
}

.logo-area-wrap .social-bar-outer .social-bar-wrap a:hover, .logo-area-wrap .social-bar-outer .social-bar-wrap a:focus {
    background-color: #fff;
    color: #242424;
    border-color: #fff;
    opacity: 1;
}

/* logo mobile */
.logo-mobile-wrap {
    display: none;
    float: left;
}

.logo-text-mobile.logo-text strong {
    font-size: 32px;
    line-height: 40px;
}

.logo-mobile-wrap .logo-image-mobile {
    display: block;
}

.logo-image-mobile img {
    max-height: 60px;
    width: auto;
    vertical-align: middle;
}

/* headers social */
.header-social {
    position: absolute;
    top: 50%;
    left: 90px;
    right: auto;
    bottom: auto;
    margin-top: -20px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* mobile nav button */
.mobile-nav-button-outer {
    display: block;
    position: static;
}

.mobile-nav-button {
    display: none;
    position: absolute;
    top: 50%;
    right: 90px;
    margin-top: -20px;
    color: #fff;
}

.is-show.mobile-nav-button {
    display: block !important;
}

.mobile-nav-button > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

.mobile-nav-button a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mobile-nav-button a:hover, .mobile-nav-button a:focus {
    color: #d5c3af;
}

.mobile-nav-button .icon-text {
    text-transform: uppercase;
    letter-spacing: 0;
    opacity: .8;
    margin-right: 10px;
}

.mobile-nav-button .icon-wrap {
    font-size: 32px;
}

.mobile-nav-button .icon-wrap i {
    line-height: inherit;
}

/* logo outer */
.logo-outer {
    display: block;
    text-align: center;
}

.header-outer .logo-image {
    display: inline-block;
}

.logo-image {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.logo-image:hover, .logo-image:focus {
    opacity: .8;
}

/* header ads */
.header-ads {
    display: block;
    text-align: center;
    padding: 20px;
}

/* Main Navigation */
.nav-bar-outer {
    display: block;
    position: relative;
    z-index: 999;
}

.nav-bar-inner .ruby-container {
    padding-left: 15px;
    padding-right: 15px;
}

.nav-bar-outer .post-divider {
    display: block;
    margin-top: 0;
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
}

.nav-bar-wrap {
    display: block;
    z-index: 999;
    background-color: #2c2f33;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.ruby-is-stick .nav-bar-wrap {
    opacity: .95;
}

.ruby-is-stick .nav-bar-wrap:hover {
    opacity: 1;
}

.is-nav-shadow .nav-bar-wrap {
    box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
    webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
}

.admin-bar .is-sticky-nav .nav-bar-wrap {
    top: 32px !important;
}

.nav-bar-inner {
    display: block;
}

.main-nav-wrap {
    display: block;
    text-align: center;
    line-height: 0;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    color: #fff;
}

.main-nav-inner {
    display: inline-block;
    position: static;
    margin: 0;
}

.main-nav-inner > li {
    display: block;
    float: left;
    line-height: 54px;
}

.main-nav-inner > li > a {
    display: inline-block;
    padding: 0 18px;
    line-height: inherit;
}

.main-nav-inner > li:before {
    content: '';
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
    height: 6px;
    width: 6px;
    border: 2px solid;
    border-radius: 50%;
    opacity: .3;
}

.main-nav-inner > li:first-child:before {
    display: none;
}

/* main sub menu */

.no-menu {
    display: block;
    padding: 15px 0;
    font-size: 12px;
    font-weight: 300;
    opacity: .5;
    text-transform: capitalize;
}

.no-menu p {
    line-height: 1.5;
}

.no-menu a {
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

.main-nav-inner a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.main-nav-inner li > a:hover, .main-nav-inner li > a:focus {
    color: #d5c3af;
}

.main-nav-inner .is-sub-menu {
    display: block;
    visibility: hidden;
    text-align: left;
    opacity: 0;
    position: absolute;
    top: 120%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #2C2F33;
    border-top: 2px solid #D5C3AF;
    min-width: 185px;
    z-index: 9999;
    pointer-events: none;
    -webkit-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    border-left: 1px solid rgba(24, 24, 24, .05);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.is-sub-menu li {
    position: relative;
}

.main-nav-inner > li.menu-item-has-children {
    position: relative;
}

.main-nav-inner > li.menu-item-has-children.is-mega-menu {
    position: static;
}

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

.main-nav-inner .is-sub-menu:not(.mega-menu-wrap) a {
    display: block;
    line-height: 1;
    position: relative;
    left: -5px;
    padding: 10px 25px 10px 10px;
    white-space: nowrap;
    font-size: .8em;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.main-nav-inner .is-sub-menu:not(.mega-menu-wrap) li {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.main-nav-inner .is-sub-menu:not(.mega-menu-wrap) li:last-child {
    border-bottom: none;
}

.main-nav-inner .is-sub-menu.mega-category-menu a {
    font-size: inherit;
    letter-spacing: inherit;
}

.main-nav-inner .is-sub-menu li a:before {
    content: "\e684";
    font-family: 'Pe-icon-7-stroke';
    display: inline-block;
    letter-spacing: 0;
    width: 5px;
    text-align: center;
    margin-right: 15px;
    visibility: hidden;
    right: -7px;
    line-height: inherit;
    position: relative;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.main-nav-inner .is-sub-menu li a:hover:before {
    visibility: visible;
    right: 0;
}

.main-nav-inner .is-sub-menu li a:hover {
    left: 0;
}

.main-nav-inner .is-sub-menu .is-sub-menu {
    left: 115%;
    top: 0;
    right: auto;
    bottom: auto;
}

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

/* mega menu */
.main-nav-inner .is-sub-menu.mega-menu-wrap {
    display: block;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    padding: 30px 10px;
}

.mega-category-el {
    padding-left: 10px;
    padding-right: 10px;
}

.mega-category-el .post-wrap {
    padding: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-category-el .post-body {
    position: relative;
    margin-top: 15px;
}

.mega-category-el .post-title {
    text-shadow: none;
}

.main-nav-inner .mega-category-menu .is-sub-menu {
    display: block;
    text-align: center;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 20px;
    padding-top: 20px;
    border-width: 1px;
    padding-bottom: 0;
    border-left: none;
    border-color: rgba(255, 255, 255, .1);
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.mega-category-el .post-format-info {
    z-index: 10;
}

.main-nav-inner > li:hover .mega-category-menu .is-sub-menu {
    pointer-events: auto;
}

.main-nav-inner .mega-category-menu .is-sub-menu li {
    display: inline-block;
    margin-right: 10px;
}

.main-nav-inner .mega-category-menu .is-sub-menu a {
    font-size: .8em;
    display: block;
    border: 2px solid rgba(255, 255, 255, .5);
    padding: 10px 15px !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    opacity: 1 !important;
}

.main-nav-inner .mega-category-menu .is-sub-menu a:hover, .main-nav-inner .mega-category-menu .is-sub-menu a:focus,
.main-nav-inner .mega-category-menu .is-sub-menu li:last-child a:hover, .main-nav-inner .mega-category-menu .is-sub-menu li:last-child a:focus {
    background-color: #fff;
    border-color: #fff;
    color: #242424;
}

.main-nav-inner .mega-category-menu .is-sub-menu .sub-menu-inner {
    display: block;
    line-height: 0;
}

.main-nav-inner .mega-category-menu .is-sub-menu li:last-child a {
    border-bottom: 2px solid rgba(255, 255, 255, .5);
}

.main-nav-inner .mega-category-menu .is-sub-menu a:before {
    display: none;
}

/* col mega menu */
.main-nav-inner .is-sub-menu.mega-col-menu .is-sub-menu {
    display: block;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    border: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.main-nav-inner .is-sub-menu.mega-col-menu .is-sub-menu .is-sub-menu {
    font-weight: 400;
}

.main-nav-inner > li:hover .mega-col-menu .sub-menu-inner {
    pointer-events: auto !important;
}

.mega-col-menu .sub-menu-inner > li {
    display: block;
    overflow: hidden;
    float: left;
    width: 25%;
    padding: 0 15px;
    border-bottom: none !important;
}

.main-nav-inner .mega-col-menu .sub-menu-inner a {
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    top: auto;
    padding-left: 0;
    padding-right: 0;
}

.mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li > a, .mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li:last-child > a {
    border-bottom: 2px solid rgba(255, 255, 255, .1);
    left: 0 !important;
}

.mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li > a:before, .mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li:last-child > a:before {
    visibility: visible;
    right: 0 !important;
}

.mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li .is-sub-menu > li {
    font-size: .9em;
}

.mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li .is-sub-menu > li:last-child {
    border-bottom: none;
}

.mega-col-menu.is-mega-bg {
    border-left: none !important;
}

.mega-col-menu.is-mega-bg .is-sub-menu {
    background-color: transparent !important;
}

.mega-category-menu .is-text-light .pinterest-icon-overlay a {
    background-color: #fff;
}

.mega-category-menu .is-text-dark .pinterest-icon-overlay a {
    background-color: #000;
}

.mega-category-menu .is-text-light .pinterest-icon-overlay i {
    color: #000;
}

.mega-category-menu .is-text-light .pinterest-icon-overlay i {
    color: #fff;
}

.mega-category-menu .pinterest-icon-overlay a:hover i, .mega-category-menu .pinterest-icon-overlay a:focus i {
    color: #fff;
}

/* is light header */
.is-light-header .header-outer {
    background-color: #fff;
}

.is-light-header .top-bar-wrap {
    border-color: #f2f2f2;
}

.is-light-header .logo-area-wrap {
    background-color: #fff;
}

.is-light-header .header-outer .ruby-search input[type="text"] {
    background-color: #f2f2f2;
    color: #333 !important;
}

.is-light-header .header-outer .ruby-search i {
    color: #333;
}

.is-light-header .top-bar-menu, .ruby-search input[type="text"]:focus {
    color: #333;
}

.is-light-header .top-bar-menu-inner .sub-menu {
    background-color: #fff;
}

.is-light-header .logo-area-wrap .social-bar-outer .social-bar-wrap a {
    color: #242424;
    border-color: #242424;
}

.is-light-header .logo-area-wrap .social-bar-outer .social-bar-wrap a:hover,
.is-light-header .logo-area-wrap .social-bar-outer .social-bar-wrap a:focus {
    color: #fff;
    background-color: #242424;
    border-color: #242424;
}

.is-light-header .top-bar-menu-inner .sub-menu > li {
    border-color: rgba(24, 24, 24, .05);
}

.is-light-header .mobile-nav-button, .is-light-header .main-nav-wrap {
    color: #242424;
}

.is-light-header .nav-bar-wrap, .is-light-header .main-nav-inner .is-sub-menu {
    background-color: #fff;
}

.is-light-header .main-nav-inner .is-sub-menu:not(.mega-menu-wrap) li {
    border-color: rgba(24, 24, 24, .05);
}

.is-light-header .mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li > a,
.is-light-header .mega-col-menu > .sub-menu-wrap > .sub-menu-inner > li:last-child > a,
.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu {
    border-color: rgba(24, 24, 24, .05);
}

.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu a,
.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu li:last-child a {
    border-color: #242424;
}

.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu a:hover,
.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu a:focus,
.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu li:last-child a:hover,
.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu li:last-child a:focus {
    background-color: #242424;
    border-color: #242424;
    color: #fff;
}

.is-light-header .main-nav-inner .mega-category-menu .is-sub-menu {
    border-left: none;
}

.is-light-header .logo-text strong {
    color: #242424;
}

/*--------------------------------------------------------------
   4.0 - Post Blocks
--------------------------------------------------------------*/

.post-wrap {
    display: block;
    position: relative;
    background-color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    padding: 30px 20px;
    -webkit-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-format-info {
    display: block;
    color: #eee;
    font-size: 30px;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 10px;
}

.post-cate-info {
    display: block;
    line-height: 0;
    color: #d5c3af;
    padding-left: 2px; /* fix font italic */
}

.post-cate-info a {
    display: inline-block;
    position: relative;
    line-height: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.post-cate-info a:hover, .post-cate-info a:focus {
    text-decoration: underline;
}

.post-cate-info .cate-info-el:before {
    content: '';
    display: inline-block;
    height: 6px;
    width: 6px;
    border: 2px solid #d5c3af;
    border-radius: 50%;
    opacity: .3;
    vertical-align: middle;
    line-height: inherit;
    text-decoration: none !important;
    margin-left: 7px;
    margin-right: 7px;
}

.post-cate-info .cate-info-el:first-of-type:before {
    display: none;
    margin-left: 0;
    margin-right: 0;
}

.post-title {
    display: block;
    margin-top: 2px;
    font-size: 18px;
    letter-spacing: 0;
}

.single-title.post-title h1 {
    display: block;
    font-size: 1.1em;
    line-height: 1.15;
}

.post-title > * {
    display: block;
    font-size: inherit;
    padding: 0;
    margin: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.post-title a:hover, .post-title a:focus,
.woocommerce ul.products li.product h3:hover, .woocommerce ul.products li.product h3:focus {
    text-decoration: underline;
}

.post-title.is-big-title {
    font-size: 28px;
}

.post-title.is-big-title > * {
    line-height: 1.2;
}

.post-title.is-medium-title {
    font-size: 18px;
}

.post-title.is-medium-title > * {
    line-height: 1.35;
}

.post-title.is-small-title {
    font-size: 14px;
}

.post-title.is-small-title > * {
    line-height: 1.4;
}

.post-meta-info {
    display: block;
    margin-top: 10px;
    line-height: 1.5;
}

.is-light-text .post-meta-info {
    color: #fff;
}

.post-meta-info a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.post-meta-info a:hover, .post-meta-info a:focus {
    text-decoration: underline;
}

.meta-info-el i {
    display: inline-block;
    color: #d5c3af;
    margin-right: 5px;
}

.meta-info-el:before {
    content: '.';
    margin-left: 5px;
    margin-right: 5px;
}

.meta-info-el:first-child:before {
    display: none;
}

.meta-info-el .tag-el:before, .meta-info-el .cate-el:before {
    content: '/';
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block;
    text-decoration: none !important;
}

.meta-info-el .tag-el:first-of-type:before, .meta-info-el .cate-el:first-of-type:before {
    display: none;
}

.tag-info-el:before {
    content: ',';
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

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

.post-header > *:first-child {
    margin-top: 0 !important;
}

.post-body {
    margin-top: 25px;
}

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

/* post thumb */
.post-thumb-outer, .post-thumb {
    display: block;
    position: relative;
}

.post-thumb.post-gallery {
    margin: -2px;
}

.post-thumb.video, .post-thumb.audio {
    padding-bottom: 56% !important;
    height: 0 !important;
}

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

.post-thumb {
    overflow: hidden;
}

.post-thumb img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.ruby-holder {
    background-color: #f7f7f7;
}

.thumb-caption {
    display: block;
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 5px;
    border-radius: 3px;
    background-color: rgba(34, 34, 34, .3);
    padding: 5px 10px;
    font-size: 11px;
    font-style: italic;
    line-height: 1.2;
}

.thumb-caption i {
    color: #d5c3af;
    margin-right: 5px;
}

.pinterest-icon-overlay {
    display: block;
    position: absolute;
    z-index: 101;
    left: -4px;
    right: auto;
    bottom: -4px;
    top: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.is-pinterest-icon {
    display: block;
    position: relative;
}

.pinterest-icon-overlay a {
    display: block;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #000;
    color: #fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.pinterest-icon-overlay a i {
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-wrap:hover .pinterest-icon-overlay a, .post-wrap:focus .pinterest-icon-overlay a,
.post-thumb-outer:hover .pinterest-icon-overlay a, .post-thumb-outer:focus .pinterest-icon-overlay a,
.is-pinterest-icon:hover .pinterest-icon-overlay a, .is-pinterest-icon:focus .pinterest-icon-overlay a {
    pointer-events: auto;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.pinterest-icon-overlay a:hover, .pinterest-icon-overlay a:focus, .mega-category-menu .pinterest-icon-overlay a:hover, .mega-category-menu .pinterest-icon-overlay a:focus {
    background-color: #f74c53;
    color: #fff;
}

/* self host audio style */
.self-hosted-audio .mejs-container, .self-hosted-audio .mejs-container .mejs-controls, .self-hosted-audio .mejs-embed, .self-hosted-audio .mejs-embed body {
    background-color: rgba(0, 0, 0, .2);
}

.self-hosted-audio .mejs-container {
    height: 40px !important;
}

.self-hosted-audio .mejs-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.mejs-container .mejs-controls {
    height: 40px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.post-thumb .mejs-container .mejs-controls div {
    text-align: center;
    line-height: 41px;
}

.mejs-container .mejs-controls .mejs-playpause-button {
    width: 40px !important;
    height: 100% !important;
}

.mejs-container * {
    font-family: "Open Sans", sans-serif !important;
}

.post-thumb .mejs-container .mejs-controls > * {
    margin-left: 2px;
    margin-right: 2px;
}

.post-thumb .mejs-controls .mejs-button button {
    font-size: 18px;
    background: 0 0;
    color: #fff;
    margin: 0;
    height: 100%;
    position: static;
    width: auto;
    display: inline-block;
    outline: none !important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mejs-controls .mejs-button button:focus {
    outline: none !important;
}

.mejs-controls .mejs-play button:after {
    font-family: FontAwesome;
    content: "\f01d";
}

.mejs-controls .mejs-pause button:after {
    font-family: FontAwesome;
    content: "\f28c";
}

.post-thumb .mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    line-height: 40px;
    height: 40px;
    width: auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.post-thumb .mejs-controls .mejs-time-rail .mejs-time-total {
    margin-top: 12px !important;
}

.post-thumb .mejs-controls .mejs-time-rail .mejs-time-loaded {
    height: 6px;
    background-color: #f2f2f2;
}

.post-thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .post-thumb .mejs-controls .mejs-time-rail .mejs-time-current {
    background-color: #d5c3af;
    position: relative;
    height: 6px;
}

.mejs-controls .mejs-time-rail .mejs-time-current:after {
    content: '';
    height: 10px;
    width: 10px;
    background-color: #d5c3af;
    position: absolute;
    bottom: 50%;
    right: 0;
    border-radius: 50%;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.post-thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total {
    height: 6px;
    background-color: #fff;
}

.post-thumb .mejs-controls .mejs-time-rail .mejs-time-float {
    display: none !important;
}

.post-thumb .mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    cursor: pointer;
    border: solid 2px #242424;
    top: -2px;
    text-align: center;
    border-radius: 5px;
}

.mejs-controls .mejs-mute button:after {
    font-family: FontAwesome;
    content: "\f028";
}

.mejs-controls .mejs-unmute button:after {
    font-family: FontAwesome;
    content: "\f026";
}

.mejs-controls a.mejs-horizontal-volume-slider {
    margin-top: 6px;
}

.mejs-button.mejs-volume-button {
    height: 100% !important;
}

.post-thumb .mejs-controls .mejs-button.mejs-volume-button button {
    font-size: 15px;
}

.mejs-controls .mejs-fullscreen-button button, .mejs-button.mejs-fullscreen-button {
    height: 100% !important;
    line-height: 100% !important;
}

.mejs-controls .mejs-fullscreen-button button:before {
    font-family: FontAwesome;
    content: "\f26c";
    font-size: 15px;
}

/* post excerpt */
.post-excerpt {
    display: block;
    font-size: 13px;
    margin-top: 25px;
    line-height: 1.6;
}

/* post divider */
.post-divider {
    display: block;
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    height: 5px;
    opacity: .1;
    background: url('../images/pattent.png') 0 50% repeat-x;
}

.post-divider.is-light-line {
    background: url('../images/pattent-light.png') 0 50% repeat-x;
}

/* read more button */
.post-footer-wrap {
    display: block;
    position: relative;
    margin-top: 20px;
    color: #242424;
}

.post-footer-wrap > * {
    display: block;
    float: left;
    z-index: 12;
}

.read-more-wrap a {
    display: block;
    position: relative;
    height: 32px;
    z-index: 12;
    line-height: 28px;
    border: 2px solid #242424;
    border-bottom-width: 4px;
    background-color: #242424;
    color: #fff;
    padding: 0 15px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.read-more-wrap a:hover, .read-more-wrap a:focus {
    background-color: transparent;
    color: #242424;
    line-height: 26px;
}

.post-share-bar {
    display: block;
    position: relative;
    margin-left: 4px;
}

.post-share-bar-inner {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-right: 1px;
    z-index: 99;
}

.post-share-bar-inner:before {
    content: "\e616";
    display: block;
    font-family: Pe-icon-7-stroke;
    font-size: 18px;
    text-align: center;
    width: 30px;
    line-height: 26px;
    border: 2px solid;
    border-bottom-width: 4px;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.post-share-bar-inner:hover:before {
    border-color: transparent;
    opacity: .5;
}

.post-share-bar-inner a {
    display: block;
    background-color: #fff;
    padding-left: 1px;
    padding-right: 1px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.post-share-bar-inner i {
    width: 30px;
    height: 32px;
    line-height: 26px;
    border: 2px solid;
    border-bottom-width: 4px;
    border-color: #242424;
    background-color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-share-bar-inner a:hover i, .post-share-bar-inner a:focus i {
    background-color: #242424;
    color: #fff;
}

.post-share-bar-inner:hover a {
    visibility: visible;
    opacity: 1;
    z-index: 0;
}

.post-share-bar-inner:hover a:nth-child(1) {
    z-index: 6;
    -webkit-transform: translate3d(31px, 0, 0);
    -moz-transform: translate3d(31px, 0, 0);
    -ms-transform: translate3d(31px, 0, 0);
    -o-transform: translate3d(31px, 0, 0);
    transform: translate3d(31px, 0, 0);
}

.post-share-bar-inner a:nth-child(2) {
    z-index: 5;
    -moz-transform: translateX(31px);
    -ms-transform: translateX(31px);
    -webkit-transform: translateX(31px);
    transform: translateX(31px);
}

.post-share-bar-inner:hover a:nth-child(2) {
    -moz-transform: translateX(63px);
    -ms-transform: translateX(63px);
    -webkit-transform: translateX(63px);
    transform: translateX(63px);
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
}

.post-share-bar-inner a:nth-child(3) {
    z-index: 4;
    -moz-transform: translateX(63px);
    -ms-transform: translateX(63px);
    -webkit-transform: translateX(63px);
    transform: translateX(63px);
}

.post-share-bar-inner:hover a:nth-child(3) {
    -moz-transform: translateX(95px);
    -ms-transform: translateX(95px);
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}

.post-share-bar-inner a:nth-child(4) {
    z-index: 3;
    -moz-transform: translateX(95px);
    -ms-transform: translateX(95px);
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
}

.post-share-bar-inner:hover a:nth-child(4) {
    -moz-transform: translateX(127px);
    -ms-transform: translateX(127px);
    -webkit-transform: translateX(127px);
    transform: translateX(127px);
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}

.post-share-bar-inner a:nth-child(5) {
    z-index: 2;
    -moz-transform: translateX(127px);
    -ms-transform: translateX(127px);
    -webkit-transform: translateX(127px);
    transform: translateX(127px);
}

.post-share-bar-inner:hover a:nth-child(5) {
    -moz-transform: translateX(159px);
    -ms-transform: translateX(159px);
    -webkit-transform: translateX(159px);
    transform: translateX(159px);
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
}

.post-share-bar-inner a:nth-child(6) {
    z-index: 1;
    -moz-transform: translateX(159px);
    -ms-transform: translateX(159px);
    -webkit-transform: translateX(159px);
    transform: translateX(159px);
}

.post-share-bar-inner:hover a:nth-child(6) {
    -moz-transform: translateX(191px);
    -ms-transform: translateX(191px);
    -webkit-transform: translateX(191px);
    transform: translateX(191px);
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

/* post view */
.post-view-info {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    bottom: auto;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    padding: 0 0 5px 0;
    margin: 0;
    border-bottom: 2px solid;
    text-align: right;
}

.view-info-text {
    display: block;
    text-transform: capitalize;
    color: #d5c3af;
}

.view-info-text *, .view-info-number > * {
    display: block;
    line-height: 1;
}

.view-info-number {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px;
}

/* List layout */
.post-wrap.post-list {
    padding: 30px 20px;
}

.post-list .is-left-col {
    display: block;
    padding-right: 35px;
}

.post-list .post-excerpt {
    margin-top: 20px;
}

.post-list-content-outer {
    display: block;
    position: relative;
    margin-left: -10px;
}

.is-right-footer {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    visibility: visible;
    white-space: nowrap;
    z-index: 10;
    opacity: 1;
    -webkit-transition: all .2s linear !important;
    -moz-transition: all .2s linear !important;
    -ms-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}

.is-right-footer i {
    margin-right: 5px;
    font-size: 12px;
    vertical-align: middle;
    color: #d5c3af;
}

.is-right-footer a:before {
    display: inline-block;
    content: '/';
    padding-left: 5px;
    padding-right: 5px;
}

.is-right-footer a:hover, .is-right-footer a:focus {
    text-decoration: underline;
}

.is-right-footer a:first-of-type:before {
    display: none;
}

.footer-wrap .ruby-search input[type="text"] {
    background-color: #343b41;
}

/* light style*/
.is-light-text .post-title {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
}

/* Classic Layout */
.post-wrap.post-classic {
    padding: 45px 30px;
    margin-bottom: 45px;
}

.post-classic .post-cate-info a {
    font-size: 1.2em;
    line-height: 1;
}

.post-classic .post-footer-wrap {
    margin-top: 30px;
}

.post-classic .entry.post-excerpt > *:last-child {
    margin-bottom: 0;
}

.post-classic .slider-init {
    height: 365px;
}

.post-classic .gallery-grid.slider-init {
    height: 359px;
}

/* carousel post wrap */
.post-wrap.carousel-post-wrap {
    display: block;
    height: 180px;
    padding: 0;
    margin: 0 10px;
    background-color: #f2f2f2;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: center;
    outline: none !important;
}

.carousel-post-wrap .post-content-outer {
    display: block;
    position: absolute;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    left: 20px;
    right: 20px;
    bottom: 20px;
    top: 20px;
    background-color: rgba(255, 255, 255, .25);
    padding: 20px;
}

.carousel-post-wrap .post-content-outer:before {
    content: '';
    display: block;
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: -4px;
    top: -4px;
    border: 1px solid #fff;
    z-index: 1;
    pointer-events: none;
}

.carousel-post-wrap .post-body {
    padding: 0;
    margin: 0;
    z-index: 10;
}

.carousel-post-wrap .post-title {
    margin-top: 2px;
}

.carousel-post-wrap .post-title h3 {
    font-size: 1.06em;
}

/*--------------------------------------------------------------
   5.0 - Featured Area
--------------------------------------------------------------*/

/* full width section */
.top-footer-wrap {
    display: block;
    background-color: #fff;
}

.full-top-section .widget, .top-footer-wrap .widget {
    display: none;
    margin-bottom: 0;
    padding: 45px 0;
}

.full-top-section .widget.is-fw-widget, .top-footer-wrap .widget.is-fw-widget {
    display: block;
}

.top-footer-divider {
    display: block;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

.top-footer-divider .post-divider {
    margin-top: 0;
}

.top-footer-wrap > span.ruby-container:last-of-type {
    display: none !important;
}

/* quote widget */
.quote-text-content {
    display: block;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
}

.quote-text-content .quote-text h3 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #777;
}

.quote-cite {
    display: block;
    overflow: hidden;
    margin-top: 15px;
}

.quote-cite cite {
    color: #d5c3af;
    white-space: nowrap;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
}

/* fw post widget */
.ruby-widget-post-fw.widget {
    padding-top: 45px;
    padding-bottom: 45px;
}

.fw-post-content {
    display: block;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.fw-post-carousel.slider-init {
    height: 180px;
}

.ruby-widget-post-fw .widget-title h3 {
    font-size: 26px;
    line-height: 1;
    white-space: nowrap;
}

.ruby-widget-post-fw .ruby-slider-next {
    right: -70px;
}

.ruby-widget-post-fw .ruby-slider-prev {
    left: -70px;
}

/* feat carousel */
.feat-slider-center-fw, .feat-slider-left-fw {
    display: block;
    position: relative;
    background-color: #fff;
    padding-bottom: 4px;
}

#ruby-feat-slider-center-fw.slider-init, #ruby-feat-slider-left-fw.slider-init {
    height: 520px;
    overflow: hidden;
}

.post-feat-big.post-wrap {
    display: block;
    position: relative;
    height: 500px;
    margin: 0 2px;
    padding: 30px;
    outline: none !important;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-feat-big .post-inner {
    display: block;
    position: relative;
    z-index: 100;
}

.post-wrap.post-feat-big:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: rgba(0, 0, 0, 0);
}

.post-feat-big .is-middle {
    opacity: 0;
    z-index: 20;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    transition-delay: .35s;
    -webkit-transition-delay: .35s;
}

.post-feat-big .post-header {
    max-width: 740px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.post-feat-big.slick-active .is-middle {
    opacity: 0;
}

.post-feat-big .post-format-info {
    font-size: 42px;
}

.post-feat-big .post-meta-info > *,
.post-feat-big .post-cate-info > * {
    font-size: 1.2em;
    line-height: 1;
}

#ruby-feat-slider-left-fw .slick-list {
    padding-left: 0 !important;
}

#ruby-feat-slider-left-fw .post-feat-small.slick-slide {
    margin-left: 0 !important;
}

/* post feat small */
.post-feat-small.post-wrap {
    display: block;
    position: relative;
    height: 500px;
    margin: 0 4px 0 0;
    padding: 0;
    outline: none !important;
    background-color: #f2f2f2;
    -webkit-box-shadow: none;
    box-shadow: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post-feat-small .post-content-wrap {
    display: block;
    position: relative;
    float: right;
    width: auto;
    max-width: 460px;
    background-color: #fff;
    padding: 35px 25px;
    margin-right: 60px;
    opacity: 0;
    z-index: 20;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    transition-delay: .35s;
    -webkit-transition-delay: .35s;
}

.post-feat-small .post-format-info {
    top: 15px;
    right: 15px;
    font-size: 38px;
}

.post-feat-small .post-cate-info > * {
    font-size: 1.2em;
    line-height: 1;
}

.post-feat-small.slick-active .post-content-wrap {
    opacity: 1;
}

/*--------------------------------------------------------------
   6.0 - Off Canvas
--------------------------------------------------------------*/

.off-canvas-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    padding: 0;
    background-color: #2c2f33;
    height: 100%;
    z-index: 1001;
    color: #aaa;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate(-300px, 0);
    -moz-transform: translate(-300px, 0);
    -ms-transform: translate(-300px, 0);
    -o-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    -webkit-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
}

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

body.mobile-js-menu .off-canvas-wrap {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

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

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

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

.off-canvas-inner {
    display: block;
}

.ruby-mobile-nav {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
}

.close-off-canvas-wrap {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    text-align: center;
}

.close-off-canvas-wrap a {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
}

.close-off-canvas-wrap i {
    font-size: 26px;
    line-height: 48px;
    padding: 0 10px;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.close-off-canvas-wrap i:hover, .close-off-canvas-wrap i:focus {
    color: #d5c3af;
}

/* mobile menu */
.mobile-menu-wrap {
    font-size: 11px !important;
}

.mobile-menu-wrap .mobile-menu {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.mobile-menu-wrap ul li {
    display: block;
    position: relative;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid rgba(255, 255, 255, .05);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mobile-menu-wrap ul li a {
    position: relative;
    display: block;
    padding: 0 20px;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mobile-menu-wrap ul li a:hover, .mobile-menu-wrap ul li a:focus {
    color: #fff;
}

.mobile-menu-wrap ul li:first-child {
    border-top-color: transparent;
}

.mobile-menu-wrap ul li ul {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.mobile-menu-wrap ul li ul:last-child {
    border-bottom: none;
}

.mobile-menu-wrap .sub-menu {
    display: none;
    background-color: #292C2F;
    font-weight: 400;
    font-size: .9em;
}

.mobile-menu-wrap .sub-menu .sub-menu {
    padding-left: 20px;
    background-color: #2c2f33;
}

.mobile-menu-wrap .no-menu {
    padding-left: 20px;
    padding-right: 20px;
}

.explain-menu {
    display: block;
    cursor: pointer;
    border-left: 1px solid rgba(255, 255, 255, .05);
    position: absolute;
    color: #aaa;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    text-align: center;
    z-index: 999;
    line-height: 48px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.explain-menu:hover, .explain-menu:focus, .active .explain-menu {
    color: #D5C3AF;
}

.active .explain-menu:before {
    content: "\f107";
}

.show-sub-menu > .sub-menu {
    display: block !important;
}

.off-canvas-search {
    display: block;
    position: relative;
    margin: 20px 20px 0 20px;
}

.off-canvas-search .ruby-search {
    margin-top: 0;
}

/*--------------------------------------------------------------
   7.0 - Widgets
--------------------------------------------------------------*/

.widget {
    display: block;
    overflow: hidden;
    background-color: #fff;
    padding: 45px 20px;
    margin-bottom: 45px;
}

.sidebar-wrap .widget {
    -webkit-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
}

.widget-title {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.widget-divider {
    display: block;
    margin-top: 15px;
    line-height: 1;
}

.widget-divider > * {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
}

.widget-divider > *:last-child {
    margin-right: 0;
}

.widget-divider > span {
    width: 45px;
}

.widget-divider i {
    color: #d5c3af;
    font-size: 22px;
    vertical-align: bottom;
}

.widget-divider span:before {
    content: '';
    position: absolute;
    bottom: 4px;
    width: 30px;
    height: 1px;
    left: auto;
    right: 0;
    background-color: #d5c3af;
}

.widget-divider span:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 45px;
    height: 2px;
    left: auto;
    right: 0;
    background-color: #d5c3af;
}

.widget-divider span:last-child:before, .widget-divider span:last-child:after {
    left: 0;
    right: auto;
}

/* default widget */
.widget .cat-item, .widget_archive li, .widget_pages .page_item, .widget_nav_menu li, .widget_meta li, .recentcomments {
    color: #aaa;
}

.widget .cat-item a, .widget_archive li, .widget_pages .page_item a, .widget_nav_menu li a, .widget_meta a {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: .8em;
}

.widget .cat-item:last-child a, .widget_archive li:last-child, .widget_pages .page_item:last-child a, .widget_meta li:last-child a, .widget_rss li:last-child, .widget_nav_menu .menu > li:last-child > a {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.number-post {
    float: right;
}

.widget .cat-item a:hover, .widget_archive li a:hover, .widget_pages .page_item a:hover, .widget_nav_menu li a:hover, .widget_meta a:hover {
    color: #d5c3af;
}

.widget .cat-item .children {
    margin-left: 15px;
}

.widget .cat-item .children .cat-item a {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    margin-bottom: 15px;
}

.widget_recent_comments .recentcomments, .widget_recent_entries li {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    margin-bottom: 15px;
}

.widget_recent_comments .recentcomments:last-child, .widget_recent_entries li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.widget_recent_comments span.comment-author-link {
    font-style: italic;
    text-decoration: underline;
}

.widget_recent_entries a:hover, .widget_recent_entries a:focus {
    text-decoration: underline;
}

/* archive drop down */
.widget_archive label, .widget_categories label {
    display: none;
}

/* calendar */
#wp-calendar caption {
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar thead th {
    height: 32px;
    line-height: 32px;
    font-weight: normal;
    text-align: center;
}

#wp-calendar tr {
    background: none;
}

#wp-calendar td {
    text-align: center;
    line-height: 32px;
}

#wp-calendar thead {
    background: #f6f6f6;
}

/* rss widget */
.rss-widget-icon {
    display: none;
}

.widget_rss a {
    font-weight: bold;
}

.widget_rss li {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    margin-bottom: 15px;
}

/* tag cloud */
.tagcloud a {
    font-size: 12px !important;
    display: block;
    float: left;
    border: 1px solid;
    padding: 5px;
    margin-right: 7px;
    margin-bottom: 7px;
    line-height: 1;
    color: #999;
}

/* About me widget */
.widget.about-widget {
    display: block;
    position: relative;
    padding: 0 0 45px 0;
}

.about-widget .widget-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: 0;
    color: #fff;
    z-index: 9;
}

.about-widget .background-image {
    display: block;
    position: relative;
    height: 185px;
    overflow: hidden;
}

.about-widget .background-image img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
}

.about-widget .background-image:after {
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    background-color: rgba(34, 34, 34, .5);
}

.about-widget-image-avatar {
    display: block;
    position: relative;
    text-align: center;
    margin-top: -51px;
    z-index: 99;
}

.about-widget-image-avatar img {
    display: inline-block;
    background-color: #fff;
    width: 96px;
    min-height: 96px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.about-widget-content {
    display: block;
    padding: 28px 20px 0 20px;
    margin: 0 !important;
    text-align: center;
    font-style: italic;
    color: inherit;
}

.about-widget .name-img {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.about-widget .name-img img {
    display: inline-block;
}

.about-widget-footer {
    display: block;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.about-widget-footer .social-bar-wrap {
    margin-top: 20px;
}

/* post widgets */
.post-widget-el {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
}

.post-widget-el:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.post-widget-el.style-2 {
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.post-widget-el.style-2:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.post-widget-thumb {
    display: block;
    float: left;
    width: 70px;
    margin-right: 15px;
}

.post-widget-content {
    margin-left: 85px;
}

.post-widget-content .post-cate-info a {
    font-size: .9em;
}

/* style 2 */
.post-widget-el.style-2 .post-widget-content {
    margin-left: 45px;
}

.post-widget-num {
    display: block;
    float: left;
    width: 32px;
    line-height: 65px;
    text-align: center;
}

.post-widget-num span {
    font-size: 32px;
    line-height: inherit;
    color: #aaa;
}

/* social icon widget */
.widget-social-content {
    display: block;
    text-align: center;
}

.social-bar-outer .social-bar-wrap {
    display: inline-block;
    font-size: 18px;
    color: #242424;
    margin-left: -2px;
    margin-right: -2px;
}

.social-bar-outer .social-bar-wrap a {
    display: inline-block;
    border: 2px solid;
    border-bottom-width: 4px;
    text-align: center;
    position: relative;
    margin: 2px;
    height: 36px;
    line-height: 30px;
    width: 34px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.widget-social-content.social-bar-outer .social-bar-wrap a {
    line-height: 70px;
    width: 74px;
    height: 77px;
    font-size: 48px;
    border-bottom-width: 5px;
}

.social-bar-outer .social-bar-wrap a:hover, .social-bar-outer .social-bar-wrap a:focus {
    background-color: #242424;
    border-color: #242424;
    color: #fff;
}

/* flickr image */
.flickr-image-wrap {
    display: block;
    margin: 0 -4px 4px -4px;
}

.flickr-img-el {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 4px;
}

.flickr-img-el img {
    width: 100%;
    height: auto;
}

.flickr-img-el a, .instagram-img-el a {
    display: block;
    position: relative;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.flickr-img-el a:before, .instagram-img-el a:before {
    content: '';
    position: absolute;
    visibility: hidden;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
}

.flickr-img-el:hover a:before, .flickr-img-el:focus a:before, .instagram-img-el:hover a:before, .instagram-img-el:focus a:before {
    opacity: .3;
    visibility: visible;
}

/* twitter feed */
li.twitter-content {
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    font-size: .9em;
}

li.twitter-content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.twitter-content a {
    font-style: italic;
    color: #d5c3af;
}

.twitter-content a:hover, .twitter-content a:focus {
    text-decoration: underline;
}

.twitter-timestamp {
    display: block;
    margin-top: 7px;
    font-size: 11px;
    font-style: italic;
    color: #aaa;
    line-height: 1.1;
}

.twitter-timestamp i {
    margin-right: 5px;
    line-height: inherit;
    vertical-align: bottom;
    display: inline-block;
}

/*mc4wp widget */
.widget.widget_mc4wp_form_widget {
    background-color: #2c2f33;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
    -webkit-background-size: cover !important;
}

.widget_mc4wp_form_widget .widget-title {
    display: none;
}

.widget_mc4wp_form_widget .mc4wp-form label {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    color: #fff;
}

.widget_mc4wp_form_widget .mc4wp-form input {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
}

.widget_mc4wp_form_widget .mc4wp-form input:last-child {
    margin-bottom: 0;
}

.widget_mc4wp_form_widget .mc4wp-form input[type="submit"] {
    font-size: 13px;
    margin-top: 20px;
    background-color: #d5c3af;
    color: #fff;
}

.widget_mc4wp_form_widget .mc4wp-form input[type="submit"]:hover, .widget_mc4wp_form_widget .mc4wp-form input[type="submit"]:focus {
    background-color: #fff;
    color: #242424;
}

.widget_mc4wp_form_widget .mc4wp-alert, .widget_mc4wp_form_widget .mc4wp-error {
    color: #fff;
    margin-top: 10px;
}

/* sidebar instagram */
.instagram-image-wrap {
    display: block;
    margin: 0 -4px 4px -4px;
}

.instagram-img-el {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 4px;
}

.instagram-bottom-text, .flickr-bottom-text {
    color: #aaa;
    font-style: oblique;
    font-size: 11px;
    text-align: right;
}

/* widget search */
.widget_search .ruby-search input[type="text"] {
    width: 100%;
    padding: 10px;
}

.widget_search .ruby-search .ruby-search-submit {
    height: 50px;
    width: 50px;
    line-height: 50px;
}

/* facebook widget*/
.widget.ruby-fb-widget {
    padding-bottom: 20px;
}

/* add widgets */
.widget.ruby-ads-widget {
    display: block;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    text-align: center;
}

.widget-ads-content {
    display: inline-block;
    margin: auto;
    text-align: center;
}

/* youtube subscribe */
.subscribe-youtube-wrap iframe {
    max-height: 73px;
    overflow: hidden;
}

/* social counter sidebar */
.social-counter-content {
    display: block;
}

.social-counter-content-sidebar {
    color: #242424;
}

.social-counter-content-sidebar .counter-element {
    display: block;
    line-height: 30px;
    margin-bottom: 25px;
    padding: 0 5px 5px 0;
    border-bottom: 4px solid #242424;
}

.social-counter-content-sidebar .counter-element .text-count {
    display: block;
    float: right;
    text-transform: capitalize;
    font-style: italic;
    font-size: 12px;
    color: #aaa;
}

.social-counter-content-sidebar .counter-element * {
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.social-counter-content-sidebar .counter-element > * i {
    width: 52px;
    text-align: center;
    font-size: 38px;
}

.social-counter-content-sidebar .counter-element .num-count {
    font-weight: 700;
    margin-left: 7px;
    font-size: 16px;
    text-transform: uppercase;
}

.text-count a:hover, .counter-element a:hover .num-count {
    text-decoration: underline;
}

/* video widget */
.widget.ruby-widget-video {
    padding-bottom: 20px;
}

/* full width counter widget */
.widget-fw-social-counter {
    display: block;
    text-align: center;
}

.top-footer-wrap .widget-fw-social-counter {
    padding-top: 40px;
    padding-bottom: 40px;
}

.social-counter-content-fw .counter-element {
    display: inline-block;
    text-align: center;
    padding: 5px 20px;
    min-width: 120px;
    color: #242424;
    vertical-align: middle;
}

.social-counter-content-fw .counter-element .text-count {
    text-transform: capitalize;
    font-style: italic;
    font-size: 12px;
    color: #aaa;
    white-space: nowrap;
    line-height: 1;
}

.social-counter-content-fw .counter-element > a {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 4px solid #242424;
}

.social-counter-content-fw .counter-element > a * {
    display: inline-block;
    vertical-align: middle;
}

.social-counter-content-fw .counter-element .num-count {
    font-weight: 700;
    margin-left: 7px;
    font-size: 18px;
    text-transform: uppercase;
}

.social-counter-content-fw .counter-element a i {
    text-align: center;
    font-size: 36px;
    line-height: 1;
}

/*--------------------------------------------------------------
   8.0 - Footers
--------------------------------------------------------------*/

.footer-wrap {
    display: block;
    overflow: hidden;
    margin-top: 45px;
}

.footer-wrap.is-light-text .widget-title {
    color: #eee;
}

.footer-area-outer {
    display: block;
    background-color: #2c2f33;
    border-top: 1px solid #eee;
}

.footer-wrap.is-light-text .widget .cat-item a, .footer-wrap.is-light-text .widget_archive li, .footer-wrap.is-light-text .widget_pages .page_item a,
.footer-wrap.is-light-text .widget_nav_menu li a, .footer-wrap.is-light-text .widget_meta a {
    border-color: rgba(255, 255, 255, .1);
}

.footer-wrap .post-widget-inner a {
    font-size: .9em;
}

/* copyright */
.copyright-wrap {
    display: block;
    overflow: hidden;
    text-align: center;
}

.copyright-social .social-bar-wrap {
    display: block;
    text-transform: uppercase;
    font-size: 32px;
    color: #fff;
    line-height: 1;
    padding: 15px 0;
}

.copyright-text {
    display: block;
    padding: 10px 20px;
    color: #999;
    font-size: 12px;
    background-color: #343b41;
}

.copyright-social .social-bar-wrap a {
    display: inline-block;
    padding: 0 30px;
}

.copyright-social .social-bar-wrap a:hover {
    opacity: .7;
}

/* footer area */
.footer-area {
    display: block;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.footer-area-inner {
    display: block;
    overflow: hidden;
    padding: 30px 40px;
}

.footer-area .widget {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
    padding: 30px 20px;
}

/* footer instagram widget */
.widget-instagram-footer-header {
    display: block;
    margin-bottom: 45px;
    text-align: center;
}

.widget-instagram-footer-header h3 {
    font-size: 48px;
    color: #eee;
}

.widget-instagram-footer-header h3 i {
    font-size: 68px;
    opacity: .3;
    margin-right: -30px;
}

.footer-instagram-el {
    display: block;
    overflow: hidden;
}

.footer-instagram-el:nth-child(odd) {
    padding-top: 15px;
}

.footer-instagram-el:nth-child(even) {
    padding-bottom: 15px;
}

.widget-instagram-footer .instagram-image-wrap {
    padding: 0;
    margin: 0;
}

/* post footer widget */
.instagram-image-wrap {
    display: block;
    overflow: hidden;
}

.footer-wrap .post-widget-thumb {
    width: 60px;
}

.footer-wrap .post-widget-content {
    margin-left: 75px;
}

.instagram-image-wrap {
    display: block;
    overflow: hidden;
    position: relative;
}

.instagram-image-wrap .slider-loading {
    background-color: #2c2f33 !important;
}

.slider-instagram-wrap.slider-init {
    height: 229px;
}

.footer-instagram-el a {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.footer-instagram-el a:before {
    content: '';
    display: block;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.footer-instagram-el a:hover:before {
    opacity: .2;
    visibility: visible;
}

.is-dark-text .instagram-image-wrap .slider-loading {
    background-color: #fff !important;
}

.is-dark-text .copyright-social .social-bar-wrap {
    color: #242424;
}

.is-dark-text .widget-instagram-footer-header h3 {
    color: #242424;
}

/*--------------------------------------------------------------
    9.0 - Single
--------------------------------------------------------------*/

.single-el {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.single-el {
    -webkit-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
}

article.single-el {
    padding-top: 45px;
    padding-bottom: 45px;
}

.single-body {
    display: block;
    margin-top: 30px;
}

blockquote {
    display: block;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

blockquote > * {
    font-style: italic;
    color: #999;
    position: relative;
}

blockquote *:before {
    content: "\f10d";
    font-family: FontAwesome;
    color: #d5c3af;
    position: absolute;
    top: 0;
    left: -25px;
    font-size: 18px;
}

blockquote *:after {
    content: "\f10e";
    font-size: 18px;
    font-family: FontAwesome;
    color: #d5c3af;
    display: inline-block;
    margin-left: 7px;
}

.entry {
    display: block;
    margin-top: 30px;
}

.entry h1 {
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 20px;
    padding-top: 10px;
    margin-top: 0;
}

.entry h2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.entry h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.entry h4 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.entry h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.entry h6 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.entry p {
    line-height: 1.7;
    margin-top: 0;
    margin-bottom: 25px;
}

.entry address {
    margin-bottom: 2em;
}

.entry a:not(.button) {
    text-decoration: underline;
    font-weight: bold;
}

.entry a {
    color: #111;
}

.entry a:hover, .entry a:focus {
    color: #d5c3af;
}

.entry ul {
    list-style: disc;
    margin: 0 0 26px 35px;
}

.entry ul li {
    list-style: disc;
    margin: 0 0 6px;
}

.entry ol {
    list-style: decimal;
    margin: 0 0 2em 15px;
}

.entry ol li {
    list-style: decimal;
    margin: 0 0 10px;
}

.entry li ul, .entry li ol {
    margin-top: 10px;
}

.entry ul ul,
.entry ul ol,
.entry ol ol,
.entry ol ul {
    margin-bottom: 0;
}

.entry dl {
    margin: 0 0 26px;
}

.entry dd {
    margin-left: 36px;
}

.entry img {
    display: block;
    max-width: 100%;
    height: auto;
}

.entry input {
    margin-bottom: 10px;
}

pre {
    display: block;
    margin-bottom: 20px;
}

table > thead > tr > th, table > tbody > tr > td, table > tfoot > tr > td {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    line-height: 1.625;
}

table > tfoot > tr > td {
    border-bottom: none;
}

table > thead > tr > th {
    font-weight: 700;
}

.entry table {
    margin-bottom: 30px;
    width: 100%;
    max-width: 100%;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.entry th, .entry td {
    text-align: left;
    padding: 7px 15px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}

.wp-caption, .entry .wp-caption {
    max-width: 100% !important;
    display: block;
    position: relative;
    height: auto;
    background-color: #f2f2f2;
}

.wp-caption p, .wp-caption-text {
    font-style: italic;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 15px;
    background-color: #f2f2f2;
    text-align: center;
    color: #777;
    padding: 5px 10px;
}

.wp-caption:before, .wp-caption:after {
    content: " ";
    display: table;
}

.wp-caption:after {
    clear: both;
}

.is-float-left {
    float: left;
    margin: 0 20px 10px 0;
}

.is-float-right {
    float: right;
    margin: 0 0 10px 20px;
}

.wp-caption.alignleft, img.alignleft {
    float: left;
    max-width: 100% !important;
}

.wp-caption.alignright, img.alignright {
    float: right;
    max-width: 100%;
    margin: 0 0 30px 30px;
}

img.alignnone, .wp-caption.alignnone {
    width: 100% !important;
    margin: 30px 0 30px 0;
}

img.alignnone, .wp-caption.alignnone img {
    display: block;
    width: 100%;
}

.wp-caption.aligncenter, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.thumbnail.push-bottom {
    text-align: center;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
}

.wp-caption.alignnone img {
    float: none;
    margin: 0 auto;
}

.copy a:not(.button), .story a:not(.button) {
    color: #111111;
    border-bottom-color: #111111;
}

.entry a:not(.button) img {
    padding: 0;
    margin: 0;
    background-color: #f2f2f2;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.like-wrap {
    display: block;
    overflow: hidden;
    margin: 30px 0;
}

.like-wrap .like-title {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin-right: 15px;
}

.like-wrap .like-content {
    display: inline-block;
}

.like-wrap .like-el {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.like-wrap .like-el:last-child {
    margin-right: 0;
}

.single-popup {
    display: block;
    position: relative;
}

/* single footer */
.single-footer {
    display: block;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}

.single-footer .box-share > * {
    display: block;
    float: left;
}

.single-footer .box-share > i {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: #aaa;
    margin-right: 5px;
}

.single-footer .box-share-inner {
    color: #242424;
}

.single-footer .box-share-inner i {
    font-size: inherit;
}

.single-footer .box-share-inner a {
    display: block;
    float: left;
    margin-left: 5px;
    width: 36px;
    height: 38px;
    font-size: 24px;
    line-height: 32px;
    border: 2px solid;
    border-bottom-width: 4px;
    text-align: center;
}

.single-footer .single-tag-wrap .is-table {
    min-height: 38px;
}

.box-share-inner a:hover, .box-share-inner a:focus {
    background-color: #242424;
    border-color: #242424;
    color: #fff;

}

.single-tag-wrap {
    display: block;
    float: right;
    max-width: 50%;
}

.single-tag-wrap.post-meta-info {
    margin: 0;
    max-width: 60%;
}

.single-tag-wrap.post-meta-info > * {
    font-size: 1.1em;
}

.single-tag-wrap a:before {
    content: '/';
    display: inline-block;
    text-decoration: none !important;
    padding-left: 5px;
    padding-right: 5px;
}

.single-tag-wrap .tag-desc {
    margin-right: 5px;
}

.single-tag-wrap .tag-desc i {
    font-size: 15px;
    margin-right: 5px;
}

.single-tag-wrap a:first-of-type:before {
    display: none;

}

/* single author box */
.single-author-box {
    display: block;
    margin-top: 30px;
}

.single-author-box .author-thumb {
    display: block;
    width: 85px;
    min-height: 85px;
    border: 2px solid #eee;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}

.author-title.post-cate-info {
    display: block;
    font-size: 16px;
    margin-left: 105px;
}

.author-title.post-cate-info > * {
    display: inline-block;
}

.single-author-box .author-title a {
    margin-left: 5px;
}

.author-title .author-tag-line {
    color: #aaa;
}

.single-author-box .author-description {
    display: block;
    margin-left: 105px;
    margin-top: 10px;
    font-style: italic;
    color: #aaa;
    font-size: 13px;
    line-height: 1.6;
}

.single-author-box .author-social {
    display: block;
    overflow: hidden;
    text-align: right;
    margin-top: 15px;
}

.single-author-box .social-bar-wrap a {
    display: inline-block;
    font-size: 12px;
    height: 24px;
    border: 1px solid;
    border-bottom-width: 2px;
    margin-left: 7px;
    width: 24px;
    text-align: center;
    line-height: 22px;
    color: #aaa;
}

.single-author-box .social-bar-wrap a:hover, .single-author-box .social-bar-wrap a:focus {
    background-color: #242424;
    border-color: #242424;
    color: #fff;
}

/* single nav */
.single-nav.single-el {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #2c2f33;
    padding: 15px 0;
}

.single-nav .nav-el {
    padding-top: 15px;
    padding-bottom: 15px;
}

.single-nav:after {
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 50%;
    width: 1px;
    background-color: rgba(255, 255, 255, .1);
    height: 100%;
}

.nav-el {
    display: block;
    position: relative;
}

.nav-el .post-thumb {
    display: block;
    float: left;
    width: 65px;
    height: auto;
    margin-left: 30px;
}

.nav-arrow {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    right: auto;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.nav-right .nav-arrow {
    left: auto;
    right: 0;
}

.nav-arrow i {
    font-size: 30px;
    line-height: inherit;
}

.nav-el:hover .nav-arrow i {
    opacity: .7;
}

.nav-left .nav-body {
    display: block;
    margin-left: 110px;
    padding-right: 15px;
}

.nav-right {
    text-align: right;
    float: right;
}

.arrow-right i {
    right: 0;
    left: auto;
}

.nav-right .nav-body {
    display: block;
    margin-right: 110px;
    padding-left: 15px;
}

.nav-el.nav-right .post-thumb {
    float: right;
    margin-right: 30px;
    margin-left: 0;
}

.nav-el .post-cate-info a {
    font-size: .9em;
}

/* related box */
.related-content-wrap {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
}

.single-el.related-wrap {
    padding-bottom: 0;
}

.related-el .post-wrap {
    padding: 0 10px;
    margin: 0 0 30px 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.related-el .post-body {
    margin-top: 10px;
}

/* comment box */
.comment-metadata {
    display: block;
}

.comment-metadata a {
    color: inherit;
    letter-spacing: inherit;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.comment-body .comment-author img {
    display: block;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
    margin-left: 0 !important;
}

.comment-author > * {
    display: block;
    margin-left: 90px;
    line-height: 1;
}

.comment-author .fn a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 5px;
}

.comment-author .fn {
    margin-top: 2px;
    color: #d5c3af;
}

.comment-author .says {
    display: none;
}

.comment-content {
    font-size: .9em;
    margin-top: 15px;
    margin-left: 90px;
}

.comment-content > *:last-child {
    margin-bottom: 0;
}

.comment-list li {
    list-style: none !important;
}

.comment-list li .comment-body, .comment-list > li:last-child.parent > .comment-body {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #eee;
}

.reply {
    display: block;
    text-align: right;
    line-height: 1;
    margin-top: 10px;
}

.reply a {
    display: inline-block;
    text-decoration: none !important;
    font-size: 12px;
    color: #aaa;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.edit-link {
    float: right;
}

.comment-list > li:last-child > .comment-body {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* comment-respond */
.ruby-comment-respond-wrap.single-el {
    padding-bottom: 0;
}

.comment-respond label {
    display: none;
}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="tel"] {
    display: block;
    position: relative;
    width: 50%;
}

.comment-form p {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.comment-form p.form-submit {
    display: block;
    clear: both;
    padding-top: 20px;
    margin-bottom: 30px;
}

.comment-form p:first-child {
    margin-top: 0;
}

#cancel-comment-reply-link {
    margin-left: 10px;
    font-weight: normal;
    letter-spacing: 0;
}

/* logged-in-as */
.comment-form .logged-in-as {
    font-size: .8em;
    margin-bottom: 15px;
}

.logged-in-as a {
    text-transform: uppercase;
    margin-right: 5px;
}

.logged-in-as a:last-child {
    margin-left: 5px;
    margin-right: 0;
    text-decoration: underline;
}

/* single pagination */
.single-pagination {
    display: block;
    text-align: center;
    margin-top: 30px;
}

.single-pagination-inner {
    font-size: 15px;
    line-height: 34px;
}

.single-pagination-desc {
    color: #aaa;
}

.single-pagination-el {
    display: inline-block;
    border: 2px solid;
    border-bottom-width: 4px;
    height: 36px;
    width: 34px;
    line-height: 30px;
    margin-left: 7px;
}

.single-pagination-inner > span.single-pagination-el {
    color: #aaa;
}

.single-pagination-inner a > span {
    background-color: #242424;
    border-color: #242424;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.single-pagination-inner a:hover > span.single-pagination-el, .single-pagination-inner a:focus > span.single-pagination-el {
    background-color: #d5c3af;
    border-color: #d5c3af;
}

.single .gallery {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}

.gallery-item {
    display: block;
    float: left;
    position: relative;
    margin: 0 0 2px 0;
}

.gallery-item img {
    display: block;
    vertical-align: middle;
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.3%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.1%;
}

.gallery-columns-10 .gallery-item {
    width: 10%;
}

/* attachment page */
.attachment .entry .attachment {
    display: block;
    max-width: 100%;
    margin-bottom: 60px;
}

/*--------------------------------------------------------------
    10.0 - Pages
--------------------------------------------------------------*/

/* archive header */
.archive-page-header {
    margin: 45px 20px;
    text-align: center;
}

.archive-page-header h1 {
    text-align: center;
    font-style: normal;
    color: #242424;
    font-size: 62px;
    line-height: 1;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.archive-page-header .archive-title span {
    display: inline-block;
    font-size: inherit;
    position: relative;
    line-height: 1;
    padding-bottom: 20px;
}

.archive-page-header .widget-divider {
    display: block;
    margin-top: 0;
    margin-bottom: 25px;
}

.archive-page-header .archive-title-desc {
    text-align: center;
    text-transform: inherit;
    line-height: 1.08em;
    font-weight: 100;
    font-style: normal;
    color: #777;
    font-size: 32px;
    padding: 0 20px;
}

/* search page */
.search-page-header em {
    color: #aaa;
    font-size: 32px;
}

.search-page-header .page-search-form-wrap .ruby-search input[type="text"] {
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
}

.search-no-result {
    display: block;
    text-align: center;
    padding-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.search-no-result h3 {
    font-size: 42px;
    line-height: 1.2;
    text-transform: capitalize;
}

.search-no-result p {
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    color: #aaa;
    margin-top: 20px;
}

/* contact form 7 */
.entry .wpcf7 {
    display: block;
    padding-top: 35px;
    margin-top: 30px;
    position: relative;
}

.entry .wpcf7:before {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    opacity: .1;
    background: url('../images/pattent.png') 0 50% repeat-x;
}

.wpcf7 p {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

.wpcf7 input, .wpcf7 textarea {
    display: block;
    margin-top: 7px;
    font-weight: 400 !important;
    font-size: 14px;
    text-transform: none;
}

/* single page */
.page-title-wrap.post-title {
    margin-top: 0;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    margin-bottom: 40px;
}

.ruby-single-page .ruby-content-inner {
    padding-top: 45px;
    padding-bottom: 45px;
}

/* author thumb */
.archive-author-thumb {
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #fff;
    margin-bottom: 15px;
    min-height: 150px;
}

.author-page-header .author-social {
    margin-bottom: 20px;
}

.author-page-header .author-social a {
    display: inline-block;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    color: #242424;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.author-page-header .author-social a:hover, .author-page-header .author-social a:focus {
    background-color: #242424;
    color: #fff;
}

.author-page-header .author-social a:last-child {
    margin-right: 0;
}

/* 404 page */
.content-404 {
    display: block;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.logo-404 h1 {
    font-size: 120px;
    margin-bottom: 30px;
    color: #d5c3af;
}

.content-404 .title-404 {
    color: #aaa;
}

.page-search-form-wrap {
    display: block;
    position: relative;
    margin-top: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.page-search-form-wrap .ruby-search input[type="text"] {
    width: 100%;
    padding: 10px 70px 10px 30px;
    font-size: 15px;
    line-height: 20px;
}

.page-search-form-wrap .ruby-search-submit {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px;
}

/*--------------------------------------------------------------
    11.0 - Loading Holder
--------------------------------------------------------------*/

/* slider loading */
.slider-loading {
    background: rgba(255, 255, 255, 1) url('../images/ajax-loader.svg') no-repeat center center !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 992;
    display: block;
    min-height: 44px;
}

.ruby-site-mask {
    display: block;
    pointer-events: none;
    z-index: -1;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    background: transparent;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: background .5s ease-in-out, visibility .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, visibility .5s ease-in-out;
    transition: background .5s ease-in-out, visibility .5s ease-in-out;
}

.mobile-js-menu .ruby-site-mask {
    visibility: visible;
    pointer-events: auto;
    background: rgba(255, 255, 255, .85);
}

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

.slider-init {
    display: block;
    overflow: hidden;
}