/* JOOMLA 5 MIGRATION
 ========================================================================== */

#pp>div.pp-orders>div>div.pp-access-alert__action>a {
    display: none;
}

.o-dialog-content .pp-plan-upgrade-info .pp-plan-upgrade-info__desc {
    margin-bottom: 0 !important;
    color: #7E3CEF !important;
}

.pp-plan-upgrade-info__title {
    margin-bottom: 0 !important;
    margin-right: 10px;
}

#pp .pp-plan-upgrade-info .o-select-group {
    max-width: 100%;
}

#pp>form>div>table:nth-child(3)>tbody>tr:nth-child(3),
#pp>form>div>table:nth-child(3)>tbody>tr:nth-child(5),
.pp-checkout-item__title {
    display: none;
}

.pp-checkout-table__title {
    font-size: 20px;
}

.pp-plan-upgrade-info__select select {
    padding: 10px;
    box-shadow: 1px 1px 12px #eee;
}

.o-dialog .o-dialog-modal {
    width: 650px !important;
}

#fd #pp .o-btn,
#fd .o-dialog-modal .o-btn {
    border-radius: 500px;
    text-transform: uppercase;
}

#fd label.o-form-label[for=pp-discount-code] {
    display: none;
}

#fd #pp .o-btn:hover,
#fd .o-dialog-modal .o-btn--default:hover {
    box-shadow: 1px 1px 12px #ccc;
}

#fd #pp .o-btn--default {
    background-color: #7F3CEF;
    color: #fff;
}

#fd #pp .o-btn--primary,
#fd .o-dialog-modal .o-btn--primary {
    background-color: #4a91fd;
    color: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
}

#fd #pp .pp-checkout-wrapper .o-btn {
    border-radius: 500px;
    text-transform: uppercase;
}

#fd #pp .pp-checkout-wrapper .o-btn--primary {
    background-color: #4a91fd;
    color: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
}


#pp .pp-checkout-container button {
    background-color: #4a91fd;
    color: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
}

.pp-checkout-wrapper .pp-checkout-menu {
    padding: 15px;
    box-shadow: 1px 1px 12px #eee;
    border-radius: 8px;
}

#pp .pp-checkout-container div.pp-checkout-item__content .pp-checkout-table__title,
#pp .pp-checkout-container div.pp-checkout-item__content .pp-checkout-table__price {
    font-size: 18px;
    color: #222;
}

#pp .pp-checkout-container #pp-discount-code {
    padding: 10px;
}

#pp .pp-checkout-container .pp-checkout-item__content div:nth-child(4)>div>table>tbody>tr>td.text-left {
    padding: 0px;
}

.pp-checkout-wrapper td.text-right.align-middle a {
    font-size: 14px;
}


/* Yootheme PRO Hack START
 ========================================================================== */

.uk-container-expand {
    max-width: 1300px;
}

em {
    color: inherit;
}

.productsv3.yoo .uk-button-large span.uk-icon,
.productsv3.yoo .uk-button-primary span.uk-icon {
    padding: 0 0 0 5px;
    vertical-align: text-bottom;
}

a.new-extension-icon {
    background-image: url("/images/home-images/new-extension-menus.svg");
    background-size: 40px;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-position: right;
}

div.get-extension a.uk-button {
    padding: 0px 10px;
}

/* Ticket system editor notice hide
 ========================================================================== */

.mce-notification-warning {
    opacity: 0 !important;
    z-index: -70000 !important;
}


/* CTA Blog posts
 ========================================================================== */

div.cta1-container {
    background-color: #8040f1;
    padding: 50px 80px;
    margin-bottom: 30px;
    border-radius: 4px;
    animation-name: colorchangecta1;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

@keyframes colorchangecta1 {
    from {
        background-color: #7734E7;
    }

    to {
        background-color: #4A91FD;
    }
}

p.cta1-button-container {
    text-align: center;
    margin-top: 60px;
}

p.cta1-intro {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 30px;
}

p.cta1-text {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    margin-bottom: 30px;
}

a.cta1-button {
    color: #fafafa;
    background-color: #222;
    text-transform: uppercase;
    padding: 20px 40px;
    font-size: 22px;
    font-weight: bold;
    border-radius: 40px;
    text-align: center;
}

a.cta1-button:hover {
    color: #ffffff;
    box-shadow: 1px 1px 12px #fff;
}

div.cta2-container {
    background-color: #8040f1;
    padding: 50px 80px;
    margin-bottom: 30px;
    border-radius: 4px;
    animation-name: colorchangecta2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

@keyframes colorchangecta2 {
    from {
        background-color: #7734E7;
    }

    to {
        background-color: #4A91FD;
    }
}

p.cta2-button-container {
    text-align: center;
    margin-top: 60px;
}

p.cta2-intro {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 30px;
}

p.cta2-text {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    margin-bottom: 30px;
}

a.cta2-button {
    color: #222;
    background-color: transparent;
    border: 4px solid #222;
    text-transform: uppercase;
    padding: 20px 40px;
    font-size: 22px;
    font-weight: bold;
    border-radius: 40px;
    text-align: center;
}

a.cta2-button:hover {
    color: #ffffff;
    box-shadow: 1px 1px 12px #fff;
}

@media screen and (max-width: 980px) {

    div.cta1-container,
    div.cta2-container {
        padding: 30px 10px;
    }

    p.cta1-text,
    p.cta2-text {
        font-size: 24px;
        line-height: 35px;
    }

    a.cta1-button,
    a.cta1-button {
        padding: 20px 20px;
        font-size: 20px;
    }
}



/* Price grid with Damien component
 ========================================================================== */

.pricing_table_column.popular .pricing_table_header div.pricing_table_title {
    line-height: 1.5em;
    padding: 20px 30px;
}

.pricing_table_column .pricing_table_header div.pricing_table_title {
    line-height: 1.5em;
    padding: 20px 10px;
}

.pricing_table_column .pricing_table_header div.pricing_table_description {
    line-height: 1.7em;
}

.pricing_table_column .pricing_table_content div.pricing_table_features {
    font-size: 0.8em;
}

div.pricing_table_column {
    width: 330px;
}

div.pricing_table_column.popular {
    width: 350px;
}

div.pricing_table_column:hover.popular {
    width: 360px;
}

div.pricing_table_column:hover {
    width: 340px;
}

.pricing_table_column .pricing_table_content div.pricing_table_link {
    bottom: 1em;
}

div.pricing_table_column:hover {
    margin-bottom: 1em;
}


/* Images hotspots
 ========================================================================== */

.tm-popover-items a.uk-marker {
    color: #1ed482 !important;
    border-color: #444 !important;
}


/* Affiliates
 ========================================================================== */

#formNewAffiliateAccount input,
#formNewAffiliateAccount textarea {
    border: 1px solid #e5e5e5;
    max-width: 500px
}

#formNewAffiliateAccount .checkbox,
#formNewAffiliateAccount .radio {
    padding-left: 0;
}

#formNewAffiliateAccount label {
    line-height: 10px;
}

#formNewAffiliateAccount button,
#formNewAffiliateAccount .btn {
    border: none;
    background-image: none
}

.affiliate-program,
.affiliate-program .label,
.affiliate-program .badge {
    text-shadow: none !important;
}

.affiliate-program .btn {
    background-image: none !important;
    text-shadow: none !important;
}

.affiliate-program .pagination select#limit {
    min-width: 75px;
    vertical-align: middle;
}

.affiliate-program .input-append .add-on:last-child,
.affiliate-program .input-append .btn:last-child,
.affiliate-program .input-append .btn-group:last-child>.dropdown-toggle {
    border-radius: 2px;
}

.affiliate-program input#date_out,
.affiliate-program input#date_in {
    height: 50px;
    min-width: 150px;
}

.affiliate-program .input-append,
.affiliate-program .input-prepend {
    font-size: inherit;
}

.affiliate-program .navbar-inner {
    background-color: #fafafa;
    background-image: none;
}

.affiliate-program select#account_id,
.affiliate-program select#type_id {
    max-width: 155px;
}

.affiliate-program .table_scrolls {
    overflow-x: inherit;
}

.affiliate-program .affiliate-creatives {
    border: 1px solid #ccc;
    padding: 20px;
}

.affiliate-program .adminform input {
    border: 1px solid #ccc;
    margin-bottom: 15px
}

.affiliate-program dt.PayPal h3 {
    float: left;
    margin-right: 30px;
}

.affiliate-program dt.PayPal h3 a {
    background-image: url("/images/Affiliate/Paypal-24.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: left;
}

.affiliate-program dt.Stripe h3 a {
    background-image: url("/images/Affiliate/Stripe-24.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: left;
}

.affiliate-program dt.PayPal.open h3,
.affiliate-program dt.Stripe.open h3 {
    font-weight: bold;
    text-decoration: underline;
}

.affiliate-program dt.PayPal.closed h3 a,
.affiliate-program dt.Stripe.closed h3 a {
    color: #363636 !important;
    border-bottom: 1px dotted #363636;
}

.affiliate-program div.checkbox label input {
    margin-right: 10px;
}

/* UVDesk
 ========================================================================== */

.orderhistory_main_front * {
    font-family: Varela Round;
}

.orderhistory_main_front div.wk_login_main {
    border: none;
    box-shadow: 1px 1px 12px #eee;
    padding: 20px 50px;
}

.wk_input_type input#wk_login.btn.btn-success {
    line-height: 32px;
}

div.wk_login_register.active {
    background-color: #4dc36b;
    border-radius: 2px;
}

.wk_login_header div.wk_login_register.active span {
    text-transform: uppercase;
}

div.wk_login_header {
    margin: 20px 0;
    overflow: hidden;
    max-width: 500px;
}

.thread-created-message-reply {
    padding: 0px 0px 15px 0px;
}


.uv-table.uv-list-view td.type-wp-media-folder {
    background-image: url("../Images/helpdesk/wpmf.png");
}

/* Lightbox for demo
 ========================================================================== */

.eb-popup.uk-modal-page body.productsv3.yoo .uk-modal.uk-flex.uk-open {
    padding: 20px;
}

.eb-popup.uk-modal-page body.productsv3.yoo div.uk-modal-dialog {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    height: 98%;
    max-width: 97% !important;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
}

.eb-popup.uk-modal-page body.productsv3.yoo .uk-modal-dialog iframe.uk-responsive-width {
    height: 100% !important;
    width: 100%;
}

.eb-popup.uk-modal-page body.productsv3.yoo div#uv-ju-custom-modal {
    background: rgba(240, 240, 240, .9);
}

.eb-popup.uk-modal-page body.productsv3.yoo div.uk-modal-dialog button {
    right: 25px;
}

.eb-popup.uk-modal-page body.productsv3.yoo div.uk-modal-dialog button svg {
    width: 30px;
}

.eb-popup.uk-modal-page body.productsv3.yoo div.uk-modal-dialog button svg line {
    stroke-width: 3px;
    color: #444;
}

/* Smart Search Documentation
 ========================================================================== */

@media screen and (max-width: 980px) {
    .documentation .rstbox-content a.el-content.uk-button.uk-button-secondary.uk-button-large {
        display: none;
    }
}

input.js-finder-search-query {
    height: 50px;
}

.search-doc div.mod-finder__advanced.js-finder-advanced {
    margin-top: 30px;
}

.search-doc .com-finder__results #sorting_btn {
    background: #444;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
}

.search-doc #search-result-list ul>li.result__taxonomy-item.result__taxonomy--Author {
    display: none;
}

.search-doc #search-result-list p.result__title a {
    font-weight: bold;
}

.search-doc #search-result-list li {
    background-color: #fafafa;
    padding: 20px;
}


/* Nav
 ======================== */
.uk-nav.uk-navbar-dropdown-nav>li>a {
    padding: 12px 20px;
}

@media screen and (max-height: 900px) {
    .uk-nav.uk-navbar-dropdown-nav>li>a {
        padding: 8px 20px;
    }
}

@media screen and (max-height: 768px) {
    .uk-nav.uk-navbar-dropdown-nav>li>a {
        padding: 6px 20px;
    }
}

.uk-navbar-dropdown-nav>li>a {
    color: #222 !important;
}

.uk-navbar-dropdown-nav>li>a:hover {
    color: #fff !important;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .08);
}

