/* Copyright @ Balbooa, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
    Global Reset
 ========================================================================== */
@import url('../library/icons/fontawesome/fontawesome.css');
@import url('../library/icons/material/material.css');

body.contentpane,
html {
    background: transparent;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header p,
.com_gridbox:not(.modal) h1,
.com_gridbox:not(.modal) h2,
.com_gridbox:not(.modal) h3,
.com_gridbox:not(.modal) h4,
.com_gridbox:not(.modal) h5,
.com_gridbox:not(.modal) h6,
.com_gridbox:not(.modal) p {
    margin: 0;
}

body div {
    font-size: initial;
    letter-spacing: initial;
    line-height: initial;
}

table {
    border-spacing: 0;
    width: 100%;
}

a {
    cursor: pointer;
    text-decoration: none;
}

img {
    min-width: 1px;
}

h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
li:focus,
button:focus,
a:focus,
div:focus,
p:focus {
    outline: none;
}

input[type=range]::-moz-focus-outer {
    border: 0;
}

.ba-item .search input[type="search"],
img {
    max-width: 100%;
}

.content-text table {
    width: 100% !important;
}

body:not(.com_gridbox) .body .main-body {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100%;
}

body {
    -webkit-overflow-scrolling: touch !important;
}

/* Blockquote */

blockquote {
    border-left: 4px solid;
    margin: 0;
    padding: 50px;
}

/* Lazy-Load */
.lazy-load-image,
.lazy-load-image > .parallax-wrapper .parallax,
.slideshow-content.lazy-load-image .ba-slideshow-img {
    background-image: none !important;
}

/* ========================================================================
    Global Inputs
 ========================================================================== */
.com_virtuemart table.user-details input,
.chzn-container-single .chzn-search input[type="text"],
.chzn-container-multi .chzn-choices,
.chzn-container-single .chzn-single,
textarea:not([class*="span"]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    background: #fff;
    border: 1px solid #f3f3f3;
    box-sizing: border-box;
    color: #555;
    display: inline-block;
    font-size: 13px;
    font-family: inherit;
    height: 48px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    width: 250px;
}

input[readonly] {
    background-color: #fafafa;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input:focus,
textarea:not(.ba-comment-message):focus,
select:focus {
    border-color: #03ADEB !important;
    outline: none;
}

input:focus,
select:focus,
textarea:not(.ba-comment-message):focus {
    box-shadow: none !important;
}

label.invalid {
    color: #F54A40;
}

input.invalid {
    border: 1px solid #F54A40;
}


/* Disabled inputs */
body input[disabled],
body select[disabled],
body textarea[disabled],
body input[readonly],
body select[readonly],
body textarea[readonly] {
    cursor: not-allowed;
    background-color: transparent;
}

/* ========================================================================
    Gridbox Template General Styles
 ========================================================================== */

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
}

.body {
    flex: 1 1 auto;
}

body:not(.com_gridbox) .body {
    margin: 100px 0;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    .body {
        min-height: 1px;
    }
}

body.contentpane.modal {
    position: static;
}

.ba-overlay-section-backdrop.horizontal-top  .ba-overlay-section.ba-container .ba-row-wrapper.ba-container,
.ba-overlay-section-backdrop.horizontal-bottom  .ba-overlay-section.ba-container .ba-row-wrapper.ba-container,
.ba-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100%;
}

header.header {
    min-width: inherit;
    width: 100%;
    z-index: 10;
}

.ba-lightbox-open header.header,
.lightbox-open header.header {
    z-index: 20 !important;
}

body:not(.gridbox) header.header {
    margin-left: 0 !important
}

img:focus {
    outline: none;
}

.ba-item {
    min-height: 20px;
    position: relative;
}

.ba-item:not(.ba-item-scroll-to-top):not(.ba-social-sidebar):not(.side-navigation-menu):not(.ba-pull-right):not(.ba-pull-left) {
    width: 100%;
}

#add-plugin-dialog .ba-plugin-group:before,
#add-plugin-dialog .ba-plugin-group:after,
.ba-row > .column-wrapper .ba-grid-column:before,
.ba-row > .column-wrapper .ba-grid-column:after,
.ba-row > .column-wrapper:before,
.ba-row > .column-wrapper:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}

/*
/* Grid
*/

.ba-section,
.ba-row,
.ba-grid-column {
    box-sizing: border-box;
    position: relative;
}

.ba-row {
    z-index: 1;
}

.row-with-menu {
    z-index: 5;
}

.ba-grid-column {
    flex-direction: row;
}

.ba-section-items,
.ba-tabs-wrapper
.ba-grid-column .ba-item:not(.ba-item-scroll-to-top):not(.ba-inline-icon) {
    width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ba-wrapper,
    .ba-row-wrapper,
    .ba-grid-column-wrapper {
        display: flex;
    }

    header.header {
        flex-shrink: 0;
    }
}

.column-wrapper .ba-grid-column-wrapper {
    align-self: stretch;
    display: flex;
}

.column-wrapper .ba-grid-column-wrapper > .ba-grid-column {
    align-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-content-align-middle {
    align-items: center;
    align-content: center;
}

.column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-content-align-bottom {
    align-items: flex-end;
    align-content: flex-end;
}

.ba-grid-column .ba-row-wrapper:not(.ba-container) {
    width: 100%;
}

/* ========================================================================
    Article
 ========================================================================== */

/* Tooltip */
.tooltip,
.popover {
    position: absolute !important;
    z-index: 1060;
}

.tooltip.top,
.popover.top {
    margin-top: -10px;
}

.tooltip.right,
.popover.right {
    margin-left: 10px;
}

.tooltip.bottom,
.popover.bottom {
    margin-top: 10px;
}

.tooltip.left,
.popover.left {
    margin-left: -10px;
}

.tooltip-arrow,
.popover .arrow {
    border: 5px solid transparent;
    border-right: 5px solid #2c2c2c;
    bottom: calc(50% - 5px);
    left: -15px;
    position: absolute;
    width: 5px;
}

.popover.top .arrow,
.tooltip-arrow {
    border-right: 5px solid transparent;
    border-top: 5px solid #2c2c2c;
    bottom: -15px;
    height: 5px;
    left: calc(50% - 5px);
    width: 0px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom: 5px solid #2c2c2c;
    border-top: 0;
    bottom: auto;
    top: -10px;
}

.tooltip,
.tip-wrap,
.popover {
    background: #2c2c2c;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    max-width: 200px;
    opacity: 0;
    padding: 20px;
    text-align: left;
    transition: opacity .3s;
    width: auto;
    z-index: 100000;
}

.tooltip.in,
.tip-wrap,
.popover.in {
    opacity: 1;
}

.tip-wrap .tip,
.tooltip .tooltip-inner,
.popover .popover-content {
    color: #fff;
    font-size: 12px;
    font-weight: 500; 
    line-height: 24px;
    margin: 0;
    opacity: .56;
}

.popover .popover-title {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500; 
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 15px !important;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.tooltip .tooltip-inner {
    margin: 0!important;
}

.tooltip {
    margin: 0 auto;
    margin-top: -5px;
}

/* ========================================================================
    System Message
 ========================================================================== */

@keyframes notification-in {
    from {bottom: 0; transform: translateY(100%); opacity: 0;}
}

#system-message {
    animation: notification-in .4s cubic-bezier(.25,.98,.26,.99) both;
    border-radius: 6px;
    border: none;
    bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    display: block;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 50px;
    text-shadow: none;
    visibility: visible;
    z-index: 1510;
}

#system-message-container .alert {
    background: #02adea;
    display: inline-block;
    padding: 40px 25px;
    width: 250px;
}

#system-message-container .alert.alert-warning,
#system-message-container .alert.alert-danger,
#system-message-container .alert.alert-error {
    background-color: #ff776f;;
}

#system-message .alert-heading {
    color: var(--title-inverse);
    display: block;
    font-size: 14px;
    font-weight: bold; 
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 15px !important;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

#system-message > div .alert-message {
    color: var(--title-inverse);
    font-size: 14px;
    font-weight: 500; 
    line-height: 24px;
    margin: 0;
    opacity: .6;
    word-break: break-word;
}

#system-message .alert:before,
#system-message .close {
    color: #fff;
    opacity: 1;
    padding: 8px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 0;
    opacity: 0;
}

#system-message > .alert:before {
    content: '\f136';
    display: inline-block;
    font: normal normal normal 24px/1 'Material-Design-Iconic-Font';
    opacity: 1;
    padding: 13px 10px;
}

/* ========================================================================
    Header Sidebar
 ========================================================================== */

.sidebar-menu > .ba-wrapper:not(.ba-sticky-header) > .ba-section {
    min-height: 100vh !important;
}

.sidebar-menu .ba-wrapper.ba-sticky-header,
.sidebar-menu + .body ~ .footer,
.sidebar-menu + .body  {
    margin-left: var(--sidebar-menu-width)!important;
    margin-top: 0;
    width: calc(100% - ( var(--sidebar-menu-width) ));
}

.header.sidebar-menu .column-wrapper {
    display: block;
}

/* ========================================================================
    Modal
 ========================================================================== */

.modal {
    background-color: #fff;
    border: none;
    box-shadow: none;
    left: 50%;
    margin: 0;
    position: fixed;
    top: 5%;
    z-index: 1041;
}

.modal-body {
    position: relative;
}

.hide {
    display: none;
}

.visible {
    animation-fill-mode: both;
    display: block;
}

