/*======================================================
=                 Menu custom fields                   =
======================================================*/
.nmi-item-custom-fields {
    display: none;
    overflow: hidden;
    clear: both;
    padding: 0;
}
.nmi-item-custom-fields h4 {
    margin: 20px 0 10px;
}

.nmi-div {
    overflow: hidden;
    clear: both;
    color: #a6a6a6;
}
.nmi-div a {
    text-decoration: none;
    display: inline-block;
}
.nmi-div a:hover {
    text-decoration: underline;
}
.nmi-div a.link-with-image {
    display: block;
    margin: 10px 0;
}

.nmi-upload-link {
    margin: 10px 0;
}

.nmi-current-image img {
    display: inline-block;
    padding: 3px;
    border: 1px solid #efefef;
}

/*======================================================
=                 Redux Framework                 =
======================================================*/
.redux-container {
    background-image: none;
    background-color: #2a2e31
}

.redux-container #redux-header {
    background: #242527;
    border-color: #242527
}

.redux-container #redux-header .display_header {
    margin: 20px 20px 20px 20px
}

.redux-container #redux-header .display_header h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 30px;
    line-height: 1;
    padding-right: 15px
}

.redux-container #redux-header .display_header span {
    color: white
}

.redux-container #redux-header .display_header .redux-dev-mode-notice-container {
    left: auto;
    right: 26px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.redux-container #redux-header .display_header .redux-dev-mode-notice-container .redux-dev-mode-notice {
    border-radius: 0
}

.redux-container .rAds {
    opacity: 0
}

.redux-container .rAds a,
.redux-container .rAds img {
    display: none
}

.redux-container .button {
    margin-top: 0
}

.redux-container .redux-action_bar .spinner {
    margin-top: 6px
}

.redux-container .redux-action_bar .button {
    line-height: 1
}

.redux-container #redux-sticky #info_bar {
    height: 38px
}

.redux-container #info_bar {
    padding: 9px 10px 3px 6px
}

.redux-container .redux-sidebar {
    width: 232px
}

.redux-container .redux-sidebar .redux-group-tab-link-a i {
    color: rgba(255, 255, 255, 0.2)
}

.redux-container .redux-sidebar .redux-group-menu li a {
    padding: 16px 4px 16px 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    border-bottom-color: rgba(255, 255, 255, 0.05);
    opacity: 1
}

.redux-container .redux-sidebar .redux-group-menu li a:hover {
    background: #2a2e31;
    color: #02a79c
}

.redux-container .redux-sidebar .redux-group-menu li.active>a,
.redux-container .redux-sidebar .redux-group-menu li.active>a:hover,
.redux-container .redux-sidebar .redux-group-menu li.activeChild>a,
.redux-container .redux-sidebar .redux-group-menu li.activeChild>a:hover {
    width: auto;
    background-color: #2a2e31;
}

.redux-container .redux-sidebar .redux-group-menu li.active.hasSubSections a {
    background: #02a79c
}

.redux-container .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a {
    background: rgba(255, 255, 255, 0.05)
}

.redux-container .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover {
    color: white
}

.redux-container .redux-sidebar .redux-group-menu li.activeChild.hasSubSections a {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    text-shadow: none
}

.redux-container .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a {
    background: rgba(255, 255, 255, 0.05);
    padding: 10px
}

.redux-container .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff
}

.redux-container .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li.active a {
    background: #02a79c;
    color: #fff;
    text-shadow: none
}

.admin-color-fresh .redux-sidebar .redux-group-menu li.active a, .admin-color-fresh .redux-sidebar .redux-group-menu li.activeChild a, .wp-customizer .redux-sidebar .redux-group-menu li.active a, .wp-customizer .redux-sidebar .redux-group-menu li.activeChild a {
    color: #fff;
}

.redux-container .redux-main {
    margin-left: 232px;
    border-left: 0
}