ul.uk-nav.uk-navbar-dropdown-nav li.uk-parent ul.uk-nav-sub,
.uk-offcanvas-page ul.uk-nav.uk-nav-default li.uk-parent ul.uk-nav-sub li.uk-parent ul {
    display: none;
}

.uk-navbar-sticky {
    opacity: 0.8;
}

.uk-navbar-sticky:hover {
    opacity: 1;
}

.tm-toolbar-default,
.tm-toolbar {
    display: none;
}

.tm-page {
    z-index: unset;
}

.productsv3.yoo .uk-panel.breadcrumb ul.uk-breadcrumb li a,
.productsv3.yoo .uk-panel.breadcrumb ul.uk-breadcrumb li span {
    color: #fafafa;
}

div#module-184.uk-panel.breadcrumb {
    padding-top: 30px;
    position: absolute;
}

.uk-padding-remove-top {
    padding-bottom: 10px;
}

@media screen and (max-width: 930px) {
    div#module-184.uk-panel.breadcrumb {
        display: none;
    }
}

#jmap_sitemap div.jmapcolumn>ul>li>span.folder {
    line-height: 30px;
}

div>nav>div.uk-navbar-right>ul>li:nth-child(6)>a {
    color: #7436E6;
    font-weight: bold;
}



/* Dropeditor
 ======================== */

body {
    font-family: inherit !important;
    font-size: inherit !important;
}

/* Login - Register
 ======================== */

.login-customer div.loginlogin-customer,
div.uk-container div.resetdark-bg,
div.uk-container div.reminddark-bg,
form#member-registration {
    max-width: 800px;
}

.loginlogin-customer>form>fieldset>div:nth-child(3)>div.control-label {
    float: left;
}

.login-customer .control-label {
    margin-bottom: 0;
}

.login-customer input {
    border: 1px solid #e5e5e5;
}

.loginlogin-customer .controls input#remember.inputbox {
    margin-top: 7px;
}

div.controls input#remember.inputbox {
    margin-top: 8px;
}

.login-customer ul.nav.nav-tabs.nav-stacked {
    margin-top: 60px;
    border: none;
}

.login-customer ul.nav.nav-tabs.nav-stacked li {
    float: left;
    margin-left: 20px;
}

.login-customer span.form-control-feedback {
    color: #F81D4E;
    padding-left: 10px;
    font-weight: normal;
}

.login-customer label#username-lbl,
.login-customer label#password-lbl,
.login-customer label#jform_name-lbl,
.login-customer label#jform_username-lbl,
.login-customer label#jform_password1-lbl,
.login-customer label#jform_password2-lbl,
.login-customer label#jform_email1-lbl {
    font-weight: bold;
}

.login-customer ul.nav.nav-tabs.nav-stacked li a.register {
    color: #fff;
    line-height: 46px;
    padding: 0 38px;
    letter-spacing: .5px;
    border-radius: 500px;
    background-origin: border-box;
}

.login-customer ul.nav.nav-tabs.nav-stacked li a.password,
.login-customer ul.nav.nav-tabs.nav-stacked li a.username {
    line-height: 46px;
}

.register-account div.registrationregister-account div.control-group div.control-label {
    width: 240px;
}

.register-account div.registrationregister-account fieldset div.control-group div.controls {
    margin-left: 250px;
}

.register-account div.registrationregister-account div.controls input {
    width: 80%;
}

.register-account div.registrationregister-account div.controls input:focus {
    border-bottom: 2px solid #ccc !important;
}

.register-account form#member-registration.form-validate.form-horizontal.well div.control-group div.controls button.btn.btn-primary.validate {
    padding: 0 50px;
}

.register-account div.registrationregister-account form#member-registration.form-validate.form-horizontal.well fieldset legend {
    display: none;
}

body.dropeditor-download div#module-269.uk-panel.dropeditor-download {
    margin-top: 40px;
}

body.dropeditor-download div#tm-main.tm-main.uk-section.uk-section-default {
    padding-top: 20px;
}

.acyradios div.btn-group label.btn.btn-primary {
    padding: 0 10px;
}

.acyradios div.btn-group label.btn.btn-primary.btn-danger.active {
    background-color: #4dc36b;
    color: #fff;
    border: 2px solid transparent;
    border-left-width: 2px;
    background-image: linear-gradient(45deg, #4dc36b 40%, #74da7d);
}

div.acystatus span div.acyradios div.btn-group {
    margin: 5px;
}

/* My Account
 ======================== */

#pp .pp-access-alert--warning {
    background-color: #FAFAFA !important;
    border-color: #fafafa !important;
    box-shadow: 1px 1px 12px #eee;
}

#pp .pp-access-alert--warning:before {
    border-top-color: #4a91fd;
}

.my-account .uk-section-default {
    min-height: auto !important;
}

.my-account div#tm-bottom.tm-bottom.uk-section-default.uk-section {
    padding-top: 0;
}

.my-account .pp-component {
    width: 100%;
}

.my-account .uk-accordion-title {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
}

.my-account div.uk-accordion-content p,
.my-account .mod_payplans_email_subscription {
    font-size: 14px;
}

.my-account span.badge.badge-warning,
.my-account span.badge.badge-warning,
.my-account span.badge.badge-warning,
.my-account span.badge-success {
    width: auto;
}

input[type="checkbox"].material_checkbox:checked::before {
    display: none !important;
}

.my-account div.uk-first-column p a.uk-button.uk-button-large.uk-button-primary {
    padding: 0 20px;
}

/* Forum
 ======================== */

.forum .t-min-width--0 a.t-d--flex.t-align-items--c.si-link span.t-text--truncate {
    max-width: 300px !important;
}

.forum .uk-section-default {
    padding-top: 0;
}

.forum .uk-padding-remove-top {
    padding-top: 40px !important;
    padding-bottom: 0;
}

.forum #ed {
    font-family: inherit;
    margin-top: 40px;
}

.forum div.tm-page div.o-nav__item a.o-nav__link.ed-toolbar__link.has-composer {
    background-color: #4a91fd;
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
}

#ed .o-avatar--md {
    width: 50px;
    height: 50px;
}

#ed .o-flag__image {
    padding-right: 20px;
}

#ed .ed-cat-panel {
    position: relative;
    width: 48%;
    border: none;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .08);
    border-radius: 3px;
    background-color: #fff;
    float: left;
    margin: 10px;
}

@media screen and (max-width: 1300px) {
    #ed .ed-cat-panel {
        width: 100%;
    }
}

#ed .ed-list> :not(:first-child) {
    margin-top: 10px;
}

.forum div#ed div.discuss-list div.ed-posts-list div.ed-post-item,
.forum div#ed .ed-forum {
    box-shadow: 0px 10px 10px 7px rgba(0, 0, 0, .08);
}

.forum div#ed div.ed-entry div.ed-post-item.has-body {
    box-shadow: 0px 10px 10px 7px rgba(0, 0, 0, .08);
    padding: 20px;
}

.forum div#ed .ed-forum-item {
    border-bottom: 1px solid #eee;
}

.forum div#ed .ed-post-item__hd {
    border: none;
}

.forum div#ed .has-body .ed-post-item__bd,
.forum div#ed .ed-post-item__ft,
.forum div#ed .ed-post-item__bd,
.forum div#ed .ed-forum__hd,
.forum div#ed .ed-forum__bd,
.forum div#ed .ed-forum__ft,
.forum div#ed .ed-forum-item+.ed-forum-item {
    border: none;
    border-radius: 0;
}

.forum div#ed div.ed-filters div.ed-filter-bar .ed-filter-bar__sort-action {
    min-width: 290px;
}

/* Documentation
 ======================== */

.documentation article.uk-article div p,
.documentation article.uk-article div p strong,
.documentation article.uk-article div em,
.documentation article.uk-article div ul li {
    word-break: break-word;
}

@media screen and (max-width: 980px) {
    .documentation article h1.uk-article-title {
        font-size: 22px;
        background-image: none;
        padding-left: 0;
    }
}


.documentation div.uk-margin-medium-top {
    margin-top: 0 !important;
}

.documentation-main div.tm-page div#tm-main.tm-main.uk-section.uk-section-default.uk-section-large {
    padding-top: 30px;
}

.documentation-main div.uk-text-center.uk-margin-medium-top a img {
    float: left;
    margin-right: 30px;
}

div.judocument-module {
    padding-top: 10px;
}

.documentation div.judocument-module-tab ul.uk-tab-left.uk-tab li.uk-active a {
    color: #ffffff;
    border-color: #ffffff;
    border-image: linear-gradient(90deg, #4a91fd, #5b48ff) 1;
    background-color: #5b48ff;
    box-shadow: 0 1px 10px 5px rgba(0, 0, 0, .08);
    transition: all ease 0.2s;
}

.documentation .uk-navbar-nav>li>a {
    text-transform: none;
}

.documentation .uk-nav-default .uk-nav-sub a,
.uk-nav-default>li>a {
    color: #666 !important;
}

.documentation .judocument-module .uk-grid img.uk-icon {
    max-width: 200%;
}

/* Engagebox
 ======================== */

.productsv3.yoo.rstboxes .eb-top-right.eb-custom.menu-extension {
    transition: all ease-in 0.3s;
    top: 100px;
}

.productsv3.yoo.rstboxes .eb-top-right.eb-custom.menu-extension:hover {
    opacity: 1 !important;
    transition: all ease-in 0.3s;
}

/* Payment - Payplans 
========================*/



div#pp.pp-frontend div.pp-checkout-container {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

div#pp .o-form-group--float.is-filled .o-form-control:not(select),
div#pp .o-form-group--float.is-filled .o-select-group,
div#pp .o-form-group--float.is-focused .o-form-control:not(select),
div#pp .o-form-group--float.is-focused .o-select-group {
    padding-top: 1.5em;
    padding-bottom: .5em;
}

.my-account.dark-bg div#pp.pp-frontend.pp-main.view-dashboard.layout-preferencesmy-account div.o-card.t-lg-mb--lg {
    border: none;
}

div#pp .o-form-group--float .o-select-group .o-form-control {
    height: 1.5em !important;
    height: 1.5em !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
}

table.pp-checkout-table tbody tr {
    font-size: 1.3em;
}

#pp .btn-pp-primary {
    background-color: #4a91fd;
    color: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 46px;
    padding: 0 38px;
    letter-spacing: .5px;
    border-radius: 50px;
    background-origin: border-box;
    font-size: 15px;
    font-weight: bold;
}

#pp .btn-pp-primary:hover {
    background-image: none;
    box-shadow: 0 0 30px 0 rgba(74, 145, 253, .4);
    text-decoration: none;
    background-color: transparent;
    color: #363636;
    border: 2px solid #edecec;
}

#pp .is-active .pp-step__no {
    color: #fafafa;
    background-color: #222;
}

#pp .pp-step__no {
    background-color: #ddd;
}

div#pp .o-form-control {
    box-shadow: none;
}

div.pp-checkout-menu div.t-lg-mb--lg div b {
    font-size: 1.2em;
}

div#pp .pp-checkout-wrappe div.o-card.o-card--borderless div.o-card__body div.o-form-group.o-form-group--float {
    box-shadow: 1px 1px 12px #eee;
}

.my-account #pp .o-form-group--float .o-form-control,
.my-account #pp .o-form-group--float .o-control-label,
.my-account #pp .o-form-group--float .o-control-label,
.my-account div#pp .o-form-group--float .o-select-group .o-form-control {
    font-size: 0.8em;
}

.my-account div#pp.pp-frontend.pp-main.view-dashboard.layout-preferencesmy-account div.o-card__body p.t-lg-mb--xl {
    font-size: 0.8em;
}

.my-account div#pp {
    font-family: Varela Round !important;
}

.my-account #pp .o-label--lg {
    font-size: 0.8em;
    background-color: #4dc36b;
}

.my-account #pp div.pp-orders div.t-lg-mt--lg div.o-card {
    border: none;
    box-shadow: 0 1px 10px 5px rgba(0, 0, 0, .08);
}

.my-account #pp div.pp-orders .o-card-list-group__item {
    background-color: #fafafa;
    border: none;
}

#pp div.pp-plan-upgrade-info_wrapper .table tr td {
    padding: 5px;
    font-size: 13px;
}

#fd .pp-plan-upgrade-info__title,
#fd .pp-plan-upgrade-info__title strong {
    font-size: 15px;
    letter-spacing: 0.5px;
}