.visible * {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* ========================================================================
    Shape Divider
 ========================================================================== */

.ba-shape-divider.ba-shape-divider-top {
    transform: scaleY(-1);
}

.ba-shape-divider {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.ba-shape-divider svg {
    bottom: 0;
    fill: currentColor;
    left: 0;
    min-width: 100%;
    position: absolute;
}

.ba-row .ba-shape-divider {
    z-index: -1;
}

/* MS Edge Browser */
@supports (-ms-ime-align:auto) {
    .ba-shape-divider:empty {
        display: none !important;
    }
}


/* IE10 and IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ba-shape-divider:empty {
        display: none !important;
    }
}

/* ========================================================================
    Video BG
 ========================================================================== */
.ba-grid-column .ba-row > .ba-overlay,
.ba-overlay {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.ba-video-background.global-video-bg {
    position: fixed;
}

body > .ba-overlay {
    position: fixed;
    z-index: -2;
}

.ba-section > .ba-overlay {
    z-index: 1;
}

.ba-video-background {
    bottom: 0;
    border-radius: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -2;
}

.ba-row > .ba-overlay,
.ba-grid-column .ba-video-background {
    z-index: -1;
}

.ba-section > .ba-video-background {
    z-index: 0;
}

/* ========================================================================
    Paralax
 ========================================================================== */

.parallax-wrapper,
.parallax {
    background-attachment: scroll;
    border-radius: inherit;
    background: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

.parallax {
    height: 120%;
    left: -10%;
    top: -10%;
    transition: none;
    width: 120%;
}

.parallax-wrapper {
    overflow: hidden;
}

.parallax-wrapper.scroll .parallax {
    left: 0;
    width: 100%;
}

/* ========================================================================
    Main menu
 ========================================================================== */

.main-menu > .add-new-item,
.close-menu,
.open-menu {
    display: none;
}

.nav-child {
    transition: all .5s ease;
}

.menu.nav {
    margin: 0;
}

.main-menu .nav.menu {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    list-style: none;
    padding-left: 0;
}

.main-menu .nav.menu > li {
    display: inline-block;
    float: none;
    overflow: visible;
    text-decoration: none;
    position: relative;
}

.vertical-menu .main-menu .nav.menu > li {
    overflow: visible;
}

.nav.menu > li > a,
.nav.menu > li > span {
    background: transparent;
    display: block;
}

.nav.menu > li > a:hover,
.nav.menu > li > a:focus {
    background: transparent;
}

.nav-child {
    padding: 0;
    width: 250px;
}

li.deeper > span i.zmdi-caret-right,
li.deeper > a i.zmdi-caret-right {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0 5px;
}

.vertical-menu li.deeper > span i.zmdi-caret-right,
.vertical-menu li.deeper > a i.zmdi-caret-right,
.nav.menu > li li.deeper > span i.zmdi-caret-right,
.nav.menu > li li.deeper > a i.zmdi-caret-right {
    float: right;
}

@-moz-document url-prefix() { 
    .nav.menu li.deeper > span i.zmdi-caret-right,
    .nav.menu li.deeper > a i.zmdi-caret-right {
        float: right;
    }

    li.deeper > span i.zmdi-caret-right,
    li.deeper > a i.zmdi-caret-right {
        display: block;
        float: none;
        position: static;
        text-align: right;
    }
}

.deeper.parent .nav-child {
    display: none;
}

.nav > .deeper.parent > .nav-child {
    padding: 0;
    position: absolute;
    z-index: 20;
}

.nav-child li > span,
.nav-child li > a {
    display: block;
    padding: 10px 20px;
}

.nav-child > .deeper {
    position: relative;
}

.nav-child li {
    text-decoration: none;
    list-style: none;
}

.nav-child > .deeper:hover > .nav-child {
    left: 100%;
    position: absolute;
    top: 0px;
}

.megamenu-editing.megamenu-item > .tabs-content-wrapper .ba-section,
.nav li:hover > .tabs-content-wrapper .ba-section,
.nav li.deeper:hover > .nav-child {
    animation-fill-mode: none;
    animation-delay: 0s;
    box-sizing: border-box;
    display: block;
}

li.deeper >span,
li.deeper > a {
    position: relative;
}

.ba-menu-backdrop {
    background: #000;
    bottom: 0;
    display: block ;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s linear,visibility .1s .4s ;
    visibility: hidden;
    z-index: 1;
}

/* Menu With Icon */
.menu li span i.ba-menu-item-icon,
.menu li a i.ba-menu-item-icon {
    color: inherit;
    line-height: 0;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 1em;
}

/* Megamenu */
.megamenu-item .ba-section {
    max-width: 100%;
}

.ba-menu-wrapper > .tabs-content-wrapper,
.megamenu-item > .tabs-content-wrapper,
.megamenu-item > .nav-child {
    display: none !important;
    z-index: 999;
}

.row-with-megamenu .megamenu-editing.megamenu-item > .tabs-content-wrapper,
.megamenu-item:hover >.tabs-content-wrapper {
    display: block !important;  
}

.megamenu-item >.tabs-content-wrapper {
    position: absolute;
    top: 100%;
}

.vertical-menu .megamenu-item >.tabs-content-wrapper.ba-container {
    top: 0;
}

.megamenu-item >.tabs-content-wrapper:not(.ba-container) {
    max-width: none !important;
}

.megamenu-item >.tabs-content-wrapper:not(.ba-container) .ba-section {
    width: 100% !important;
}

.megamenu-item >.tabs-content-wrapper.ba-container:not(.megamenu-center) {
    margin: 0 !important;
}

.megamenu-item >.tabs-content-wrapper.ba-container {
    width: auto !important;
}

.nav-child > .megamenu-item .zmdi-caret-right,
.nav-child > .megamenu-item >.tabs-content-wrapper {
    display: none !important;
}

/* Vertical layout menu */
.vertical-menu .main-menu .nav.menu > li {
    display: block;
    position: relative;
}

.vertical-menu .megamenu-item > .tabs-content-wrapper.ba-container,
.vertical-menu .main-menu .nav.menu > li.deeper.parent>.nav-child {
    margin-left: 100% !important;
}

.vertical-menu .megamenu-item >.tabs-content-wrapper.ba-container.megamenu-center {
    padding: 0 !important;
    top: auto;
}

.vertical-menu .main-menu .nav.menu > li.megamenu-item {
    align-items: center;
    display: flex;
}

.vertical-menu .main-menu .nav.menu > li> span,
.vertical-menu .main-menu .nav.menu > li> a {
    width: 100%;
    box-sizing: border-box;
}

.vertical-menu .main-menu .nav.menu > li .nav-child {
    top: 0;
}

body:not(.gridbox) .ba-item-preloader{
    position: fixed;
    z-index: 99999;
}

body:not(.gridbox) .ba-item-preloader.preloader-animation-out {
    pointer-events: none;
}

/* ========================================================================
    Plugins 
 ========================================================================== */

/*
/* Plugin Event Calendar
*/
.ba-event-calendar-row,
.ba-event-calendar-header {
    display: flex;
}

.ba-event-calendar-header {
    margin: 25px 0;
}

.ba-event-calendar-row > div,
.ba-event-calendar-header  > div {
    cursor: default;
    flex-grow: 1;
    min-width: calc(100% / 7);
    text-align: center;
}

.ba-event-calendar-row > div {
    margin: 1px;
}

.ba-event-calendar-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
}

.ba-event-calendar-title-wrapper i {
    cursor: pointer;
    font-size: 1em;
    padding: 0 1em;
    transition: color .3s linear;
}

.ba-event-calendar-title-wrapper i:hover {
    color: var(--primary);    
}

.ba-date-cell.ba-event-date {
    cursor: pointer;
    position: relative;
}

.ba-date-cell.ba-curent-date {
    position: relative;
    z-index: 0;
}

.ba-date-cell.ba-event-date,
.ba-date-cell.ba-curent-date {
    font-weight: 700 !important;
}

.ba-date-cell.ba-event-date:after,
.ba-date-cell.ba-curent-date:before {
    background-color: var(--primary);
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    transition: background-color .3s linear;
}

.ba-date-cell.ba-event-date {
    color: var(--title-inverse) !important;
}

.ba-date-cell.ba-curent-date.ba-event-date:before {
    background-color: var(--title-inverse) !important;
    z-index: 1;
    left: 2px;
    right: 2px;
    width: auto;
    bottom: 2px;
}

.ba-date-cell.ba-event-date:after {
    height: auto;
    right: 0;
    top: 0;
}

@keyframes calendar {
    from {transform: scale(.8); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

.event-calendar-events-list {
    animation: calendar .3s cubic-bezier(0.4,0,0.2,1);
    background: var(--primary);
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.15);
    width: 375px;
    padding: 25px;
    position: absolute;
    z-index: 999;
}

.event-calendar-events-list:after {
    border: 10px solid transparent;
    border-top-color: var(--primary);
    bottom: -17px;
    content: "";
    display: block;
    height: 0;
    left: calc(50% - 10px);
    position: absolute;
    width: 0px;
}

.event-calendar-event-item-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
    display: block;
    height: 50px;
    margin-right: 25px;
    width: 75px;
    min-width: 75px;
}

.event-calendar-event-item > span {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(375px - 150px);
}

.event-calendar-event-item {
    display: flex;
}

.event-calendar-event-item ~ .event-calendar-event-item {
    margin-top: 25px;
}

.event-calendar-event-item-title {
    color: var(--title-inverse);
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
    width: 100%;
}

.event-calendar-event-item-title:hover {
    color: var(--text-inverse);
}

.event-calendar-event-item-date,
.event-calendar-event-item-category {
    color: var(--text-inverse);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 18px;
    text-transform: uppercase;
}

.event-calendar-event-item-category:hover {
    color: var(--title-inverse);
}

.event-calendar-event-item-category,
.event-calendar-event-item-title {
    transition: color .3s ease-in-out;
}

.event-calendar-event-item-category:before{
    margin: 0 10px;
    content: "•";
    color: inherit;
}

.event-calendar-events-list > i {
    color: var(--title-inverse);
    font-size: 24px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 1em;
}

/*
/* Plugin Field
*/

.ba-item-field-group  .ba-field-wrapper,
.ba-item-field .ba-field-wrapper {
    align-items: center;
    flex-direction: column;
    display: flex;
}

.ba-item-field-group .ba-field-wrapper:not(.ba-label-position-left ):not(.ba-label-position-right ) > *,
.ba-item-field .ba-field-wrapper:not(.ba-label-position-left ):not(.ba-label-position-right ) > * {
    width: 100%
}

.ba-item-field-group .ba-field-wrapper.ba-label-position-left,
.ba-item-field .ba-field-wrapper.ba-label-position-left {
    flex-direction: row;
}

.ba-item-field-group .ba-field-wrapper.ba-label-position-left .ba-field-label *,
.ba-item-field .ba-field-wrapper.ba-label-position-left .ba-field-label * {
    text-align: left !important;
}

.ba-item-field-group .ba-field-wrapper.ba-label-position-right,
.ba-item-field .ba-field-wrapper.ba-label-position-right {
    flex-direction: row-reverse;
}

.ba-item-field-group .ba-field-wrapper.ba-label-position-right .ba-field-label *,
.ba-item-field .ba-field-wrapper.ba-label-position-right .ba-field-label * {
    text-align: right !important;
}

.ba-item-field-group .ba-field-wrapper .ba-field-content,
.ba-item-field .ba-field-wrapper .ba-field-content {
    flex-grow: 1;
}

.ba-item-field-group .ba-field-wrapper .field-description-wrapper,
.ba-item-field .ba-field-wrapper .field-description-wrapper {
    margin-left: 5px;
    position: relative;  
}

.ba-item-field-group .ba-field-wrapper .field-description-wrapper > i,
.ba-item-field .ba-field-wrapper .field-description-wrapper > i {
    color: inherit !important;
    font-size: inherit !important;
    transition: opacity .3s linear;
}

.ba-item-field-group .ba-field-wrapper .field-description-wrapper > i:hover,
.ba-item-field .ba-field-wrapper .field-description-wrapper > i:hover {
    opacity: .5
}

.ba-item-field-group .ba-field-content a,
.ba-item-field .ba-field-content a {
    transition: color .3s linear
}

.ba-item-field-group .ba-field-wrapper.ba-label-position-left .ba-field-label,
.ba-item-field .ba-field-wrapper.ba-label-position-left .ba-field-label {
    margin-right: 10px;
}

.ba-item-field-group .ba-field-wrapper.ba-label-position-right .ba-field-label,
.ba-item-field .ba-field-wrapper.ba-label-position-right .ba-field-label {
    margin-left: 10px;
}

.ba-item-field-group .ba-field-wrapper .ba-field-label > *,
.ba-item-field .ba-field-wrapper .ba-field-label > * {
    display: inline-block;
}

.ba-item-field-group .ba-field-wrapper .ba-field-label > i,
.ba-item-field .ba-field-wrapper .ba-field-label > i {
    line-height: initial;
    margin-right: 10px;
    vertical-align: middle;
}

.field-price-wrapper.right-currency-position {
    display: inline-flex;
    flex-direction: row-reverse;
}

/* 
/* Plugin Comments Box
*/

.comment-clipboard {
    position: fixed !important;
    left: -300vh;
}

.ba-comments-login-wrapper > * {
    display: inline-block;
}

.ba-comments-login-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative;
}

.ba-submit-cancel,
.delete-comment-attachment-file,
.ba-guest-login-btn,
.ba-user-login-btn,
.ba-comments-attachment-file-wrapper i,
.ba-comment-smiles-picker,
.ba-comments-login-wrapper > div > i {
    cursor: pointer;
}

.user-comment-wrapper.user-comment-edit-enable .ba-submit-comment-wrapper,
.ba-submit-comment,
.ba-guest-login-wrapper {
    float: right;
}

.user-comment-wrapper.user-comment-edit-enable .ba-submit-comment {
    float: none;
}

.user-comment-wrapper.user-comment-edit-enable .ba-submit-comment-wrapper {
    align-items: center;
    display: flex;
}

.user-comment-wrapper.user-comment-edit-enable .ba-submit-cancel {
    margin-right: 15px;
    transition: .3s;
}

.ba-guest-login-wrapper i {
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
}

.ba-user-login-wrapper {
    margin-right: 15px; 
}

.ba-guest-login-wrapper,
.ba-user-login-wrapper,
.ba-social-login-wrapper {
    align-items: center;
    display: inline-flex;
    height: 50px;
    margin-top: 10px;
}

.ba-submit-comment {
    background: var(--primary);
    border-radius: 3px;
    color: #fff;
    padding: 15px 40px;
    transition: color .3s
}

.ba-social-login-wrapper > span {
    padding-right: 20px;
}

.ba-user-login-btn {
    padding-left: 20px;
    transition: color .3s;
}

.ba-submit-comment:hover {
    background: #3c3c3c !important;
}

.ba-item-comments-box .ba-comment-message {
    margin-bottom: 15px; 
    min-height: 150px;
    outline: none !important;
    padding: 15px !important;
    resize: vertical;
    width: 100% !important;
}

.ba-item-comments-box .ba-comment-message::placeholder {
    opacity: .5;
}

.ba-comment-message-wrapper {
    margin-bottom: 75px;
}

.ba-comments-total-count-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 25px;
    overflow: hidden;
    position: relative;
}

.ba-comments-total-count-wrapper select {
    background: transparent!important;
    border-radius: 0!important;
    border: none!important;
    font-weight: bold !important;
    height: auto;
    padding: 0;
    width: auto;
}

/* Smiles Picker */
.ba-comment-smiles-picker-dialog {
    backface-visibility: hidden;
    background: #2c2c2c;
    border-radius: 6px;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    box-sizing: border-box;
    display: none;
    position: absolute;
    width: 350px;
    z-index: 1050;
}

.ba-comment-smiles-picker-dialog .ba-comment-smiles-picker-body {
    height: 155px;
    overflow-y: auto;
    padding: 15px 20px; 
}

.ba-comment-smiles-picker-dialog:before {
    border: 5px solid transparent;
    border-bottom: 5px solid #2f3243;
    top: -15px;
    content: "";
    left: 170px !important;
    position: absolute;
    height: 5px;
}

.ba-comment-smiles-picker-dialog span {
    align-items: center;
    backface-visibility: hidden;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 48px;
    justify-content: center;
    padding: 4px;
    text-align: center;
    width: 48px;
}

@keyframes smiles-picker-in {
    from {transform: scale(.8); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

.ba-comment-smiles-picker-dialog {
    display: none;
}

.ba-comment-smiles-picker-dialog.visible-smiles-picker {
    animation: smiles-picker-in .3s cubic-bezier(0.4,0,0.2,1) both;
    backface-visibility: hidden;
    display: block;
    opacity: 0;
}

.ba-comment-smiles-picker-dialog .ba-comment-smiles-picker-body::-webkit-scrollbar {
    width: 6px;
}

.ba-comment-smiles-picker-dialog .ba-comment-smiles-picker-body::-webkit-scrollbar-thumb {
    background: #484c65;
    border-radius: 6px;
}

.ba-comment-smiles-picker-dialog .ba-comment-smiles-picker-body::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Comment Login */
.comment-user-name {
    flex-grow: 1;
}

.ba-social-login-wrapper i {
    background-color: var(--bg-secondary);
    border-radius: 50%;
    cursor: pointer;
    padding: 12px;
    text-align: center;
    transition: all .3s;
    width: 1em;
}

.ba-social-login-wrapper .ba-social-login-icons span {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.ba-social-login-wrapper .ba-social-login-icons span:last-child {
    margin-right: 0;
}

.ba-comments-share-icons-wrapper i.zmdi-facebook:hover,
.ba-social-login-wrapper i.ba-comments-facebook-login {
    background-color: #3b5998 !important;
}

.ba-comments-share-icons-wrapper i.copy-comment-link:hover,
.ba-social-login-wrapper i.ba-comments-google-login {
    background-color: #ee4f1d !important;
}

.ba-comments-share-icons-wrapper i.zmdi-vk:hover,
.ba-social-login-wrapper i.ba-comments-vk-login {
    background-color: #5b7aa8 !important;
}

.ba-comments-share-icons-wrapper i.zmdi-twitter:hover {
    background-color: #41abe1!important;
}

.ba-comments-share-icons-wrapper i,
.ba-social-login-wrapper i.ba-comments-facebook-login,
.ba-social-login-wrapper i.ba-comments-google-login,
.ba-social-login-wrapper i.ba-comments-vk-login {
    color: #fff;
}

.ba-social-login-wrapper i:hover {
    background-color: #3c3c3c !important;
}

@keyframes modal-sm-in {
    from {transform: scale(.8); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

.ba-comments-modal .ba-comments-modal-body {
    border-radius: 6px;
    border: none;
    display: none;
    background-color: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    box-sizing: border-box;
    left: 50%;
    margin-left: -162px;
    overflow: hidden;
    opacity: 0;
    padding: 25px;
    position: fixed;
    top: calc(50% - 180px);
    width: 325px;
    z-index: 1060;
}

.ba-comments-modal.visible-comments-dialog .ba-comments-modal-body {
    animation: modal-sm-in .3s cubic-bezier(0.4,0,0.2,1) both;
    display: block;
    backface-visibility: hidden;
}

.ba-comments-modal-title {
    color: #1a1a1a;
    cursor: default;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 50px 0;
}

.ba-user-login-action,
.ba-guest-login-action {
    background: var(--primary);
    border-radius: 3px;
    border: none;
    color: var(--title-inverse);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    float: right;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 1;
}

.ba-comments-modal-footer .red-btn:after,
.ba-user-login-action:after,
.ba-guest-login-action:after {
    background: #fff;
    border-radius: 50%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    content: "";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all .5s cubic-bezier(.25,.98,.26,.99);
    transform: scale(0);
    width: 3px;
    z-index: -1;
}

.ba-comments-modal .red-btn:hover:after,
.ba-user-login-action:hover:after,
.ba-guest-login-action:hover:after {
    backface-visibility: hidden;
    background: var(--primary);
    opacity: 1;
    transform: scale(27);
}

.ba-comments-modal .red-btn:hover:after {
    background: #f44236;
}

.ba-comments-modal .ba-btn-primary {
    position: relative;
    z-index: 1;
}

.ba-comments-modal input[type="password"],
.ba-comments-modal input[type="email"],
.ba-comments-modal input[type="text"] {
    backface-visibility: hidden;
    border: 1px solid #fff;
    border-bottom-color: #e3e3e3;
    box-shadow: none;
    box-sizing: border-box;
    color: #1a1a1a;
    font-size: 22px;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    margin: 25px 0 50px 0;
    padding: 4px 6px;
    width: 100%;
}

.ba-comments-modal .ba-comments-modal-title + div input[type="text"]{
    margin-bottom: 0;
}

.ba-comments-modal .ba-comments-modal-title ~ div {
    position: relative;
} 

.ba-comments-modal-text {
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 10px;
}

.ba-comments-modal .ba-comments-modal-footer {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-top: 25px;
    padding: 0;
    text-align: right;
}

.ba-comments-modal .ba-comments-modal-footer span {
    border-radius: 3px;
    color: #363637;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    overflow: hidden;
    padding: 15px;
    text-transform: uppercase;
    transition: .3s;
}

.ba-comments-modal .ba-comments-modal-footer span:not(.ba-btn-primary):hover {
    background-color: rgba(0,0,0,0.1);
    color: #363637;
}

.ba-comments-modal span.ba-btn-primary:not(.active-button).red-btn {
    background: #f44236 !important;
    color: #fff !important;
    line-height: 18px;
}

.ba-comments-modal input:focus {
    border-color: #fff !important;
    border-bottom-color: #e3e3e3 !important;
}

.ba-comments-modal .ba-comments-modal-title ~ div input[type="password"] + .focus-underline,
.ba-comments-modal .ba-comments-modal-title ~ div input[type="email"] + .focus-underline {
    top: 68px;
}

.focus-underline {
    background: var(--primary);
    bottom: 0;
    height: 2px;
    left: 0px;
    position: absolute;
    transform: scaleX(0);
    transition: all .3s cubic-bezier(0.4,0,0.2,1);
    width: 100%;
}

.ba-comments-modal-body input.ba-alert + .focus-underline {
    background: #f64231;
}

.ba-comments-modal-body input.ba-alert + .focus-underline,
input:focus + .focus-underline {
    transform: scaleX(1);
}

@keyframes backdrop {
    from { opacity: 0;}
}

.visible-comments-dialog .ba-comments-modal-backdrop {
    animation: backdrop .5s ease-in-out both;
    background: var(--overlay);
    bottom: 0;
    left:0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

/* Share Dialog */
.ba-comment-share-dialog .ba-comments-modal-backdrop {
    opacity: 0;
}

.ba-comment-share-dialog .ba-comments-modal-body {
    background: #2c2c2c;
    border-radius: 4px;
    margin-left: 0;
    overflow: visible;
    padding: 15px;
    position: absolute;
    width: auto;
}

.ba-comments-share-icons-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
}

.ba-comments-share-icons-wrapper > * {
    cursor: pointer;
    position: relative;
}

.ba-comments-share-icons-wrapper i {
    backface-visibility: hidden;
    background: #3c3c3c;
    border-radius: 50%;
    font-size: 18px;
    margin-right: 15px;
    padding: 6px;
    text-align: center;
    transition: .3s;
    width: 1em;
}

.ba-comments-share-icons-wrapper i.copy-comment-link {
    margin-right: 0;
}

/* Comment Attachment */

.ba-comment-xhr-attachment {
    align-items: center;
    display: flex;
}

.ba-comment-xhr-attachment:last-child {
    margin-bottom: 25px;
}

.ba-comment-xhr-attachment i {
    font-size: 16px;
    padding: 15px 10px;
}

.ba-comment-xhr-attachment i:first-child {
    pointer-events: none;
}

.ba-comment-xhr-attachment .zmdi-delete {
    float: right;
    cursor: pointer;
}

.attachment-title {
    display: inline-block;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-comment-edit-enable .ba-comment-xhr-attachment:not(.attachment-file-uploaded) .attachment-title,
.user-comment-edit-enable .attachment-title {
    width: 100px;
}

.attachment-progress-bar-wrapper {
    background: #ddd;
    border-radius: 10px;
    display: inline-block;
    height: 5px;
    margin-left: 15px;
    min-width: 40%;
}

.ba-comment-xhr-attachment.attachment-file-uploaded .attachment-progress-bar-wrapper {
    margin-left: 0;
    min-width: 0;
    width: 0;
}

.ba-comment-xhr-attachment:not(.attachment-file-uploaded) .attachment-title {
    width: 40%;
}

.attachment-progress-bar {
    background: #1da6f4;
    border-radius: 5px;
    display: block;
    height: 5px;
    transition: .3s ease-in-out;
    width: 0;    
}

.comment-user-info-wrapper {
    display: flex;
}

.ba-item-comments-box .ba-author-avatar,
.comment-user-info-wrapper .ba-author-avatar {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    min-width: 35px;
    min-width: 50px;
    vertical-align: middle;
    width: 50px;
}

.comment-data-wrapper,
.comment-user-info {
    width: 100%;
}

.comment-moderator-user-settings,
.comment-user-date {
    float: right;
}

.comment-moderator-user-settings  {
    position: relative;
    margin-left: 20px;
}

.comment-moderator-user-settings i {
    cursor: pointer;
    font-size: 24px;

}

.comment-user-info > * {
    display: block;
}

.comment-user-info .comment-user-email, 
.comment-user-info .comment-user-ip {
    display: inline-block;
}

.comment-likes-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.comment-action-wrapper > span,
.comment-likes-wrapper > span.comment-likes-action-wrapper {
    margin-top: 25px;
}

.comment-action-wrapper {
    flex-grow: 1;
}

.comment-likes-action-wrapper {
    display: inline-block;
}

.ba-submit-cancel,
.ba-social-login-wrapper > span,
.ba-user-login-btn, 
.ba-submit-comment,
.ba-guest-login-btn,
.comment-logout-action,
.comment-user-date,
.comment-likes-wrapper span,
.ba-comments-total-count,
.comment-user-name,
.comment-edit-action span,
.comment-delete-action span,
.comment-likes-wrapper .comment-action-wrapper > .comment-likes-action span,
.comment-likes-wrapper  span.comment-share-action span,
.comment-likes-wrapper  span.comment-reply-action span {
    font-weight: bold;
}

.comment-delete-action,
.comment-edit-action,
.comment-likes-action-wrapper > span,
.comment-likes-wrapper .comment-action-wrapper > span.comment-reply-action,
.comment-likes-wrapper .comment-action-wrapper > span.comment-share-action {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    margin-left: 25px;
    transition: .3s;
}

.comment-moderator-user-settings i:hover,
.ba-user-login-btn:hover,
.ba-submit-cancel:hover,
.delete-comment-attachment-file:hover,
.comment-logout-action:hover,
.ba-comment-smiles-picker-dialog span:hover,
.ba-guest-login-btn:hover,
.ba-comments-icons-wrapper i:hover,
.comment-action-wrapper >span:hover,
.comment-likes-action-wrapper >span:hover {
    opacity: .65;
}

.comment-likes-wrapper span i {
    font-size: 24px; 
    margin-right: 10px;
}

.comment-likes-wrapper  .comment-likes-action i {
    font-size: 18px;
    margin-right: 5px; 
}

.comment-likes-wrapper .comment-likes-action.active span,
.comment-likes-wrapper .comment-likes-action.active i {
    color: var(--primary);
}

.ba-social-login-wrapper > span,
.ba-user-login-btn,
.ba-guest-login-btn,
.ba-submit-comment,
.comment-logout-action,
.ba-comments-total-count-wrapper select,
.comment-user-name,
.ba-comments-total-count  {
    font-size: 16px !important;
}

.user-comment-wrapper .comment-user-date,
.comment-user-date,
.comment-likes-wrapper span {
    font-size: 12px !important;
}

.user-comment-wrapper .comment-user-date {
    line-height: 24px;
}

.user-comment-wrapper {
    box-sizing: border-box;
    display: flex;
    margin-bottom: 25px;
    width: 100%;
}

.user-comment-wrapper * {
    font-size: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
}

.comment-user-message-wrapper {
    margin: 15px 0 0 25px;
}

span.comment-user-name {
    margin-left: 25px;
}

.comment-reply-name,
span.comment-user-name {
    line-height: 24px;
}

.comment-moderator-label,
span.comment-user-name,
.comment-reply-name {
    align-items: center;
    display: inline-flex;
}

.comment-reply-name i {
    margin: 0 10px;
    transform: scaleX(-1);
}

.comment-moderator-label {
    background: var(--primary);
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    padding: 5px 10px;
    vertical-align: bottom;
}

.comment-attachment-image-type-wrapper {
    display: inline-block;
    position: relative;
}

.comment-attachments-image-wrapper > span > span {
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    cursor: zoom-in;
    display: inline-block;
    height: 50px;
    margin-right: 5px;
    transition: .3s;
    width: 75px;
} 

.comment-attachments-image-wrapper > span > span:hover {
    opacity: .7;
}

.comment-attachment-image-type-wrapper i.zmdi {
    background: #f64231;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    opacity: 0;
    padding: 2px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 2px;
    transition: all .3s;
    width: 11px;
}

.comment-attachment-image-type-wrapper i.zmdi:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

.user-comment-edit-enable .comment-attachment-image-type-wrapper:hover i.zmdi {
    opacity: 1;
}

.user-comment-wrapper.user-comment-edit-enable .ba-comment-message-wrapper {
    margin-bottom: 0;
}

.user-comment-wrapper.user-comment-edit-enable .ba-comment-message {
    background: rgba(0, 0, 0, 0.05) !important;
    border: none!important;
    padding: 15px !important;
}

.user-comment-wrapper.user-comment-edit-enable .comment-likes-wrapper,
.user-comment-wrapper.user-comment-edit-enable .comment-message,
.user-comment-wrapper:not(.user-comment-edit-enable) .comment-edit-form-wrapper,
.user-comment-wrapper:not(.user-comment-edit-enable) .comment-attachment-file .delete-comment-attachment-file {
    display: none;
}

.comment-attachment-file i {
    font-size: 24px;
    margin-right: 10px;
}

.comment-attachment-file {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}

.comment-attachment-file a {
    flex-grow: 1;
    font-size: 14px;
    line-height: 24px;
}

.comment-reply-form-wrapper,
.ba-comment-reply-wrapper {
    margin-left: 50px;
}

.ba-comments-icons-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.ba-comments-icons-wrapper i {
    font-size: 24px;
    padding: 0 10px;
    transition: all .3s;
}
 
.ba-comment-message[disabled] ~ .ba-comments-icons-wrapper i {
    pointer-events: none;
}

.ba-comment-message[disabled] ~ .ba-comments-icons-wrapper {
    position:relative;
}

.ba-comment-message[disabled] ~ .ba-comments-icons-wrapper:before {
    content: "";
    cursor: not-allowed;
    display: block;
    height: 100%;
    position: absolute;
    width: 120px;
}

.ba-comments-icons-wrapper span {
    display: inline-block;
}

.ba-comments-captcha-wrapper {
    display: inline-block;
    line-height: 0;
    margin-bottom: 15px;
    text-align: right;
    width: calc(50% - 5px);
}

.recaptcha-only-for-guest:not(.comments-guest-group) .ba-comments-captcha-wrapper {
    display: none;
}

.ba-comments-captcha-wrapper> div {
    display: inline-block;
}

.ba-comments-captcha-wrapper.recaptcha_invisible {
    position: absolute;
}

.ba-submit-comment,
.comment-logout-action {
    cursor: pointer;
}

.ba-submit-comment,
.comment-logout-action,
.ba-guest-login-btn {
    transition: all .3s;
}

/*
/* Context Moderators Menu
*/

@keyframes context-menu {
    0%{ width: 265px; opacity: 0; max-height: 350px; visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: 350px; }
}

.comments-moderators-context-menu.ba-context-menu {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    display: none;
    margin-left: 265px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    transform: translateX(-100%);
    white-space: nowrap;
    width: 265px;
    z-index: 1070;
}

.comments-moderators-context-menu.ba-context-menu > span:hover i,
.comments-moderators-context-menu.ba-context-menu > span:hover {
    background: #1da6f4;
    border-bottom-color: transparent;
    color: #fff !important;
}

.comments-moderators-context-menu.ba-context-menu.visible-context-menu {
    animation: context-menu .3s both;
    display: block;
}

.comments-moderators-context-menu.ba-context-menu > span {
    animation: backdrop .3s .3s both !important;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
}

.comments-moderators-context-menu.ba-context-menu > span i {
    color: #757575;
    font-size: 24px;
    padding: 0 15px 0 5px;
    text-align: center;
    vertical-align: sub;
    width: 24px;
}

.comments-moderators-context-menu.ba-context-menu span.ba-group-element {
    border-top: 1px solid #e3e3e3;
}

.comments-moderators-context-menu.ba-context-menu span a,
.comments-moderators-context-menu.ba-context-menu span {
    color: #333;
}

/*
/* Notification
*/

@keyframes notification-in {
    from {bottom: 0; transform: translateY(100%); opacity: 0;}
}

#ba-notification.notification-in {
    animation: notification-in .4s cubic-bezier(.25,.98,.26,.99) both;
    display: block;
}

#ba-notification {
    background: #2c2c2c;
    border-radius: 6px;
    border: none;
    bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    opacity: 1;
    padding: 25px;
    position: fixed;
    right: 50px;
    text-shadow: none;
    visibility: visible;
    z-index: 1510;
}

#ba-notification.ba-alert {
    background: #f46336;
    padding: 40px 25px;
    width: 250px;
}

#ba-notification:not(.ba-alert) h4,
#ba-notification:not(.ba-alert) i {
    display: none;
}

#ba-notification i {
    color: #fff;
    opacity: 1;
    padding: 8px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 0;
}

#ba-notification p {
    color: #fff;
    font: 500 14px/24px 'Roboto';
    margin: 0;
}

#ba-notification p img {
    height: 40px;
    padding-left: 40px;
    vertical-align: middle;
    width: 40px;
}

#ba-notification.ba-alert p {
    opacity: .6;
}

.ba-alert h4 {
    color: #fff;
    display: block;
    font: bold 14px/16px 'Roboto', sans-serif;
    letter-spacing: 0;
    margin: 0 0 15px !important;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

@keyframes notification-out {
    to { bottom: 0; transform: translateY(130%); opacity: 0;}
}

#ba-notification.animation-out {
    animation: notification-out .4s cubic-bezier(.25,.98,.26,.99) both;
    display: block;
    opacity: 1;
    visibility: visible;
}

/*
/* Plugin Feature Box
*/

.ba-feature-box-wrapper * {
    transition: color .25s linear, background .25s linear, box-shadow .25s linear;
}

.ba-feature-box-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.ba-feature-box-wrapper .ba-feature-box {
    box-sizing: border-box;
    display: inline-flex;
    overflow: hidden;
    position: relative;
}

.ba-feature-image-wrapper .ba-feature-image {
    max-width: 100%;
}

.ba-feature-image-wrapper i {
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    max-width: 100%;
    width: 1em;
}

.ba-feature-list-layout .ba-feature-image-wrapper {
    margin-right: 25px;
}

.ba-feature-image-wrapper div {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

.ba-feature-box-wrapper.ba-feature-grid-layout .ba-feature-box {
    flex-direction: column;
}

.ba-feature-box-wrapper.ba-feature-grid-layout .ba-feature-box:hover {
    z-index: 1;
}


.ba-feature-box-wrapper.ba-feature-list-layout .ba-feature-box .ba-feature-caption {
    flex-grow: 1; 
}

.ba-feature-button a {
    display: inline-block;
}

.comment-reply-action,
.comment-attachments-wrapper,
.comment-attachments-image-wrapper {
    margin-left: 25px;
}

.comment-attachments-wrapper.not-empty-container,
.comment-attachments-image-wrapper.not-empty-container {
    margin-top: 25px;
}

.instagram-modal.ba-comments-image-modal {
    background: var(--overlay); 
}

/*
/* Plugin Icon-list
*/

.ba-item-icon-list ul {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}

.ba-item-icon-list li {
    align-items: center;
    display: inline-flex;
    margin-right: 30px;
}

.ba-item-icon-list li i {
    cursor: default !important;
    text-align: center;
    width: 1em;
}

.ba-item-icon-list li a {
    align-items: center;
    color: inherit;    
    display: inherit;
}

.ba-item-icon-list li a, 
.ba-item-icon-list li a i {
    cursor: pointer !important;
}

.ba-item-icon-list .vertical-layout {
    flex-direction: column;
}

.ba-item-icon-list li:last-child,
.ba-item-icon-list .vertical-layout li {
    margin-right: 0;
}

/*
/* Plugin Content Slider
*/

.ba-item-content-slider > .slideshow-wrapper > .ba-slideshow > .slideshow-content > .item > a,
.ba-item-content-slider .ba-slideshow-img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ba-item-content-slider .ba-slideshow-img {
    overflow: hidden;
}

.ba-item-content-slider > .slideshow-wrapper > .ba-slideshow > .slideshow-content > .item.active > a {
    z-index: 5;
}

.column-wrapper .ba-item-content-slider .ba-slideshow-img + .ba-grid-column {
    align-content: center;
    align-items: center;
}

.column-wrapper .ba-item-content-slider .ba-slideshow-img + .ba-grid-column > .empty-item {
    display: none;
}

/*
/* Plugin Testimonials
*/
.ba-item-testimonials .testimonials-wrapper {
    box-sizing: border-box; 
}

.ba-item-testimonials .style-4 .testimonials-wrapper,
.ba-item-testimonials .style-1 .testimonials-wrapper {
    height: auto;
}

.ba-item-testimonials .ba-testimonials {
    list-style: none;
    margin: 0;
}

.testimonials-icon-wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.testimonials-icon-wrapper i {
    line-height: .5em;
    pointer-events: none;
    text-align: center;
    vertical-align: middle;
}

.testimonials-name-wrapper {
    overflow: hidden;
}

.ba-item-testimonials .slideshow-content > li {
    box-sizing: border-box;
}

.style-5 .testimonials-wrapper,
.style-3 .testimonials-wrapper,
.style-2 .testimonials-wrapper {
    display: flex;
    flex-direction: column;
}

.ba-item-testimonials .ba-slideset-dots{
    margin-top: 10px;
}

.ba-item-testimonials .slideshow-content {
    margin: 0 auto;
    position: relative;
}

.testimonials-slideshow-content-wrapper {
    margin: 0 auto;
}

/* style-1 */
.style-4 .testimonials-wrapper,
.style-1 .testimonials-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    min-height: auto;
}

.style-4 .testimonials-info,
.style-3 .testimonials-info,
.style-2 .testimonials-info,
.style-1 .testimonials-info {
    box-sizing: border-box;
    display: flex;
    margin-bottom: 20px;
    order: 1;
    position: relative;
    width: 100%;
}

.ba-item-testimonials .testimonials-info {
    height: var(--testimonials-info-height);
    flex-grow: 1;
}

.style-6 .testimonials-info,
.style-5 .testimonials-info,
.style-4 .testimonials-info,
.style-2 .testimonials-info,
.style-3 .slideshow-content >li .testimonials-wrapper,
.style-1 .slideshow-content >li .testimonials-wrapper {
    box-shadow: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none!important;
    padding: 0 !important;
}

.style-4 .ba-testimonials-img,
.style-3 .ba-testimonials-img,
.style-2 .ba-testimonials-img,
.style-1 .ba-testimonials-img {
    order: 2;
}

.style-1 .testimonials-icon-wrapper {
    margin-right: 10px; 
}

.style-4 .ba-testimonials-img,
.style-1 .ba-testimonials-img {
    margin-right: 20px;
}

.style-6 .ba-slideset-dots > div,
.style-5 .ba-testimonials-img div,
.style-4 .ba-testimonials-img div,
.style-3 .ba-testimonials-img div,
.style-2 .ba-testimonials-img div,
.style-1 .ba-testimonials-img div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.style-6 .ba-slideset-dots > div {
    transition: opacity .3s linear;
    -webkit-tap-highlight-color: transparent;
}

.style-6 .ba-slideset-dots > div:not(.active):not(:hover){
    opacity: .5;
}

.style-4 .testimonials-title-wrapper,
.style-3 .testimonials-title-wrapper,
.style-2 .testimonials-title-wrapper,
.style-1 .testimonials-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 3;
}