.redux-container .redux-main .input-append .add-on {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.redux-container .redux-main .redux-container-typography .select2-container {
    min-width: auto!important
}

.redux-container .redux-main .redux-container-typography .input_wrapper input.mini {
    border-radius: 0
}

.redux-container .switch-options .cb-disable,
.redux-container .switch-options .cb-enable {
    border-radius: 0px
}

.redux-container .wp-color-result {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.redux-container .wp-color-result:after {
    border-radius: 0;
    font-size: 12px;
    padding: 1px 6px
}

.redux-container .redux-main .color-transparency-check {
    margin-top: -20px!important;
    padding-top: 0
}

.redux-container .redux-container-editor .wp-editor-container {
    border-radius: 0
}

.redux-container .redux-container-editor .add_media {
    padding-top: 5px;
    padding-bottom: 5px
}

.redux-container .redux-container-switch .cb-enable.selected,
.redux-container .redux-field-container .ui-buttonset .ui-state-active {
    background-color: #02a79c!important;
    border-color: #02a79c!important;
    background-image: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.redux-container .redux-container-switch .cb-disable.selected {
    background-image: none!important;
    background-color: #2a2e31!important
}

.redux-container .select2-container .select2-choice {
    border-radius: 0
}

.redux-container .select2-container .select2-choice .select2-arrow b:after {
    margin-left: -5px
}

.redux-container .redux-container-image_select .redux-image-select-selected img {
    border-color: #02a79c
}

.redux-container .redux-container-button_set .ui-button {
    border-radius: 0
}

.redux-container .noUi-connect {
    background-image: none!important;
    background-color: #02a79c!important
}

.redux-container #redux-footer .button:not(.button-primary) {
    margin-left: 4px
}

.redux-container .redux-container-sorter ul li {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.redux-actions .button,
.redux-container .button,
.redux-container .button-primary,
.redux-container .button-secondary {
    border-radius: 0px;
    font-size: 12px;
    line-height: 1;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 15px;
    text-transform: uppercase;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: all .2s ease
}

.redux-actions .button:active,
.redux-actions .button:focus,
.redux-actions .button:hover,
.redux-container .button-primary:active,
.redux-container .button-primary:focus,
.redux-container .button-primary:hover,
.redux-container .button-secondary:active,
.redux-container .button-secondary:focus,
.redux-container .button-secondary:hover,
.redux-container .button:active,
.redux-container .button:focus,
.redux-container .button:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.redux-actions .button:active,
.redux-container .button-primary:active,
.redux-container .button-secondary:active,
.redux-container .button:active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.redux-actions .button.button-primary,
.redux-container .button-primary {
    border-color: #02a79c;
    background-color: #02a79c;
    color: white
}

.redux-actions .button.button-primary:active,
.redux-actions .button.button-primary:focus,
.redux-actions .button.button-primary:hover,
.redux-container .button-primary:active,
.redux-container .button-primary:focus,
.redux-container .button-primary:hover {
    border-color: #02b6aa;
    background-color: #02b6aa
}

.redux-actions [disabled].button.button-primary,
.redux-container [disabled].button-primary {
    border-color: #02a79c!important;
    background-color: #02a79c!important;
    color: white!important;
    opacity: .5
}

/* Visual Composer Fields */
.vc_wrapper-param-type-structial_radio_image .structial-radio-images-list {
    display: block;
}

.vc_wrapper-param-type-structial_radio_image .structial-radio-images-list li {
    width: 137px;
    display: inline-block;
    margin: 0 10px 10px 0px;
}

.vc_wrapper-param-type-structial_radio_image .structial-radio-images-list li .structial_radio_image_val {
    display: none;
}

.vc_wrapper-param-type-structial_radio_image .structial-radio-images-list li .structial_radio_image {
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 5px;
    border-radius: 2px;
    line-height: 1;
}

.vc_wrapper-param-type-structial_radio_image .structial-radio-images-list li .structial_radio_image img {
    max-width: 100%;
}

.structial-image-src {
    max-width: 150px;
    height: auto;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin: 10px auto;
    display: block;
}

.vc_wrapper-param-type-structial_radio_image .structial-radio-images-list li .structial_radio_image_val:checked+.structial_radio_image {
    border-color: #464646;
    opacity: 1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05)
}


/*======================================================
=                   Hotspot styles                     =
======================================================*/
.wpb_structial_image_hotspot img {
    max-width: 100px;
    height: auto;
    padding: 10px; }
.wpb_structial_image_hotspot .attach_image {
    position: absolute;
    top: 45px;
    left: 0;
    max-width: 32px; }
.wpb_structial_image_hotspot,
.wpb_structial_image_hotspot .wpb_element_wrapper {
    padding-bottom: 10px; }

.cdb-hotspot-wrap-preview {
    position: relative;
    display: block;
    border: 1px solid #ddd;
    min-height: 200px;
    width: 100%; }

.cdb-hotspot-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #2EAE62;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.5);
    z-index: 1; }

.cdb-hotspot-wrap-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: pointer; }

.structial-hotspot-img {
    display: block;
    width: 100%;
    height: auto; }

.loading .cdb-hotspot-wrap,
.cdb-hotspot-wrap-image {
    display: none; }

/* Animation */
@-webkit-keyframes structial_rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
@keyframes structial_rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
.hotspot-cdb-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    opacity: 0;
    visibility: hidden; }
.loading .hotspot-cdb-loader {
    opacity: 1;
    visibility: visible; }

.hotspot-cdb-loader-el {
    position: absolute;
    width: 70px;
    height: 70px; }
.hotspot-cdb-loader-el img {
    -webkit-animation: structial_rotate 1s linear infinite;
    animation: structial_rotate 1s linear infinite;
    fill: rgba(0, 0, 0, 0.2); }
.hotspot-cdb-loader-el:first-child {
    -webkit-transform: skew(30deg, 20deg);
    transform: skew(30deg, 20deg); }
.hotspot-cdb-loader-el:last-child {
    -webkit-transform: skew(-30deg, -20deg) scale(-1, 1);
    transform: skew(-30deg, -20deg) scale(-1, 1); }
.hotspot-cdb-loader-el:last-child img {
    -webkit-animation-delimgay: -0.5s;
    animation-delay: -0.5s; }

/**
 Dashboard
 */
.column-thumb {
    width: 60px;
}