#fd div.pp-plan-upgrade-info_wrapper .table tr.pp-plan-upgrade-info__payable-amount td {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

#fd .pp-plan-upgrade-info {
    background: #f5f5f5;
    border-radius: .2em;
    padding: 1.8em .6em;
}

#fd .pp-plan-upgrade-info .pp-plan-upgrade-info__title {
    text-align: center;
}

#fd .pp-plan-upgrade-info--action {
    background-image: linear-gradient(90deg, #7635E7, #813EF1);
    color: #fff;
}

#fd div.pp-plan-upgrade .t-lg-mb--lg {
    box-shadow: 0 1px 10px 5px rgba(0, 0, 0, .08);
    background-color: #fafafa;
    transition: all 0.2s ease;
}

#fd div.pp-plan-upgrade .t-lg-mb--lg:hover {
    cursor: pointer;
}

#fd .pp-plan-upgrade-info--action .pp-plan-upgrade-info__desc table {
    color: #fff;
}

#fd .t-lg-mb--lg {
    margin-bottom: 1.2em !important;
}

div.pp-plan-upgrade-info.pp-plan-upgrade-info--action.t-lg-mb--lg div.pp-plan-upgrade-info__input input,
div.pp-plan-upgrade div.pp-plan-upgrade-info.t-lg-mb--lg div.pp-plan-upgrade-info__input input {
    display: none;
}

.my-account #fd .o-dialog-footer-content .btn-pp-danger-o {
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe) !important;
    color: #fff !important;
}

img.payplans-payment-methods {
    margin: 0 0 10px 0;
    max-width: 300px !important;
}

div#pp.pp-frontend.pp-main.view-checkout div.pp-checkout-wrapper div.o-card.o-card--borderless div.o-card__body div.o-form-group {
    box-shadow: 1px 1px 12px #eee;
}

div.pp-checkout-container div.pp-checkout-wrapper button.btn.btn-pp-primary:focus {
    background-image: none;
}

div.__PrivateStripeElement {
    padding: 10px;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
}

#fd .o-card--borderless {
    border: 0;
    padding: 20px;
    box-shadow: 1px 1px 12px #eee;
    margin-bottom: 20px;
    background-image: url("../Images/all-cards.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-position: 453px 10px;
}

.o-card--borderless input.CheckoutInput,
.o-card--borderless input.InputElement {
    font-style: inherit !important;
}

form.ElementsApp input.InputElement {
    background-color: #ccc;
}


/* Changelog
 ======================== */

div.changelog-menu {
    margin-top: 50px;
    border-top: 2px solid #444;
    padding-top: 20px;
}

.changelog-menu ul.uk-nav.uk-nav-default li a {
    font-size: 13px;
}

.changelog div.tm-page div#tm-main.tm-main.uk-section.uk-section-default {
    padding-top: 40px;
}


/* Products - TO REMOVE AFTER PRODUCT PAGE DONE
 ======================== */

div.subtitle span {
    color: #a6afb0;
    padding: 0 175px;
    background-image: url("../Images/site-bg-line-short.png"), url("../Images/site-bg-line-short.png");
    background-position: right center, left center;
    background-repeat: no-repeat;
}

.productsv3 div.uk-margin-medium-top p.text-marg a.uk-button.uk-button-large,
.productsv3.addon div.uk-margin-medium-top p strong a.uk-button.uk-button-large,
.productsv3 div.uk-margin-medium-top div.left3 p a.uk-button.uk-button-large {
    background-color: transparent;
    color: #363636;
    border: 2px solid #edecec;
    font-size: 15px;
    font-weight: bold;
}

.productsv3 div.uk-margin-medium-top div.addon p a.uk-button.uk-button-large {
    background-color: transparent;
    color: #363636;
    border: 2px solid #edecec;
    font-size: 15px;
    font-weight: bold;
    padding: 0 10px;
}

a.uk-button.uk-button-large:hover,
.productsv3 div.uk-margin-medium-top div.addon p a.uk-button.uk-button-large:hover,
.productsv3.addon div.uk-margin-medium-top p strong a.uk-button.uk-button-large:hover,
.uk-modal-container.uk-modal.uk-open div.uk-modal-dialog.uk-modal-body a.uk-button.uk-button-large:hover,
.productsv3 div.uk-margin-medium-top div.left3 p a.uk-button.uk-button-large:hover {
    background-color: transparent;
    color: #363636;
    border-color: #4dc36b !important;
    box-shadow: inset 0 0 10px rgba(77, 195, 107, .2), 0 0 10px rgba(77, 195, 107, .2);
    background-image: none;
}

.uk-modal-container.uk-modal.uk-open div.uk-modal-dialog.uk-modal-body a.uk-button.uk-button-large {
    background-color: transparent;
    color: #363636;
    border: 2px solid #edecec;
    font-size: 15px;
    font-weight: bold;
}

.productsv3.yoo p.social-links {
    border: none;
}

body.productsv3.yoo div.video-main-wpmf {
    background-image: url("https://www.joomunited.com/images/WP-Media-Folder/Video-loading.svg");
    background-position: center;
    background-repeat: no-repeat;
}

body.productsv3.yoo .uk-h2,
body.productsv3.yoo h2 {
    font-size: 36px !important;
}

@media screen and (max-width: 767px) {
    .productsv3.yoo div.tm-page div.header-product .uk-background-cover {
        /*min-height: 105vw;*/
        padding-bottom: 120px;
        margin-bottom: -90px;
    }
}

/* NEW PRODUCT PAGES
 ========================================================================== */

div.tm-page div.doc-bottom.uk-section-primary.uk-section {
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
}

.productsv3.yoo .pro-addon div.el-meta.uk-h4 {
    background-color: #6345E3;
    background-image: linear-gradient(45deg, #6345E3 40%, #7cb0fe);
    color: #fafafa !important;
    border-radius: 10px;
    max-width: 200px;
    margin: 0 auto;
    padding: 2px;
    font-size: 18px;
}

.productsv3.yoo .pro-addon .el-image {
    color: #6345E3 !important;
}

.productsv3.yoo video {
    width: 1280px;
    height: 720px;
}

.productsv3.yoo div.doc-bottom a span.uk-text-middle {
    line-height: 60px;
}

/* To fix the blick of the feature list */
.productsv3.yoo .feature-blocks .uk-grid {
    align-items: flex-end;
}

.compare_tooltip .compare_tooltipcontent {
    width: 300px !important;
}



/* Yootheme PRO Hack END
 ========================================================================== */

/* General Classes
 ========================================================================== */

.clearfix:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.half-of-width {
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .half-of-width {
        width: 100%;
    }
}

.mobile-visible {
    display: none;
}

@media screen and (max-width: 480px) {
    .mobile-visible {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .mobile-invisible {
        display: none;
    }
}

.whole-page {
    width: 100%;
}

.margin-bottom-big {
    margin-bottom: 40px;
}

.margin-top-big {
    margin-top: 40px;
}

.margin-bottom-bigger {
    margin-bottom: 80px;
}

.margin-top-bigger {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    .margin-bottom-bigger {
        margin-bottom: 40px;
    }

    .margin-top-bigger {
        margin-top: 40px;
    }
}

.left {
    float: left;
}

.right {
    float: right;
}

.text-center {
    text-align: center;
}

.blue-text,
.productsv3 .blue-text {
    font-weight: 500;
    color: #2ba3cd;
}

.blue-text .marked,
.productsv3 .blue-text.marked {
    color: #2b77bc;
    font-weight: 600;
    font-size: 1.4em;
}

.bigger-text,
.productsv3 .bigger-text {
    font-size: 1.3em;
    line-height: 1.3em;
}

@media screen and (max-width: 480px) {

    .bigger-text,
    .productsv3 .bigger-text {
        font-size: 1em;
        line-height: 2em;
    }
}

.separation-line {
    display: block;
    float: left;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .mobile-whole-size {
        width: 100%;
    }

    .mobile-invisible {
        display: none;
    }
}


/* Buttons
 ========================================================================== */

.btn-wrap {
    text-align: center;
}

.btn {
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    font-size: 14px;

}

.btn:hover {
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.btn-center {
    display: inline-block;
}

.btn-circle {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 10px 40px;
}

.btn-big {
    height: 75px;
    line-height: 75px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.1em;
}

.btn-circle.btn-big {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.btn-blue,
.btn-blue:hover {
    background: #00b4f1;
    color: #fff;
}

.btn-blue:hover {
    background: #00a9e2;
    color: #fff;
}

.btn-red {
    background: #f00950;
    color: #fff;
}

.btn-red:hover {
    background: #f02c6a;
    color: #fff;
}

.btn-green {
    background: #a9cc34;
    color: #fff;
}

.btn-green:hover {
    background: #9bbc2e;
    color: #fff;
}

.btn-grey {
    background-color: #444444;
    color: #5d5459;
}

.btn-grey-light {
    background: #f8f9fb;
    color: #738a9c;
    border: 2px solid #ecf1f7;
    padding: 0 15px;
    line-height: 40px;
    height: 40px;
}

.btn-grey-light:hover {
    color: #738a9c;
    background: #eeeff1;
    box-shadow: 0;
    -webkit-box-shadow: 0;
}

.btn-red-light {
    background: transparent;
    border: 3px solid #f02c6a;
    color: #f02c6a;
}

.btn-shadow,
.btn-shadow:hover {
    -webkit-box-shadow: 1px 1px 15px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 15px 3px rgba(0, 0, 0, 0.3);
}

/* HEADER
 ========================================================================== */

.uk-navbar-dropdown-nav .uk-nav-sub a {
    display: none;
}

.uk-navbar-dropdown-nav>li.uk-active>a {
    background-color: #6443E3;
    color: #fff !important;
}

.uk-panel.translation {
    float: left;
    padding: 29px 0 0 10px;
}

.uk-navbar .uk-navbar-nav li a img {
    padding: 0 !important;
    width: 25px;
    margin-right: 3px !important;
}

.uk-panel.translation select {
    border-radius: 0;
}

.uk-panel._social {
    float: left;
    line-height: 40px;
    padding: 20px 10px 0;
}

.uk-panel.login-header {
    float: left;
    line-height: 40px;
    padding: 20px 10px 0;
}

.uk-panel._social p.social-header a img {
    margin: 0 2px;
}

.tm-sidebar-menu-container a.tm-sidebar-logo img {
    margin-top: 10px !important;
    max-width: 175px;
}

@media only screen and (min-width: 945px) {
    li a.login-menu {
        display: none;
    }
}

div#mod_improved_ajax_login-87 a.regBtn.selectBtn.fullWidth span.loginBtn {
    background-color: #00b4f0;
    font-size: 18px;
    padding: 20px;
    text-transform: uppercase;
    background-image: linear-gradient(top, #00b4f0, #00b4f0);

}

div.loginH3 {
    font-weight: bold;
    text-transform: uppercase;
}

div#mod_improved_ajax_login-87 a.userBtn.selectBtn span.loginBtn.rightBtn {
    display: none;
}

.ial-usermenu .loginWndInside {
    border-radius: 2px;
}

.uk-margin-small-right {
    margin-right: 5px !important;
}

@media only screen and (min-width: 960px) {
    .uk-navbar-nav>li>a {
        padding: 0 16px !important;
        color: #222 !important;
        font-size: 15px !important;
        min-height: 70px !important;
    }
}



/* FOOTER
 ========================================================================== */

.tm-bottom .uk-panel._menu ul li a {
    justify-content: center;
}

.tm-block-content-bottom {
    padding: 20px 60px;
}

.tm-content-bottom ._menu h3.uk-panel-title {
    font-size: 20px;
    text-align: left;
    color: #666;
}

.tm-content-bottom ._menu .uk-nav-side li a {
    padding: 5px;
}

.uk-nav-side>li.uk-active>a {
    background: #ccc;
}

.social_footer p a img {
    margin: 0 4px 10px 0;
}

@media only screen and (max-width: 747px) {

    div.uk-width-1-1.tm-content-wrapper div.tm-block-content-bottom,
    .tm-content-bottom ._menu h3.uk-panel-title {
        text-align: center;
    }
}

/* HOME
 ========================================================================== */

.home.productsv3 article.uk-article div h2.uk-article-title {
    font-size: 34px;
    letter-spacing: -0.7px;
    text-align: center;
}

.home h3.uk-panel-title {
    font-size: 32px;
    color: #2b3030;
    text-decoration: none;
    padding: 0 0 5px;
    margin: 0 0 10px 0;
    text-align: center;
    line-height: 32px;
}

div.subtitle {
    text-align: center;
    margin-bottom: 20px;
    clear: both;
}

div.subtitle span {
    color: #a6afb0;
    padding: 0 175px;
    background-image: url("../Images/site-bg-line-short.png"), url("../Images/site-bg-line-short.png");
    background-position: right center, left center;
    background-repeat: no-repeat;
}

body.home main.tm-content div.text-wrap.text-center h3 a {
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1460px) {
    div.subtitle span {
        background-image: none;
    }
}

div.bx-wrapper .bx-controls-direction a {
    z-index: 200;
}

.home .banner-wrap {
    margin: 0 -53px 0 -93px;
    padding: 30px 60px 300px 90px;
    background: url('https://www.joomunited.com/images/home-images/market-leader-banner.png') bottom center no-repeat #fff;
    background-size: 100% auto;
}

@media screen and (max-width: 992px) {
    .home .banner-wrap {
        padding-bottom: 250px;
    }
}

@media screen and (max-width: 767px) {
    .home .banner-wrap {
        padding-bottom: 200px;
    }
}

@media screen and (max-width: 600px) {
    .home .banner-wrap {
        padding-bottom: 150px;
    }
}

.home .banner-wrap p.fullbanner-intro {
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 15px;
    font-size: 28px;
    margin-bottom: 30px;
    line-height: 1;
}

.home .banner-wrap p.fullbanner-text {
    font-size: 22px;
    color: #6e6e6c;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 25px;
}

@media screen and (max-width: 600px) {
    .home .banner-wrap p.fullbanner-intro {
        font-size: 18px;
    }

    .home .banner-wrap p.fullbanner-text {
        font-size: 16px;
    }
}

.home.productsv3 #eb.eb-mod .eb-gallery-title a {
    color: #fafafa;
}

.home.productsv3 div.eb-gallery-box div.eb-gallery-body div.eb-gallery-meta span a {
    display: none;
}


/* #BUNDLE DEV BUTTON
==================================================*/

.bundledev-button {
    position: relative;
    vertical-align: top;
    width: 50%;
    height: 50px;
    padding: 0;
    font-size: 18px;
    color: #616d6f;
    text-align: center;
    background: #ecf0f1;
    border: 0;
    border-bottom: 2px solid #dadedf;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #dadedf;
    box-shadow: inset 0 -2px #dadedf;
}

.info-bundledev {
    position: relative;
    vertical-align: top;
    width: 15%;
    height: 30px;
    padding: 0;
    font-size: 16px;
    color: #616d6f;
    text-align: center;
    background: #ecf0f1;
    border: 0;
    border-bottom: 2px solid #dadedf;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #dadedf;
    box-shadow: inset 0 -2px #dadedf;
}

.bundledev-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#PricesBoxP.contentBox p a {
    text-decoration: none;
}

/* FORUM easy discuss
=========================================================================== */

#ed .o-avatar--rounded,
#ed .o-avatar--rounded img {
    border-radius: 20%;
}