.style-3 .testimonials-info:before,
.style-1 .testimonials-info:before {
    border: 10px solid;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    transform: translateX(-50%);
}

.style-4 .testimonials-name-wrapper,
.style-4 .testimonials-caption-wrapper,
.style-4 .ba-testimonials-testimonial,
.style-1 .testimonials-name-wrapper,
.style-1 .testimonials-caption-wrapper,
.style-1 .ba-testimonials-testimonial {
    text-align: left;
}

/* style-2 */
.style-2 .testimonials-info,
.style-3 .testimonials-info {
    flex-direction: column;
}

.style-5 .ba-testimonials-img,
.style-3 .ba-testimonials-img,
.style-2 .ba-testimonials-img {
    display: flex;
    justify-content: center;
    width: 100%;
}

.style-6 .testimonials-name-wrapper,
.style-6 .testimonials-caption-wrapper,
.style-6 .ba-testimonials-testimonial,
.style-5 .testimonials-name-wrapper,
.style-5 .testimonials-caption-wrapper,
.style-5 .ba-testimonials-testimonial,
.style-3 .testimonials-name-wrapper,
.style-3 .testimonials-caption-wrapper,
.style-3 .ba-testimonials-testimonial,
.style-2 .testimonials-name-wrapper,
.style-2 .testimonials-caption-wrapper,
.style-2 .ba-testimonials-testimonial {
    text-align: center;
}

/* style-3 */
.style-3 .testimonials-info:before {
    left: 50% !important;
}

/* style-4 */
.style-4 .testimonials-info {
    order: 4;
}

.style-4 .testimonials-icon-wrapper {
    display: none;
}

.style-1 .slideshow-content >li,
.style-4 .slideshow-content >li,
.style-6 .slideshow-content >li {
    box-sizing: border-box;
}

/* style-6 */
.ba-testimonials.style-5 .testimonials-info >.testimonials-icon-wrapper,
.ba-testimonials:not(.style-5) .testimonials-wrapper>.testimonials-icon-wrapper,
.style-6 .ba-testimonials-img,
.style-6 .ba-slideset-dots > div:before{
    display: none;
}

.style-6 .testimonials-info {
    margin-bottom: 20px;
}

.style-5 .testimonials-testimonial-wrapper {
    margin: 20px 0; 
}

.style-6 .ba-slideset-dots,
.style-3 .testimonials-title-wrapper,
.style-2 .testimonials-title-wrapper {
    margin-top: 20px;
}

.style-4 .testimonials-testimonial-wrapper {
    margin: 20px 0 0; 
}