#ed {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

div#ed .ed-post-item__title,
div#ed a.ed-forums-cat-header__title {
    font-size: 20px;
}

#ed .ed-navbar__btn-ask {
    padding: 4px 40px;
    background-color: #00B4F0 !important;
    border-radius: 2px;
    border: none !important;
}

#ed .ed-navbar__btn-ask:hover,
#ed .ed-navbar__btn-ask:focus,
#ed .ed-navbar__btn-ask:active {
    box-shadow: 1px 1px 12px #444;
    background-color: #00B4F0 !important;
    background: #00B4F0 !important;
}

#ed .fa-pencil::before {
    content: "ASK YOUR QUESTION?";
    font-size: 15px;
    font-weight: bold;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

#ed div.ed-forums-cat-header a.btn.btn-primary.pull-right.ed-forums-cat-header__btn {
    background-color: #00B4F0 !important;
    border: none !important;
    border-radius: 2px;
}

.forum div.tm-middle.uk-grid div.tm-main.uk-width-medium-1-1 section.tm-main-top.uk-grid div.uk-width-1-1.uk-grid-margin {
    margin: 0;
}

.forum div.tm-main.uk-width-medium-1-1 main.tm-content {
    margin-top: 0;
}

.forum .metamod-forum p.register-to-post,
.dropeditor-download .uk-panel.custom p strong a {
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe) !important;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.forum .metamod-forum p.register-to-post a {
    color: #fff;
}

@media only screen and (max-width: 800px) {

    .forum .metamod-forum div p.register-to-post,
    .dropeditor-download div.uk-panel.custom p strong a {
        font-size: 13px;
    }
}

#ed .o-label--info-o {
    background-color: #fff !important;
    color: #4a91fd !important;
    border: 1px solid #4a91fd !important;
}

.forum .metamod-forum p.register-to-post:hover,
.dropeditor-download div.uk-panel.custom p strong a:hover {
    box-shadow: 1px 1px 12px #ccc;
}

.uk-panel.uk-panel-box.metamod-forum {
    padding: 0;
    background: none;
}

.alert-login a.uk-alert-success {
    text-decoration: none;
    color: #fff;
    transition: all 0.2s ease 0s;
}

.alert-login a.uk-alert.uk-alert-success:hover {
    box-shadow: 1px 1px 12px #ccc;
}

div#discuss-wrapper .discuss-statistic div.status,
div#discuss-wrapper .discuss-statistic div.views {
    background-color: #eee;
    border: medium none;
    border-radius: 2px;
}

div#discuss-wrapper .discuss-statistic div.status a,
div#discuss-wrapper .discuss-statistic div.views a {
    color: #444;
}

div.discuss-category-statistic {
    display: none;
}

div#discuss-wrapper div.mb-10 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

div#discuss-wrapper ul.unstyled.nav-bar.discuss-category-sublist li {
    line-height: 23px;
    margin: 0;
}

div#discuss-wrapper div.discuss-category-header a.btn.btn-primary.btn-new-post {
    background-color: #76bc58;
    border-color: #76bc58;
    border-radius: 2px;
    border: none;
    color: #fff;
    padding: 7px;
    background-image: none;
    font-size: 16px;
}

div#discuss-wrapper div.discuss-category-info {
    padding: 30px;
}

.tm-content div#discuss-wrapper .btn-mini {
    border: none;
    border-radius: 1px;
    background-color: #eee;
    background-image: none;
    padding: 1px 5px;
}

.tm-content div#discuss-wrapper .discuss-searchbar .btn-ask,
.tm-content div#discuss-wrapper .discuss-form .btn-primary,
.tm-content div#discuss-wrapper .discuss-form .cancel-reply,
.tm-content div#discuss-wrapper .btn-success,
.tm-content div#discuss-wrapper .btn-info {
    background-image: none;
    border: medium none;
    border-radius: 1px;
    text-shadow: none;
}

div#ed div.ed-ask div.from-group select#category_id.form-control {
    box-shadow: 1px 1px 12px #444;
}

.forum .ed-replies-list-wrapper .o-card.o-card--ed-empty-section {
    min-height: 130px;
    background-color: #4a91fd !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px;
}

.forum #ed .ed-replies-list-wrapper .o-card.o-card--ed-empty-section i.t-text--info {
    color: #fff !important;
}

#ed .o-empty__icon {
    color: #fff;
}

#ed .o-empty__text {
    color: #fff;
}

#ed blockquote {
    margin: 20px 0 0 20px;
}

#ed .o-alert--success {
    background-color: #A6CE39;
    border-color: #A6CE39;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

#ed .ed-post-item__hd {
    border-radius: 1px
}

#ed .popbox-dropdown__meta {
    display: none;
}

/* EASY BLOG
========================================================================= */

body.news-blog .eb-entry {
    max-width: 800px;
    margin: 0 auto;
}

body.news-blog .eb-headers {
    max-width: 850px;
    margin: 0 auto;
}

body.news-blog .uk-padding-remove-top {
    padding-bottom: 0;
}

body.news-blog .uk-section-default {
    padding-top: 0;
}

div#module-184.uk-panel.breadcrumb {
    padding-top: 30px;
    position: relative;
    max-width: 850px;
    margin: 0 auto;
}

#eb .eb-related-thumb,
#eb .eb-mod-thumb .eb-mod-image-cover {
    background-size: contain;
}

div.ebd-block h2 {
    margin: 30px 0 20px 0 !important;
    font-weight: bold;
}

#eb h1,
#eb h2,
#eb h3 {
    font-weight: bold;
}

div#eb-canvas {
    display: none;
}

div#eb .eb-post-content {
    width: auto;
}

div#eb.mod-easyblogshowcase--sidenav .eb-gallery-body {
    background: rgba(125, 57, 234, 0.7);

}

div#fd.eb .eb-entry-tools {
    margin: 0;
}

#eb .eb-favourite-toggle {
    display: none;
}

div#eblog-wrapper.eblog-elegantwhite div#ezblog-head {
    border: none;
}

#ezblog-body .blog-meta {
    font-size: 12px;
}

div#main div.blog h1 {
    text-align: left;
}

.items-row {
    padding: 30px 0 0 30px;
}

.readmore a {
    color: #00ADEE;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

.readmore a:hover {
    text-decoration: underline;
}

div.blog div.pagination ul li {
    float: left;
    font-weight: bold;
    padding: 5px;
}

#eblog-wrapper #ezblog-body .blog-title,
#eblog-wrapper #ezblog-body .blog-title a {
    font-weight: normal;
    text-shadow: none;
}

div#ezblog-head .component-links {
    margin-bottom: 0;
}

#eblog-wrapper #ezblog-head,
#eblog-wrapper #ezblog-body .profile-item,
#eblog-wrapper #ezblog-body .blog-read,
#eblog-wrapper #ezblog-body .tab_button,
#eblog-wrapper #ezblog-body .blog-section,
#eblog-wrapper #ezblog-body .post-tags,
#eblog-wrapper #ezblog-body .tag-sort-order,
#eblog-wrapper #ezblog-body #ezblog-posts .blog-post,
#eblog-wrapper #ezblog-body .blog-post,
#eblog-wrapper #ezblog-body #ezblog-detail {
    text-shadow: none !important;
}

p a.lightblue-button {
    background: #9bb862 url("../Images/download.png") no-repeat scroll 5px center !important;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    margin: 7px;
    padding: 20px 25px 20px 55px;
    text-shadow: none;
    transition: all 0.2s ease 0s;
}

div#fd p a.lightblue-button:hover,
div#fd p a.lightblue-button:focus {
    border: none !important;
    background: #2DAEEF url("../Images/download.png") no-repeat scroll 5px center !important;
    box-shadow: 1px 1px 12px #ccc;
    text-decoration: none;
    color: #fff;
}

#eb .eb-post-thumb .eb-post-image {
    border: none;
}

#eb .eb-post {
    border: none;
    box-shadow: 1px 1px 12px #ddd;
}

#eb .eb-post-foot {
    background: none;
    border-top: none;
}

#eb .btn-default {
    background-color: #4a91fd !important;
    color: #fff !important;
    border: none;
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
    border-radius: 40px;
}

#eb .btn-default:hover,
#eb .btn-default:active,
#eb .btn-default:focus {
    background-color: #42a5f5 !important;
    color: #fff !important;
    box-shadow: 1px 1px 12px #ccc;
}

#eb .eb-rating-form.voted .eb-ratings-value {
    background: #42a5f5;
}

#eb .eb-post-meta {
    display: none;
}

.eb-post-date.text-muted .eb-meta-date {
    font-size: 13px;
}

#eb .eb-post-top .eb-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 40px;
}

#eb .eb-navbar__body,
#eb .eb-navbar__footer {
    border: none;
}

#eb .eb-navbar__footer {
    display: none;
}

#eb .eb-navbar__search-input {
    background-color: #fff;
}

#eb .eb-navbar__search:before {
    color: #444;
}

#eb .eb-navbar__search {
    background-color: #fff;
}

#eb .eb-navbar__body {
    background-color: #42a5f5;
    padding: 4px 5px;
}

#eb .eb-navbar.has-footer .eb-navbar__body,
#eb .eb-navbar__search {
    border-radius: 1px;
}

#eb .eb-brand-name {
    font-size: 20px;
    line-height: 26px;
    margin: -20px auto 0 auto;
    text-align: center;
}

div.eb-entry-body.type-standard.clearfix>div.eb-entry-article.clearfix {
    font-size: 17px;
    line-height: 30px;
}

#eb .eb-post-title {
    margin: 10px 0;
    text-align: center;
}

#eb .eb-post-foot {
    display: none;
}

div.eb-post-content>div.eb-post-rating {
    margin-bottom: 15px;
}

div.eb-post-content>div.eb-post-rating form#eb-rating-form {
    display: none;
}

#eb .eb-rating {
    margin: 15px 0 0;
    padding-bottom: 10px;
}

div.eb-post-content div.eb-post-rating {
    margin-bottom: 0;
    margin-left: 5px;
}

div#eb .eb-header .eb-toolbar,
#eb .eb-toolbar__item--search {
    background-color: #6943e4;
}

div#eb .eb-header .eb-toolbar,
#eb .eb-toolbar__search {
    border-color: #6943e4;
}

div#eb .eb-header .eb-toolbar .o-nav__item.is-active .eb-toolbar__link {
    background-color: #6943e4;
}

div#eb .eb-toolbar__search .eb-filter-select-group,
div#eb .eb-toolbar__link.has-composer,
div#eb .eb-toolbar .btn-search-submit {
    background-color: #6943e4 !important;
}

#eb .eb-image-viewport {
    border: none;
    margin-bottom: 30px;
}

#eb .eb-image .eb-image-figure img {
    box-shadow: 1px 1px 12px #eee;
}

#eb .eb-image .eb-image-figure img:hover {
    cursor: default;
}

.eb-table-of-content {
    background-color: #fafafa;
    border-radius: 4px;
    margin: 30px 0 30px 0;
    box-shadow: 1px 1px 12px #eee;
}

.eb-table-of-content ol {
    padding-left: 20px;
    border-left: 4px solid #444;
}

.eb-table-of-content li {
    list-style-type: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
}



/* DOWNLOAD My account
===========================================================================*/

.my-account div.dropfiles-content {
    float: left;
    width: 45%;
    min-height: 230px;
    box-shadow: 1px 1px 12px #ddd;
    margin-right: 15px;
}

div.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi .tree-category-title-section h2 {
    border-bottom: 1px solid #444;
    color: #444;
    padding-bottom: 10px;
    font-weight: bold;
}

div.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.ext,
div.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.custom-icon {
    padding: 0 0 0 20px !important;
}

div.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.ext a,
div.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.custom-icon a {
    color: #444;
    font-weight: bold;
}

div.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.ext-zip a {
    color: #7337E6;
    font-weight: bold;
}

.dropfiles-content.dropfiles-content-tree .categories-head {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .my-account div.dropfiles-content {
        float: none;
        width: 100%;
        min-height: 200px;
    }
}

.dropfiles-content.dropfiles-content-tree .categories-head::before {
    content: none;
}

.my-account div.dropfiles-content.dropfiles-content-tree .categories-head>li.active {
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.my-account .dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul li .dropfile-file.ext.zip {
    background-image: url(zip.svg);
    background-size: cover;
    width: 32px;
    height: 32px;
}

.my-account .dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul li .dropfile-file.ext.html {
    background-image: url(html.svg);
    background-size: cover;
    width: 32px;
    height: 32px;
}

.my-account .dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.ext,
.my-account .dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.custom-icon {
    margin-bottom: 15px;
}


/* DROPFILES
=========================================================================== */

.uk-article a.dropfile-file-link.dropfiles-content-single.dropfiles-content-table {
    background: #2daeef url("../Images/download.png") no-repeat scroll 5px center !important;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    transition: all 0.2s ease 0s;
    float: left;
    margin: 7px;
}

.uk-article a.dropfile-file-link.dropfiles-content-single.dropfiles-content-table:hover,
.uk-article a.dropfile-file-link.dropfiles-content-single.dropfiles-content-table:focus {
    border: none !important;
    background: #2DAEEF url("../Images/download.png") no-repeat scroll 5px center !important;
    box-shadow: 1px 1px 12px #ccc;
}

/* DROPEDITOR
=========================================================================== */

.dropeditor .contentBox p a.lightblue-button {
    background: #2daeef url("../Images/download.png") no-repeat scroll 5px center !important;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    transition: all 0.2s ease 0s;
    margin: 7px;
    color: #fff;
    padding: 20px 25px 20px 55px;
}

.dropeditor .contentBox p a.lightblue-button:hover,
.dropeditor .contentBox p a.lightblue-button:focus {
    border: none !important;
    background: #2DAEEF url("../Images/download.png") no-repeat scroll 5px center !important;
    box-shadow: 1px 1px 12px #ccc;
}

/* WP META SEO
=========================================================================== */

.wp-meta-seo p a.lightblue-button {
    background: #9BB862 url("../Images/download.png") no-repeat scroll 5px center !important;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    transition: all 0.2s ease 0s;
    margin: 7px;
    color: #fff;
    padding: 20px 25px 20px 55px;
}

.wp-meta-seo p a.lightblue-button:hover,
.wp-meta-seo p a.lightblue-button:focus {
    border: none !important;
    background: #2DAEEF url("../Images/download.png") no-repeat scroll 5px center !important;
    box-shadow: 1px 1px 12px #ccc;
    text-decoration: none;
}


/* PARTNER 
========================================================================= */

.partner-listing {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    width: auto;
    overflow: auto;
    display: block;
}

.partner-listing th {
    background-color: #02AFF6;
    font-weight: normal;
    color: white;
    padding: 20px 30px;
    text-align: center;
}

.ligne1-action td.action-text,
.ligne2-action td.action-text {
    vertical-align: top;
}

tr.header-partner {
    font-size: 115%;
}

.partner-listing td {
    padding: 20px 30px 20px 20px;
    color: rgb(111, 111, 111);
}

th.partner {
    min-width: 180px;
    max-width: 230px;
    font-weight: bold;
}

th.action {
    min-width: 400px;
    max-width: 800px;
    font-weight: bold;
}

.partner-listing tr.ligne1-action {
    background-color: #f5f5f5;
}

.partner-listing tr.ligne2-action {
    background-color: #eee;
}

.partner-listing tr.ligne1-action:hover,
.partner-listing tr.ligne2-action:hover {
    background-color: #fafafa !important;
    transition: background-color 0.4s linear !important;
}

/* FEATURE TABLE 
========================================================================= */

th.feature.col1 {
    min-width: 250px;
    max-width: 350px;
}

th.feature.col2 {
    min-width: 200px;
    max-width: 250px;
}

.feature-listing {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    width: auto;
    overflow: auto;
    display: block;
}

.feature-listing th {
    background-color: #85C1E9;
    font-weight: normal;
    color: white;
    padding: 10px 30px;
    text-align: center;
}

.ligne1 td.feature-text,
.ligne2 td.feature-text {
    vertical-align: top;
}

tr.header-feature {
    font-size: 115%;
}

.feature-listing td {
    padding: 0px 30px;
    color: rgb(111, 111, 111);
}

.feature-listing tr.ligne1 {
    background-color: #f5f5f5;
}

.feature-listing tr.ligne2 {
    background-color: #eee;
}

.feature-listing tr.ligne1:hover,
.feature-listing tr.ligne2:hover {
    background-color: rgba(112, 193, 105, 0.3) !important;
    transition: background-color 0.4s linear !important;
}

table.feature-listing tbody tr.ligne2 td p,
table.feature-listing tbody tr.ligne1 td p {
    margin: 6px;
}

@media (min-width: 641px) and (max-width: 767px) {
    th.action {
        max-width: 605px;
        min-width: 200px;
    }

    .partner-listing {
        width: 420px;
        overflow: hidden;
    }

    .partner-listing tr.header-partner {
        display: none;
    }

    .partner-listing tr {
        width: 420px;
        display: inline-block;
    }

    .partner-listing tr td {
        float: none;
        clear: both;
        width: 100%;
        display: table-row;
    }
}

/* LANGUAGE
========================================================================= */

div.uk-panel.translation select {
    border-radius: 0;
    height: 35px;
    font-size: 12px;
    color: #2b2a29;
    font-family: 'Open Sans', Arial sans-serif;
    border: 0;
    margin-top: 2px;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
}

div.uk-panel.translation select::before {
    position: absolute;
    top: 10px;
    right: 10px;
    content: ' ';
    width: 10px;
    height: 10px;
    background: red;
}

div#language_background {
    display: flex;
    position: fixed;
}

.flag {
    box-shadow: 1px 1px 12px #ccc;
    border-radius: 50px;
}

div.gt_languages a.glink.nturl.selected {
    background-color: #00AAFB;
    color: #fafafa;
    transition: all ease 0.2s;
}

div.gt_languages a.glink.nturl.selected {
    background-color: #00AAFB;
    color: #fafafa;
    transition: all ease 0.2s;
}

div.gt_languages a.glink.nturl.selected:hover {
    background-color: #00AAFB;
    color: #fafafa;
}

div.gt_languages a.glink.nturl {
    padding-left: 10px;
    text-decoration: none;
    transition: all ease 0.2s;
}

div.gt_languages a.glink.nturl:hover {
    background-color: #fafafa;
}

div.gt_languages a.glink span {
    font-size: 14px;
    padding-left: 5px;
}

div.uk-panel.translation a.switcher-popup.glink.nturl.notranslate {
    text-decoration: none;
}


div.uk-panel.translation a.switcher-popup.glink.nturl.notranslate span {
    color: #444;
    font-size: 14px;
}

div.uk-panel.translation div#gt_lightbox.gt_white_content.notranslate div.gt_languages {
    margin-top: 15px;
}

/* FAQ
========================================================================= */

div.fbpTopNavigation_core {
    background: #eee;
}

div.faq_tools {
    overflow: auto;
}

/* CHANGELOG
========================================================================= */

span.fix {
    background-color: #0099FF;
    border-radius: 1px;
    color: #FFFFFF;
    padding: 1px 8px;
    line-height: 20px;
    font-size: 13px;
}

span.add {
    background-color: #9CC234;
    border-radius: 1px;
    color: #FFFFFF;
    padding: 1px 5px;
    line-height: 20px;
    font-size: 13px;
}

p.chang-version {
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0 0;
}

p.last_update {
    background-color: #0099ff;
    color: #fafafa;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px;
    text-transform: uppercase;
    max-width: 300px;
}

@media screen and (max-width: 1280px) {
    p.last_update {
        width: 100%;
        max-width: 80%;
        float: none;
    }
}

aside.tm-sidebar-b .uk-nav-side>li.uk-active>a {
    background: #2089c0;
}

aside.tm-sidebar-b.uk-width-medium-1-4.uk-pull-3-4 {
    padding-right: 20px;
}

div.uk-panel.changelog-menu ul.uk-nav-sub {
    padding: 20px 0 20px 10px;
}

/* PROFILE PAGE
 ========================================================================== */

form#member-profile fieldset,
form#user-registration fieldset {
    border: none;
}

div.profile-edit form#member-profile.form-validate fieldset legend {
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px;
    color: #34373b;
    font: "Open Sans", Helvetica, Arial, sans-serif;
}

.profile-edit form#member-profile fieldset div.control-group {
    clear: both;
    margin-bottom: 15px;
}

form#member-profile fieldset div.control-group div.control-label label {
    font-size: 16px;
    font-weight: bold;
    font: "Open Sans", Helvetica, Arial, sans-serif;
    vertical-align: middle;
}

form#member-profile fieldset div.control-group div.control-label span.optional {
    vertical-align: middle;
}

form#member-profile fieldset div.control-group div.control-label {
    padding: 7px;
}

.profile-edit form#member-profile div.control-group div.controls input,
div.control-group div.controls input#jform_email {
    border: 1px solid #ccc;
    padding: 7px;
    color: #34373b;
    font-size: inherit;
}

.profile-edit form#member-profile.form-validate.form-horizontal.well div.control-group div.controls {
    width: 50%;
}

.profile-edit form#member-profile.form-validate.form-horizontal.well div.control-group div.controls a.btn {
    padding: 10px;
}

.profile-edit div.control-group div.controls button.btn.btn-primary.validate {
    background-color: #2089c0;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #2089c0;
    border-radius: 2px;
    transition: all ease 0.2s;
}