/* Testimonials Animation */
.ba-item-testimonials .slideshow-content li:not(.active):not(.testimonials-out-animation) {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.ba-testimonials:not(.slideset-loaded) {
    opacity: 0;
}

.ba-item-testimonials .slideshow-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

@keyframes testimonials-in {
    0% { opacity: 0; transform: scale(0.2);}
    100% {opacity: 1; transform: scale(1);}
}

.ba-item-testimonials .slideshow-content li.active {
    animation: testimonials-in .3s linear both;
}

@keyframes testimonials-out {
    0% {opacity: 1; transform: scale(1);}
    100% {opacity: 0; transform: scale(0.2);}
}

.ba-item-testimonials .slideshow-content li.testimonials-out-animation {
   animation: testimonials-out .3s linear both; 
}

/* Testimonials Animation Fade*/

@keyframes testimonials-fade-in {
    0% { opacity: 0;}
    100% {opacity: 1;}
}

.ba-item-testimonials .ba-testimonials[data-count="1"] .slideshow-content li.active {
    animation: testimonials-fade-in .3s linear both;
}

@keyframes testimonials-fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.ba-item-testimonials .ba-testimonials[data-count="1"] .slideshow-content li.testimonials-out-animation {
   animation: testimonials-fade-out .3s linear both; 
}

/*
/* Plugin Headline
*/

.ba-item-headline .headline-wrapper > * > span {
    display: inline-block;
    white-space: nowrap;
}

/*
/* Plugin Flipbox
*/

.ba-item-flipbox > .ba-flipbox-wrapper > .column-wrapper > .ba-grid-column-wrapper {
    height: 100%
}

.ba-item-flipbox .ba-flipbox-wrapper {
    perspective: 1000px;
    transform: translateZ(0);
}

.ba-item-flipbox .ba-flipbox-frontside *,
.ba-item-flipbox .ba-flipbox-backside *{
    animation-fill-mode: initial !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
}

.ba-item-flipbox .ba-flipbox-frontside,
.ba-item-flipbox .ba-flipbox-backside {
    display: block;
    box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: inherit;
    transition: transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.ba-item-flipbox .ba-flipbox-backside {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

.ba-item-flipbox .ba-flipbox-frontside > .ba-grid-column-wrapper > .ba-grid-column,
.ba-item-flipbox .ba-flipbox-backside > .ba-grid-column-wrapper > .ba-grid-column {
    overflow: hidden; 
}

/*
/* Plugin Simple Gallery
*/

.ba-image-item-caption,
.ba-image-item-caption .ba-caption-overlay,
.ba-simple-gallery-image,
.ba-simple-gallery-caption .ba-caption-overlay,
.ba-simple-gallery-caption {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.ba-image-item-caption {
    pointer-events: none;
}

.ba-image-item-caption .ba-caption-overlay,
.ba-simple-gallery-image {
    padding: 0;
}

.ba-item-overlay-section .ba-image-wrapper,
.ba-item-image .ba-image-wrapper,
.ba-item-simple-gallery .ba-instagram-image {
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

.ba-item-flipbox .ba-item-overlay-section .ba-image-wrapper,
.ba-item-flipbox .ba-item-image .ba-image-wrapper,
.ba-item-flipbox .ba-item-simple-gallery .ba-instagram-image {
    position: relative;
    transform: none;
}

.ba-image-item-caption *:not(.ba-caption-overlay),
.ba-simple-gallery-caption *:not(.ba-caption-overlay){
    z-index: 1;
}

.ba-instagram-image .ba-simple-gallery-image {
    background: inherit;
    transition-duration: inherit;
}

.ba-item-field-simple-gallery .ba-instagram-image {
    transition: opacity 0.3s linear;
}

.ba-item-field-simple-gallery .ba-instagram-image:hover {
    opacity: .85;
}

.ba-instagram-image > i {
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/*
/* Plugin Sticky Header
*/

.ba-sticky-header {
    display: none;
}

.ba-sticky-header.visible-sticky-header {
    display: block;
    left: 0;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 45;
}

/*
/* Plugin One Page Menu
*/

/* Side Bar One Page Menu */
.side-navigation-menu {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
}

.lightbox-open .side-navigation-menu {
    right: 47px;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    .side-navigation-menu {
        top: calc(50% - 5em);
        transform: none !important;
    }

    .side-navigation-menu li a:after,
    .side-navigation-menu li a:before {
        right: 15px !important;
    }
    
    body.com_gridbox.gridbox .side-navigation-menu li a:after,
    body.com_gridbox.gridbox .side-navigation-menu li a:before {
        right: 70px !important;
    }
}

.side-navigation-menu .main-menu .nav.menu > li {
    display: block;
    overflow: hidden;
}

.side-navigation-menu li a:before {
    content: '\f26c';
}

.side-navigation-menu li a:after {
    content: '\f26d';
    opacity: 0;
    transition: opacity .3s linear;
}

.side-navigation-menu li.active a:after,
.side-navigation-menu li a:hover:after {
    opacity: 1;
}

.side-navigation-menu li a:after,
.side-navigation-menu li a:before {
    color: inherit;
    font-family: 'Material-Design-Iconic-Font';
    font-size: inherit;
    font-weight: bold;
    line-height: inherit;
    position: fixed;
    right: -7px;
}

.side-navigation-menu li a {
    text-align: right !important;
    padding-right: 60px !important;
    position: relative;
}

.side-navigation-menu li:not(.active) a {
    left: calc(100% + 30px);
    transition: all .3s ;
}

.side-navigation-menu li.active a ,
.side-navigation-menu li:hover a {
    left: 35px;
}

.ba-row.row-with-sidebar-menu {
    z-index: 10 !important;
}

/*
/* Plugin Overlay Section
*/

.ba-item-overlay-section .ba-image-wrapper + .ba-button-wrapper {
    display: none;
}

.ba-item-overlay-section .ba-image-wrapper {
    cursor: pointer;
}

.ba-overlay-section-backdrop {
    padding: 0 !important;
}

.ba-overlay-section .animated {    
    animation-fill-mode: both;
}

.ba-overlay-section-backdrop .ba-overlay-section:not(.ba-container) > .ba-section {
    width: calc(100vw - 17px) !important;
}

.ba-overlay-section-backdrop .ba-section {
    flex-direction: column;
}

/* Overlay Section Button */
.ba-overlay-section-backdrop.visible-section .ba-overlay-section {
    transform: none !important;
}

.ba-overlay-section-backdrop .ba-overlay-section {
    transition: transform .3s ease-in-out;
}

/* Overlay Section Lightbox */
.ba-overlay-section-backdrop.lightbox .ba-overlay-section {
    align-items: center;
    display: flex;
    justify-content: center;
}

.ba-overlay-section-backdrop:not(.horizontal-bottom):not(.horizontal-top) .ba-section {
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
}

/* Overlay Section Vertical Right */
.ba-overlay-section-backdrop.vertical-left > .ba-overlay-section >.ba-section,
.ba-overlay-section-backdrop.vertical-right > .ba-overlay-section > .ba-section {
    min-height: 100vh !important;
}

.ba-overlay-section-backdrop.vertical-right {
    justify-content: flex-end;
}

.ba-overlay-section-backdrop.vertical-right > .ba-overlay-section {
    transform: translateX(100%);

}

/* Overlay Section Vertical Left */
.ba-overlay-section-backdrop.vertical-left {
    justify-content: flex-start;
}

.ba-overlay-section-backdrop.vertical-left > .ba-overlay-section {
    transform: translateX(-100%);
}

/* Overlay Section Horizontal Top */
.ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section,
.ba-overlay-section-backdrop.horizontal-top > .ba-overlay-section {
    margin: 0;
}

.ba-overlay-section-backdrop.horizontal-top > .ba-overlay-section {
    transform: translateY(-100%);
}

.ba-overlay-section-backdrop.horizontal-top {
    align-items: flex-start;
}

.ba-overlay-section-backdrop.horizontal-top .ba-container,
.ba-overlay-section-backdrop.horizontal-bottom .ba-container {
    max-width: none;
}

.ba-overlay-section-backdrop.horizontal-top > .ba-overlay-section,
.ba-overlay-section-backdrop.horizontal-top > .ba-overlay-section > .ba-section,
.ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section,
.ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section > .ba-section {
    width: 100% !important;
}

/* Overlay Section Horizontal Bottom */
.ba-overlay-section-backdrop.horizontal-bottom {
    align-items: flex-end;
    justify-content: start;
}

.ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section {
    transform: translateY(100%);
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    .ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section {
        margin-right: calc(0px - (100vw - 100%));
        overflow-y: scroll;
        width: calc(100vw + (100vw - 100%))!important;
    }
}

@-moz-document url-prefix() { 
    .ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section {
        margin-right: calc(0px - (100vw - 100%));
        overflow-y: scroll;
        width: calc(100vw + (100vw - 100%))!important; 
    }
}

/*
/* Plugin Progress Pie
*/

.ba-item-progress-pie canvas {
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 0;
}

.ba-item-progress-pie .ba-progress-pie {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
}

.ba-comment-message-wrapper:after,
.ba-comment-message-wrapper:before,
.ba-progress-pie:before,
.ba-progress-pie:after {
    content: "";
    display: table;
    line-height: 0;
}

.ba-comment-message-wrapper:after,
.ba-progress-pie:after {
    clear: both;
}

.ba-item-progress-pie .progress-pie-number {
    z-index: 1;
}

.ba-item-progress-pie .ba-progress-pie:before {
    content: "";
    padding-top: 100%;
    float: left;
}

/*
/* Plugin Cookies
*/

.ba-cookies.notification-bar-top,
.ba-cookies.notification-bar-bottom {
    position: fixed;
    width: 100%!important;
}

.ba-cookies.notification-bar-top {
    top: 0;
}

.ba-cookies.notification-bar-bottom {
    bottom: 0;
}

.ba-cookies.notification-bar-top .ba-section,
.ba-cookies.notification-bar-bottom .ba-section {
    width: 100% !important;
}

/*
/* Plugin Progress-bar
*/

.ba-animated-bar {
    overflow: hidden;
}

.ba-animated-bar {
    align-items: center;
    border-radius: inherit;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    line-height: 0;
    padding: 0 20px;
    vertical-align: middle;
}

.progress-bar-title {
    white-space: nowrap;
}

.progress-bar-number {
    flex-grow: 1;
    text-align: right;
}

/*
/* Plugin Lightbox
*/

.ba-lightbox-backdrop {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    transition: all .3s ease-in-out;
    z-index: 1070;
}

.ba-overlay-section-backdrop,
.ba-lightbox-backdrop.lightbox-center {
    align-items: center;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 100vh;
    opacity: 0;
    overflow: hidden;
    overflow-x: hidden;
    position: fixed;
    padding: 25px; 
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out, visibility .1s .3s;
    visibility: hidden;
    z-index: 9999;
}

.ba-overlay-section-backdrop {
     align-items: baseline;  
}

.lightbox-open .ba-lightbox-backdrop.visible-lightbox,
.lightbox-open .ba-overlay-section-backdrop.visible-section {
    overflow: scroll;
    overflow-x: hidden;
}

.ba-lightbox-backdrop.lightbox-center .ba-section {
    margin: 0 auto
}

.ba-wrapper.ba-lightbox.ba-container.sortabale-parent-node:before {
    bottom: 0;
    content: "";
    cursor: move;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30;
}

.ba-overlay-section-backdrop.visible-section,
.ba-lightbox-backdrop.visible-lightbox {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out;
}

.ba-overlay-section-backdrop.lightbox:not(.visible-section) {
    left: 0 !important;
    pointer-events: none!important;
}

.ba-overlay-section,
.ba-lightbox {
    margin: auto 0;
}

.ba-lightbox {
    visibility: hidden;
}

.visible-lightbox.ba-lightbox  {
    visibility: visible;
}


.ba-lightbox {
    width: 100%;
}

.ba-lightbox.ba-container {
    width: auto !important;
}

.ba-lightbox .ba-section {
    max-width: 100%!important;
}

.visible-lightbox .ba-lightbox {
    display: block;
    visibility: visible;
}

.close-overlay-section,
.close-lightbox  {
    height: 0;
    left: 15px;
    position: absolute; 
    right: 15px;
    top: 0;
    z-index: 100; 
}

.close-overlay-section i,
.close-lightbox  i {
    color: inherit;
    cursor: pointer;
    font-size: 24px;
    margin-top: 15px;
}

.ba-overlay-section-backdrop > .ba-overlay-section-close,
.ba-lightbox-backdrop > .ba-lightbox-close {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.ba-lightbox-backdrop:not(.visible-lightbox) .ba-lightbox,
.ba-lightbox-backdrop:not(.visible-lightbox) .ba-cookies,
.ba-overlay-section-backdrop.lightbox {
    left: 100% ;
}

.ba-overlay-section-backdrop.lightbox.visible-section {
    left: 0;
}

/* Lightbox Position  */
.lightbox-bottom-left > .ba-lightbox-close,
.lightbox-bottom-right > .ba-lightbox-close,
.lightbox-top-left > .ba-lightbox-close,
.lightbox-top-right > .ba-lightbox-close {
    display: none !important;
}

.lightbox-top-left .ba-lightbox,
.lightbox-top-right .ba-lightbox,
.lightbox-bottom-left .ba-lightbox,
.lightbox-bottom-right .ba-lightbox {
    position: fixed;
    z-index: 1070;
}

.lightbox-top-left .ba-lightbox,
.lightbox-top-right .ba-lightbox {
    margin: 0;
    top: 50px;
}

.lightbox-bottom-left .ba-lightbox,
.lightbox-bottom-right .ba-lightbox {
    bottom: 50px;
    margin: auto 0 0 0;
}

.lightbox-top-left .ba-lightbox,
.lightbox-bottom-left .ba-lightbox {
    left: 50px;
}

.lightbox-bottom-right .ba-lightbox,
.lightbox-top-right .ba-lightbox {
    right: 50px;
}

.lightbox-bottom-right .ba-lightbox .ba-section,
.lightbox-top-right .ba-lightbox .ba-section {
    float: right;
}

/*
/* Plugin Social Icons
*/

.ba-item-social-icons .ba-icon-wrapper a {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.ba-item-social-icons .ba-icon-wrapper a:not(:last-child){
    margin-right: 5px;
}

.ba-item-social-icons .ba-icon-wrapper i {
    text-align: center;
}

/*
/* Plugin Social Sharing
*/

.ba-item-social {
    text-align: center;
}

.ba-social {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.ba-social-sidebar .ba-social-flat > div:hover {
    opacity: 1;
}

.ba-social-circle > div:hover,
.ba-social-flat > div:hover {
    opacity: .8;
}

.ba-social-classic > div:hover {
    background: #fafafa;
}

.ba-social > div {
    cursor: pointer;
    display: inline-block;
    margin: 5px 10px 5px 10px;
    white-space: nowrap;
}

.ba-social .social-button {
    color: #fff;
    display: inline-block;
    padding: 0 5px; 
    text-align: left;
}

.ba-social-sidebar .social-button {
    border: 1px solid transparent;
    padding-left: 0;
}

.ba-social.ba-social-sm div {
    line-height: 22px;
}

.ba-social.ba-social-sm {
    font-size: 12px;
}

.ba-social.ba-social-md div {
    line-height: 34px;
}

.ba-social.ba-social-md {
    font-size: 15px;
}

.ba-social.ba-social-lg div {
    line-height: 44px;
}

.ba-social.ba-social-lg {
    font-size: 18px;
}

.ba-social.ba-social-sm .social-button {
    min-width: 85px;
}

.ba-social.ba-social-md .social-button {
    min-width: 95px;
}

.ba-social.ba-social-lg .social-button {
    min-width: 150px;
}

.ba-social .social-button i {
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.ba-social.ba-social-sm .social-button i {
    font-size: 16px;
    line-height: 12px;
    min-width: 25px;
}

.ba-social.ba-social-md .social-button i {
    font-size: 24px;
    line-height: 15px;
    min-width: 35px;
}

.ba-social.ba-social-lg .social-button i {
    font-size: 30px;
    line-height: 18px;
    min-width: 50px;
}

.ba-social.ba-social-sm .google .social-button i {
    font-size: 20px;
}

.ba-social.ba-social-md .google .social-button i {
    font-size: 30px;
}

.ba-social.ba-social-lg .google .social-button i {
    font-size: 35px;
}

.ba-social .vk .social-button i,
.ba-social .linkedin .social-button i {
    margin-top: -5px;
}

.ba-social.ba-social-md .social-counter {
    padding: 0 11px;
}

.ba-social.ba-social-lg .social-counter {
    padding: 0 14px;
}

.social-counter {
    background-color: #fff;
    color: #101010;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    padding: 0 8px;
    position: relative;
}

.social-counter:before {
    border-bottom: 6px solid transparent;
    border-right: 6px solid;
    border-top: 6px solid transparent;
    color: #ececec;
    content: '';
    display: block;
    height: 0;
    left: -6px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 0;
}

.social-counter:after {
    border-bottom: 6px solid transparent;
    border-right: 6px solid;
    border-top: 6px solid transparent;
    color: #fff;
    content: '';
    display: block;
    height: 0;
    left: -5px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 0;
}

/* Flat */
.ba-social-flat > div {
    border: none;
}

.ba-social-flat.ba-social .social-counter {
    border: 1px solid #ececec;
}

.ba-social-circle .vk .social-button i,
.ba-social-flat.ba-social .vk {
    background: #5b7aa8;
}

.ba-social-circle .facebook .social-button i,
.ba-social-flat.ba-social .facebook {
    background: #3b5998;
}

.ba-social-circle .twitter .social-button i,
.ba-social-flat.ba-social .twitter {
    background: #00aced;
}

.ba-social-circle .google .social-button i,
.ba-social-flat.ba-social .google {
    background: #dd4b39;
}

.ba-social-circle .linkedin .social-button i,
.ba-social-flat.ba-social .linkedin {
    background: #0077B5;
}

.ba-social-circle .pinterest .social-button i,
.ba-social-flat.ba-social .pinterest {
    background: #cb2027;
}

/* Classic */
.ba-social-classic > div {
    background: #fff;
    border: 1px solid #ececec;
    font-weight: normal;
}

.ba-social-classic .social-button {
    color: #333;
}

.ba-social-classic .social-counter {
    border: transparent;
    border-left: 1px solid #ececec;
}

.ba-social-classic.ba-social .vk .social-button i:before {
    color: #5b7aa8;
}

.ba-social-classic.ba-social .facebook .social-button i:before {
    color: #3b5998;
}

.ba-social-classic.ba-social .twitter .social-button i:before {
    color: #00aced;
}

.ba-social-classic.ba-social .google .social-button i:before {
    color: #dd4b39;
}

.ba-social-classic.ba-social .linkedin .social-button i:before {
    color: #0077B5;
}

.ba-social-classic.ba-social .pinterest .social-button i:before {
    color: #cb2027;
}

/* Social Circle */
.ba-social-circle.ba-social > div {
    line-height: normal;
    position: relative;
    vertical-align: top;
}

.ba-social-circle .social-button {
    color: transparent;
    display: block;
    overflow: hidden;
    padding: 0;
    width: 0;
}

.ba-social-circle .social-button i {
    border-radius: 50%;
    position: absolute;
    vertical-align: middle;
}

.ba-social-circle .social-counter {
    background-color: transparent;
}

.ba-social-circle.ba-social .social-button {
    margin: 0 auto;
}

.ba-social-sidebar .ba-social-circle.ba-social .social-button {
    padding: 5px 10px;
}

.ba-social-circle.ba-social .social-button i {
    margin: 0;
}

.ba-social-circle.ba-social.ba-social-sm .social-button {
    min-width: 25px;
    height: 25px;
}

.ba-social-circle.ba-social.ba-social-md .social-button {
    min-width: 35px;
    height: 35px;
}

.ba-social-circle.ba-social.ba-social-lg .social-button {
    min-width: 50px;
    height: 50px;
}

.ba-social-circle.ba-social.ba-social-sm,
.ba-social-circle.ba-social.ba-social-sm .social-button i {
    line-height: 25px;
}

.ba-social-circle.ba-social.ba-social-md,
.ba-social-circle.ba-social.ba-social-md .social-button i {
    line-height: 35px;
}

.ba-social-circle.ba-social.ba-social-lg,
.ba-social-circle.ba-social.ba-social-lg .social-button i {
    line-height: 50px;
}

.ba-social-circle.ba-social.ba-social-sm .social-counter {
    line-height: 24px;
}

.ba-social-circle.ba-social.ba-social-md .social-counter {
    line-height: 30px;
}

.ba-social-circle.ba-social.ba-social-lg .social-counter {
    line-height: 36px;
}

.ba-social-sidebar .ba-social-circle.ba-social .social-counter {
    padding: 0;
}

.ba-social-circle .social-counter:before,
.ba-social-circle .social-counter:after {
    display: none;
}

.ba-social-sidebar .ba-social.ba-social-circle > div {
    max-width: none;
    min-width: auto;
}

.ba-social-sidebar .ba-social.ba-social-circle  .social-counter {
    line-height: normal !important;
}

/* Social Sidebar */
.ba-social-sidebar {
    min-height: 50px;
}

.ba-social-sidebar {
    left: 100% !important;
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-49%) translateX(-100%);
    transition: opacity .3s linear;
    z-index: 30;
}

.lightbox-open .ba-social-sidebar {
    left: calc(100% - 17px) !important;
    transition: opacity 0s linear;
    opacity: 0;
}

.ba-social-sidebar .ba-social-lg > div {
    max-width: 50px;
}

.ba-social-sidebar .ba-social-md > div {
    max-width: 35px;    
}

.ba-social-sidebar .ba-social-sm > div {
    max-width: 25px;
}

.ba-social-sidebar .ba-social-lg:hover > div ,
.ba-social-sidebar .ba-social-md:hover > div ,
.ba-social-sidebar .ba-social-sm:hover > div  {
    max-width: 250px;
}

.ba-social-sidebar .ba-social-lg,
.ba-social-sidebar .ba-social-md,
.ba-social-sidebar .ba-social-sm {
    overflow: hidden;
    text-align: right !important;
}

.ba-social-sidebar .ba-social.ba-social-lg:not(.ba-social-circle) > div {
    transform: translateX(100%) translateX(-50px);
}

.ba-social-sidebar .ba-social.ba-social-md:not(.ba-social-circle) > div {
    transform: translateX(100%) translateX(-35px);
}

.ba-social-sidebar .ba-social.ba-social-sm:not(.ba-social-circle) > div {
    transform: translateX(100%) translateX(-25px);
}

.ba-social-sidebar .ba-social.ba-social-sm:not(.ba-social-circle) > div:hover,
.ba-social-sidebar .ba-social.ba-social-md:not(.ba-social-circle) > div:hover,
.ba-social-sidebar .ba-social.ba-social-lg:not(.ba-social-circle) > div:hover {
    transform: translateX(0);
}

.ba-social-sidebar .ba-social > div {
    display: inline-block;
    margin: -1px 0 0 0;
    text-align: center;
    transition: all .3s linear;
}

.ba-social-sidebar .ba-social .social-counter {
    text-align: center;
}

/*
/* Plugin Accordion 
*/

.ba-item-accordion .accordion {
    margin: 0;
}

.accordion-body .accordion-inner,
.accordion-body {
    overflow: hidden;
    border: none;
}

.accordion-body.in[style="height: auto;"] .accordion-inner,
.accordion-body.in[style="height: auto;"] {
    overflow: visible;
}

.accordion-body:not(.in) .accordion-inner >.tabs-content-wrapper,
.accordion-body:not(.in) .accordion-inner {
    height: inherit;
}

.ba-item-accordion .collapse {
    transition: height .5s ease;
}

.ba-item-accordion .accordion-group {
    border-radius: 0;
    border: 1px solid;
    border-bottom-width: 0; 
    margin: 0;
}

.ba-item-accordion .accordion-group:last-child {
    border-bottom-width: 1px; 
}

.accordion-heading > a.accordion-toggle {
    display: block;
    padding: 20px 35px 20px 20px;
    position: relative;
}

.accordion-toggle > span {
    align-items: center;
    display: inline-flex;
}

.accordion-heading > a > span + i {
    font-size: 18px !important;
    letter-spacing: normal;
    line-height: 18px !important;
    margin: 0;
    position: absolute;
    right: 15px;
    top: calc(50% - 9px);
}

.accordion-toggle > span + i:before {
    display: block;
    transition: all .3s ease-in-out;
}

.accordion-toggle.active > span + i:before {
    transform: rotate(90deg);
}

.accordion-body .accordion-inner .ba-section {
    opacity: 0;
    transition: .3s ease-in-out;
}

.accordion-body.in .accordion-inner .ba-section {
    opacity: 1;
    transition: .3s .2s ease-in-out;
}

/*
/* Plugin Tabs
*/

.ba-item-tabs {
    position: relative;
}

.ba-tabs-wrapper .nav-tabs {
    border: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    .ba-tabs-wrapper.tabs-top .nav-tabs {
        display: block !important;
    }
}

.ba-tabs-wrapper .nav-tabs li {
    display: flex;
    flex-grow: 1;
    margin: 0;
}

.ba-tabs-wrapper.tabs-top .nav-tabs li {
    display: inline-block;
    flex: 1;
}

.ba-tabs-wrapper .nav-tabs li a {
    border: 1px solid;
    box-sizing: border-box;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;  
    margin: 0;
    padding: 20px;
    position: relative;
}

.ba-tabs-wrapper .nav-tabs li a,
.ba-tabs-wrapper .nav-tabs li a:focus,
.ba-tabs-wrapper .nav-tabs li a:hover {
    background-color: transparent;
}

.ba-tabs-wrapper.icon-position-top li a > span {
    display: inline-flex;
}

.accordion-heading > a i,
.ba-tabs-wrapper .nav-tabs li a i {
    color: inherit;
    line-height: 1em;
    margin: 0 10px; 
    text-align: inherit;
    vertical-align: middle;
}

.ba-tabs-wrapper .nav-tabs li a:before {
    content: "";
    position: absolute;
}

.ba-tabs-wrapper.tabs-top li a:before {
    height: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    transition: height .3s;
}

.ba-tabs-wrapper.tabs-top li.active a:before {
    height: 4px;
}

.ba-tabs-wrapper.tabs-top li a:focus,
.ba-tabs-wrapper.tabs-top li a:hover,
.ba-tabs-wrapper.tabs-top li a {
    border-width: 0;
    border-bottom-width: 1px;
}

.ba-tabs-wrapper.tabs-top  li a > span {
    align-items: center;
}

.ba-tabs-wrapper li a > span > span {
    direction: ltr;
    word-break: break-word;
}

.ba-item-tabs .ba-tabs-wrapper .tab-content {
    box-sizing: border-box;
}

/* Tabs Left Position */
.ba-tabs-wrapper.tabs-left,
.ba-tabs-wrapper.tabs-right {
    display: flex;
    height: auto;
    width: auto;
}

.ba-tabs-wrapper.tabs-right .nav-tabs,
.ba-tabs-wrapper.tabs-left .nav-tabs {
    flex-direction: column;
    width: 25%;
}

.ba-tabs-wrapper.tabs-right .nav-tabs li,
.ba-tabs-wrapper.tabs-left .nav-tabs li {
    flex-direction: column;
}

.ba-tabs-wrapper.tabs-right .nav-tabs li a,
.ba-tabs-wrapper.tabs-left .nav-tabs li a {
    align-items: center;
    display: flex;
    flex-grow: 1;
}

.ba-tabs-wrapper .tab-pane .ba-row-wrapper {
    width: 100%;
}

.ba-tabs-wrapper.tabs-left li:last-child.active a,
.ba-tabs-wrapper.tabs-left li:last-child.active a:hover,
.ba-tabs-wrapper.tabs-left li:last-child.active a:focus,
.ba-tabs-wrapper.tabs-right li:last-child.active a,
.ba-tabs-wrapper.tabs-right li:last-child.active a:hover,
.ba-tabs-wrapper.tabs-right li:last-child.active a:focus,
.ba-tabs-wrapper.tabs-right li a,
.ba-tabs-wrapper.tabs-right li a:hover,
.ba-tabs-wrapper.tabs-right li a:focus,
.ba-tabs-wrapper.tabs-left li a:hover,
.ba-tabs-wrapper.tabs-left li a:focus,
.ba-tabs-wrapper.tabs-left li a {
    border-width: 0;
    border-right-width: 1px;
}

.ba-tabs-wrapper.tabs-right li a:before,
.ba-tabs-wrapper.tabs-left li a:before {
    bottom: 0;
    right: -1px;
    top: 0;
    transition: width .3s;
    width: 0;
}

.ba-tabs-wrapper.tabs-left li.active a:before,
.ba-tabs-wrapper.tabs-right li.active a:before {
    width: 4px;
}

.ba-tabs-wrapper.tabs-right.icon-position-left li a > span,
.ba-tabs-wrapper.tabs-left.icon-position-left li a > span {
    display: inline-block;
    direction: rtl;
}

/* Tabs Right Position */
.ba-tabs-wrapper.tabs-right {
    flex-direction: row-reverse;
}

.ba-tabs-wrapper.tabs-right li a:focus,
.ba-tabs-wrapper.tabs-right li a:hover,
.ba-tabs-wrapper.tabs-right li a {
    border-left-width: 1px;
    border-right-width: 0px !important;
}

.ba-tabs-wrapper.tabs-right li a:before {
    right: auto;
    left: -1px;
}

/*
/* Tabs Icon Position
*/

/* Tabs Icon Top Position */
.icon-position-top .nav-tabs i {
    display: block;
    order: 1;
    margin: 10px 0; 
}

/* Tabs Icon left Position */
.ba-tabs-wrapper.icon-position-left li a span.tabs-title {
    display: inline-block;
    direction: ltr;
}

/* Tabs Fade Animation */
.ba-item-tabs .tab-content .tab-pane.active {
     animation: tabs-fade .7s ease-in-out;
}

@keyframes tabs-fade {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

/* Tab Animation */
.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.active.left,
.active.right,
.out-left,
.out-right {
    display: inline-block !important;
    box-sizing: border-box;
    overflow: auto;
    position: absolute;
    width: 480px;
}

@keyframes active-tab-left {
    from { transform: translateX(-100%);}
}

.active.left {
    animation: active-tab-left .5s cubic-bezier(.55,.085,.68,.53);
}

@keyframes active-tab-right {
    from { transform: translateX(100%);}
}

.active.right {
    animation: active-tab-right .5s cubic-bezier(.55,.085,.68,.53);
}

@keyframes out-right {
    to { transform: translateX(100%);}
}

.out-right {
    animation: out-right .5s cubic-bezier(.55,.085,.68,.53);
}

@keyframes out-left {
    to { transform: translateX(-100%);}
}

.out-left {
    animation: out-left .5s cubic-bezier(.55,.085,.68,.53) both;
}

/*
/* Plugin Video
*/

.ba-video-wrapper { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
}

.ba-video-wrapper video { 
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.ba-video-wrapper iframe {
    border-radius: inherit;  
    bottom: -1px;
    height: calc(100% + 3px); 
    left: -1px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: calc(100% + 3px);
}

.video-lazy-load-thumbnail {
    align-items: center;   
    background-size: cover;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.video-lazy-load-thumbnail i {
    background: #fff;
    box-shadow: 0 5px 12px rgba(0,0,0,0.23);
    border-radius: 100%;
    color: var(--primary);
    font-size: 82px;
    line-height: 68px;
    opacity: 1;
    transition: opacity .3s;
}

.video-lazy-load-thumbnail:hover i {
    opacity: .8;
}

/*
/* Plugin Carousel
*/

ul.ba-slideset {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.ba-item:not(.ba-item-slideshow):not(.ba-item-feature-box) .empty-content:not(.slideshow-button):not(.ba-feature-button) {
    display: none;
}

.ba-item-recent-posts-slider .ba-slideset.carousel-type:not(.slideset-loaded) .slideshow-content > li:not(.active),
.ba-item-carousel .ba-slideset:not(.slideset-loaded) .slideshow-content > li:not(.active),
.ba-item-slideset .ba-slideset:not(.slideset-loaded) .slideshow-content > li:not(.active) {
    display: none;
}

.ba-item-recent-posts-slider .ba-slideset.carousel-type .slideshow-content > li,
.ba-item-carousel .slideshow-content > li,
.ba-item-slideset .slideshow-content > li {
    display: inline-block;
    line-height: 0;
    position: absolute;
    text-decoration: none;
}

.slideshow-content .slideset-out-animation {
    transition: left 0.5s linear;
}

.ba-slideset .slideshow-content {
    overflow: hidden;
    position: relative;
}

.ba-slideset .slideshow-content li {
    opacity: 1 !important;
    transition: left .5s linear;
    visibility: hidden;
}

.ba-item-recent-posts-slider .ba-slideset.carousel-type .slideshow-content > li.active,
.ba-item-carousel .slideset-out-animation,
.ba-item-carousel .slideshow-content li.active,
.ba-slideset .slideset-out-animation,
.ba-slideset .slideshow-content li.active {
    visibility: visible;
}

.ba-slideset:not(.caption-over) li.active {
    z-index: 1;
}

.ba-item-recent-posts-slider ul.carousel-type .slideshow-content:not([style*="transition: none"]) li.item {
    will-change: transform;
}

.ba-item-slideset .ba-slideset,
.ba-item-carousel .ba-slideset {
    cursor: grab !important;
}

/* Image */
.ba-slideshow-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.lightbox-enabled .ba-slideshow-img {
    cursor: zoom-in;
}

.ba-item-slideshow .ba-overlay,
.ba-item-slideshow .lightbox-enabled .ba-slideshow-caption,
.caption-over .lightbox-enabled .ba-slideshow-caption {
    pointer-events: none;
}

/* Caption */
.slideset-inner {
    position: relative;
}

.ba-slideshow-caption {
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
}

.ba-item-recent-posts-slider .ba-slideset:not(.slideshow-type) .ba-slideshow-caption {
    animation: none;
}

.ba-item-carousel .ba-slideset:not(.caption-over) li .ba-slideshow-caption ,
.ba-item-recent-posts-slider .ba-slideset:not(.caption-over):not(.slideshow-type) .ba-slideshow-caption {
    height: var(--carousel-caption-height);
    justify-content: flex-start;
}

.ba-item-recent-posts-slider .carousel-type .ba-slideshow-caption > *,
.ba-item-carousel .ba-slideshow-caption > *,
.ba-item-slideset .ba-slideshow-caption > * {
    padding: 0 30px;
}

.slideshow-button {
    line-height: 0;
    font-size: 0;
}

.com_gridbox .slideshow-button a {
    line-height: initial;
}

/* Caption Over */
.ba-item-recent-posts-slider .caption-over .ba-slideshow-caption,
.ba-item-slideset .caption-over .ba-slideshow-caption,
.ba-item-carousel .caption-over .ba-slideshow-caption {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

/* Caption hover */
.ba-item-recent-posts-slider .caption-hover .ba-slideshow-caption,
.ba-item-slideset .caption-hover .ba-slideshow-caption,
.ba-item-carousel .caption-hover.caption-over .ba-slideshow-caption {
    opacity: 0;
    visibility: hidden;
    transition: all .3s 0s ease-in-out;
}

.ba-item-recent-posts-slider .caption-over.caption-hover li:hover .ba-slideshow-caption,
.ba-item-slideset .ba-slideset:not(.caption-over) li.active .ba-slideshow-caption,
.ba-item-slideset .caption-over.caption-hover li:hover .ba-slideshow-caption,
.ba-item-carousel .caption-over.caption-hover li:hover .ba-slideshow-caption  {
    opacity: 1;
    visibility: visible;
}

.ba-item-slideset .ba-slideset:not(.caption-over) li:not(.active) .ba-btn-transition {
    transition: none;
}

.ba-slideset .ba-slideset-dots {
    position: static;
    padding-top: 20px;
}

/*
/* Plugin Recent Posts Slider 
*/

.ba-item-recent-posts-slider .ba-blog-post-title a {
    color: inherit;
    text-decoration: inherit;
}

.ba-item-recent-posts-slider .ba-slideshow-img {
    position: relative;
    width: 100%;
}

.ba-item-recent-posts-slider .ba-slideshow-img a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/*
/* Plugin Slideshow
*/
.ba-item-recent-posts-slider .slideshow-type,
ul.ba-slideshow {
    box-sizing: border-box;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.ba-item-slideshow ul.ba-slideshow {
    overflow: visible;
}

.ba-item-content-slider ul.ba-slideshow .slideshow-content,
.ba-item-slideshow ul.ba-slideshow,
.ba-item-content-slider ul.ba-slideshow {
    min-height: inherit;
}

.ba-item-field-slideshow ul.ba-slideshow .slideshow-content,
.ba-item-slideshow ul.ba-slideshow .slideshow-content {
    min-height: inherit;
    overflow: hidden;
    position: relative;
}

.ba-item-field-slideshow .ba-slideshow-dots.dots-position-outside,
.ba-item-slideshow .ba-slideshow-dots.dots-position-outside {
    margin-top: 20px;
    overflow: hidden;
    position: static;
}

.ba-item-field-slideshow .slideshow-content .item,
.ba-item-field-slideshow .slideshow-content,
.ba-item-recent-posts-slider .slideshow-type .slideshow-content .item,
.ba-item-recent-posts-slider .slideshow-type .slideshow-content,
.ba-item-slideshow .slideshow-content .item,
.ba-item-slideshow .slideshow-content {
    height: 100%;
    width: 100%;
}

.ba-item-content-slider .slideshow-content .item:not(.active):not(.ba-next):not(.ba-prev):not(.ba-left):not(.ba-right),
.ba-item-recent-posts-slider .slideshow-type .slideshow-content .item:not(.active):not(.ba-next):not(.ba-prev):not(.ba-left):not(.ba-right),
.ba-item-slideshow .slideshow-content .item:not(.active):not(.ba-next):not(.ba-prev):not(.ba-left):not(.ba-right) {
    display: none;
}

.ba-item-field-slideshow .ba-slideshow-img,
.ba-item-recent-posts-slider .slideshow-type .ba-slideshow-img,
.ba-item-slideshow .ba-slideshow-img {
    align-items: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.ba-slideshow-img video,
.ba-video-background video,
.ba-video-background iframe,
.ba-slideshow-img iframe {
    height: calc(100vw * .5625);
    left: calc(0px - ((100vw - 100%)/2));
    position: absolute;
    top: calc(50% - ((100vw * .5625)/2));
    width: 100vw;
}

.ba-item-content-slider .ba-slideshow-img + .ba-grid-column,
.ba-item-recent-posts-slider .slideshow-type .ba-slideshow-caption,
.ba-item-slideshow .ba-slideshow-caption {
    bottom: 0;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    justify-content: center;
    left: 0;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    overflow: visible;
    padding: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.ba-item-content-slider .ba-slideshow-img + .ba-grid-column {
    bottom: auto;
    max-width: none;
    min-height: 100%;
    top: auto;
}

.ba-item-recent-posts-slider .slideshow-type .active > .ba-slideshow-caption,
.ba-item-slideshow .active > .ba-slideshow-caption {
    display: flex;
}

.slideshow-description-wrapper .ba-slideshow-description,
.slideshow-title-wrapper *,
.slideshow-button a {
    display: inline-block;
}

.slideshow-description-wrapper .ba-slideshow-description,
.slideshow-title-wrapper * {
    text-align: inherit;
    width: 100%;
}

.ba-slideset-nav,
.ba-slideshow-nav {
    height: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 5;
}

.ba-slideset-nav a,
.ba-slideshow-nav a {
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
}

.slideset-btn-next,
.slideshow-btn-next {
    margin: 0;
    right: 20px;
}

.slideset-btn-prev,
.slideshow-btn-prev {
    left: 20px;
}

.ba-slideset-dots,
.ba-slideshow-dots {
    bottom: 20px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.ba-testimonials .ba-slideset-dots {
    position: static;
}

.ba-slideshow-dots.disabled-dots {
    display: none;
}

.show-hidden-elements .ba-slideset-dots,
.show-hidden-elements .ba-slideshow-dots {
    display: flex;
}

.ba-slideset-dots > div:not(:first-child),
.ba-slideshow-dots > div:not(:first-child) {
    margin-left: 1em;
}

.ba-slideset-dots > div,
.ba-slideshow-dots > div {
    cursor: pointer;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.slideshow-type
.ba-item-slideshow .ba-overlay {
    z-index: 4;
}

.ba-item-recent-posts-slider ul:not(.slideshow-type) + .ba-overlay {
    display: none;
}

.ba-item-recent-posts-slider .slideshow-type + .ba-overlay {
    z-index: 4
}

.ba-overlay-slideshow-button {
    background: transparent !important;
    bottom: 0;
    color: transparent !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

body:not(.gridbox) .slideset-wrapper .empty-list,
body:not(.gridbox) .slideshow-wrapper .empty-list {
    display: none;
}

.ba-item-content-slider.ba-item .slideshow-wrapper .ba-slideshow:not(.ba-fade-in):not(.ba-ken-burns) li.ba-next > .ba-overlay,
.ba-item-content-slider.ba-item .slideshow-wrapper .ba-slideshow:not(.ba-fade-in):not(.ba-ken-burns) li.ba-prev > .ba-overlay,
.ba-item-content-slider.ba-item .slideshow-wrapper li.active > .ba-overlay,
.slideshow-wrapper > .ba-overlay {
    min-height: inherit;
    z-index: 3
}

.ba-item-content-slider.ba-item .slideshow-wrapper li.active > .ba-overlay,
.slideshow-wrapper > .ba-overlay {
    min-height: inherit;
    z-index: 3
}

.ba-item-content-slider.ba-item .slideshow-wrapper li > .ba-overlay {
    min-height: auto;
}

.ba-item-content-slider.ba-item .slideshow-wrapper li.active .ba-grid-column .ba-overlay,
.ba-item-content-slider.ba-item .slideshow-wrapper .ba-ken-burns li:not(.active) > .ba-overlay {
    z-index: 0;
}

/******* Slideshow Thumbnails ********/
.ba-slideshow-dots.thumbnails-dots {
    display: grid;
    cursor: grab;
    grid-auto-flow: column;
    grid-column-gap: 20px;
    overflow: hidden;
    justify-content: normal;
    padding: 0;
}

.ba-slideshow-dots.thumbnails-dots.disable-move {
    cursor: default;
}

.ba-slideshow-dots.thumbnails-dots.disable-move.center-align:not(.count-matched) {
    justify-content: center;
}

.ba-slideshow-dots.thumbnails-dots.disable-move.right-align:not(.count-matched) {
    justify-content: end;
}

.ba-slideshow-dots.thumbnails-dots > div {
    background-position: center;
    background-size: cover;
    line-height: 0;
    margin-left: 0!important;
    position: relative;
    will-change: transform;
}

.move-started > * {
    pointer-events: none;
}

.ba-slideshow-dots.thumbnails-dots:not(.dots-position-outside) > div {
    transform: translateX(20px);
}

.ba-slideshow-dots.thumbnails-dots.center-align.disable-move:not(.dots-position-outside):not(.count-matched) > div {
    transform: translateX(0px);
}

.ba-slideshow-dots.thumbnails-dots.right-align.disable-move:not(.dots-position-outside):not(.count-matched) > div {
    transform: translateX(-20px);
}

.ba-slideshow-dots.thumbnails-dots > div.zmdi:before {
    opacity: 0;
}

.ba-slideshow-dots.thumbnails-dots > div:after {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
    z-index: 1;
}

.ba-slideshow-dots.thumbnails-dots > div.active:after,
.ba-slideshow-dots.thumbnails-dots > div:hover:after {
    opacity: 0;
}

.empty-content ~ .ba-slideshow-dots.thumbnails-dots {
    display: none;
}

/*
/* Plugin Weather
*/

.ba-weather .weather-info,
.ba-weather .weather {
    margin-bottom: 1em;
}

.ba-weather .weather .city,
.ba-weather .weather .date,
.ba-weather .weather .condition {
    display: block;
}

.ba-weather span.date {
    margin-bottom: 20px;
}

.ba-weather .weather-info .humidity,
.ba-weather .weather-info .pressure,
.ba-weather .weather-info .sunrise-wrapper > span {
    display: inline-block ;
    margin-right: 10px;
}

.ba-weather div.forecast span.night-temp,
.ba-weather div.forecast span.day-temp {
    display: inline-block !important;
}

.ba-weather div.forecast span.night-temp,
.ba-weather div.forecast span.day-temp {
    box-sizing: border-box;
    text-align: right !important;
}

.ba-weather div.forecast span.night-temp {
    text-align: left !important;
    opacity: .5;
}

/*
/* Plugin Map
*/

.gm-style-mtc + .gm-style-mtc div, .gm-style-mtc div {
    left: initial !important;
    right: initial !important;
    top: initial !important;
}

.ba-map-wrapper {
    min-height: 10px;
}

.gm-style-cc {
    display: none;
}

/*
/* Plugin Disqus 
*/

.ba-item.ba-item-map,
.ba-item.ba-item-disqus {
    width: 100% ;
}

/*
/* Plugin Instagram
*/ 

.instagram-modal-open {
    box-sizing: border-box;
}

.instagram-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.instagram-modal-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    cursor: zoom-out;
    z-index: -1;
}

.ba-instagram-image {
    background-position: center;
    background-size: cover;
    display: inline-block;
    position: relative;
}

.ba-instagram-image img {
    max-height: 100%;
    opacity: 0;    
}

.ba-instagram-image a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ba-instagram-lightbox-gallery .ba-instagram-image {
    cursor: zoom-in;
}

.ba-instagram-lightbox-gallery .ba-instagram-image a,
.ba-instagram-image +.empty-list {
    display: none;
}

.instagram-modal > div {
    background-position: center;
    background-size: cover;
    height: 100%;
    opacity: 1;
    width: 100%;
}

@keyframes search-result {
    from {opacity: 0;}
    to {opacity: 1;}
}

.ba-instagram-modal i,
.instagram-modal i {
    animation: search-result .3s linear;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    left: 0;
    padding: 40px;
    position: fixed;
    text-align: center;
    transition: all .3s linear;
    width: 24px;
}

.ba-instagram-modal-wrapper .instagram-modal-image-wrapper > i {
    padding: 10px;
    position: absolute;
    top: calc(50% - 30px) !important;
}

.instagram-video-wrapper {
    position: relative;
    transition: transform .3s linear;
    width: 100%;
}

.instagram-carousel-dots {
    bottom: 20px;
    display: flex;
    height: 10px;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 110;
}

.instagram-carousel-dots > div {
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    width: 10px;
}

.instagram-carousel-dots > div:last-child{
    margin-right: 0;
}

.instagram-carousel-dots > div:not(.active),
.ba-instagram-modal i:hover,
.instagram-modal i:hover {
    opacity: .5;
}

.ba-instagram-modal i + i,
.instagram-modal i + i {
    left: auto;
    right: 0;
}

.ba-instagram-modal i:not(.zmdi-close),
.instagram-modal i:not(.zmdi-close) {
    align-items: center;
    display: flex;
    font-size: 36px;
    justify-content: center;
    top: calc(50vh - 30px);
    z-index: 100;
}

.ba-instagram-modal i.zmdi-close,
.instagram-modal i.zmdi-close {
    top: -10px;
    z-index: 1;
}

.ba-instagram-modal i.zmdi-close {
    left: auto;
    right: 0;
    top: 0;
}

.ba-instagram-caption {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s linear;
}

.instagram-icons-wrapper span {
    margin: 0 10px;
}

.instagram-icons-wrapper span i {
    cursor: inherit !important;
    text-align: center;
    width: 24px;
}

.ba-instagram-image i,
.ba-instagram-caption span,
.ba-instagram-caption i {
    color: #fff!important;
}

.ba-instagram-image:hover .ba-instagram-caption {
    opacity: 1;
}

.ba-instagram-modal-wrapper {
    bottom: 0;
    left: 0;
    padding-top: 54px;
    overflow-y: scroll; 
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1080;
}

.ba-instagram-modal-wrapper .ba-instagram-modal[style*="width"] {
    animation: image-modal .3s .15s ease-in-out both;
}

.ba-instagram-modal-wrapper .ba-instagram-modal {
    background: #fff;
    margin: 0 auto;
    opacity: 0;
    overflow: visible !important;
}

.instagram-user-info img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.instagram-modal-image-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: inherit;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: inherit;
}

.instagram-modal-image-wrapper img {
    height: 100%;
    margin: 0 auto;
    max-width: calc(100% + 350px);
    min-height: 100%;
    transition: transform .3s linear;
}

.instagram-move-started .instagram-video-wrapper,
.instagram-move-started.instagram-modal-image-wrapper img {
    transition: none !important;
}

.instagram-modal-description-wrapper {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    text-align: left;
    flex-direction: column;
    margin-right: -350px;
    margin-bottom: 25px;
    padding-top: 25px;
    max-width: 100%;
}

.instagram-modal-description-wrapper > div {
    padding: 0 25px; 
}

.instagram-image-description-wrapper {     
    flex-grow: 1;
    overflow-y: auto; 
}

.instagram-image-description {
    margin-bottom: 10px;
}

.instagram-image-description:empty {
    margin-bottom: 0;
}

.instagram-image-description-wrapper ,
.instagram-user-info {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px !important;
}

.instagram-comment a,
.instagram-image-icons-wrapper span,
.instagram-comment,
.instagram-image-description,
.instagram-comment a:hover,
.instagram-comment a,
.instagram-user-info a {
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8em;
}

.instagram-comment-autor a,
.instagram-comment-autor a:hover,
.instagram-user-info a:not(:first-child) {
    font-weight: bold;
    margin-right: 5px;
    margin-left: 10px;
}

.instagram-user-info {
    margin-bottom: 20px;
}

.instagram-image-icons-wrapper,
.instagram-image-description {
    white-space: pre-line;
}

.instagram-comment:not(:first-child) {
    margin-top: 5px;
}

.instagram-comment a:hover,
.instagram-comment a {
    margin-left: 0;
}

.instagram-comment span:not(.instagram-comment-autor) a:hover,
.instagram-comment span:not(.instagram-comment-autor) a,
.instagram-image-description a:hover,
.instagram-image-description a {
    color: #003569;
}

.instagram-image-icons-wrapper {
    margin: 0;
    padding: 12px 25px !important;
    pointer-events: none;
}

.instagram-icons-wrapper span,
.instagram-image-icons-wrapper span {
    display: inline-block;
    font-size: 13px;
    line-height: 2;
    font-weight: 400;
    margin-right: 10px;
    transition: none!important;
}

.instagram-image-icons-wrapper span:last-child {
    float: right;
}

.instagram-icons-wrapper span i,
.instagram-image-icons-wrapper i {
    animation: none;
    color: #757575;
    display: inline-block!important;
    font-size: 16px !important;
    padding: 0;
    position: static;
    transition: none!important;
}


@keyframes instagram-out {
    to {opacity: 0;}
}

.instagram-image-out {
    animation: instagram-out .3s both ease-in-out !important;
    opacity: 1;
}

.ba-instagram-modal-wrapper {
    animation: image-modal .3s ease-in-out both;
}

.ba-instagram-modal .instagram-modal-image-wrapper:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 100%;
    top: 0;
    transition: opacity .3s linear, right .3s .3s linear;
}

.ba-instagram-modal.animate-instagram-image .instagram-modal-image-wrapper:before {
    transition: none;
    opacity: 1;
    right: 0;
}

.pause-instagram-video,
.instagram-image-description,
.instagram-image-icons-wrapper,
.instagram-comments-wrapper {
    opacity: 1;
    transition: opacity .3s linear;
}

.animate-instagram-image .pause-instagram-video,
.animate-instagram-image .instagram-image-description,
.animate-instagram-image .instagram-image-icons-wrapper,
.animate-instagram-image .instagram-comments-wrapper {
    transition: none;
    opacity: 0;
}

.instagram-comment span a {
    display: inline-block;
}

/* Instagram Video  */
.pause-instagram-video {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ba-instagram-modal .pause-instagram-video i:hover,
.ba-instagram-modal .pause-instagram-video i {
    animation: none;
    bottom: 0;
    box-sizing: border-box !important;
    font-size: 96px;
    left: 0 !important;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
}

.pause-instagram-video i:before {
    text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15)
}

.instagram-modal-image-wrapper video {
    width: 100%;
}

/*
/* Plugin Button
*/

.ba-button-wrapper a {
    text-decoration: none;
}

.ba-item-icon-list .ba-icon-list-wrapper ul li a *,
.ba-post-author-title a,
.ba-item-one-page-menu a,
.ba-item-categories a,
.ba-item-main-menu a,
.ba-item-tabs .nav-tabs a,
.ba-blog-post-info-wrapper > span a,
.intro-post-wrapper > span a,
.ba-blog-post-title a,
.ba-item-overlay-section .ba-button-wrapper .ba-btn-transition,
.ba-btn-transition {
    cursor: pointer;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}

.ba-button-wrapper a {
    display: inline-flex;
    align-items: center;
}

.ba-button-wrapper a.ba-btn-transition[onclick="return false;"] {
    cursor: default;
}

.ba-item-scroll-to .ba-btn-transition span + i,
.ba-item-overlay-section .ba-btn-transition span + i,
.ba-item-button .ba-btn-transition span + i {
    color: inherit;
    line-height: 1em;
    text-align: center;
    width: 1em;
}

.empty-textnode + i,
.ba-item-overlay-section .empty-textnode + i,
.ba-btn-transition .empty-textnode + i {
    margin: 0 !important; 
}

/*
/* Plugin Icons 
*/

.ba-item-icon a {
    display: inline-block !important;
}

.ba-item-icon .ba-icon-wrapper i {
    text-align: center;
    cursor: default !important;
    line-height: 1em;
}

.ba-item-icon .ba-icon-wrapper a i {
    cursor: pointer !important; 
}

/*
/* Plugin Logo
*/

.ba-item-logo a {
    text-align: inherit;
}

/*
/* Plugin Counter
*/

.ba-item-counter .counter-number {
    display: inline-block;
    text-align: center;
}

/*
/* Plugin Smooth Scrolling 
*/

.ba-scroll-to i{
    text-align: center;
}  

.ba-scroll-to i {
    line-height: 1em;
} 

/*
/* Plugin Scroll To Top 
*/

.ba-item-scroll-to-top {
    bottom: 65px;
    position: fixed;
    visibility: hidden;
    z-index: 999;
}

.visible-scroll-to-top {
    visibility: visible;
}

.ba-scroll-to-top {
    opacity: 0;
    margin-bottom: -50px;
    transition: opacity .3s linear, visibility .3s linear, margin-bottom .3s linear;
}

.visible-scroll-to-top .ba-scroll-to-top {
    opacity: 1 !important;
    margin-bottom: 0;
}

.ba-item-scroll-to-top .ba-scroll-to-top > i {
    cursor: pointer;
    line-height: 1em;
    text-align: center;
}

/* Scroll To Top Position Right */
.scroll-btn-right {
    right: 25px;
}

.lightbox-open .scroll-btn-right {
    right: 40px;
}

.scroll-btn-right .ba-edit-item.full-menu {
    transform: translate(-75%, -50%);
}

/* Scroll To Top Position Left */
.scroll-btn-left {
    left: 25px;
}

.scroll-btn-left .ba-edit-item.full-menu {
    transform: translate(-25%, -50%);
}

/*
/* Plugin Countdown 
*/

.ba-item-countdown {
    text-align: center;
}

.ba-countdown > span {
    display: inline-block;
    margin: 10px;
    padding: 10px 20px;
    text-align: center;
}

.ba-countdown .countdown-time {
    display: block;
    min-width: 1.3em;
}

/*
/* Plugin Rating
*/

.ba-item-star-ratings .stars-wrapper {
    font-size: 0;
}

.ba-item-star-ratings .stars-wrapper {
    display: inline-block;
}

.ba-item-star-ratings .stars-wrapper i.active ~ i:not(.active):after,
.ba-item-star-ratings .stars-wrapper i.active ~ i:not(.active){
    color: inherit ;   
}

.ba-item-star-ratings .stars-wrapper i:hover ~ i:after,
.ba-item-star-ratings .stars-wrapper i:hover ~ i {
    color: inherit !important;
}

.ba-item-star-ratings .zmdi-star {
    cursor: pointer;
    max-width: calc(1em/1.21);
    min-width: calc(1em/1.21);
    position: relative;
}

.ba-item-star-ratings .zmdi-star:after {
    content: '\f27d';
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.ba-item-star-ratings .stars-wrapper i.active + i:not(.active):after {
    width: inherit;
}

/*
/* Plugin Image 
*/

.ba-item-overlay-section,
.ba-item-image {
    line-height: 0;
}

.ba-logo-wrapper,
.ba-logo-wrapper > a,
.ba-image-wrapper > a,
.ba-image-wrapper {
    line-height: 0;
    display: block;
}

.ba-image-wrapper {
    box-sizing: border-box;
    max-width: 100%;
}

.ba-image-wrapper img.ba-lightbox-item-image {
    cursor: zoom-in;
}

.ba-image-modal.instagram-modal > div,
body > .ba-image-modal {
    cursor: zoom-out;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .5s ease-in-out;
    z-index: 10000;
}

@keyframes instagram-modal-in {
    from { background-color: transparent; }
}

.ba-image-modal.instagram-modal {
    animation: instagram-modal-in .5s linear both;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate3d(0, 0, 0);
}

.ba-image-modal.instagram-modal i {
    z-index: 99999;
}

body > .ba-image-modal:not(.instagram-modal) {
    height: 0 !important;
}

@keyframes image-radius {
    to {border-radius:0;}
}

.ba-image-modal.instagram-modal > div,
.ba-image-modal img {
    animation: image-radius .5s ease-in-out both;
    width: 100%;
}


@keyframes image-radius-out {
    from {border-radius:0;}
}

.ba-image-modal.image-lightbox-out img {
    animation: image-radius-out .5s ease-in-out both; 
}

@keyframes image-modal {
    from { opacity: 0; }
    to {opacity: 1;}
}

.ba-image-modal:not(.instagram-modal):before {
    animation: image-modal .5s ease-in-out both;
    background-color: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}

@keyframes image-modal-out {
    from {opacity: 1;}
    to { opacity: 0; }
}

.ba-image-modal.image-lightbox-out:before {
    animation: image-modal-out .5s linear both;
}

@keyframes instagram-modal-out {
    to { background-color: transparent; }
}

.ba-image-modal.instagram-modal.image-lightbox-out {
    animation: instagram-modal-out .5s ease-in-out both;
}

.ba-item-image-field .ba-image-wrapper,
.ba-item-overlay-section .ba-image-wrapper,
.ba-item-image .ba-image-wrapper {
    display: inline-block;
    position: relative;
}

.ba-item-image-field .ba-image-wrapper img,
.ba-item-overlay-section .ba-image-wrapper img,
.ba-item-image .ba-image-wrapper img {
    border-radius: inherit;
    width: 100%;
}

.ba-item-image .ba-image-wrapper > a {
    transition-duration: inherit;
}

/* Carousel */
.carousel-modal.image-lightbox-out .instagram-fade-animation {
    animation: instagram-out .3s both ease-in-out !important;
    opacity: 1;
}

/*
/* Edit Page Button
*/

.edit-page-btn {
    align-items: center;
    background: #f64231;
    box-shadow: 0 5px 12px rgba(0,0,0,0.23);
    color: #fff;
    border-radius: 60px;
    bottom: 45px;
    display: flex;
    height: 60px;
    left: calc(100vw - 120px);
    position: fixed;
    justify-content: center;
    width: 60px;
    z-index: 1500;
}

.lightbox-open .edit-page-btn {
    right: 60px;
}

.edit-page-btn i {
    font-size: 24px;
}

.edit-page-btn:hover i {
    color: #fff;
    transform: rotate(360deg); 
}

.com_gridbox .edit-page,
.edit-page-btn i {
    transition: all .3s linear;
}

.com_gridbox .edit-page {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #2c2c2c;
    border-radius: 6px;
    bottom: 70px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500; 
    letter-spacing: normal;
    line-height: 24px;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: center;
    visibility: hidden;
    width: 100px;
    z-index: 1100;
}

.ba-submit-comment .ba-tooltip {
    font-size: 14px ;
    font-weight: 500;
    line-height: 24px;
}

.com_gridbox.lightbox-open .edit-page-btn .edit-page {
    right: 25px;
}

.com_gridbox .edit-page:before {
    border: 5px solid transparent;
    border-top: 5px solid rgba(34,34,34,0.95);
    bottom: -10px;
    content: "";
    height: 0;
    left: 50%  !important;
    margin-left: -5px;
    position: absolute;
}

.com_gridbox .edit-page-btn:hover .edit-page {
    bottom: 115px;
    opacity: 1;
    visibility: visible;
}

/* ========================================================================
    Tooltip
 ========================================================================== */

* > .ba-tooltip {
    background: #2c2c2c;
    border-radius: 4px;
    bottom: calc(100% + 10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    display: none!important;
    font-size: 14px ;
    font-weight: 500;
    left: 50%;
    letter-spacing: normal;
    line-height: 24px;
    margin-left: -250px;
    max-width: 250px;
    padding: 15px;
    pointer-events: none;
    position: absolute !important;
    text-align: center;
    transform: translateX(calc(250px - 50%));
    z-index: 99999 !important;
}

@keyframes tooltip {
    from { opacity: 0; }
}

*:hover > .ba-tooltip:not(.ba-help) {
    animation: tooltip .3s ease-in-out both!important;
    display: flex!important;
    text-transform: initial;
    width: auto;
}

.ba-comment-share-dialog .ba-comments-modal-body:before,
.ba-tooltip:before {
    border: 5px solid transparent;
    border-top: 5px solid #2c2c2c;
    bottom: -9px;
    content: "";
    height: 0;
    left: 50% !important;
    margin-left: -5px;
    position: absolute;
    top: auto;
}

.ba-comment-share-dialog .ba-comments-modal-body:before {
    left: 97px !important;
}

/* ========================================================================
    404 Page
 ========================================================================== */

.error {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    margin:-100px 0 !important;
 }

.error h1 {
    color: #161616;
    font: normal bold 125px/90px 'Poppins';
    letter-spacing: -4px;
    margin: 0 0 25px 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

.error p {
    color: #95a2b5;
    font: normal 300 26px/36px 'Roboto Condensed';
    letter-spacing: -0.5px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    margin: 0;
}

.error a.btn {
    background-color: #51d151;
    border-radius: 50px;
    border: 0px solid #d7d7d7;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    font: normal 500 12px/25px 'Poppins';
    letter-spacing: 0px;
    margin-top: 25px;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .3s cubic-bezier(0.4,0,0.2,1);
}

.error a.btn:hover {
    background: #161616;
}

.error .search input {
    margin: 25px 0;
}

.error .search input:focus,
.error .search input {
    border-bottom-color: #e3e3e3 !important;
    border: 1px solid #fff !important;
    box-shadow: none;
    box-sizing: border-box;
    color: #1a1a1a;
    font-size: 18px ;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    margin: 25px 0;
    padding: 4px 6px;
}

.error .search + .focus-underline {
    background: #1da6f4;
    height: 2px;
    position: absolute;
    top: calc(50vh + 52px);
    transform: scaleX(0);
    transition: all .3s cubic-bezier(0.4,0,0.2,1);
    width: 250px;
}

.error .search:hover + .focus-underline {
    transform: scaleX(1);
}

/* ========================================================================
    Default Joomla icons
 ========================================================================== */

@font-face {
    font-family: 'IcoMoon';
    src: url('../../../media/jui/fonts/IcoMoon.woff') format('woff'),
    url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body:not(.com_gridbox) [class^="icon-"]:not(.ba-settings-group),
body:not(.com_gridbox) [class*=" icon-"]:not(.ba-settings-group) {
    display: inline-block;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    font-weight: normal;
}

.icon-joomla:before {
    content: "\e200";
}

.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
    content: "\e005";
}

.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
    content: "\e006";
}

.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
    content: "\e007";
}

.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
    content: "\e008";
}

.icon-arrow-first:before {
    content: "\e003";
}

.icon-arrow-last:before {
    content: "\e004";
}

.icon-arrow-up-2:before {
    content: "\e009";
}

.icon-arrow-right-2:before {
    content: "\e00a";
}

.icon-arrow-down-2:before {
    content: "\e00b";
}

.icon-arrow-left-2:before {
    content: "\e00c";
}

.icon-arrow-up-3:before {
    content: "\e00f";
}

.icon-arrow-right-3:before {
    content: "\e010";
}

.icon-arrow-down-3:before {
    content: "\e011";
}

.icon-arrow-left-3:before {
    content: "\e012";
}

.icon-menu-2:before {
    content: "\e00e";
}

.icon-arrow-up-4:before {
    content: "\e201";
}

.icon-arrow-right-4:before {
    content: "\e202";
}

.icon-arrow-down-4:before {
    content: "\e203";
}

.icon-arrow-left-4:before {
    content: "\e204";
}

.icon-share:before,
.icon-redo:before {
    content: "\27";
}

.icon-undo:before {
    content: "\28";
}

.icon-forward-2:before {
    content: "\e205";
}

.icon-backward-2:before,
.icon-reply:before {
    content: "\e206";
}

.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
    content: "\6c";
}

.icon-undo-2:before {
    content: "\e207";
}

.icon-move:before {
    content: "\7a";
}

.icon-expand:before {
    content: "\66";
}

.icon-contract:before {
    content: "\67";
}

.icon-expand-2:before {
    content: "\68";
}

.icon-contract-2:before {
    content: "\69";
}

.icon-play:before {
    content: "\e208";
}

.icon-pause:before {
    content: "\e209";
}

.icon-stop:before {
    content: "\e210";
}

.icon-previous:before,
.icon-backward:before {
    content: "\7c";
}

.icon-next:before,
.icon-forward:before {
    content: "\7b";
}

.icon-first:before {
    content: "\7d";
}

.icon-last:before {
    content: "\e000";
}

.icon-play-circle:before {
    content: "\e00d";
}

.icon-pause-circle:before {
    content: "\e211";
}

.icon-stop-circle:before {
    content: "\e212";
}

.icon-backward-circle:before {
    content: "\e213";
}

.icon-forward-circle:before {
    content: "\e214";
}

.icon-loop:before {
    content: "\e001";
}

.icon-shuffle:before {
    content: "\e002";
}

.icon-search:before {
    content: "\53";
}

.icon-zoom-in:before {
    content: "\64";
}

.icon-zoom-out:before {
    content: "\65";
}

.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
    content: "\2b";
}

.icon-pencil-2:before {
    content: "\2c";
}

.icon-brush:before {
    content: "\3b";
}

.icon-save-new:before,
.icon-plus-2:before {
    content: "\5d";
}

.icon-minus-sign:before,
.icon-minus-2:before {
    content: "\5e";
}

.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
    content: "\49";
}

.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
    content: "\47";
}

.icon-new:before,
.icon-plus:before {
    content: "\2a";
}

.icon-plus-circle:before {
    content: "\e215";
}

.icon-minus:before,
.icon-not-ok:before {
    content: "\4b";
}

.icon-ban-circle:before,
.icon-minus-circle:before {
    content: "\e216";
}

.icon-unpublish:before,
.icon-cancel:before {
    content: "\4a";
}

.icon-cancel-circle:before {
    content: "\e217";
}

.icon-checkmark-2:before {
    content: "\e218";
}

.icon-checkmark-circle:before {
    content: "\e219";
}

.icon-info:before {
    content: "\e220";
}

.icon-info-2:before,
.icon-info-circle:before {
    content: "\e221";
}

.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
    content: "\45";
}

.icon-question-2:before,
.icon-question-circle:before {
    content: "\e222";
}

.icon-notification:before {
    content: "\e223";
}

.icon-notification-2:before,
.icon-notification-circle:before {
    content: "\e224";
}

.icon-pending:before,
.icon-warning:before {
    content: "\48";
}

.icon-warning-2:before,
.icon-warning-circle:before {
    content: "\e225";
}

.icon-checkbox-unchecked:before {
    content: "\3d";
}

.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
    content: "\3e";
}

.icon-checkbox-partial:before {
    content: "\3f";
}

.icon-square:before {
    content: "\e226";
}

.icon-radio-unchecked:before {
    content: "\e227";
}

.icon-radio-checked:before,
.icon-generic:before {
    content: "\e228";
}

.icon-circle:before {
    content: "\e229";
}

.icon-signup:before {
    content: "\e230";
}

.icon-grid:before,
.icon-grid-view:before {
    content: "\58";
}

.icon-grid-2:before,
.icon-grid-view-2:before {
    content: "\59";
}

.icon-menu:before {
    content: "\5a";
}

.icon-list:before,
.icon-list-view:before {
    content: "\31";
}

.icon-list-2:before {
    content: "\e231";
}

.icon-menu-3:before {
    content: "\e232";
}

.icon-folder-open:before,
.icon-folder:before {
    content: "\2d";
}

.icon-folder-close:before,
.icon-folder-2:before {
    content: "\2e";
}

.icon-folder-plus:before {
    content: "\e234";
}

.icon-folder-minus:before {
    content: "\e235";
}

.icon-folder-3:before {
    content: "\e236";
}

.icon-folder-plus-2:before {
    content: "\e237";
}

.icon-folder-remove:before {
    content: "\e238";
}

.icon-file:before {
    content: "\e016";
}

.icon-file-2:before {
    content: "\e239";
}

.icon-file-add:before,
.icon-file-plus:before {
    content: "\29";
}

.icon-file-minus:before {
    content: "\e017";
}

.icon-file-check:before {
    content: "\e240";
}

.icon-file-remove:before {
    content: "\e241";
}

.icon-save-copy:before,
.icon-copy:before {
    content: "\e018";
}

.icon-stack:before {
    content: "\e242";
}

.icon-tree:before {
    content: "\e243";
}

.icon-tree-2:before {
    content: "\e244";
}

.icon-paragraph-left:before {
    content: "\e246";
}

.icon-paragraph-center:before {
    content: "\e247";
}

.icon-paragraph-right:before {
    content: "\e248";
}

.icon-paragraph-justify:before {
    content: "\e249";
}

.icon-screen:before {
    content: "\e01c";
}

.icon-tablet:before {
    content: "\e01d";
}

.icon-mobile:before {
    content: "\e01e";
}

.icon-box-add:before {
    content: "\51";
}

.icon-box-remove:before {
    content: "\52";
}

.icon-download:before {
    content: "\e021";
}

.icon-upload:before {
    content: "\e022";
}

.icon-home:before {
    content: "\21";
}

.icon-home-2:before {
    content: "\e250";
}

.icon-out-2:before,
.icon-new-tab:before {
    content: "\e024";
}

.icon-out-3:before,
.icon-new-tab-2:before {
    content: "\e251";
}

.icon-link:before {
    content: "\e252";
}

.icon-picture:before,
.icon-image:before {
    content: "\2f";
}

.icon-pictures:before,
.icon-images:before {
    content: "\30";
}

.icon-palette:before,
.icon-color-palette:before {
    content: "\e014";
}

.icon-camera:before {
    content: "\55";
}

.icon-camera-2:before,
.icon-video:before {
    content: "\e015";
}

.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
    content: "\56";
}

.icon-music:before {
    content: "\57";
}

.icon-user:before {
    content: "\22";
}

.icon-users:before {
    content: "\e01f";
}

.icon-vcard:before {
    content: "\6d";
}

.icon-address:before {
    content: "\70";
}

.icon-share-alt:before,
.icon-out:before {
    content: "\26";
}

.icon-enter:before {
    content: "\e257";
}

.icon-exit:before {
    content: "\e258";
}

.icon-comment:before,
.icon-comments:before {
    content: "\24";
}

.icon-comments-2:before {
    content: "\25";
}

.icon-quote:before,
.icon-quotes-left:before {
    content: "\60";
}

.icon-quote-2:before,
.icon-quotes-right:before {
    content: "\61";
}

.icon-quote-3:before,
.icon-bubble-quote:before {
    content: "\e259";
}

.icon-phone:before {
    content: "\e260";
}

.icon-phone-2:before {
    content: "\e261";
}

.icon-envelope:before,
.icon-mail:before {
    content: "\4d";
}

.icon-envelope-opened:before,
.icon-mail-2:before {
    content: "\4e";
}

.icon-unarchive:before,
.icon-drawer:before {
    content: "\4f";
}

.icon-archive:before,
.icon-drawer-2:before {
    content: "\50";
}

.icon-briefcase:before {
    content: "\e020";
}

.icon-tag:before {
    content: "\e262";
}

.icon-tag-2:before {
    content: "\e263";
}

.icon-tags:before {
    content: "\e264";
}

.icon-tags-2:before {
    content: "\e265";
}

.icon-options:not(.ba-settings-group):before,
.icon-cog:before {
    content: "\38";
}

.icon-cogs:before {
    content: "\37";
}

.icon-screwdriver:before,
.icon-tools:before {
    content: "\36";
}

.icon-wrench:before {
    content: "\3a";
}

.icon-equalizer:before {
    content: "\39";
}

.icon-dashboard:before {
    content: "\78";
}

.icon-switch:before {
    content: "\e266";
}

.icon-filter:before {
    content: "\54";
}

.icon-purge:before,
.icon-trash:before {
    content: "\4c";
}

.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
    content: "\23";
}

.icon-unlock:before {
    content: "\e267";
}

.icon-key:before {
    content: "\5f";
}

.icon-support:before {
    content: "\46";
}

.icon-database:before {
    content: "\62";
}

.icon-scissors:before {
    content: "\e268";
}

.icon-health:before {
    content: "\6a";
}

.icon-wand:before {
    content: "\6b";
}

.icon-eye-open:before,
.icon-eye:before {
    content: "\3c";
}

.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
    content: "\e269";
}

.icon-clock:before {
    content: "\6e";
}

.icon-compass:before {
    content: "\6f";
}

.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
    content: "\e01b";
}

.icon-book:before {
    content: "\e271";
}

.icon-lightning:before,
.icon-flash:before {
    content: "\79";
}

.icon-print:before,
.icon-printer:before {
    content: "\e013";
}

.icon-feed:before {
    content: "\71";
}

.icon-calendar:before {
    content: "\43";
}

.icon-calendar-2:before {
    content: "\44";
}

.icon-calendar-3:before {
    content: "\e273";
}

.icon-pie:before {
    content: "\77";
}

.icon-bars:before {
    content: "\76";
}

.icon-chart:before {
    content: "\75";
}

.icon-power-cord:before {
    content: "\32";
}

.icon-cube:before {
    content: "\33";
}

.icon-puzzle:before {
    content: "\34";
}

.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
    content: "\72";
}

.icon-lamp:before {
    content: "\74";
}

.icon-pin:before,
.icon-pushpin:before {
    content: "\73";
}

.icon-location:before {
    content: "\63";
}

.icon-shield:before {
    content: "\e274";
}

.icon-flag:before {
    content: "\35";
}

.icon-flag-3:before {
    content: "\e275";
}

.icon-bookmark:before {
    content: "\e023";
}

.icon-bookmark-2:before {
    content: "\e276";
}

.icon-heart:before {
    content: "\e277";
}

.icon-heart-2:before {
    content: "\e278";
}

.icon-thumbs-up:before {
    content: "\5b";
}

.icon-thumbs-down:before {
    content: "\5c";
}

.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
    content: "\40";
}

.icon-star-2:before {
    content: "\41";
}

.icon-featured:before,
.icon-default:before,
.icon-star:before {
    content: "\42";
}

.icon-smiley:before,
.icon-smiley-happy:before {
    content: "\e279";
}

.icon-smiley-2:before,
.icon-smiley-happy-2:before {
    content: "\e280";
}

.icon-smiley-sad:before {
    content: "\e281";
}

.icon-smiley-sad-2:before {
    content: "\e282";
}

.icon-smiley-neutral:before {
    content: "\e283";
}

.icon-smiley-neutral-2:before {
    content: "\e284";
}

.icon-cart:before {
    content: "\e019";
}

.icon-basket:before {
    content: "\e01a";
}

.icon-credit:before {
    content: "\e286";
}

.icon-credit-2:before {
    content: "\e287";
}

.icon-expired:before {
    content: "\4b";
}

/* ========================================================================
    Plugins Gallery
 ========================================================================== */
.album-in-lightbox-open .ba-row,
.album-in-lightbox-open .ba-row:hover {
    z-index: auto !important;
}

/* ========================================================================
    Outline Icon
 ========================================================================== */

@font-face {
    font-family: "ba-outline";
    src: url("../library/icons/outline/flaticon.woff") format("woff"),
       url("../library/icons/outline/flaticon.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="flaticon-"],
[class*=" flaticon-"],
[class^="flaticon-"],
[class*=" flaticon-"] {   
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "ba-outline";
    font-style: normal;
    font-weight: normal;
    text-rendering: auto;
}

.flaticon-add:before {
    content: "\f100";
}

.flaticon-add-2:before {
    content: "\f102";
}

.flaticon-add-3:before {
    content: "\f103";
}

.flaticon-agenda:before {
    content: "\f104";
}

.flaticon-alarm:before {
    content: "\f105";
}

.flaticon-alarm-1:before {
    content: "\f106";
}

.flaticon-alarm-clock:before {
    content: "\f107";
}

.flaticon-alarm-clock-1:before {
    content: "\f108";
}

.flaticon-albums:before {
    content: "\f109";
}

.flaticon-app:before {
    content: "\f10a";
}

.flaticon-archive:before {
    content: "\f10b";
}

.flaticon-archive-1:before {
    content: "\f10c";
}

.flaticon-archive-2:before {
    content: "\f10d";
}

.flaticon-archive-3:before {
    content: "\f10e";
}

.flaticon-attachment:before {
    content: "\f10f";
}

.flaticon-back:before {
    content: "\f110";
}

.flaticon-battery:before {
    content: "\f111";
}

.flaticon-battery-1:before {
    content: "\f112";
}

.flaticon-battery-2:before {
    content: "\f113";
}

.flaticon-battery-3:before {
    content: "\f114";
}

.flaticon-battery-4:before {
    content: "\f115";
}

.flaticon-battery-5:before {
    content: "\f116";
}

.flaticon-battery-6:before {
    content: "\f117";
}

.flaticon-battery-7:before {
    content: "\f118";
}

.flaticon-battery-8:before {
    content: "\f119";
}

.flaticon-battery-9:before {
    content: "\f11a";
}

.flaticon-binoculars:before {
    content: "\f11b";
}

.flaticon-blueprint:before {
    content: "\f11c";
}

.flaticon-bluetooth:before {
    content: "\f11d";
}

.flaticon-bluetooth-1:before {
    content: "\f11e";
}

.flaticon-bookmark:before {
    content: "\f11f";
}

.flaticon-bookmark-1:before {
    content: "\f120";
}

.flaticon-briefcase:before {
    content: "\f121";
}

.flaticon-broken-link:before {
    content: "\f122";
}

.flaticon-calculator:before {
    content: "\f123";
}

.flaticon-calculator-1:before {
    content: "\f124";
}

.flaticon-calendar:before {
    content: "\f125";
}

.flaticon-calendar-1:before {
    content: "\f126";
}

.flaticon-calendar-2:before {
    content: "\f127";
}

.flaticon-calendar-3:before {
    content: "\f128";
}

.flaticon-calendar-4:before {
    content: "\f129";
}

.flaticon-calendar-5:before {
    content: "\f12a";
}

.flaticon-calendar-6:before {
    content: "\f12b";
}

.flaticon-calendar-7:before {
    content: "\f12c";
}

.flaticon-checked:before {
    content: "\f12d";
}

.flaticon-checked-1:before {
    content: "\f12e";
}

.flaticon-clock:before {
    content: "\f12f";
}

.flaticon-clock-1:before {
    content: "\f130";
}

.flaticon-close:before {
    content: "\f131";
}

.flaticon-cloud:before {
    content: "\f132";
}

.flaticon-cloud-computing:before {
    content: "\f133";
}

.flaticon-cloud-computing-1:before {
    content: "\f134";
}

.flaticon-cloud-computing-2:before {
    content: "\f135";
}

.flaticon-cloud-computing-3:before {
    content: "\f136";
}

.flaticon-cloud-computing-4:before {
    content: "\f137";
}

.flaticon-cloud-computing-5:before {
    content: "\f138";
}

.flaticon-command:before {
    content: "\f139";
}

.flaticon-compact-disc:before {
    content: "\f13a";
}

.flaticon-compact-disc-1:before {
    content: "\f13b";
}

.flaticon-compact-disc-2:before {
    content: "\f13c";
}

.flaticon-compass:before {
    content: "\f13d";
}

.flaticon-compose:before {
    content: "\f13e";
}

.flaticon-controls:before {
    content: "\f13f";
}

.flaticon-controls-1:before {
    content: "\f140";
}

.flaticon-controls-2:before {
    content: "\f141";
}

.flaticon-controls-3:before {
    content: "\f142";
}

.flaticon-controls-4:before {
    content: "\f143";
}

.flaticon-controls-5:before {
    content: "\f144";
}

.flaticon-controls-6:before {
    content: "\f145";
}

.flaticon-controls-7:before {
    content: "\f146";
}

.flaticon-controls-8:before {
    content: "\f147";
}

.flaticon-controls-9:before {
    content: "\f148";
}

.flaticon-database:before {
    content: "\f149";
}

.flaticon-database-1:before {
    content: "\f14a";
}

.flaticon-database-2:before {
    content: "\f14b";
}

.flaticon-database-3:before {
    content: "\f14c";
}

.flaticon-diamond:before {
    content: "\f14d";
}

.flaticon-diploma:before {
    content: "\f14e";
}

.flaticon-dislike:before {
    content: "\f14f";
}

.flaticon-dislike-1:before {
    content: "\f150";
}

.flaticon-divide:before {
    content: "\f151";
}

.flaticon-divide-1:before {
    content: "\f152";
}

.flaticon-division:before {
    content: "\f153";
}

.flaticon-document:before {
    content: "\f154";
}

.flaticon-download:before {
    content: "\f155";
}

.flaticon-edit:before {
    content: "\f156";
}

.flaticon-edit-1:before {
    content: "\f157";
}

.flaticon-eject:before {
    content: "\f158";
}

.flaticon-eject-1:before {
    content: "\f159";
}

.flaticon-equal:before {
    content: "\f15a";
}

.flaticon-equal-1:before {
    content: "\f15b";
}

.flaticon-equal-2:before {
    content: "\f15c";
}

.flaticon-error:before {
    content: "\f15d";
}

.flaticon-exit:before {
    content: "\f15e";
}

.flaticon-exit-1:before {
    content: "\f15f";
}

.flaticon-exit-2:before {
    content: "\f160";
}

.flaticon-eyeglasses:before {
    content: "\f161";
}

.flaticon-fast-forward:before {
    content: "\f162";
}

.flaticon-fast-forward-1:before {
    content: "\f163";
}

.flaticon-fax:before {
    content: "\f164";
}

.flaticon-file:before {
    content: "\f165";
}

.flaticon-file-1:before {
    content: "\f166";
}

.flaticon-file-2:before {
    content: "\f167";
}

.flaticon-film:before {
    content: "\f168";
}

.flaticon-fingerprint:before {
    content: "\f169";
}

.flaticon-flag:before {
    content: "\f16a";
}

.flaticon-flag-1:before {
    content: "\f16b";
}

.flaticon-flag-2:before {
    content: "\f16c";
}

.flaticon-flag-3:before {
    content: "\f16d";
}

.flaticon-flag-4:before {
    content: "\f16e";
}

.flaticon-focus:before {
    content: "\f16f";
}

.flaticon-folder:before {
    content: "\f170";
}

.flaticon-folder-1:before {
    content: "\f171";
}

.flaticon-folder-10:before {
    content: "\f172";
}

.flaticon-folder-11:before {
    content: "\f173";
}

.flaticon-folder-12:before {
    content: "\f174";
}

.flaticon-folder-13:before {
    content: "\f175";
}

.flaticon-folder-14:before {
    content: "\f176";
}

.flaticon-folder-15:before {
    content: "\f177";
}

.flaticon-folder-16:before {
    content: "\f178";
}

.flaticon-folder-17:before {
    content: "\f179";
}

.flaticon-folder-18:before {
    content: "\f17a";
}

.flaticon-folder-19:before {
    content: "\f17b";
}

.flaticon-folder-2:before {
    content: "\f17c";
}

.flaticon-folder-3:before {
    content: "\f17d";
}

.flaticon-folder-4:before {
    content: "\f17e";
}

.flaticon-folder-5:before {
    content: "\f17f";
}

.flaticon-folder-6:before {
    content: "\f180";
}

.flaticon-folder-7:before {
    content: "\f181";
}

.flaticon-folder-8:before {
    content: "\f182";
}

.flaticon-folder-9:before {
    content: "\f183";
}

.flaticon-forbidden:before {
    content: "\f184";
}

.flaticon-funnel:before {
    content: "\f185";
}

.flaticon-garbage:before {
    content: "\f186";
}

.flaticon-garbage-1:before {
    content: "\f187";
}

.flaticon-garbage-2:before {
    content: "\f188";
}

.flaticon-gift:before {
    content: "\f189";
}

.flaticon-help:before {
    content: "\f18a";
}

.flaticon-hide:before {
    content: "\f18b";
}

.flaticon-hold:before {
    content: "\f18c";
}

.flaticon-home:before {
    content: "\f18d";
}

.flaticon-home-1:before {
    content: "\f18e";
}

.flaticon-home-2:before {
    content: "\f18f";
}

.flaticon-hourglass:before {
    content: "\f190";
}

.flaticon-hourglass-1:before {
    content: "\f191";
}

.flaticon-hourglass-2:before {
    content: "\f192";
}

.flaticon-hourglass-3:before {
    content: "\f193";
}

.flaticon-house:before {
    content: "\f194";
}

.flaticon-id-card:before {
    content: "\f195";
}

.flaticon-id-card-1:before {
    content: "\f196";
}

.flaticon-id-card-2:before {
    content: "\f197";
}

.flaticon-id-card-3:before {
    content: "\f198";
}

.flaticon-id-card-4:before {
    content: "\f199";
}

.flaticon-id-card-5:before {
    content: "\f19a";
}

.flaticon-idea:before {
    content: "\f19b";
}

.flaticon-incoming:before {
    content: "\f19c";
}

.flaticon-infinity:before {
    content: "\f19d";
}

.flaticon-info:before {
    content: "\f19e";
}

.flaticon-internet:before {
    content: "\f19f";
}

.flaticon-key:before {
    content: "\f1a0";
}

.flaticon-lamp:before {
    content: "\f1a1";
}

.flaticon-layers:before {
    content: "\f1a2";
}

.flaticon-layers-1:before {
    content: "\f1a3";
}

.flaticon-like:before {
    content: "\f1a4";
}
.flaticon-like-1:before {
    content: "\f1a5";
}

.flaticon-like-2:before {
    content: "\f1a6";
}

.flaticon-link:before {
    content: "\f1a7";
}

.flaticon-list:before {
    content: "\f1a8";
}

.flaticon-list-1:before {
    content: "\f1a9";
}

.flaticon-lock:before {
    content: "\f1aa";
}

.flaticon-lock-1:before {
    content: "\f1ab";
}

.flaticon-locked:before {
    content: "\f1ac";
}

.flaticon-locked-1:before {
    content: "\f1ad";
}

.flaticon-locked-2:before {
    content: "\f1ae";
}

.flaticon-locked-3:before {
    content: "\f1af";
}

.flaticon-locked-4:before {
    content: "\f1b0";
}

.flaticon-locked-5:before {
    content: "\f1b1";
}

.flaticon-locked-6:before {
    content: "\f1b2";
}

.flaticon-login:before {
    content: "\f1b3";
}

.flaticon-magic-wand:before {
    content: "\f1b4";
}

.flaticon-magnet:before {
    content: "\f1b5";
}

.flaticon-magnet-1:before {
    content: "\f1b6";
}

.flaticon-magnet-2:before {
    content: "\f1b7";
}

.flaticon-map:before {
    content: "\f1b8";
}

.flaticon-map-1:before {
    content: "\f1b9";
}

.flaticon-map-2:before {
    content: "\f1ba";
}

.flaticon-map-location:before {
    content: "\f1bb";
}

.flaticon-megaphone:before {
    content: "\f1bc";
}

.flaticon-megaphone-1:before {
    content: "\f1bd";
}

.flaticon-menu:before {
    content: "\f1be";
}

.flaticon-menu-1:before {
    content: "\f1bf";
}

.flaticon-menu-2:before {
    content: "\f1c0";
}

.flaticon-menu-3:before {
    content: "\f1c1";
}

.flaticon-menu-4:before {
    content: "\f1c2";
}

.flaticon-microphone:before {
    content: "\f1c3";
}

.flaticon-microphone-1:before {
    content: "\f1c4";
}

.flaticon-minus:before {
    content: "\f1c5";
}

.flaticon-minus-1:before {
    content: "\f1c6";
}

.flaticon-more:before {
    content: "\f1c7";
}

.flaticon-more-1:before {
    content: "\f1c8";
}

.flaticon-more-2:before {
    content: "\f1c9";
}

.flaticon-multiply:before {
    content: "\f1ca";
}

.flaticon-multiply-1:before {
    content: "\f1cb";
}

.flaticon-music-player:before {
    content: "\f1cc";
}

.flaticon-music-player-1:before {
    content: "\f1cd";
}

.flaticon-music-player-2:before {
    content: "\f1ce";
}

.flaticon-music-player-3:before {
    content: "\f1cf";
}

.flaticon-mute:before {
    content: "\f1d0";
}

.flaticon-muted:before {
    content: "\f1d1";
}

.flaticon-navigation:before {
    content: "\f1d2";
}

.flaticon-navigation-1:before {
    content: "\f1d3";
}

.flaticon-network:before {
    content: "\f1d4";
}

.flaticon-newspaper:before {
    content: "\f1d5";
}

.flaticon-next:before {
    content: "\f1d6";
}

.flaticon-note:before {
    content: "\f1d7";
}

.flaticon-notebook:before {
    content: "\f1d8";
}

.flaticon-notebook-1:before {
    content: "\f1d9";
}

.flaticon-notebook-2:before {
    content: "\f1da";
}

.flaticon-notebook-3:before {
    content: "\f1db";
}

.flaticon-notebook-4:before {
    content: "\f1dc";
}

.flaticon-notebook-5:before {
    content: "\f1dd";
}

.flaticon-notepad:before {
    content: "\f1de";
}

.flaticon-notepad-1:before {
    content: "\f1df";
}

.flaticon-notepad-2:before {
    content: "\f1e0";
}

.flaticon-notification:before {
    content: "\f1e1";
}

.flaticon-paper-plane:before {
    content: "\f1e2";
}

.flaticon-paper-plane-1:before {
    content: "\f1e3";
}

.flaticon-pause:before {
    content: "\f1e4";
}

.flaticon-pause-1:before {
    content: "\f1e5";
}

.flaticon-percent:before {
    content: "\f1e6";
}

.flaticon-percent-1:before {
    content: "\f1e7";
}

.flaticon-perspective:before {
    content: "\f1e8";
}

.flaticon-photo-camera:before {
    content: "\f1e9";
}

.flaticon-photo-camera-1:before {
    content: "\f1ea";
}

.flaticon-photos:before {
    content: "\f1eb";
}

.flaticon-picture:before {
    content: "\f1ec";
}

.flaticon-picture-1:before {
    content: "\f1ed";
}

.flaticon-picture-2:before {
    content: "\f1ee";
}

.flaticon-pin:before {
    content: "\f1ef";
}

.flaticon-placeholder:before {
    content: "\f1f0";
}

.flaticon-placeholder-1:before {
    content: "\f1f1";
}

.flaticon-placeholder-2:before {
    content: "\f1f2";
}

.flaticon-placeholder-3:before {
    content: "\f1f3";
}

.flaticon-placeholders:before {
    content: "\f1f4";
}

.flaticon-play-button:before {
    content: "\f1f5";
}

.flaticon-play-button-1:before {
    content: "\f1f6";
}

.flaticon-plus:before {
    content: "\f1f7";
}

.flaticon-power:before {
    content: "\f1f8";
}

.flaticon-previous:before {
    content: "\f1f9";
}

.flaticon-price-tag:before {
    content: "\f1fa";
}

.flaticon-print:before {
    content: "\f1fb";
}

.flaticon-push-pin:before {
    content: "\f1fc";
}

.flaticon-radar:before {
    content: "\f1fd";
}

.flaticon-reading:before {
    content: "\f1fe";
}

.flaticon-record:before {
    content: "\f1ff";
}

.flaticon-repeat:before {
    content: "\f200";
}

.flaticon-repeat-1:before {
    content: "\f201";
}

.flaticon-restart:before {
    content: "\f202";
}

.flaticon-resume:before {
    content: "\f203";
}

.flaticon-rewind:before {
    content: "\f204";
}

.flaticon-rewind-1:before {
    content: "\f205";
}

.flaticon-route:before {
    content: "\f206";
}

.flaticon-save:before {
    content: "\f207";
}

.flaticon-search:before {
    content: "\f208";
}

.flaticon-search-1:before {
    content: "\f209";
}

.flaticon-send:before {
    content: "\f20a";
}

.flaticon-server:before {
    content: "\f20b";
}

.flaticon-server-1:before {
    content: "\f20c";
}

.flaticon-server-2:before {
    content: "\f20d";
}

.flaticon-server-3:before {
    content: "\f20e";
}

.flaticon-settings:before {
    content: "\f20f";
}

.flaticon-settings-1:before {
    content: "\f210";
}

.flaticon-settings-2:before {
    content: "\f211";
}

.flaticon-settings-3:before {
    content: "\f212";
}

.flaticon-settings-4:before {
    content: "\f213";
}

.flaticon-settings-5:before {
    content: "\f214";
}

.flaticon-settings-6:before {
    content: "\f215";
}

.flaticon-settings-7:before {
    content: "\f216";
}

.flaticon-settings-8:before {
    content: "\f217";
}

.flaticon-settings-9:before {
    content: "\f218";
}

.flaticon-share:before {
    content: "\f219";
}

.flaticon-share-1:before {
    content: "\f21a";
}

.flaticon-share-2:before {
    content: "\f21b";
}

.flaticon-shuffle:before {
    content: "\f21c";
}

.flaticon-shuffle-1:before {
    content: "\f21d";
}

.flaticon-shutdown:before {
    content: "\f21e";
}

.flaticon-sign:before {
    content: "\f21f";
}

.flaticon-sign-1:before {
    content: "\f220";
}

.flaticon-skip:before {
    content: "\f221";
}

.flaticon-smartphone:before {
    content: "\f222";
}

.flaticon-smartphone-1:before {
    content: "\f223";
}

.flaticon-smartphone-10:before {
    content: "\f224";
}

.flaticon-smartphone-11:before {
    content: "\f225";
}

.flaticon-smartphone-2:before {
    content: "\f226";
}

.flaticon-smartphone-3:before {
    content: "\f227";
}

.flaticon-smartphone-4:before {
    content: "\f228";
}

.flaticon-smartphone-5:before {
    content: "\f229";
}

.flaticon-smartphone-6:before {
    content: "\f22a";
}

.flaticon-smartphone-7:before {
    content: "\f22b";
}

.flaticon-smartphone-8:before {
    content: "\f22c";
}

.flaticon-smartphone-9:before {
    content: "\f22d";
}

.flaticon-speaker:before {
    content: "\f22e";
}

.flaticon-speaker-1:before {
    content: "\f22f";
}

.flaticon-speaker-2:before {
    content: "\f230";
}

.flaticon-speaker-3:before {
    content: "\f231";
}

.flaticon-speaker-4:before {
    content: "\f232";
}

.flaticon-speaker-5:before {
    content: "\f233";
}

.flaticon-speaker-6:before {
    content: "\f234";
}

.flaticon-speaker-7:before {
    content: "\f235";
}

.flaticon-speaker-8:before {
    content: "\f236";
}

.flaticon-spotlight:before {
    content: "\f237";
}

.flaticon-star:before {
    content: "\f238";
}

.flaticon-star-1:before {
    content: "\f239";
}

.flaticon-stop:before {
    content: "\f23a";
}

.flaticon-stop-1:before {
    content: "\f23b";
}

.flaticon-stopwatch:before {
    content: "\f23c";
}

.flaticon-stopwatch-1:before {
    content: "\f23d";
}

.flaticon-stopwatch-2:before {
    content: "\f23e";
}

.flaticon-stopwatch-3:before {
    content: "\f23f";
}

.flaticon-stopwatch-4:before {
    content: "\f240";
}
.flaticon-street:before {
    content: "\f241";
}

.flaticon-street-1:before {
    content: "\f242";
}

.flaticon-substract:before {
    content: "\f243";
}

.flaticon-substract-1:before {
    content: "\f244";
}

.flaticon-success:before {
    content: "\f245";
}

.flaticon-switch:before {
    content: "\f246";
}

.flaticon-switch-1:before {
    content: "\f247";
}

.flaticon-switch-2:before {
    content: "\f248";
}

.flaticon-switch-3:before {
    content: "\f249";
}

.flaticon-switch-4:before {
    content: "\f24a";
}

.flaticon-switch-5:before {
    content: "\f24b";
}

.flaticon-switch-6:before {
    content: "\f24c";
}

.flaticon-switch-7:before {
    content: "\f24d";
}

.flaticon-tabs:before {
    content: "\f24e";
}

.flaticon-tabs-1:before {
    content: "\f24f";
}

.flaticon-target:before {
    content: "\f250";
}

.flaticon-television:before {
    content: "\f251";
}

.flaticon-television-1:before {
    content: "\f252";
}

.flaticon-time:before {
    content: "\f253";
}

.flaticon-trash:before {
    content: "\f254";
}

.flaticon-umbrella:before {
    content: "\f255";
}

.flaticon-unlink:before {
    content: "\f256";
}

.flaticon-unlocked:before {
    content: "\f257";
}

.flaticon-unlocked-1:before {
    content: "\f258";
}

.flaticon-unlocked-2:before {
    content: "\f259";
}

.flaticon-upload:before {
    content: "\f25a";
}

.flaticon-user:before {
    content: "\f25b";
}

.flaticon-user-1:before {
    content: "\f25c";
}

.flaticon-user-2:before {
    content: "\f25d";
}

.flaticon-user-3:before {
    content: "\f25e";
}

.flaticon-user-4:before {
    content: "\f25f";
}

.flaticon-user-5:before {
    content: "\f260";
}

.flaticon-user-6:before {
    content: "\f261";
}

.flaticon-user-7:before {
    content: "\f262";
}

.flaticon-users:before {
    content: "\f263";
}

.flaticon-users-1:before {
    content: "\f264";
}

.flaticon-video-camera:before {
    content: "\f265";
}

.flaticon-video-camera-1:before {
    content: "\f266";
}

.flaticon-video-player:before {
    content: "\f267";
}

.flaticon-video-player-1:before {
    content: "\f268";
}

.flaticon-video-player-2:before {
    content: "\f269";
}

.flaticon-view:before {
    content: "\f26a";
}

.flaticon-view-1:before {
    content: "\f26b";
}

.flaticon-view-2:before {
    content: "\f26c";
}

.flaticon-volume-control:before {
    content: "\f26d";
}

.flaticon-volume-control-1:before {
    content: "\f26e";
}

.flaticon-warning:before {
    content: "\f26f";
}

.flaticon-wifi:before {
    content: "\f270";
}

.flaticon-wifi-1:before {
    content: "\f271";
}

.flaticon-windows:before {
    content: "\f272";
}

.flaticon-windows-1:before {
    content: "\f273";
}

.flaticon-windows-2:before {
    content: "\f274";
}

.flaticon-windows-3:before {
    content: "\f275";
}

.flaticon-windows-4:before {
    content: "\f276";
}

.flaticon-wireless-internet:before {
    content: "\f277";
}

.flaticon-worldwide:before {
    content: "\f278";
}

.flaticon-worldwide-1:before {
    content: "\f279";
}

.flaticon-zoom-in:before {
    content: "\f27a";
}

.flaticon-zoom-out:before {
    content: "\f27b";
}

.flaticon-button:before {
    content: "\e900";
}

.flaticon-counter:before {
    content: "\e901";
}

.flaticon-custom-html:before {
    content: "\e902";
}

.flaticon-disqus:before {
    content: "\e903";
}

.flaticon-forms:before {
    content: "\e904";
}

.flaticon-gallery:before {
    content: "\e905";
}

.flaticon-google-maps:before {
    content: "\e906";
}

.flaticon-lightbox:before {
    content: "\e907";
}

.flaticon-modules:before {
    content: "\e908";
}

.flaticon-scroll-to-top:before {
    content: "\e909";
}

.flaticon-slideset:before {
    content: "\e90a";
}

.flaticon-slideshow:before {
  content: "\e90b";
}

.flaticon-weather:before {
  content: "\e90c";
}

/* ========================================================================
    Page Blocks
 ========================================================================== */

.ba-pull-left,
.ba-pull-right {
    z-index: 1;
    width: auto;
}

.ba-pull-left {
    float: left;
}

.ba-pull-right {
    float: right;
}

.ba-disabled-margin {
    margin: 0 !important;
}

/* ========================================================================
    Blog
 ========================================================================== */

.intro-post-wrapper .intro-post-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.intro-post-wrapper .intro-post-title {
    display: inline-block;
    max-width: 100%;
    text-align: inherit;
}

.fullscreen-post.intro-post-wrapper {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.fullscreen-post .intro-post-image-wrapper {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.intro-post-wrapper .intro-category-author-social-wrapper,
.intro-post-wrapper .intro-post-title-wrapper,
.intro-post-wrapper .intro-post-info {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 0 25px;
}

.intro-post-wrapper:not(.fullscreen-post) .intro-category-author-social-wrapper,
.intro-post-wrapper:not(.fullscreen-post) .intro-post-title-wrapper,
.intro-post-wrapper:not(.fullscreen-post) .intro-post-info {
    padding: 0;  
}

.intro-category-author-social-wrapper,
.fullscreen-post .intro-post-title-wrapper,
.fullscreen-post .intro-post-info {
    box-sizing: border-box;
    z-index: 2;
}

.intro-post-wrapper .intro-post-info > span {
    display: inline-block;
}

.intro-post-wrapper .intro-post-info > span:last-child {
    margin-right: 0; 
}

.intro-post-wrapper .intro-post-info > span,
.ba-blog-post-info-wrapper > span {
    margin-right: 10px;
    position: relative;
}

.ba-blog-post-info-wrapper > span a:hover,
.intro-post-wrapper .intro-post-info > span a:hover,
.ba-blog-post-info-wrapper > span a,
.intro-post-wrapper .intro-post-info > span a {
    color: inherit;
}

.intro-category-description {
    display: inline-block;
}

.ba-blog-post-info-wrapper .ba-author-avatar,
.intro-post-wrapper .ba-author-avatar {
    margin: 5px 10px 5px 0;
}

.ba-item-category-intro .intro-post-title-wrapper .ba-author-avatar {
    height: 75px;
    margin: 0 25px 0 0;
    width: 75px;
}

.intro-post-image-wrapper {
    position: relative;
}

.intro-post-image-wrapper .ba-overlay {
    z-index: 1;
}

.ba-blog-post-info-wrapper,
.ba-blog-post-info-wrapper  > span,
.ba-blog-post-info-wrapper .zmdi,
.intro-post-wrapper .intro-post-info  > span {
    cursor: default !important;
}

.lightbox-open .row-with-intro-items {
    position: static;
}

/*
/* Blog Layout
*/

.ba-blog-posts-header {
    display: block;
    overflow: hidden;
}

.ba-blog-posts-header h1:first-letter {
    text-transform: capitalize;
}

.ba-blog-posts-header > div {
    margin: 25px 0 !important;
    overflow: hidden;
    position: relative;
}

.ba-blog-post-button-wrapper a {
    display: inline-block;
}

.ba-blog-post-image {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    position: relative;
}

.ba-blog-posts-wrapper .ba-blog-post-image img {
    opacity: 0;
    width: 100%;
}

.ba-blog-posts-wrapper .ba-blog-post-image a {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ba-item-author .ba-grid-layout .ba-post-author-content,
.ba-item-search-result .ba-grid-layout .ba-blog-post-content, 
.ba-item-search-result .ba-one-column-grid-layout .ba-blog-post-content,
.ba-item-related-posts .ba-grid-layout .ba-blog-post-content, 
.ba-item-recent-posts .ba-grid-layout .ba-blog-post-content, 
.ba-item-search-result .ba-cover-layout .ba-blog-post-content, 
.ba-item-related-posts .ba-cover-layout .ba-blog-post-content, 
.ba-item-recent-posts .ba-cover-layout .ba-blog-post-content,  
.ba-cover-layout .ba-blog-post-content, 
.ba-blog-post-content {
    padding: 0 20px;
    box-sizing: border-box;
}

.ba-slideshow-caption > a,
.ba-cover-layout .ba-blog-post-content > a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ba-slideshow-caption > div > *:not(.ba-overlay-slideshow-button),
.ba-cover-layout .ba-blog-post-content > div > *:not(.ba-overlay-slideshow-button) {
    position: relative;
}

.ba-post-author-title a,
.ba-blog-post-title a {
    display: inline-block;
}

.ba-post-author-description p,
.ba-post-author-description,
.ba-post-author-title a,
.ba-blog-post-title a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: inherit;
    text-decoration: inherit;
    text-transform: inherit;
}

.ba-item-category-intro .intro-post-title-wrapper .ba-author-avatar,
.ba-blog-post-info-wrapper .ba-author-avatar,
.intro-post-info .ba-author-avatar {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.intro-post-info .ba-author-avatar,
.ba-blog-post-info-wrapper .ba-author-avatar {
    height: 30px;
    width: 30px;
}

/* Blog Classic Layout*/
.ba-item-author .ba-post-author,
.ba-blog-post {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ba-item-author .ba-posts-author-wrapper:not(.ba-grid-layout) .ba-post-author:last-child {
    margin-bottom: 0;
}

.ba-blog-post {
    margin-bottom: 0;
    margin-top: 30px;
}

.ba-one-column-grid-layout .ba-blog-post:first-child,
.ba-classic-layout .ba-blog-post:first-child {
    margin-top: 0;
}

.ba-posts-author-wrapper.ba-grid-layout .ba-post-author,
.ba-one-column-grid-layout .ba-blog-post,
.ba-grid-layout .ba-blog-post {
    margin-left: 10px; 
    margin-right: 10px;
}

.ba-item-blog-posts .ba-cover-layout .ba-blog-post-image,
.ba-item-search-result .ba-cover-layout .ba-blog-post-image,
.ba-item-related-posts .ba-cover-layout .ba-blog-post-image, 
.ba-item-recent-posts .ba-cover-layout .ba-blog-post-image,
.ba-cover-layout .ba-blog-post-image, 
.ba-classic-layout .ba-blog-post-image {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width:50%;
}

/* Blog Grid Layout */
.ba-cover-layout,
.ba-one-column-grid-layout,
.ba-grid-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

/* Blog Masonry Layout */

.ba-masonry-layout {
    display: grid !important;
    grid-row-gap: 30px;
    grid-column-gap: 20px;
    grid-auto-rows: 20px;
}

.ba-item-blog-posts .ba-blog-post-content,
.ba-item-search-result .ba-blog-post-content,
.ba-item-post-navigation .ba-blog-post-content,
.ba-item-related-posts .ba-blog-post-content,
.ba-item-recent-posts .ba-blog-post-content {
    overflow: hidden; 
}

.ba-item-blog-posts .ba-masonry-layout .ba-blog-post-content,
.ba-item-search-result .ba-masonry-layout .ba-blog-post-content,
.ba-item-post-navigation .ba-masonry-layout .ba-blog-post-content,
.ba-item-related-posts .ba-masonry-layout .ba-blog-post-content,
.ba-item-recent-posts .ba-masonry-layout .ba-blog-post-content {
    overflow: visible;
    flex-grow: 0;
}

.ba-masonrylayout .ba-blog-post,
.ba-masonry-layout .ba-blog-post {
    margin: 0!important; 
    flex-direction: column;
    width: 100% !important; 
}

.ba-masonry-layout .ba-blog-post{
    transition: transform .3s, opacity .3s;
}

.ba-masonry-layout .ba-blog-post:not(.ba-masonry-image-loaded) {
    transform: translateY(50px);
     opacity: 0;
}

/* Blog Cover Layout */
.ba-item-search-result .ba-cover-layout .ba-blog-post-image,
.ba-item-related-posts .ba-cover-layout .ba-blog-post-image, 
.ba-item-recent-posts .ba-cover-layout .ba-blog-post-image,
.ba-cover-layout .ba-blog-post-image {
    height: 100% !important;
    width: 100% !important;
    z-index: -1;
}

.ba-item-author .ba-post-author-image .ba-overlay,
.ba-item-search-result .ba-blog-posts-wrapper:not(.ba-cover-layout) .ba-blog-post-image .ba-overlay,
.ba-item-related-posts .ba-blog-posts-wrapper:not(.ba-cover-layout) .ba-blog-post-image .ba-overlay, 
.ba-item-recent-posts .ba-blog-posts-wrapper:not(.ba-cover-layout) .ba-blog-post-image .ba-overlay,
.ba-blog-posts-wrapper:not(.ba-cover-layout) .ba-blog-post-image .ba-overlay {
    display: none;
}

.ba-item-search-result .ba-cover-layout .ba-blog-post-image .ba-overlay,
.ba-item-related-posts .ba-cover-layout .ba-blog-post-image .ba-overlay, 
.ba-item-recent-posts .ba-cover-layout .ba-blog-post-image .ba-overlay,
.ba-cover-layout .ba-blog-post-image .ba-overlay {
    pointer-events: none;
    z-index: 1;
}

/* Blog Pagination */
.ba-blog-posts-pagination-wrapper .ba-blog-posts-pagination {
    text-align: center;
    margin-top: 50px;
    width: 100%;
}

.ba-blog-posts-pagination span {
    display: inline;
}

.ba-blog-posts-pagination span a {
    background: transparent;
    border: none;
    display: inline-block;
    margin-left: 5px;
    padding: 4px 12px;
}

.ba-blog-posts-pagination span a i {
    font-size: 16px;
    color: inherit;
}

.ba-blog-posts-pagination span.disabled a *,
.ba-blog-posts-pagination span.disabled a {
    opacity: .5;
}

.ba-blog-posts-pagination span.disabled a *,
.ba-blog-posts-pagination span.disabled a {
    cursor: not-allowed !important; 
}

/* Author Social Link */
.intro-category-author-social-wrapper a,
.ba-post-author-social-wrapper a {
    font-size: 16px;
    margin-right: 10px;
    padding: 10px;
}

.intro-category-author-social-wrapper a:hover,
.ba-post-author-social-wrapper a:hover {
    opacity: .5;
}

/* ========================================================================
    Blog Plugins
 ========================================================================== */

/*
/* Blog Plugin Tags
*/

.ba-item-tags .ba-button-wrapper a,
.ba-item-post-tags .ba-button-wrapper a {
    margin: 0 5px 10px;
}

.ba-item-tags .ba-button-wrapper,
.ba-item-post-tags .ba-button-wrapper {
    margin-left: -5px !important;
    margin-right: -5px !important;
    width: calc(100% + 10px) !important;
}

/*
/* Blog Plugin Categories
*/

.ba-item-categories ul {
    list-style: none;
    margin: 0;
}

.ba-item-categories ul li {
    line-height: initial;
}

.ba-item-categories ul ul {
    margin: 0 25px;
}

/*
/* Blog Plugin Recent Post
*/

.ba-item-author .ba-post-author-image,
.ba-item-blog-posts .ba-blog-post-image,
.ba-item-search-result .ba-blog-post-image,
.ba-item-post-navigation .ba-blog-post-image,
.ba-item-related-posts .ba-blog-post-image,
.ba-item-recent-posts .ba-blog-post-image {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
}

.ba-item-author .ba-post-author-image a,
.ba-item-search-result .ba-blog-post-image a,
.ba-item-post-navigation .ba-blog-post-image a,
.ba-item-related-posts .ba-blog-post-image a,
.ba-item-recent-posts .ba-blog-post-image a{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ba-item-author .ba-post-author-image a,
.ba-item-search-result .ba-blog-post-image a,
.ba-item-post-navigation .ba-blog-post-image a,
.ba-item-related-posts .ba-blog-post-image a,
.ba-item-recent-posts .ba-blog-post-image a,
.ba-item-blog-posts .ba-blog-post .ba-blog-post-image a {
    transition: transform .3s linear;
}

.ba-item-author .ba-post-author:hover .ba-post-author-image a,
.ba-item-search-result .ba-blog-post:hover .ba-blog-post-image a,
.ba-item-blog-posts .ba-blog-post:hover .ba-blog-post-image a,
.ba-item-post-navigation .ba-blog-post:hover .ba-blog-post-image a,
.ba-item-related-posts  .ba-blog-post:hover .ba-blog-post-image a,
.ba-item-recent-posts .ba-blog-post:hover .ba-blog-post-image a {
    transform: scale(1.15);
}

.ba-item-author .ba-post-author-content,
.ba-item-blog-posts .ba-blog-post-content,
.ba-item-search-result .ba-blog-post-content,
.ba-item-post-navigation .ba-blog-post-content,
.ba-item-related-posts .ba-blog-post-content,
.ba-item-recent-posts .ba-blog-post-content {
    flex-grow: 1;
    margin: 0;
    padding: 0 20px;
    width: auto;
}

.ba-item-author .ba-post-author,
.ba-item-blog-posts .ba-blog-posts-wrapper:not(.ba-grid-layout):not(.ba-one-column-grid-layout) .ba-blog-post,
.ba-item-search-result .ba-blog-post,
.ba-item-post-navigation .ba-blog-post,
.ba-item-related-posts .ba-blog-post,
.ba-item-recent-posts .ba-blog-post {
    align-items: center;
    display: flex;
    overflow: hidden;
    word-break: break-word;
}

.ba-item-author .ba-grid-layout .ba-post-author,
.ba-item-search-result .ba-grid-layout .ba-blog-post,
.ba-item-search-result .ba-one-column-grid-layout .ba-blog-post,
.ba-item-related-posts .ba-grid-layout .ba-blog-post,
.ba-item-recent-posts .ba-grid-layout .ba-blog-post {
    flex-direction: column;
}

.ba-item-blog-posts .ba-masonry-layout .ba-blog-post-content,
.ba-item-author .ba-masonry-layout .ba-post-author-content,
.ba-item-search-result .ba-masonry-layout .ba-blog-post-content,
.ba-item-related-posts .ba-masonry-layout .ba-blog-post-content,
.ba-item-recent-posts .ba-masonry-layout .ba-blog-post-content,

.ba-item-author .ba-grid-layout .ba-post-author-content,
.ba-item-search-result .ba-grid-layout .ba-blog-post-content,
.ba-item-search-result .ba-one-column-grid-layout .ba-blog-post-content,
.ba-item-related-posts .ba-grid-layout .ba-blog-post-content,
.ba-item-recent-posts .ba-grid-layout .ba-blog-post-content {
    width: 100%;
}

.ba-item-author .ba-grid-layout .ba-post-author-image,
.ba-item-search-result .ba-grid-layout .ba-blog-post-image,
.ba-item-search-result .ba-one-column-grid-layout .ba-blog-post-image,
.ba-item-related-posts .ba-grid-layout .ba-blog-post-image,
.ba-item-recent-posts .ba-grid-layout .ba-blog-post-image {
    margin-right: 0;
}

.ba-item-author .ba-post-author-image a {
    display: block;
    height: 100%;
}

/*
/* Blog Plugin Post Navigation
*/

.ba-item-post-navigation .ba-blog-posts-wrapper > * {
    display: inline-flex;
}

.ba-item-post-navigation .ba-blog-posts-wrapper {
    align-items: center; 
    display: flex; 
    justify-content: flex-start;
}

.ba-item-post-navigation .ba-blog-posts-wrapper .ba-blog-post:first-child {
    flex-direction: row;
    margin: 0 10px 0 0;
}

.ba-item-post-navigation .ba-blog-post {
    flex-direction: row-reverse;
    margin: 0 0 0 10px;
    width: calc(50% - 10px);
}

.ba-item-post-navigation .ba-blog-post + .ba-blog-post .ba-blog-post-info-wrapper > span {
    margin-right: 0px;
    margin-left: 15px;
}

.ba-item-post-navigation .ba-blog-post + .ba-blog-post .ba-blog-post-info-wrapper > span.ba-blog-post-views {
    margin: 0;
}

/*
/* Blog Plugin Search
*/

.ba-item-search .ba-search-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    width: 100%;
}

.ba-item-search .ba-search-wrapper:not(.after){
    flex-direction: row-reverse;
}

.ba-item-search .ba-search-wrapper input {
    background: transparent !important;
    border: none !important;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ba-item-search .ba-search-wrapper i{
    margin: 0 10px
}

.instagram-modal-open,
.lightbox-open {   
    overflow: hidden;
}

.instagram-modal-open .ba-sticky-header,
.lightbox-open .ba-sticky-header,
.ba-not-default-header .header {   
    width: inherit;
}

.search-started .ba-item-search-result {
    opacity: 0;
}

/* ========================================================================
    Responsive
 ========================================================================== */

/*
/* Responsive Grid
*/

.row-fluid:before,
.row-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}

.row-fluid:after {
    clear: both;
}

[class*="span"]{
    flex-grow: 1;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.127659574468085%;  
}

.row-fluid {
    width: 100%;
}

[class*="span"]:first-child {
    margin-left: 0;
}

.header .span12,
.span12 {
    width: 100%;
}

.header .span11,
.span11 {
    width: 91.48936170212765%;
}

.header .span10,
.span10 {
    width: 82.97872340425532%;
}

.header .span9,
.span9 {
    width: 74.46808510638297%;
}

.header .span8,
.span8 {
    width: 65.95744680851064%;
}

.header .span7,
.span7 {
    width: 57.44680851063829%;
}

.header .span6,
.span6 {
    width: 48.93617021276595%;
}

.header .span5,
.span5 {
    width: 40.42553191489362%;
}

.header .span4,
.span4 {
    width: 31.914893617021278%;
}

.header .span3,
.span3 {
    width: 23.404255319148934%;
}

.header .span2,
.span2 {
    width: 14.893617021276595%;
}

.header .span1,
.span1 {
    width: 6.382978723404255%;
}

/*
/* No Space Between Columns
*/

.column-wrapper {
    position: relative;
    width: 100%;
}

/*
/* For IOS
*/

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media(max-width: 1024px) {
        .column-wrapper > * { 
            margin: 0 -1px; 
        }
    }
}

@supports (-webkit-text-size-adjust:none) and (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    @media(max-width: 1024px) {
        .column-wrapper > * { 
                margin: 0 -1px; 
        }
    }
}

@media not all and (min-resolution:.001dpcm) { 
    @media(max-width: 1024px) {
        .column-wrapper > * { 
                margin: 0 -1px; 
        }
    }
}

/* ========================================================================
    Default Joomla 
 ========================================================================== */

.com_gridbox form {
    margin: 0;
}

.ba-item-flipbox .ba-flipbox-wrapper:before,
.ba-item-flipbox .ba-flipbox-wrapper:after,
.ba-search-result-body:before,
.ba-search-result-body:after,
.ba-item-blog-posts:before,
.ba-item-blog-posts:after,
.ba-classic-layout .ba-blog-post:before,
.ba-classic-layout .ba-blog-post:after,
.modal-footer:before,
.modal-footer:after,
.row:before,
.row:after,
.pager:before,
.pager:after,
.form-horizontal .control-group:before,
.form-horizontal .control-group:after,
.navbar-inner:before,
.navbar-inner:after,
.nav-tabs:before,
.nav-tabs:after,
.nav-pills:before,
.nav-pills:after,
.thumbnails:before,
.thumbnails:after,
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.ba-item-flipbox .ba-flipbox-wrapper:after,
.ba-search-result-body:after,
.ba-item-blog-posts:after,
.ba-classic-layout .ba-blog-post:after,
.modal-footer:after,
.row:after,
.pager:after,
.form-horizontal .control-group:after,
.navbar-inner:after,
.nav-tabs:after,
.nav-pills:after,
.thumbnails:after,
.clearfix:after {
    clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 12px 0;
}

img {
    vertical-align: middle;
}

form {
    margin: 0 0 18px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 18px;
    padding: 0;
    width: 100%;
}

hr {
    border: 0;
    border-top: 1px solid #f3f3f3;
    margin: 18px 0;
}

ul,
ol {
    margin: 0 0 9px 25px;
    padding: 0;
}

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

ul.unstyled,
ol.unstyled,
ul.inline,
ol.inline {
    list-style: none;
    margin-left: 0;
}

ul.inline > li,
ol.inline > li {
    display: inline-block;
}

dl {
    margin-bottom: 18px;
}

dt,
dd {
    line-height: 18px;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

[class*="span"] {
    min-height: 1px;
}

select[multiple] {
    height: auto;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0;
}

.page-header {
    margin: 18px 0 27px;
    padding-bottom: 8px;
}

.dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    padding: 5px 0;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}

.dl-horizontal dd {
    margin-left: 180px;
    padding: 5px 0;
}

.breadcrumb {
    margin: 10px 0;
}

body:not(.com_gridbox) .hidden {
    display: none;
    visibility: hidden;
}

.pull-right {
    float: right;
}
.pull-left {
    float: left;
}

.visible-phone,
.visible-tablet,
.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}

.center *,
.center,
.table td.center,
.table th.center {
    text-align: center;
}

[class^="icon-"]:not(.ba-settings-group):not(.ba-tabs-wrapper):not(.add-on):not(.accordion):not(.modal-backdrop):not(.minicolors-input),
[class*=" icon-"]:not(.ba-settings-group):not(.ba-tabs-wrapper):not(.add-on):not(.accordion):not(.modal-backdrop):not(.minicolors-input) {
    display: inline-block;
    font-size: 0.8em;
    height: 14px;
    line-height: 14px;
    margin-right: .2em;
    vertical-align: baseline;
    width: 14px;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.element-invisible {
    border: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Navigation */
.nav {
    list-style: none;
    margin-bottom: 18px;
    margin-left: 0;
}

.nav > li > a {
    display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
}

.nav > li > a > img {
    max-width: none;
}

.nav > .pull-right {
    float: right;
}

.nav-tabs > li,
.nav-pills > li,
.navbar .nav > li {
    float: left;
}

.navbar-inner {
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #f3f3f3;
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0;
}

.navbar .nav {
    display: block;
    float: left;
    left: 0;
    margin: 0 10px 0 0;
    position: relative;
}

.dropdown-menu.pull-right,
.pull-right > .dropdown-menu ,
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.navbar .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
    left: auto;
    right: 13px;
}

.navbar .nav > li > .dropdown-menu:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f3f3f3;
    content: '';
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
    left: auto;
    right: 12px;
}

.nav-tabs > li > a,
.nav-pills > li > a {
    line-height: 14px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-tabs {
    border-bottom: 1px solid #f3f3f3;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    border-radius: 4px 4px 0 0;
    border: 1px solid transparent;
    line-height: 18px;
    padding: 10px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-bottom-color: transparent;
    color: #555;
    cursor: default;
}

.nav-tabs.nav-stacked > li > a {
    border-radius: 0;
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li > a {
    margin-right: 0;
}

.nav-tabs.nav-stacked {
    border-bottom: 0;
}

.thumbnails {
    list-style: none;
    margin-left: -20px;
}

.row-fluid .thumbnails {
    margin-left: 0;
}

.thumbnails > li {
    float: left;
    margin-bottom: 18px;
    margin-left: 20px;
}

.com_media .thumbnails > li a {
    color: #818fa1;
}

.com_media {
    font-size: 14px ;
    font-weight: 400;
    line-height: 18px;    
}

.pull-right.item-image {
    margin: 0 0 20px 20px;
}

.pull-left.item-image {
    margin: 0 20px 20px 0;
}

.label,
.badge {
    background-color: #fafafa;
    border-radius: 3px;
    color: #363637;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    padding: 10px 15px;
    vertical-align: middle;
    white-space: nowrap;
}

.badge {
    padding: 5px;
    background-color: #e6e6e6
}

.label:empty,
.badge:empty {
    display: none;
}

.small {
    font-size: 0.7em;
}

/* Modal */
div.modal {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    left: 50%;
    margin-left: -40%;
    outline: none;
    position: fixed;
    top: 5%;
    width: 80%;
    z-index: 1050;
}

body:not(.com_gridbox) .modal-body {
    width: 98%;
    position: relative;
    max-height: 400px;
    padding: 1%;
}

div.modal.fade {
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}

div.modal.fade.in {
    top: 5%;
}

.well {
    border: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.thumbnails-media .imgFolder span {
    line-height: 90px !important;
    font-size: 38px !important;
    margin: 0;
    width: auto!important;
}

.container-popup {
    padding: 28px 10px 10px 10px;
}

.modal-header {
    padding: 10px 20px;
}

.modal-header h3 {
    margin: 0;
    text-align: left;
}

button.close {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.modal-footer {
    border-top: 1px solid #f3f3f3; 
    margin-bottom: 0;
    padding: 15px;
    text-align: right;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

/* Modal Backdrop */
body:not(.com_gridbox) .modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

.modal-backdrop.fade {
    opacity: 0;
}

body:not(.com_gridbox) .modal-backdrop.in,
body:not(.com_gridbox) .modal-backdrop.fade.in {
    opacity: 0.8;
}

/* Datepicker */
.datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: #f3f3f3;
}

.datepicker-dropdown.dropdown-menu {
    min-width: 250px;
}

/* Radio / Checkbox */
.radio,
.checkbox {
    min-height: 18px;
    padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    margin-left: -20px;
}

#modlgn-remember {
    margin: 0 5px;
    vertical-align: bottom;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
    padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 5px;
    vertical-align: middle;
    width: auto;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
    margin-left: 10px;
}

.radio.btn-group input[type=radio] {
    display: none;
}

.radio.btn-group > label:first-of-type {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

fieldset.radio.btn-group {
    padding-left: 0;
}

select,
.btn-group input,
.filters.btn-toolbar input,
.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
    display: inline-block;
    font-size: inherit;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline label {
    display: inline-block;
}

.dropdown-menu .form-inline input {
    width: auto;
}

/* Control Group */
.control-group {
    margin-bottom: 9px;
}

legend + .control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
    margin-bottom: 18px;
}

.form-horizontal .controls {
    margin-left: 180px;
}

.logout .form-horizontal .controls {
    margin-left: 0;
}

.controls > .nav {
    margin-bottom: 20px;
}

.control-group .control-label {
    float: left;
    line-height: 2em;
    padding-top: 5px;
    text-align: right;
    width: 160px;
}

.form-vertical .control-label {
    float: none;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    width: auto;
}

body:not(.com_gridbox) .btn-group input,
body:not(.com_gridbox) .form-inline input,
body:not(.com_gridbox) .form-vertical .controls input {
    font-size: 18px;
}

.form-horizontal .help-block {
    margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
    margin-top: 9px;
}

.form-horizontal .form-actions {
    padding-left: 180px;
}

.control-label .hasPopover,
.control-label .hasTooltip {
    display: inline-block;
    width: auto;
}

/* Collapse */
.collapse {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .35s ease;
}

.collapse.in {
    height: auto;
}

/* Alert */
.alert {
    padding: 8px 35px 8px 14px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0 0 .5em;
}

.alert .close {
    cursor: pointer;
    line-height: 18px;
    position: relative;
    right: -21px;
    top: -2px;
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-success,
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-success h4,
.alert-info h4 {
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

.close {
    color: #000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
}

.close:hover,
.close:focus {
    color: #000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}

/* Button */
.com_virtuemart .fg-button,
.com_virtuemart .button,
.pager li > a,
.pager li > span,
.btn {
    background-color: #fafafa;
    border-radius: 3px;
    border: none;
    box-sizing: border-box;
    color: #363637;
    cursor: pointer;
    display: inline-block;
    font-size: 14px ;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

a.btn[href="#advancedSearch"] .icon-list {
    display: none;
}

.button:hover,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    opacity: .85;

}

.btn:hover,
.btn:focus,
.btn:active {
    color: #363637;
    background-color: #e6e6e6;
    border: none;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
}

.btn-block {
    box-sizing: border-box;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled],
.btn-primary:hover,
.btn-primary {
    background-color: var(--primary);
    color: var(--title-inverse);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: var(--accent);
    color: var(--title-inverse);
}

.btn-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-group + .btn-group {
    margin-left: 5px;
}

.btn-toolbar {
    margin-top: 9px;
    margin-bottom: 9px;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
    margin-left: 5px;
}

.btn-group > .btn {
    border-radius: 3px;
    position: relative;
}

.btn-group > .btn + .btn {
    margin-left: -1px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group.open .dropdown-toggle {
    background-image: none;
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #51d151;
}

.btn .caret {
    margin-left: 0;
    margin-top: 8px;
}

.btn-primary .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.btn-group-vertical {
    display: inline-block;
}

.btn-group-vertical > .btn {
    border-radius: 0;
    display: block;
    float: none;
    max-width: 100%;
}

.btn-group-vertical > .btn + .btn {
    margin-left: 0;
    margin-top: -1px;
}

.btn-group-vertical > .btn:first-child {
    border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
    border-radius: 0 0 4px 4px;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
    display: inline-block;
}

.input-prepend > .add-on,
.input-append > .add-on {
    vertical-align: top;
}

.input-append,
.input-prepend {
    display: inline-block;
    font-size: 0;
    margin-bottom: 9px;
    vertical-align: middle;
    white-space: nowrap;
}

.input-append .add-on,
.input-prepend .add-on {
    background-color: #fafafa;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px ;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    min-width: 16px;
    padding: 10px;
    text-align: center;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .add-on,
.input-prepend .btn,
.input-prepend .btn-group > .dropdown-toggle {
    border-radius: 0;
    vertical-align: top;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
    margin-left: -1px;
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-append input,
.input-append select,
.input-append .uneditable-input {
    border-radius: 3px 0 0 3px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child,
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
    border-radius: 0 3px 3px 0;
}

.input-append select {
    font-size: 18px;
}

/* Dropdown */
.dropup,
.dropdown {
    position: relative;
}

.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}

.dropdown .caret {
    margin-left: 2px;
    margin-top: 8px;
}

.dropdown-menu {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    display: none;
    float: left;
    left: 0;
    list-style: none;
    margin: 0;
    min-width: 160px;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu .divider {
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    height: 1px;
    margin: 8px 1px;
    overflow: hidden;
}

.dropdown-menu .menuitem-group {
    background-color: #eee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #555;
    font-size: 95%;
    height: 1px;
    margin: 4px 1px;
    overflow: hidden;
    padding: 2px 0 24px;
    text-transform: capitalize;
}

.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 18px;
    padding: 10px 15px;
    white-space: nowrap;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #e6e6e6;
    color: #363637;
    outline: 0;
    text-decoration: none;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    background-color: transparent;
    background-image: none;
    cursor: default;
    text-decoration: none;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-bottom: 4px solid #000;
    border-top: 0;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: 100%;
    margin-bottom: 1px;
    top: auto;
}

/* Breadcrumb */
.breadcrumb > li {
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
}

.breadcrumb > li .divider.icon-location {
    display: none !important;
}

label {
    display: block;
    margin-bottom: 5px;
}

/* Breadcrumbs */
ul.breadcrumb ul li {
    display: inline-block;
}

ul.breadcrumb .divider:before {
    content: '\f2fb';
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    margin: 0 10px;
}

ul.breadcrumb .divider img {
    display: none;
}

/* Table */
table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}

.table {
    margin-bottom: 18px;
    width: 100%;
}

.table th,
.table td {
    border-top: 1px solid #f3f3f3;
    line-height: 1em;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.table-bordered {
    border-collapse: separate;
    border: 1px solid #f3f3f3;
    border-left: 0;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #f3f3f3;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table th {
    font-weight: bold;
    padding: 20px 10px;
}

.table thead th {
    vertical-align: bottom;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    margin-left: 0;
    width: 44px;
}

.table td.span2,
.table th.span2 {
    float: none;
    margin-left: 0;
    width: 124px;
}

.table td.span3,
.table th.span3 {
    float: none;
    margin-left: 0;
    width: 204px;
}

.table td.span4,
.table th.span4 {
    float: none;
    margin-left: 0;
    width: 284px;
}

.table td.span5,
.table th.span5 {
    float: none;
    margin-left: 0;
    width: 364px;
}

.table td.span6,
.table th.span6 {
    float: none;
    margin-left: 0;
    width: 444px;
}

.table td.span7,
.table th.span7 {
    float: none;
    margin-left: 0;
    width: 524px;
}

.table td.span8,
.table th.span8 {
    float: none;
    margin-left: 0;
    width: 604px;
}

.table td.span9,
.table th.span9 {
    float: none;
    margin-left: 0;
    width: 684px;
}
.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    margin-left: 0;
    width: 844px;
}

.table td.span12,
.table th.span12 {
    float: none;
    margin-left: 0;
    width: 924px;
}

/* Pagination */
.pagination {
    margin: 18px 0;
}

.pagination ul {
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}

.pagination ul > li {
    display: inline;
}

.com_virtuemart a.pagenav,
.com_virtuemart li.disabled a:hover,
div.k2Pagination ul li a,
#kunena.layout div.pagination a.disabled,
#kunena.layout div.pagination a.disabled:hover,
#kunena.layout .pagination ul > li > a,
#kunena.layout .pagination ul > li > span,
.pagination ul > li > a,
.pagination ul > li > span {
    background-color: #fafafa;
    border: none ;
    border-radius: 3px;
    color: #363637;
    float: left;
    line-height: 18px;
    padding: 10px 15px;
    text-decoration: none;
}

#kunena.layout .pagination ul > li:not(:first-child) > a,
#kunena.layout .pagination ul > li:not(:first-child) > span,
.pagination ul > li:not(:first-child) span, 
.pagination ul > li:not(:first-child) a {
    margin-left: 5px;
}

div.k2Pagination ul li a:hover,
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
    color: #363637;
    background-color: #e6e6e6;
}

div.k2Pagination ul li.active a,
div.k2Pagination ul li.active a:hover,
#kunena.layout .pagination ul > li.active > a,
#kunena.layout .pagination ul > li.active > a:hover,
.pagination ul > .active > a:hover,
.pagination ul > .active > span:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #51d151;
    color: #fff;
    cursor: default;
}

div.k2Pagination ul li.disabled a,
div.k2Pagination ul li.disabled a:hover,
#kunena.layout div.pagination a.disabled,
#kunena.layout div.pagination a.disabled:hover,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    background: #fafafa;
    cursor: default;
}

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pager {
    margin: 18px 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}

.label:hover,
.pager li > a:hover,
.pager li > a:focus {
    background-color: #e6e6e6;
    color: #363637;
    text-decoration: none;
}

.pager .next > a,
.pager .next > span {
    float: right;
}

.pager .previous > a,
.pager .previous > span {
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #363637;
    cursor: default;
    opacity: .5;
}

/* Row Striped */
.list-striped,
.row-striped {
    border-top: 1px solid #f3f3f3;
    line-height: 18px;
    list-style: none;
    margin-left: 0;
    text-align: left;
    vertical-align: middle;
}

.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {
    border-bottom: 1px solid #f3f3f3;
    padding: 8px;
}

.row-striped .row-fluid {
    box-sizing: border-box;
    width: 100%;
}

.row-striped .row-fluid [class*="span"] {
    min-height: 10px;
}

.row-striped .row-fluid [class*="span"] {
    margin-left: 8px;
}

.row-striped .row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

/* Accordion */
.accordion {
    margin-bottom: 18px;
}

.accordion-group {
    border: 1px solid #f3f3f3;
    margin-bottom: 2px;
}

.accordion-heading {
    border-bottom: 0;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    border-top: 1px solid #e5e5e5;
    padding: 9px 15px;
}

/* Progress */
.progress {
    background-color: #f7f7f7;
    border-radius: 4px;
    height: 18px;
    margin-bottom: 18px;
    overflow: hidden;
}

.progress .bar {
    background-color: #818fa1;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    transition: width .6s ease;
    width: 0;
}

/* Login Page */
.login + div .nav-tabs li {
    display: inline-block;
    margin-top: 25px;
}

.login + div .nav-tabs {
    text-align: center;
}

.body .login + div,
.body .remind > form,
.body .reset > form,
.body .login > form {
    margin: 0 auto;
    width: 600px;
}

.body .remind > form,
.body .reset > form,
.body .login > form {    
    border: 1px solid var(--border);
    box-sizing: border-box;
    padding: 25px 50px;
}

.chzn-container-multi .chzn-choices,
.chzn-container-single .chzn-single {
    background-image: none;
    background: transparent !important;
    border-radius: 0;
    border: 1px solid #f3f3f3 !important;
    box-shadow: none;
    margin: 0;
}

.chzn-container,
.chzn-container-single {
    font-size: inherit;
    height: 48px;
    line-height: 0;
}

.chzn-select-all {
    line-height: 18px;
}

.chzn-container-single .chzn-single span {
    font-size: 18px;
    line-height: 40px;
}

.chzn-container-single .chzn-single div {
    height: 18px;
    margin-top: 10px;
}

.chzn-container.chzn-container-multi ul,
.chzn-container.chzn-container-multi {
    height: auto;
}

.chzn-container .chzn-drop {
    border-color: #f3f3f3;
    border-radius: 0;
    box-shadow: none;
    display: block;
    max-width: none;
    width: 250px !important;
}

.chzn-container .chzn-results {
    margin: 0;
    padding: 0;
}

.chzn-select-all,
.chzn-container .chzn-results li {
    padding: 10px 15px;
}

.chzn-container .chzn-results li.highlighted {
    background-color: #e6e6e6;
    background-image: none;
    color: #363637;
}

.chzn-container-single .chzn-single {
    font-size: inherit;
    line-height: inherit;
}

.chzn-container-single .chzn-search input[type="text"]{
    line-height: inherit;
    height: initial;
    width: 100%;
}

/* ========================================================================
    Custom Joomla 
 ========================================================================== */

/* Search Results */
.search-results .result-title {
    margin: 30px 0 0;
    text-transform: uppercase;
}

.search-results .result-text {
    margin-top: 20px;
    margin-bottom: 10px;
}

.search-results .result-created {
    font-size: .7em;
}

/* Article */
.article-info-term {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.article-info-term {
    display: none;
}

.article-info dd {
    display: inline-block;
    margin-right: 10px;
    font-size: .8em;
}

.items-more li a {
    text-transform: uppercase;
}

.readmore > a > span {
    display: none !important;
}

.chzn-container-multi .chzn-choices li.search-choice {
    background-color: #fafafa;
    background-image: none;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    padding: 10px 15px;
    vertical-align: middle;
    white-space: nowrap;
}

/* ========================================================================
    Kunena 
 ========================================================================== */

.userItemTitle,
.userBlock > *,
.tagItemTitle,
.itemTitle,
.itemCommentsForm > *,
.itemRelated > *, 
.itemAuthorLatest > *,
.itemAuthorName,
.catItemTitle ,
#kunena .table td h3,
#kunena.layout h1,
#kunena.layout h2,
#kunena.layout h3,
#kunena .btn-link {
    text-align: left;
}

.com_kunena input:not(.btn),
#kunena.layout .filter,
.filter-sel {
    font: inherit;
}

#kunena .dropdown-menu > .center > a + p {
    margin: 0;
}

#kunena .dropdown-menu > .center > a + p a:hover {
    opacity: 1;
}

#kunena #kpost-subscribe .controls,
#kunena #kpost-subscribe .controls input[type='checkbox']{
    margin-top: .5em;
}

#kunena .btn-group .btn:not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; 
}

#kunena .btn-group .btn.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; 
    margin-left: -0.3em;
}

#kunena .btn-group.open .btn:not(.btn-primary),
#kunena .btn-group:hover .btn:not(.btn-primary) {
    background-color: #e6e6e6;
    color: #363637;
    opacity: .85;
}

#kunena .btn-group.open .btn.btn-primary,
#kunena .btn-group:hover .btn.btn-primary {
    opacity: .85;
}

#kunena.layout .img-circle {
    background-color: #fff;
}

#kunena.layout .profilebox li {
    margin: 10px 0;
}

#kunena.layout .mykmsg-header {
    background: #fafafa;
    border-top: none;
    border: 1px solid #f3f3f3;
    text-transform: uppercase; 
}

#kunena.layout [class*="badger-left"] {
    border: 1px solid #f3f3f3;
    box-shadow: none;
}

/* ========================================================================
    Hikashop
 ========================================================================== */

div.icon-wrapper div.icon a span.hkIcon {
    height: 48px!important;
    width: auto!important;
    padding: 10px 0;
}

.icon-wrapper {
    font-size: initial!important;
    height: auto!important;
    line-height: initial!important;
    width: auto !important;
}

.icon-wrapper [class*=" icon-"]{
    height: auto!important;
    margin-right: initial!important;
    width: auto !important;
}

/* ========================================================================
    K2 
 ========================================================================== */

.itemSocialSharing > div {
    margin-top: 0;
}

.itemSocialSharing {
    line-height: 0;
}

.largerFontSize p {
    font-size: 150%;
    line-height: 140%;
}

/* ========================================================================
    Virtuemart 
 ========================================================================== */

.com_virtuemart table.user-details input {
    border-radius: 0;
    font-size: inherit;
}

.com_virtuemart #searchMedia,
.com_virtuemart .chzn-container-multi .chzn-choices {
    min-height: 48px;
}

.com_virtuemart input {
    font-size: initial;
}

/* Tab */
.com_virtuemart #ui-tabs ul#tabs {
    border-bottom: 1px solid #f3f3f3;
    line-height: 0;
    overflow:visible; 
}

.com_virtuemart #ui-tabs ul#tabs li {
    background-color: transparent;
    border-radius: 4px 4px 0 0;
    border: 1px solid transparent;
    color: #555;
    line-height: 18px;
    padding: 10px;
    margin-bottom: -1px;
}

.com_virtuemart #ui-tabs ul#tabs li.current{
    border: 1px solid #f3f3f3;
    border-bottom-color: transparent;
    background: #fff;
    cursor: default;
}

.com_virtuemart .modal {
    background-color: transparent;
    position: static;
    z-index: 0;
}

.com_virtuemart .fg-button {
    height: auto !important;
}

.com_virtuemart .product-container h1,
.com_virtuemart .ask-a-question-view h1,
.com_virtuemart .manufacturer-details-view h1,
.com_virtuemart .manufacturer-view-default h2,
.com_virtuemart .category-view h1,
.com_virtuemart .vendor-details-view h3,
.com_virtuemart .vendor-details-view h1 {
    text-align: left;
}

/* Button */
.com_virtuemart .orderlistcontainer div.activeOrder,
.com_virtuemart .general-bg, 
.com_virtuemart input.custom-attribute, 
.com_virtuemart input.quantity-input, 
.com_virtuemart .manufacturer-product-link a, 
.com_virtuemart a.ask-a-question, 
.com_virtuemart input.vm-default, 
.com_virtuemart a.product-details, 
.com_virtuemart a.details, 
.com_virtuemart div.details, 
.com_virtuemart button.default,
.com_virtuemart input.highlight-button,
.com_virtuemart div.vm-details-button a,
.com_virtuemart span.addtocart-button span.addtocart-button, 
.com_virtuemart span.addtocart-button input.addtocart-button, 
.com_virtuemart span.addtocart-button input.notify-button {
    background-color: #fafafa;
    border-radius: 3px;
    border: none;
    box-sizing: border-box;
    color: #363637;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/18px 'Roboto', sans-serif;
    letter-spacing: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

.com_virtuemart .general-bg:hover, 
.com_virtuemart input.custom-attribute:hover,
.com_virtuemart input.quantity-input:hover,
.com_virtuemart .manufacturer-product-link a:hover,
.com_virtuemart a.ask-a-question:hover,
.com_virtuemart input.vm-default:hover,
.com_virtuemart a.product-details:hover,
.com_virtuemart a.details:hover,
.com_virtuemart div.details:hover,
.com_virtuemart button.default:hover,
.com_virtuemart a.details:hover,
.com_virtuemart div.details:hover, 
.com_virtuemart a.product-details:hover {
    background-color: #e6e6e6;
    background-image: none;
    background-position: 0;
    border: none;
    color: #363637;
    opacity: .85;
}

.com_virtuemart input.highlight-button,
.com_virtuemart input.highlight-button:hover,
.com_virtuemart span.addtocart-button span.addtocart-button:hover,
.com_virtuemart span.addtocart-button input.addtocart-button:hover,
.com_virtuemart span.addtocart-button input.notify-button:hover,
.com_virtuemart span.addtocart-button span.addtocart-button, 
.com_virtuemart span.addtocart-button input.addtocart-button, 
.com_virtuemart span.addtocart-button input.notify-button {
    background: #51cf51;
    color: #fff;
}

.com_virtuemart input.highlight-button:hover,
.com_virtuemart span.addtocart-button span.addtocart-button:hover,
.com_virtuemart span.addtocart-button input.addtocart-button:hover,
.com_virtuemart span.addtocart-button input.notify-button:hover {
    opacity: .85;
}

.com_virtuemart .orderlistcontainer {
    position: relative;
}

.com_virtuemart .orderlistcontainer div.orderlist {
    width: 100%;
}

.com_virtuemart .orderlistcontainer a {
    color: #363637;
}

.com_virtuemart .orderlistcontainer div.activeOrder{
    background-position: 98% 12px;
    padding-right: 30px !important;
}

.com_virtuemart .orderlistcontainer div.orderlist {
    border-color: #f3f3f3;
}

/* Message */
.com_virtuemart #system-message {
    background: #02adea;
}