form#user-registration div.controls button.btn.btn-primary.validate {
    text-decoration: none;
    background-color: #00b4f1;
    color: #fff;
    border-radius: 30px;
    font-weight: bold;
    border: none;
    padding: 10px 30px;
    margin-left: 10px;
}

.profile-edit div.control-group div.controls button.btn.btn-primary.validate:hover,
form#user-registration div.controls button.btn.btn-primary.validate:hover {
    box-shadow: 1px 1px 12px #ccc;
}

.tooltip {
    display: none !important;
}

div.logoutdark-bg form div.control-group div.controls button.btn.btn-primary {
    background-color: #2089c0;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #2089c0;
    border-radius: 2px;
    transition: all ease 0.2s;
}

div.logoutdark-bg form div.control-group div.controls button.btn.btn-primary:hover {
    background-color: transparent;
    color: #2089c0;
    box-shadow: 1px 1px 12px #ccc;
}

div.profiledark-bg ul.btn-toolbar li {
    list-style-type: none;
}

div.profiledark-bg ul.btn-toolbar li.btn-group a.btn,
div.profile-editdark-bg form#member-profile div.controls button.btn.btn-primary.validate,
div.logindark-bg form fieldset button {
    background-color: #2089c0;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #2089c0;
    border-radius: 2px;
    transition: all ease 0.2s;
}

div.profiledark-bg ul.btn-toolbar li.btn-group a.btn:hover,
div.profile-editdark-bg form#member-profile div.controls button.btn.btn-primary.validate:hover,
div.logindark-bg form fieldset button:hover {
    background-color: transparent;
    color: #2089c0;
    box-shadow: 1px 1px 12px #ccc;
}

div.profiledark-bg fieldset#users-profile-core {
    border: none;
    margin-top: 45px;
}

div.profiledark-bg fieldset#users-profile-core legend,
div.profile-editdark-bg form#member-profile.form-validate.form-horizontal.well fieldset legend {
    font-size: 25px;
    font-weight: bold;
}

div.profiledark-bg fieldset#users-profile-core dl.dl-horizontal {
    padding-left: 20px;
}

div.profiledark-bg fieldset#users-profile-core dl.dl-horizontal dt {
    float: left;
    padding-right: 15px;
}

div.profile-editdark-bg div.control-group div.controls input,
div.logindark-bg div.controls input {
    border: 1px solid #ccc;
    padding: 7px;
    font-size: inherit;
}

div.tm-content-container>div>div>main>div>ul>li {
    list-style-type: none;
}

div.logindark-bg>form>fieldset {
    border: none;
}

div.logindark-bg>form>fieldset>div:nth-child(3)>div.control-label {
    float: left;
}

div.logindark-bg input#remember {
    margin-top: 6px;
}

div.reset-completedark-bg form.form-validate.form-horizontal.well fieldset {
    border: none;
}

fieldset div.control-group div.controls input.validate-password {
    padding: 7px;
}

div.reset-completedark-bg form.form-validate.form-horizontal.well fieldset div.control-group {
    margin-top: 10px;
}

form.form-validate.form-horizontal.well div.control-group div.controls button.btn.btn-primary.validate {
    text-decoration: none;
    background-color: #00b4f1;
    color: #fff;
    border-radius: 30px;
    font-weight: bold;
    border: none;
    padding: 10px 30px;
    margin-left: 10px;
}

/* DOCUMENTATION
========================================================================= */

.documentation article.uk-article div h1,
.documentation article.uk-article div h2,
.documentation article.uk-article div h3 {
    font-weight: bold;
}

.documentation article.uk-article div h2 {
    font-size: 30px !important;
    line-height: 44px;
}

.documentation-main fieldset.filters.btn-toolbar.clearfix {
    display: none;
}

.documentation h1.uk-article-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 32px;
    background-image: url(../Images/Doc48.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 48px;
    padding-left: 80px;
    text-align: left !important;
    margin-bottom: 40px !important;
    letter-spacing: normal !important;
}

body.tm-isblog.documentation-main h1.uk-article-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    background: none;
}

.tm-isblog.documentation-main .tm-content article.uk-article p a {
    font-weight: bold;
}


.documentation div.tableOfContent {
    margin-top: 15px;
}

.documentation div ul.tableOfContent {
    min-width: 90%;
    background-color: #fff;
    padding: 30px 20px 20px 20px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .08);
    border-radius: 10px;
}

div ul.tableOfContent li ul.tableOfContent {
    max-width: 80%;
}


.documentation div.tableOfContent ul.tableOfContent li.toc-level2 ul.tableOfContent {
    box-shadow: none;
    padding-bottom: 10px;
    padding-top: 0;
}

.documentation div.tableOfContent ul.tableOfContent li.toc-level2 a {
    color: #666;
}

.documentation article.uk-article div p {
    font-size: 16px;
}

.documentation div.tm-page div.uk-container.uk-container-expand article {
    max-width: 1100px;
}

/* ADDON
========================================================================= */

.addon h1.uk-article-title {
    text-align: center;
}

/* MY ACCOUNT SIDEBAR
========================================================================= */

.my-account p.watchful {
    font-size: 1em;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 0;
}

.my-account .tm-sidebar-mod-container div {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: 6px;
    margin-right: 10px;
}

.my-account input.material_checkbox {
    width: 20px !important;
    height: 20px !important;
    margin-top: -5px;
}

/* NEW TEMPLATE
========================================================================= */

.productsv3 .left3 {
    width: 100%;
    float: left;
}

.productsv3 .right6 {
    width: 100%;
    float: right;
}

@media screen and (max-width: 767px) {

    .productsv3 .left3,
    .productsv3 .right6 {
        width: 100%;
    }
}

.productsv3 .full-sc {
    width: 100%;
    float: left;
}

.productsv3 p {
    font-weight: 400;
    font-family: inherit;
}

.productsv3 h1.uk-article-title {
    text-align: center;
    font-size: 34px;
    letter-spacing: -0.7px;
}

.productsv3 h1 {
    font-weight: bold;
    font-size: 34px;
}

.productsv3 h2 {
    font-weight: 500;
    line-height: 1.2;
}

.productsv3 h1.margin-top-big {
    margin-top: 40px;
}

.productsv3 h3 {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 30px;
    line-height: 1.2;
}

.productsv3 h3.uk-article-title {
    text-align: center;
}

.productsv3 h4 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 400;
}

div.addon div.compatibility div.col-compat h4 {
    margin: 5px 0;
}

div.addon div.compatibility div.col-compat p {
    margin: 5px 20px;
}

.productsv3 .blue-text {
    margin-top: 30px;
}

.productsv3 .blue-text.margin-bottom-big {
    margin-bottom: 60px;
}

.productsv3 .price {
    font-weight: bold;
    font-size: 3em;
    color: #0097c8;
}

p.bdlprices,
.uk-article div div.addon p.bdlprices {
    font-weight: bold;
    font-size: 3em;
    color: #0097c8;
    margin: 40px 0 25px 0;
    line-height: 32px;
}

.productsv3 .text-marg,
.uk-article div div.addon p {
    margin: 20px 50px;
    font-size: 18px;
    line-height: 26px;
}

@media screen and (max-width: 767px) {
    .productsv3 .text-marg {
        margin-left: 0;
        margin-right: 0;
    }
}

.productsv3 .subtitle {
    font-weight: bold;
    color: #a6afb0;
}

.productsv3 article.uk-article div p button.uk-button.uk-button-large a {
    color: #333;
}

.productsv3 article.uk-article div p button.uk-button.uk-button-large a:hover {
    color: #fff;
}

@media screen and (max-width: 767px) {

    a.btn-large,
    a.uk-button-large {
        line-height: 24px;
    }
}

.productsv3 img {
    max-width: 100%;
}

.productsv3 .btn-menu {
    margin-bottom: 50px;
}

.productsv3 .btn-menu ul {
    padding-left: 0;
}

.productsv3 .btn-menu ul li {
    display: block;
    float: left;
    width: 31.33333%;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    border-radius: 2px;
    padding: 5px 15px;
    margin-right: 3%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    transition: all 0.2s ease;
}

#headerMenuUl img {
    width: 20px;
    margin-right: 5px;
    margin-top: -3px;
}

.full-sc.btn-menu .tm-button-wide {
    padding-left: 45px;
    padding-right: 45px;
}

@media screen and (max-width: 767px) {
    .productsv3 .btn-menu ul li {
        padding: 10px 2px;
    }

    .productsv3 .btn-menu ul li a {
        font-size: .7em;
    }
}

.productsv3 .btn-menu ul li:nth-child(3n) {
    float: right;
    margin-right: 0;
}

.productsv3 .btn-menu li a,
.productsv3 .btn-menu p a.tm-button-wide {
    text-decoration: none;
    background-color: #00b4f1;
    color: #fff;
    border-radius: 30px;
    font-weight: bold;
    border: none;
}

.productsv3 .btn-menu li a:hover,
.productsv3 .btn-menu p a.tm-button-wide:hover,
.productsv3 .btn-menu li a:focus,
.productsv3 .btn-menu p a.tm-button-wide:focus {
    background-color: transparent;
    box-shadow: 1px 1px 12px #ccc;
}

@media screen and (max-width: 1140px) {
    .productsv3 .btn-menu ul li {
        width: 100%;
    }
}

.productsv3 .check-list {
    padding-left: 170px;
    font-size: 1.1em;
    line-height: 2;
    list-style: none;
}

.productsv3 ul.check-list li {
    background-image: url(https://www.joomunited.com/images/home-images/check01.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
}

.productsv3 main.tm-content article.uk-article div.addon p a.uk-button.uk-button-large {
    min-height: 40px;
    padding: 0 15px;
    line-height: 38px;
    font-size: 15px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: all 0.2s ease;
}

.productsv3 main.tm-content article.uk-article div.addon p a.uk-button.uk-button-large:hover,
.productsv3 main.tm-content article.uk-article div.addon p a.uk-button.uk-button-large:focus {
    background-color: #333333;
    color: #ffffff;
    outline: none;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .productsv3 .check-list {
        padding-left: 0;
    }
}

.productsv3 div.full-list {
    clear: both;
    display: inline-block;
    margin-bottom: 20px;
}

.productsv3 div.full-list div.col-compat {
    width: 33%;
    float: left;
    min-height: 155px;
}

.productsv3 div.col-compat.pro {
    background-image: url(https://www.joomunited.com/images/home-images/pro-feature.png);
    background-repeat: no-repeat;
    background-position: 350px 2px;
}

.productsv3 div.full-list div.col-compat p {
    padding: 0px 5px;
}

div.addon div.compatibility div.col-compat p {
    font-size: 14px;
}

div.full-list div.col-compat p img {
    margin-right: 8px;
    background-color: #477ABA;
    margin-bottom: 20px;
    margin-top: 4px;
    border-radius: 2px;
}

@media screen and (max-width: 1480px) {
    .productsv3 div.full-list div.col-compat {
        width: 49%;
        float: left;
        min-height: auto;
    }
}

@media screen and (max-width: 1024px) {
    .productsv3 div.full-list div.col-compat {
        width: 100%;
        min-height: auto;
    }
}

.productsv3 article.uk-article div div.addon {
    clear: both;
    text-align: center;
}

.productsv3 div.compatibility div.col-compat {
    width: 33%;
    float: left;
    min-height: 350px;
}

.productsv3 div.compatibility div.col-compat p {
    padding: 10px;
}

@media screen and (max-width: 1024px) {
    .productsv3 div.compatibility div.col-compat {
        width: 100%;
    }
}

.productsv3 div.addon p a img.drive-addon {
    transition: all 0.2s ease;
}

.productsv3 div.addon p a img.drive-addon:hover {
    box-shadow: 1px 1px 12px #ccc;
    border-radius: 8px;
}

.productsv3 div div.grey-box {
    border-radius: 30px;
}

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

.productsv3 tr.ligne2-action:hover {
    background-color: transparent;
}

.productsv3 .grey-screenshot span {
    top: 45%;
    position: relative;
}

.home.productsv3 .wp-products li {
    min-height: 540px;
    position: relative;
}

.home.productsv3.bundle .wp-products li {
    min-height: 545px;
    position: relative;
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .home.productsv3 .wp-products li {
        min-height: 495px;
    }
}

@media screen and (max-width: 600px) {
    .home.productsv3 .wp-products li {
        min-height: 1px;
    }
}

.productsv3 .wp-products li .layout-default .topItem {
    display: block;
}

.productsv3 .wp-products li .layout-default .topItem .type img {
    float: left;
    position: absolute;
    right: 20px;
    top: 20px;
}

.productsv3 .wp-products li div.layout-default .contentImgDesc {
    margin: 0;
    padding: 0;
}

.productsv3 .wp-products li div.layout-default .contentImgDesc .thumb {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 27px;
}



/* PRODUCT PAGE */

.productsv3 .droptablestable table,
.productsv3 .droptablesresponsive.droptablestable {
    width: 100%;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500;
    text-align: center;
}

.droptablestable table .dtr1.dtc2,
.droptablestable table tbody td.dtr1.dtc0,
.droptablestable table tbody td.dtr1.dtc4,
a.tooltip-price,
.droptablestable .restableDefault tbody tr td span,
.droptablestable .restableDefault table tbody tr td {
    font-family: 'Open Sans', sans-serif !important;
}

@media screen and (max-width: 767px) {
    .productsv3 .droptablestable table {
        font-size: .9em;
        line-height: 1;
    }
}

.productsv3 .droptablestable table tr:first-child {
    border-bottom: 10px solid #fff;
    color: #fff;
}

.productsv3 .droptablestable table tr .dtr1.dtc1,
.productsv3 .droptablestable table tr .dtr1.dtc3 {
    width: 7px;
}

.productsv3 .droptablestable table tr:first-child {
    border-bottom: none;
}

@media screen and (max-width: 767px) {

    .productsv3 .droptablestable table tr .dtr1.dtc1,
    .productsv3 .droptablestable table tr .dtr1.dtc3 {
        width: 0;
    }
}

@media screen and (max-width: 767px) {
    .productsv3 .droptablestable table tr:nth-child(2) td {
        line-height: 1.2;
    }
}

@media screen and (max-width: 767px) {
    .productsv3 .droptablestable table tr:nth-child(2) span {
        padding-bottom: 10px;
    }
}

.productsv3 .droptablestable table tr:nth-child(n+2) {
    line-height: 3em;
    font-size: 13px;
}

@media screen and (max-width: 767px) {
    .productsv3 .droptablestable table tr:nth-child(n+2) {
        line-height: 1.5em;
    }
}

.productsv3 .droptablestable table tbody td.dtr0.dtc2 {
    width: 33%;
    padding: 10px 0;
    font-size: 1em;
}

.productsv3 .droptablestable table tr:first-child td,
.productsv3 .droptablestable table tr:last-child td {
    border: 0;
}

.productsv3 .droptablestable table .dtr0.dtc2 {
    background-color: #27ae60;
}

.productsv3 .droptablestable table .dtr1.dtc0 {
    background-color: #0097c8;
    border-color: #0097c8;
}


.productsv3 .droptablestable table .dtr1.dtc4 {
    background-color: #c50440;
    border: #c50440;
}

.productsv3 .droptablestable table tbody a.green-button {
    border-radius: 0;
    border-bottom: 0;
    text-shadow: none;
    font-weight: normal;
    line-height: 25px;
    height: 25px;
    margin: 10px auto;
    display: block;
    max-width: 60%;
}

@media screen and (max-width: 767px) {
    .productsv3 .droptablestable table tbody a.green-button {
        margin: 10px 0;
        max-width: 100%;
        padding: 10px 5px;
        font-size: .9em;
    }
}

.productsv3 .grey-box {
    background-color: #4A91FD;
    background-image: linear-gradient(45deg, #4a91fd 40%, #7cb0fe);
    padding: 10px;
    margin: 40px 0;
    text-align: center;
    clear: both;
}

.productsv3 .grey-box ul {
    margin-bottom: 0;
    padding-left: 0;
}

.productsv3 .grey-box ul li {
    display: inline-block;
    margin: 0 10px;
    color: #dedede;
}

@media screen and (max-width: 767px) {
    .productsv3 .grey-box ul li {
        margin: 0;
        font-size: .9em;
    }
}

.productsv3 .grey-box ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}

.productsv3 .social-links {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid #dedede;
    margin-top: 30px;
}

.productsv3 .social-links a {
    margin: 5px;
    display: inline-block;
    color: #fff;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
}

@media screen and (max-width: 767px) {
    .productsv3 .social-links a {
        padding: 10px 15px;
        margin: 5px 0;
    }
}

.productsv3 .social-links img {
    margin-right: 10px;
}

.productsv3 .social-links .fb {
    background-color: #3b5998;
}

.productsv3 .social-links .tweet {
    background-color: #55acee;
}

.productsv3 .social-links .google {
    background-color: #dc4e41;
}

.productsv3 .social-links .fb,
.productsv3 .social-links .tweet,
.productsv3 .social-links .google {
    transition: all 0.2s ease;
    letter-spacing: 1px;
}

.productsv3 .social-links .fb:hover,
.productsv3 .social-links .tweet:hover,
.productsv3 .social-links .google:hover {
    box-shadow: 1px 1px 12px #ccc;
    text-decoration: none;
}

.productsv3 div.left3 p {
    font-size: 18px;
    line-height: 26px;
}

.productsv3 div.menu.full-sc.btn-menu ul li a img {
    margin: 0 10px 0 0;
}

.productsv3 div.addon p.text-marg a.lightblue-button {
    margin: 15px;
    padding: 25px 25px 25px 60px;
    background: #2daeef url("../Images/download.png") no-repeat scroll 5px center !important;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    transition: all 0.2s ease 0s;
    font-size: 14px;
    text-align: left;
}

.productsv3 div.addon p.text-marg a.lightblue-button:hover {
    background-color: #a6ce39 !important;
    text-decoration: none;
    box-shadow: 1px 1px 12px #ccc;
}


/* My testimonials
-------------------------------------------------------------------*/

div.aggregate-rating span.post-single-rate {
    float: none;
}

div.mytestimonials div.mytestimonials_image {
    margin-top: 20px;
}

div.mytestimonials_textblock {
    margin: 1%;
    padding: 0 20px;
}

div.mytestimonials_textblock h3 {
    margin: 10px 0 10px 0;
    font-size: 20px;
}

div.moduletable.product-testimonials .mytestimonials_grid {
    border-radius: 1px;
    box-shadow: 1px 1px 15px #eee;
    padding: 10px 15px !important;
    margin: 10px 15px !important;
}

div.com_mytestimonials div.aggregate-rating span strong {
    font-weight: 400;
}

div.mytestimonials div.mytestimonials_textblock div.mytestimonials_desc blockquote {
    border-left: none;
    float: none;
    font-size: 13px;
    padding: 0;
}

div.addon .owl-carousel.owl-theme.owl-loaded.owl-drag div.owl-nav div.owl-prev,
div.addon .owl-carousel.owl-theme.owl-loaded.owl-drag div.owl-nav div.owl-next {
    border-radius: 2px;
    line-height: 25px;
    padding: 0px 10px;
    font-size: 13px;
    color: white !important;
    text-align: center;
    background: #00b4f1;
    border: 0;
    cursor: pointer;
    font-weight: bold;
}

div.moduletable.product-testimonials div.mytestimonials_textblock div.mytestimonials_desc div p,
div.moduletable.product-testimonials div.mytestimonials_desc blockquote.adjust2 div span span {
    font-size: 15px;
}

span.stars-large,
span.stars-large span {
    background-image: url('../Images/flat-stars.png');
}

div.moduletable.product-testimonials .owl-theme.owl-loaded.owl-drag div.owl-dots {
    margin-top: 0;
    margin-left: 60px;
}

div.mytestimonials_textblock h3,
.mytestimonials_title,
.grid_custom blockquote.adjust2 {
    max-width: 100%;
}

.grid_custom blockquote.adjust2 {
    padding: 0;
}

/* SB connector
-------------------------------------------------------------------*/

body#sb_connector {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    padding: 10px;
    font-size: 16px;
}

body#sb_connector a {
    color: #2089c0;
    text-decoration: none;
    cursor: pointer;
}

body#sb_connector input,
body#sb_connector button {
    text-decoration: none;
    background-color: #2089c0;
    color: #fff;
    min-height: 40px;
    padding: 0 20px;
    line-height: 38px;
    font-size: 15px;
    border: none;
    border-radius: 2px;
}

body#sb_connector input:hover,
body#sb_connector button:hover {
    box-shadow: 1px 1px 12px #ccc;
}

body#sb_connector select {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    max-width: 230px;
    height: 40px;
}

/*-- Custom account page tabs --*/

.ju-tabs {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #444;
    overflow: hidden;
}

.ju-tabs .tab,
.ju-tabs .tab-content {
    margin-bottom: 0 !important;
}

.ju-tabs .tab>input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.ju-tabs label {
    position: relative;
    display: block;
    padding: 0;
    color: rgb(54, 54, 54);
    letter-spacing: 0.5px;
    border-bottom: 1px solid #666;
    font-weight: bold;
    line-height: 2.5;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 12px;
}

.ju-tabs .tab-content {
    max-height: 0;
    overflow: hidden;
    color: rgb(54, 54, 54);
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    font-size: 12px;
}

.ju-tabs .tab-content p {
    margin: 1em;
}

/* :checked */

.ju-tabs input:checked~.tab-content {
    max-height: 10em;
    padding-top: 10px;
}

/* Icon */

.ju-tabs label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 2.6em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

.ju-tabs input[type=radio]+label::after {
    content: "\25BC";
}

.ju-tabs input[type=radio]:checked+label::after {
    transform: rotateX(180deg);
}

.tab-content div.account-menu p a.btn.btn-success {
    background-color: #42a5f5 !important;
    background-image: none;
    border: medium none;
    border-radius: 2px;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 5px 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.2s ease 0.2s !important;
}

.tab-content div.account-menu p a.btn.btn-success:hover {
    box-shadow: 1px 1px 12px #ccc;
}

.wp-plugins-descriptions-wrap .desc-wrap h2 {
    margin-top: 30px;
    margin-bottom: 5px;
}

.wp-plugins-descriptions-wrap .desc-wrap h3 {
    margin-top: 0;
    font-size: 27px;
    font-weight: 300;
    color: #434e56;
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    .wp-plugins-descriptions-wrap .half-of-width.img-wrap {
        width: 40%;
    }

    .wp-plugins-descriptions-wrap .half-of-width.desc-wrap {
        width: 60%;
    }
}

.wp-plugins-descriptions-wrap-bg {
    background: #f7f9fb;
    margin: 0 -53px 0 -93px;
    padding: 1px 90px 80px 90px;
}

@media screen and (max-width: 600px) {
    .wp-plugin-wrap .img-wrap {
        padding-bottom: 20px;
    }
}

.wordpress-plug-box {
    background: #f2f6f9;
    clear: both;
    margin: 0 -60px 0 -93px;
    padding: 40px 50px;
}

.wordpress-plug-box.wp-plugin,
.wordpress-plug-box.joom-plugin {
    margin: 0 -53px 0 -93px;
    padding-top: 40px;
    padding-left: 10%;
    padding-right: 10%;
}

@media screen and (max-width: 767px) {

    .wordpress-plug-box.wp-plugin,
    .wordpress-plug-box.joom-plugin {
        padding-left: 55px;
        padding-right: 40px;
    }
}

.wordpress-plug-box.wp-plugin {
    background: #f2f6f9;
}

.wordpress-plug-box.joom-plugin {
    background: #fff;
}

.wordpress-plug-box .wp-products {
    margin: 40px 0;
    padding-left: 0;
}

.wordpress-plug-box .wp-products li {
    width: 43%;
    margin: 0px 3.5% 40px 3.5%;
    float: left;
    list-style: none;
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 600px) {
    .wordpress-plug-box .wp-products li {
        width: 90%;
        margin: 0 auto 30px;
        display: block;
        float: none;
    }
}

.productsv3 .wordpress-plug-box .wp-products li div.layout-default .contentImgDesc .thumb {
    margin-bottom: 0;
    background-color: #F9F9FB;
}

.wordpress-plug-box .wp-products .text-wrap {
    padding: 30px;
}

.wordpress-plug-box .wp-products .text-wrap .btn {
    margin-top: 10px;
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .wordpress-plug-box .wp-products .text-wrap .btn {
        font-size: 11px;
    }
}

.wordpress-plug-box .wp-products .text-wrap h3 a {
    color: #000;
    font-weight: 500;
}

.tm-sidebar-width-20 .tm-sidebar-wrapper {
    z-index: 9999;
}

.home-main-banner {
    position: relative;
}

.home-main-banner .text-wrap {
    max-width: 60%;
    margin-top: 9%;
    border-left: 5px solid #bcbbb8;
    padding-left: 15px;
    margin-left: -20px;
}

@media screen and (max-width: 991px) {
    .home-main-banner .text-wrap {
        margin-top: 15%;
    }
}

.home-main-banner .text-wrap h1 {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 55px;
}

.home-main-banner .text-wrap h4 {
    margin-top: 0;
    font-size: 24px;
}

.home-main-banner .text-wrap p.bigger-text {
    font-weight: 200;
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 0;
}

.home-main-banner .text-wrap p.bundle-top-button {
    margin-top: 40px;
}

.home-main-banner .text-wrap p.bundle-top-button a.btn-grey {
    color: #ffffff;
}

.home-main-banner .text-wrap p.bundle-top-button a.btn-grey,
.home-main-banner .text-wrap p.bundle-top-button a.btn-blue {
    height: 50px;
    line-height: 50px;
    box-shadow: none;
    transition: all ease 0.2s;
}

.home-main-banner .text-wrap p.bundle-top-button a.btn-grey:hover,
.home-main-banner .text-wrap p.bundle-top-button a.btn-blue:hover {
    box-shadow: 1px 1px 15px 3px rgba(0, 0, 0, 0.3);
}

.home-main-banner .scroll {
    position: absolute;
    bottom: 80px;
    left: 46%;
    transform: translate(0, -50%);
    color: #a5a3a3;
    text-indent: -9999px;
}

.home-main-banner .scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 45px;
    height: 75px;
    margin-left: -15px;
    border: 1px solid #a5a3a3;
    border-radius: 50px;
    box-sizing: border-box;
}

.home-main-banner .scroll span:before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background-color: #a5a3a3;
    border-radius: 100%;
    -webkit-animation: scroll-an 2s infinite;
    animation: scroll-an 2s infinite;
    box-sizing: border-box;
}

.home-main-banner .img-wrap {
    max-width: 40%;
    padding-top: 5px;
}

@media screen and (max-width: 1340px) {
    p.bundle-top-button {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .home-main-banner .text-wrap {
        max-width: 100%;
        padding-top: 30px;
        padding-bottom: 10px;
        margin-top: 0;
    }

    .home-main-banner .text-wrap h1 {
        line-height: 2;
        font-size: 20px;
    }

    .home-main-banner .img-wrap {
        display: none;
    }
}

@keyframes scroll-an {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 45px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/** Renewal and upgrade **/

/* Display only our button */

.plan-buttons .pull-left a.btn {
    display: none;
}

.plan-buttons .pull-left a.btn.displayed {
    display: inline;
}

#ju_renewupgrade {
    display: flex;
    flex-wrap: wrap;
}

#ju_renewupgrade .upgrade_block {
    width: 300px;
    margin: 0 auto 20px;
    box-shadow: 1px 1px 12px #ddd;
    padding: 20px 10px 5px 10px;
    text-align: center;
    border-radius: 1px;
    border-top: 2px solid #34B6EE;
    min-height: 240px;
    margin: 0 20px;
}

@media screen and (max-width: 1250px) {
    #ju_renewupgrade .upgrade_block {
        width: 80%;
        margin: 20px auto;
    }

    div#ju_renewupgrade div.upgrade_block div.upgrade_block_infos {
        min-height: auto !important;
    }

    div.upgrade_block_infos p.upgrade_block_payable {
        margin: 0;
    }

    #ju_renewupgrade .upgrade_block {
        min-height: auto !important;
    }

    #ju_renewupgrade .upgrade_block {
        width: 60%;
        margin: 5px auto;
    }
}

div#ju_renewupgrade div.upgrade_block div.upgrade_block_infos {
    min-height: 192px;
}

#ju_renewupgrade .upgrade_block h3 {
    font-weight: bold;
    margin-bottom: 10px;
    word-wrap: break-word;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

#ju_renewupgrade .upgrade_block a.btn {
    margin-top: 5px;
}

#ju_renewupgrade .upgrade_block span.upgrade_blick_value {
    float: right;
    margin-right: 20%;
}

div#xiWindowBody.modal-body div#ju_renewupgrade div.upgrade_block a.btn.btn-success.btn-renewal i.icon-white.icon-repeat {
    background-position: -216px -22px;
    height: 16px;
}

div#xiWindowBody.modal-body div#ju_renewupgrade div.upgrade_block a.btn.btn-success.btn-upgrade i.icon-white.icon-repeat {
    background-position: -289px -94px;
}

div#xiWindowBody.modal-body div#ju_renewupgrade div.upgrade_block a.btn.btn-success.btn-renewal,
div#xiWindowBody.modal-body div#ju_renewupgrade div.upgrade_block a.btn.btn-success.btn-upgrade {
    padding: 0px 30px;
}

.my-account div#xiWindowContent.modal.hide.fade.loading.new.in {
    width: auto;
    left: 10%;
    margin: 0 auto;
    right: 10%;
    max-width: 1120px;
}

div#xiWindowFooter.modal-footer button#button-upgrade-cancel.btn {
    background-color: #666 !important;
    border: none;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-shadow: none;
    background-image: none;
    border-radius: 2px;
    padding: 5px 20px;
    font-weight: bold;
    transition: all ease 0.2s !important;
    transition-delay: 0.2s !important;
    box-shadow: none !important;
    height: auto;
    font-weight: normal;
    font-size: 14px;
}

div#xiWindowContent.modal.hide.fade.loading.new.in div#xiWindowTitle.modal-header h3#myModalLabel {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

div.upgrade_block_infos p.upgrade_block_payable {
    font-weight: bold;
    text-transform: uppercase;
}

/* Flexnav overwrite */

.flexnav>li:not(.item-with-ul) {
    float: right;
    margin-right: 25px;
    background: #00b4f2;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    padding-left: 13px;
    padding-right: 15px;
    margin-right: 5px;
}

.flexnav>li:not(.item-with-ul)>a {
    padding: 0;
    background: transparent;
    color: #fff;
}

.flexnav>li:not(.item-with-ul)>a>img {
    margin-top: -1px;
    margin-right: 5px;
}

.flexnav li.item-with-ul {
    margin-right: 20px;
    background: #fff;
}

.flexnav li.item-with-ul a {
    font-size: 13px;
    line-height: 1.3;
}

.flexnav li.item-with-ul>a,
ul.flexnav .touch-button {
    height: 40px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding-top: 0;
    padding-bottom: 0;
}

.flexnav li.item-with-ul>a {
    border-radius: 30px 0 0 30px;
    border-right: 0;
    padding-left: 20px;
    line-height: 40px;
}

ul.flexnav .touch-button {
    border-radius: 0 30px 30px 0;
    border-left: 0;
    line-height: 13px;
}

.flexnav .touch-button .navicon {
    position: absolute;
    top: 18px !important;
    right: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #cacac9;
    display: inline-block;
    text-indent: -999999px;
}

#filters-simple select {
    border-radius: 30px;
    height: 40px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 0 30px;
    padding-top: 0 !important;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none !important;
    margin-top: 0;
    margin-bottom: 15px;
}

.table-striped .the-biggest-td {
    min-width: 400px;
}

#tickettable {
    font-size: 13px;
}

#tickettable .ticket-status {
    padding: 2px 15px 4px;
    border-radius: 20px;
    font-size: 13px;
    opacity: 1;
    text-shadow: none;
    font-weight: 100;
    float: left;
    color: #fff !important;
    background: #9e21f9;
    z-index: 99;
}

#tickettable .open {
    background: #bed27b !important;
    border: 0 !important;
    padding: 0 10px !important;
    text-transform: initial;
    text-shadow: none;
    color: #fff !important;
}

#tickettable .close {
    background: #f55687;
}

#tickettable .ticket-status.waiting.Joomunited.reply {
    background: #ffae00;
}

#myaccount-:before {
    content: '';
    width: 30px;
    height: 30px;
    background: #f4f3f4;
    position: absolute;
    display: block;
    border-radius: 30px;
    left: 5px;
    top: 5px;
}

#myaccount- img {
    max-width: 13px;
    z-index: 9999999;
    position: relative;
    margin-left: -7px;
    margin-right: 15px;
    margin-top: -4px;
}

#tickettools>.btn-group>.btn {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    padding-right: 35px;
    margin-right: 5px;
    background: transparent;
    color: #00b4f2;
    font-weight: bold;
    border: 1px solid;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.message-author small {
    float: none !important;
    margin-left: 20px;
    color: #cacac9 !important;
}

#my-tab-content #messages h3 {
    border-bottom: 1px solid #DDD;
    font-size: 20px;
    text-transform: uppercase;
}



/* Developer Documentation
 ========================================================================== */

.dev-doc article.uk-article div p,
.dev-doc article.uk-article div p strong,
.dev-doc article.uk-article div em,
.dev-doc article.uk-article div code {
    word-break: break-word;
    white-space: pre-line;
}

.dev-doc article.uk-article div div.hook.action,
.dev-doc article.uk-article div div.hook.filter {
    margin-bottom: 40px;
    margin-left: 90px;
}

.dev-doc article.uk-article h1.uk-article-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 32px;
    color: #272822;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (max-width: 980px) {
    p.devfooter img {
        display: none;
    }
}


.dev-doc div.hook h2 {
    line-height: 50px;
    margin: 30px 0 10px 0;
    font-size: 22px;
    font-weight: bold;
    word-break: break-word;
}

.dev-doc div.hook h2.hook_name span.hook_type {
    margin-left: -90px;
}

.dev-doc div.hook h2.hook_name span.hook_type:before {
    font-size: 12px;
    color: #fafafa;
    padding: 25px 10px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 1px 1px 12px #ddd;
    margin-right: 10px;
}

.dev-doc div.hook h2.hook_name span.hook_type.action:before {
    content: "ACTION";
    background-color: #00AFF6;
}

.dev-doc div.hook h2.hook_name span.hook_type.filter:before {
    content: "FILTER";
    background-color: #A3CF20;
    padding: 25px 13px;
}

.dev-doc div.hook p.hook_description {
    margin-top: -10px;
    font-size: 17px;
    color: #1d1d1d;
}

.dev-doc div.hook .hook_params_title,
.dev-doc div.hook .hook_return_title,
.dev-doc div.hook .hook_files_title {
    font-size: 17px;
    color: #2b2b2b;
    font-weight: bold;
    margin-bottom: 0;
}

.dev-doc div.hook .hook_params_content,
.dev-doc div.hook .hook_return_content {
    background-color: #484848;
    color: #f8f8f2;
    padding: 8px;
    box-shadow: 1px 1px 12px #ddd;
    border-radius: 2px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin-top: 0;
}

.dev-doc div.hook .hook_files_content {
    margin-top: 0;
}

.dev-doc div.hook.action div.hook_params span.hook_param_type {
    color: #00AFF6
}

.dev-doc div.hook.filter div.hook_params span.hook_param_type {
    color: #A3CF20
}

.dev-doc div.hook div.hook_params span.hook_param_title {
    display: block;
}

/** Payplans **/
.pp-plan-upgrade-info {
    display: flex;
    align-items: center;
}

.pp-plan-upgrade-info__input {
    width: 30px;
    text-align: left;
    margin-left: 10px;
}

.pp-plan-upgrade-info_wrapper {
    flex-grow: 1;
}

.pp-plan-upgrade-info__desc table td {
    padding: 0 !important;
}

.pp-plan-upgrade-info__payable-amount {
    font-weight: bold;
    font-size: 1.1em;
}

.pp-checkout-container__hd {
    background-color: #fff !important;
}

.pp-checkout-container__hd .uk-navbar {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .08);
}

.pp-checkout-wrapper {
    max-width: 800px !important;
}

.pp-checkout-wrapper__sub-content {
    border: none !important;
    padding: 30px 40px;
}

/* fix conflict wiht uvdesk css*/
.tm-header {
    overflow: visible;
}

/* Change log */
ul.version_details {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}


@media screen and (max-width: 420px) {
    #uv-ju-custom-modal iframe {
        aspect-ratio: 1920 / 3400 !important;
    }
}