﻿/* -- site -- */   
.ui-site-bgcolor {background-color: #22acb1;}
.ui-site-color {color: rgba(109, 173, 40, 1);} /* #6DAD28 - Green - Site Color*/
.ui-site-font {font-family: 'Exo2-Regular';text-transform: uppercase; }

.ui-site-color-basic {color: #66A025;}
.ui-site-color-premium {color: #685A9f;}
.ui-site-color-ultimate {color: #C69668;} /* Brown*/
.ui-site-color-light {color: #1e92ff;}

/* -- domain --*/
.ui-domain-font {font-family: 'Exo2-Regular';text-transform: uppercase; }
.ui-domain-color {color: #6DAD28;} /* - greenish -*/
.ui-tld-color {color: #685A9f;} /* blue-ish*/
.ui-tagline-color {color: #C76994;} /* Carrot Light */

/* -- brand --- */
.ui-brand-color {color: #22acb1;}
.ui-brand-font {font-family: 'Exo2-Regular';text-transform: uppercase; }

.ui-brand-color-alias {}
.ui-brand-font-alias { font-family: 'Exo2-Regular';text-transform: uppercase; }

.ui-brand-separator{padding:0 6px;}
.ui-brand-separator:after {content: '\\\\';}

/* -- plan --- */
.ui-plan-color {}
.ui-plan-font {font-family: 'Exo2-Regular';text-transform: uppercase; }

.ui-plan-color-alias {}
.ui-plan-font-alias {font-family: 'Exo2-Regular';text-transform: uppercase;  }

.ui-plan-separator{padding:0 6px;}
.ui-plan-separator:after {content: '\\\\';}

/* -- item --- */
.ui-item-color {}
.ui-item-font {font-family: 'Exo2-Regular';text-transform: uppercase; }

.ui-item-color-alias {}
.ui-item-font-alias {font-family: 'Exo2-Regular';text-transform: uppercase;  }

.ui-item-separator{padding:0 6px;}
.ui-item-separator:after {content: '\\\\';}


/* -- element --- */
.ui-element-color {}
.ui-element-font {font-family: 'Exo2-Regular';text-transform: uppercase; }

.ui-element-color-alias {}
.ui-element-font-alias {font-family: 'Exo2-Regular';text-transform: uppercase;  }

.ui-element-separator{padding:0 6px;}
.ui-element-separator:after {content: '\\\\';}


/* --  price -- */
.ui-price-color {color: #6DAD28;}
.ui-price-color-del {color: #db2c2c;}

/* -- discount -- */
.ui-discount-color { background-color: rgb(249, 128, 9);color: rgb(255, 255, 255);}




.ui-btn-content input[type=button],
.ui-btn-content input[type=submit],
.ui-btn-content input[type=reset],
.ui-btn-content button {border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius:2px; -o-border-radius: 2px;-chrome-radius: 2px;-ms-radius: 2px;-khtml-radius: 2px;}

.ui-btn-content .ux-button-basic {background-color: #66A025;}
.ui-btn-content .ux-button-premium {background-color: #685A9F;}




/* -- common -- */
.fx-status .fx-unchecked {display: inline-block;}    
.fx-status .fx-checked {display: none;}

.fx-status.fx-active .fx-unchecked {display: none;}
.fx-status.fx-active .fx-checked {display: inline-block;}

.fx-status.fx-disabled{color: #aaa !important;} 


/*-- custom --*/
body{}
body.local{font-family:'Nunito',  sans-serif, 'Roboto', 'Open', 'AmbleLight', 'ExistenceLight';font-size:15px; color:#161616;
            background-color:#f8f8f8; background-image: url(/source/images/profile/site/bg/bg035.jpg);
            background-position: center center;   background-repeat: repeat;font-weight:400; }



body.local a,
body.local a:link,
body.local a.fn-link,
body.local a.fn-link:link {
    color: rgba(104, 90, 160, 1);     /*Blue*/
    text-shadow: none;
    text-decoration: none;
}


    body.local a:visited,
    body.local a:link:visited,
    body.local a.fn-link:visited,
    body.local a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(104, 90, 160, 1);     /*Blue*/
        text-shadow: none;
        text-decoration: none;
    }

    body.local a:active,
    body.local a:link:active,
    body.local a.fn-link:active,
    body.local a.fn-link:link:active,
    body.local a.fx-active,
    body.local a.fx-active:link,
    body.local a.fn-link.fx-active,
    body.local a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: none;
        text-decoration: none;
    }


        body.local a:hover,
        body.local a:link:hover,
        body.local a.fn-link:hover,
        body.local a.fx-link:link:hover,
        body.local a.fx-active:hover,
        body.local a.fx-active:link:hover,
        body.local a.fn-link.fx-active:hover,
        body.local a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: none;
            text-decoration: none;
        }




body.local .ux-nav a,
body.local .ux-nav a:link,
body.local .ux-nav a.fn-link,
body.local .ux-nav a.fn-link:link {
    color: rgba(104, 90, 160, 1);     /*Blue*/
    text-shadow: 0 1px 1px rgba(255,255,255,1);
    text-decoration: none;
}


    body.local .ux-nav a:visited,
    body.local .ux-nav a:link:visited,
    body.local .ux-nav a.fn-link:visited,
    body.local .ux-nav a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(104, 90, 160, 1);     /*Blue*/
        text-shadow: 0 1px 1px rgba(255,255,255,1);
        text-decoration: none;
    }

    body.local .ux-nav a:active,
    body.local .ux-nav a:link:active,
    body.local .ux-nav a.fn-link:active,
    body.local .ux-nav a.fn-link:link:active,
    body.local .ux-nav a.fx-active,
    body.local .ux-nav a.fx-active:link,
    body.local .ux-nav a.fn-link.fx-active,
    body.local .ux-nav a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: 0 1px 1px rgba(255,255,255,1);
        text-decoration: none;
    }


        body.local .ux-nav a:hover,
        body.local .ux-nav a:link:hover,
        body.local .ux-nav a.fn-link:hover,
        body.local .ux-nav a.fx-link:link:hover,
        body.local .ux-nav a.fx-active:hover,
        body.local .ux-nav a.fx-active:link:hover,
        body.local .ux-nav a.fn-link.fx-active:hover,
        body.local .ux-nav a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: 0 1px 1px rgba(255,255,255,1);
            text-decoration: none;
        }








body.local .ux-header.ux-nav a,
body.local .ux-header.ux-nav a:link,
body.local .ux-header.ux-nav a.fn-link,
body.local .ux-header.ux-nav a.fn-link:link {
    color: rgba(104, 90, 160, 1);     /*Blue*/
    text-shadow: none;
    text-decoration: none;
}


    body.local .ux-header.ux-nav a:visited,
    body.local .ux-header.ux-nav a:link:visited,
    body.local .ux-header.ux-nav a.fn-link:visited,
    body.local .ux-header.ux-nav a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(104, 90, 160, 1);     /*Blue*/
        text-shadow: none;
        text-decoration: none;
    }

    body.local .ux-header.ux-nav a:active,
    body.local .ux-header.ux-nav a:link:active,
    body.local .ux-header.ux-nav a.fn-link:active,
    body.local .ux-header.ux-nav a.fn-link:link:active,
    body.local .ux-header.ux-nav a.fx-active,
    body.local .ux-header.ux-nav a.fx-active:link,
    body.local .ux-header.ux-nav a.fn-link.fx-active,
    body.local .ux-header.ux-nav a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: none;
        text-decoration: none;
    }


        body.local .ux-header.ux-nav a:hover,
        body.local .ux-header.ux-nav a:link:hover,
        body.local .ux-header.ux-nav a.fn-link:hover,
        body.local .ux-header.ux-nav a.fx-link:link:hover,
        body.local .ux-header.ux-nav a.fx-active:hover,
        body.local .ux-header.ux-nav a.fx-active:link:hover,
        body.local .ux-header.ux-nav a.fn-link.fx-active:hover,
        body.local .ux-header.ux-nav a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: none;
            text-decoration: none;
        }





body.local .ux-header.ux-nav.ux-social a,
body.local .ux-header.ux-nav.ux-social a:link,
body.local .ux-header.ux-nav.ux-social a.fn-link,
body.local .ux-header.ux-nav.ux-social a.fn-link:link {
    color: rgba(104, 90, 160, 1);     /*Blue*/
    text-shadow: none;
    text-decoration: none;
}


    body.local .ux-header.ux-nav.ux-social a:visited,
    body.local .ux-header.ux-nav.ux-social a:link:visited,
    body.local .ux-header.ux-nav.ux-social a.fn-link:visited,
    body.local .ux-header.ux-nav.ux-social a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(104, 90, 160, 1);     /*Blue*/
        text-shadow: none;
        text-decoration: none;
    }

    body.local .ux-header.ux-nav.ux-social a:active,
    body.local .ux-header.ux-nav.ux-social a:link:active,
    body.local .ux-header.ux-nav.ux-social a.fn-link:active,
    body.local .ux-header.ux-nav.ux-social a.fn-link:link:active,
    body.local .ux-header.ux-nav.ux-social a.fx-active,
    body.local .ux-header.ux-nav.ux-social a.fx-active:link,
    body.local .ux-header.ux-nav.ux-social a.fn-link.fx-active,
    body.local .ux-header.ux-nav.ux-social a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: none;
        text-decoration: none;
    }


        body.local .ux-header.ux-nav.ux-social a:hover,
        body.local .ux-header.ux-nav.ux-social a:link:hover,
        body.local .ux-header.ux-nav.ux-social a.fn-link:hover,
        body.local .ux-header.ux-nav.ux-social a.fx-link:link:hover,
        body.local .ux-header.ux-nav.ux-social a.fx-active:hover,
        body.local .ux-header.ux-nav.ux-social a.fx-active:link:hover,
        body.local .ux-header.ux-nav.ux-social a.fn-link.fx-active:hover,
        body.local .ux-header.ux-nav.ux-social a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: none;
            text-decoration: none;
        }





body.local .ux-header.ux-nav.ux-search a,
body.local .ux-header.ux-nav.ux-search a:link,
body.local .ux-header.ux-nav.ux-search a.fn-link,
body.local .ux-header.ux-nav.ux-search a.fn-link:link {
    color: rgba(104, 90, 160, 1);     /*Blue*/
    text-shadow: none;
    text-decoration: none;
}


    body.local .ux-header.ux-nav.ux-search a:visited,
    body.local .ux-header.ux-nav.ux-search a:link:visited,
    body.local .ux-header.ux-nav.ux-search a.fn-link:visited,
    body.local .ux-header.ux-nav.ux-search a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(104, 90, 160, 1);     /*Blue*/
        text-shadow: none;
        text-decoration: none;
    }

    body.local .ux-header.ux-nav.ux-search a:active,
    body.local .ux-header.ux-nav.ux-search a:link:active,
    body.local .ux-header.ux-nav.ux-search a.fn-link:active,
    body.local .ux-header.ux-nav.ux-search a.fn-link:link:active,
    body.local .ux-header.ux-nav.ux-search a.fx-active,
    body.local .ux-header.ux-nav.ux-search a.fx-active:link,
    body.local .ux-header.ux-nav.ux-search a.fn-link.fx-active,
    body.local .ux-header.ux-nav.ux-search a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: none;
        text-decoration: none;
    }


        body.local .ux-header.ux-nav.ux-search a:hover,
        body.local .ux-header.ux-nav.ux-search a:link:hover,
        body.local .ux-header.ux-nav.ux-search a.fn-link:hover,
        body.local .ux-header.ux-nav.ux-search a.fx-link:link:hover,
        body.local .ux-header.ux-nav.ux-search a.fx-active:hover,
        body.local .ux-header.ux-nav.ux-search a.fx-active:link:hover,
        body.local .ux-header.ux-nav.ux-search a.fn-link.fx-active:hover,
        body.local .ux-header.ux-nav.ux-search a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: none;
            text-decoration: none;
        }







body.local .ux-footer.ux-nav a,
body.local .ux-footer.ux-nav a:link,
body.local .ux-footer.ux-nav a.fn-link,
body.local .ux-footer.ux-nav a.fn-link:link {
    color: rgba(189, 186, 202, 1);     /*Gray*/
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-decoration: none;
}


    body.local .ux-footer.ux-nav a:visited,
    body.local .ux-footer.ux-nav a:link:visited,
    body.local .ux-footer.ux-nav a.fn-link:visited,
    body.local .ux-footer.ux-nav a.fn-link:link:visited {
        /*color: rgba(189, 186, 202, 1);*/ /*Brown*/
        color: rgba(189, 186, 202, 1);     /*Gray*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }

    body.local .ux-footer.ux-nav a:active,
    body.local .ux-footer.ux-nav a:link:active,
    body.local .ux-footer.ux-nav a.fn-link:active,
    body.local .ux-footer.ux-nav a.fn-link:link:active,
    body.local .ux-footer.ux-nav a.fx-active,
    body.local .ux-footer.ux-nav a.fx-active:link,
    body.local .ux-footer.ux-nav a.fn-link.fx-active,
    body.local .ux-footer.ux-nav a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }


        body.local .ux-footer.ux-nav a:hover,
        body.local .ux-footer.ux-nav a:link:hover,
        body.local .ux-footer.ux-nav a.fn-link:hover,
        body.local .ux-footer.ux-nav a.fx-link:link:hover,
        body.local .ux-footer.ux-nav a.fx-active:hover,
        body.local .ux-footer.ux-nav a.fx-active:link:hover,
        body.local .ux-footer.ux-nav a.fn-link.fx-active:hover,
        body.local .ux-footer.ux-nav a.fn-link.fx-active:link:hover {
            color: rgba(255, 255, 255, 1); /*White*/
            text-shadow: 0 1px 1px rgba(0,0,0,0.5);
            text-decoration: none;
        }





body.local .ux-footer.ux-nav.ux-social a,
body.local .ux-footer.ux-nav.ux-social a:link,
body.local .ux-footer.ux-nav.ux-social a.fn-link,
body.local .ux-footer.ux-nav.ux-social a.fn-link:link {
    color: rgba(189, 186, 202, 1);     /*Gray*/
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-decoration: none;
}


    body.local .ux-footer.ux-nav.ux-social a:visited,
    body.local .ux-footer.ux-nav.ux-social a:link:visited,
    body.local .ux-footer.ux-nav.ux-social a.fn-link:visited,
    body.local .ux-footer.ux-nav.ux-social a.fn-link:link:visited {
        /*color: rgba(189, 186, 202, 1);*/ /*Brown*/
        color: rgba(189, 186, 202, 1);     /*Gray*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }

    body.local .ux-footer.ux-nav.ux-social a:active,
    body.local .ux-footer.ux-nav.ux-social a:link:active,
    body.local .ux-footer.ux-nav.ux-social a.fn-link:active,
    body.local .ux-footer.ux-nav.ux-social a.fn-link:link:active,
    body.local .ux-footer.ux-nav.ux-social a.fx-active,
    body.local .ux-footer.ux-nav.ux-social a.fx-active:link,
    body.local .ux-footer.ux-nav.ux-social a.fn-link.fx-active,
    body.local .ux-footer.ux-nav.ux-social a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }


        body.local .ux-footer.ux-nav.ux-social a:hover,
        body.local .ux-footer.ux-nav.ux-social a:link:hover,
        body.local .ux-footer.ux-nav.ux-social a.fn-link:hover,
        body.local .ux-footer.ux-nav.ux-social a.fx-link:link:hover,
        body.local .ux-footer.ux-nav.ux-social a.fx-active:hover,
        body.local .ux-footer.ux-nav.ux-social a.fx-active:link:hover,
        body.local .ux-footer.ux-nav.ux-social a.fn-link.fx-active:hover,
        body.local .ux-footer.ux-nav.ux-social a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: 0 1px 1px rgba(0,0,0,0.5);
            text-decoration: none;
        }






body.local .ux-contact.ux-nav a,
body.local .ux-contact.ux-nav a:link,
body.local .ux-contact.ux-nav a.fn-link,
body.local .ux-contact.ux-nav a.fn-link:link {
    color: rgba(255, 255, 255, 1);     /*White*/
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-decoration: none;
}


    body.local .ux-contact.ux-nav a:visited,
    body.local .ux-contact.ux-nav a:link:visited,
    body.local .ux-contact.ux-nav a.fn-link:visited,
    body.local .ux-contact.ux-nav a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(255, 255, 255, 1);     /*White*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }

    body.local .ux-contact.ux-nav a:active,
    body.local .ux-contact.ux-nav a:link:active,
    body.local .ux-contact.ux-nav a.fn-link:active,
    body.local .ux-contact.ux-nav a.fn-link:link:active,
    body.local .ux-contact.ux-nav a.fx-active,
    body.local .ux-contact.ux-nav a.fx-active:link,
    body.local .ux-contact.ux-nav a.fn-link.fx-active,
    body.local .ux-contact.ux-nav a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }


        body.local .ux-contact.ux-nav a:hover,
        body.local .ux-contact.ux-nav a:link:hover,
        body.local .ux-contact.ux-nav a.fn-link:hover,
        body.local .ux-contact.ux-nav a.fx-link:link:hover,
        body.local .ux-contact.ux-nav a.fx-active:hover,
        body.local .ux-contact.ux-nav a.fx-active:link:hover,
        body.local .ux-contact.ux-nav a.fn-link.fx-active:hover,
        body.local .ux-contact.ux-nav a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: 0 1px 1px rgba(0,0,0,0.5);
            text-decoration: none;
        }





body.local .ux-contact.ux-nav.ux-social a,
body.local .ux-contact.ux-nav.ux-social a:link,
body.local .ux-contact.ux-nav.ux-social a.fn-link,
body.local .ux-contact.ux-nav.ux-social a.fn-link:link {
    color: rgba(255, 255, 255, 1);     /*White*/
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-decoration: none;
}


    body.local .ux-contact.ux-nav.ux-social a:visited,
    body.local .ux-contact.ux-nav.ux-social a:link:visited,
    body.local .ux-contact.ux-nav.ux-social a.fn-link:visited,
    body.local .ux-contact.ux-nav.ux-social a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
         color: rgba(255, 255, 255, 1);     /*White*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }

    body.local .ux-contact.ux-nav.ux-social a:active,
    body.local .ux-contact.ux-nav.ux-social a:link:active,
    body.local .ux-contact.ux-nav.ux-social a.fn-link:active,
    body.local .ux-contact.ux-nav.ux-social a.fn-link:link:active,
    body.local .ux-contact.ux-nav.ux-social a.fx-active,
    body.local .ux-contact.ux-nav.ux-social a.fx-active:link,
    body.local .ux-contact.ux-nav.ux-social a.fn-link.fx-active,
    body.local .ux-contact.ux-nav.ux-social a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
        text-decoration: none;
    }


        body.local .ux-contact.ux-nav.ux-social a:hover,
        body.local .ux-contact.ux-nav.ux-social a:link:hover,
        body.local .ux-contact.ux-nav.ux-social a.fn-link:hover,
        body.local .ux-contact.ux-nav.ux-social a.fx-link:link:hover,
        body.local .ux-contact.ux-nav.ux-social a.fx-active:hover,
        body.local .ux-contact.ux-nav.ux-social a.fx-active:link:hover,
        body.local .ux-contact.ux-nav.ux-social a.fn-link.fx-active:hover,
        body.local .ux-contact.ux-nav.ux-social a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: 0 1px 1px rgba(0,0,0,0.5);
            text-decoration: none;
        }



               
body.local .ux-external.ux-nav a,
body.local .ux-external.ux-nav a:link,
body.local .ux-external.ux-nav a.fn-link,
body.local .ux-external.ux-nav a.fn-link:link {
    color: rgba(104, 90, 160, 1);     /*Blue*/
    text-shadow: 0 1px 1px rgba(255,255,255,1);
    text-decoration: none;
}


    body.local .ux-external.ux-nav a:visited,
    body.local .ux-external.ux-nav a:link:visited,
    body.local .ux-external.ux-nav a.fn-link:visited,
    body.local .ux-external.ux-nav a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(104, 90, 160, 1);     /*Blue*/
        text-shadow: 0 1px 1px rgba(255,255,255,1);
        text-decoration: none;
    }

    body.local .ux-external.ux-nav a:active,
    body.local .ux-external.ux-nav a:link:active,
    body.local .ux-external.ux-nav a.fn-link:active,
    body.local .ux-external.ux-nav a.fn-link:link:active,
    body.local .ux-external.ux-nav a.fx-active,
    body.local .ux-external.ux-nav a.fx-active:link,
    body.local .ux-external.ux-nav a.fn-link.fx-active,
    body.local .ux-external.ux-nav a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: 0 1px 1px rgba(255,255,255,1);
        text-decoration: none;
    }


        body.local .ux-external.ux-nav a:hover,
        body.local .ux-external.ux-nav a:link:hover,
        body.local .ux-external.ux-nav a.fn-link:hover,
        body.local .ux-external.ux-nav a.fx-link:link:hover,
        body.local .ux-external.ux-nav a.fx-active:hover,
        body.local .ux-external.ux-nav a.fx-active:link:hover,
        body.local .ux-external.ux-nav a.fn-link.fx-active:hover,
        body.local .ux-external.ux-nav a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: 0 1px 1px rgba(255,255,255,1);
            text-decoration: none;
        }





body.local .ux-external.ux-nav.ux-social a,
body.local .ux-external.ux-nav.ux-social a:link,
body.local .ux-external.ux-nav.ux-social a.fn-link,
body.local .ux-external.ux-nav.ux-social a.fn-link:link {
    color: rgba(104, 90, 160, 1);     /*Blue*/
    text-shadow: 0 1px 1px rgba(255,255,255,1);
    text-decoration: none;
}


    body.local .ux-external.ux-nav.ux-social a:visited,
    body.local .ux-external.ux-nav.ux-social a:link:visited,
    body.local .ux-external.ux-nav.ux-social a.fn-link:visited,
    body.local .ux-external.ux-nav.ux-social a.fn-link:link:visited {
        /*color: rgba(197, 149, 103, 1);*/ /*Brown*/
        color: rgba(104, 90, 160, 1);     /*Blue*/
        text-shadow: 0 1px 1px rgba(255,255,255,1);
        text-decoration: none;
    }

    body.local .ux-external.ux-nav.ux-social a:active,
    body.local .ux-external.ux-nav.ux-social a:link:active,
    body.local .ux-external.ux-nav.ux-social a.fn-link:active,
    body.local .ux-external.ux-nav.ux-social a.fn-link:link:active,
    body.local .ux-external.ux-nav.ux-social a.fx-active,
    body.local .ux-external.ux-nav.ux-social a.fx-active:link,
    body.local .ux-external.ux-nav.ux-social a.fn-link.fx-active,
    body.local .ux-external.ux-nav.ux-social a.fn-link.fx-active:link {
        color: rgba(240, 136, 0, 1); /*Orange*/
        text-shadow: 0 1px 1px rgba(255,255,255,1);
        text-decoration: none;
    }


        body.local .ux-external.ux-nav.ux-social a:hover,
        body.local .ux-external.ux-nav.ux-social a:link:hover,
        body.local .ux-external.ux-nav.ux-social a.fn-link:hover,
        body.local .ux-external.ux-nav.ux-social a.fx-link:link:hover,
        body.local .ux-external.ux-nav.ux-social a.fx-active:hover,
        body.local .ux-external.ux-nav.ux-social a.fx-active:link:hover,
        body.local .ux-external.ux-nav.ux-social a.fn-link.fx-active:hover,
        body.local .ux-external.ux-nav.ux-social a.fn-link.fx-active:link:hover {
            color: rgba(109, 174, 41, 1); /*Green*/
            text-shadow: 0 1px 1px rgba(255,255,255,1);
            text-decoration: none;
        }



/*---  navigation  nav---*/
.ux-nav {}

.ux-nav ul { display:block;}

.ux-nav ul li {cursor:pointer;position:relative;display:block; }     
.ux-nav > ul > li {margin:0 0.5em;}
.ux-nav.fx-horizontal > ul > li {display:inline-block; vertical-align: middle; }

.ux-nav > ul > li:hover {}
.ux-nav > ul > li.fx-active {}
.ux-nav > ul > li.fx-current {}
.ux-nav > ul > li.fx-more {}
.ux-nav.ux-link > ul > li.fx-active { background-color:rgba(109, 173, 40, 0.2); margin-right:-2em; border-radius:2px 0 0 2px;box-shadow: 1px 1px 0 0 #CCC,1px 0 0 0 #F9F9F9 inset;}



.ux-nav ul li a{ /*text-transform:uppercase;*/}
.ux-nav ul li .ux-nav-item{padding: 0 0.5em;display:block; cursor: pointer; line-height:36px;}   
.ux-nav ul li .ux-nav-item.ux-location-item {margin-right: 0.5em;}                                  
.ux-nav > ul > li.fx-more .ux-nav-item{}

.ux-nav ul li a > i {}
.ux-nav ul li a > label {padding-left:4px;}
.ux-nav ul li a > i,
.ux-nav ul li a > label { cursor:pointer;vertical-align: middle;display: inline-block; }




.ux-nav > ul > li > ul {display:none; position: absolute; text-align: left; width: 200px;}
.ux-nav > ul > li:hover > ul {display:block;}

.ux-nav > ul > li > ul > li{display: block;position: relative;line-height: 2em;}    

.ux-nav > ul > li > ul > li > a{line-height:2em; padding-left:1em;padding-right:1em; display: block;position: relative;}
.ux-nav > ul > li > ul > li > a > img.fx-full { max-width:160px; } 

.ux-nav > ul > li > ul > li > label {padding-right: 1em;margin-top: -1.5em;display: block;text-transform: none; text-align:center;width: 30px;position: absolute;right: 0;top: 0;bottom: 0;}
.ux-nav > ul > li > ul > li > label > a {width: 100%; height:100%; display: block; background-image:url('/source/images/icon/arrow-down.png'); 
                                        background-position:center center; background-repeat:no-repeat;background-color:#fff; background-size:10px;}
.ux-nav > ul > li > ul > li > label > a:hover{background-color:#9CC93E;}

.ux-nav > ul > li > ul > li > hr {margin: 0;border-width: 0;border-bottom: 1px solid rgba(172, 172, 172, 0.2);}




.ux-nav.ux-subnav {}  
.ux-nav.ux-subnav ul li {font-size: 13px;padding: 12px 0;}
.ux-nav.ux-subnav > ul > li.fx-more {}
.ux-nav.ux-subnav > ul > li > a {}
.ux-nav.ux-subnav > ul > li:first-of-type > a {border-left-width: 0;}
.ux-nav.ux-subnav > ul > li:last-of-type > a {border-right-width: 0;}
.ux-nav.ux-subnav ul li .ux-nav-item {line-height: 16px;}
.ux-nav.ux-subnav ul li .ux-nav-item i.fx-more {padding-left: 10px;}

.ux-nav.ux-subnav > ul > li > ul {left: -0.75px;top: 40px;border-top-width: 0;}
.ux-nav.ux-subnav > ul > li > ul > li {padding: 10px 7px;}
.ux-nav.ux-subnav > ul > li > ul > li > a {font-size: 13px;}
.ux-nav.ux-subnav > ul > li > ul > li > ul {left: 200px;top: 0;border-top-width: 0;position: absolute;width: 240px;display: none;}
.ux-nav.ux-subnav > ul > li > ul > li:hover > ul {display: block;}
.ux-nav.ux-subnav > ul > li > ul > li > ul > li {padding: 7px;}  
.ux-nav.ux-subnav > ul > li > ul > li:not(:first-of-type) > ul > li:first-of-type { border-top-style: solid;}   
.ux-nav.ux-subnav > ul > li > ul > li > ul > li > a {font-size: 13px;}


.ux-nav.ux-subnav {background-color: #fff;}
.ux-nav.ux-subnav > ul > li > a {border-right: 1px solid rgb(219,219,219);}
.ux-nav.ux-subnav > ul > li > ul {background-color: #fff;}
.ux-nav.ux-subnav > ul > li > ul > li {border-top: 1px dashed #e1e1e1;}
.ux-nav.ux-subnav > ul > li > ul > li > ul {background-color: #fff;}
.ux-nav.ux-subnav > ul > li > ul > li > ul > li {border-top: 1px dashed #e1e1e1;} 






/* ux-external */
.ux-external.ux-nav ul li {}
.ux-external.ux-nav > ul > li {border-top: 1px solid rgb(255, 255, 255);border-bottom: 1px solid rgb(219,219,219);margin:0;}
.ux-external.ux-nav > ul li:hover { background-color:#fff;}
.ux-external.ux-nav:first-of-type > ul > li:first-of-type { border-top-width: 0;}
.ux-external.ux-nav:last-of-type > ul > li:last-of-type { border-bottom-width: 0;}
.ux-external.ux-nav ul li .ux-nav-item {padding: 0.25em 2em; }







/* ux-nav */
.ux-nav.ux-social {}  
.ux-nav.ux-social.ux-contactinfo{}

.ux-nav.ux-social ul li {margin-left:1em; margin-right:0;}
.ux-nav.ux-social ul li:first-of-type {margin-left: 0;} 

.ux-nav.ux-social ul li a i { font-size:24px; }                            
.ux-nav.ux-social.ux-contactinfo ul li a i { font-size:18px; }




/* - .ux-header.ux-nav */
.ux-header.ux-nav ul li .ux-nav-item { line-height: 25px;}



/* .ux-header.ux-nav.ux-menu*/
.ux-header.ux-nav.ux-menu ul li {margin:0;}
.ux-header.ux-nav.ux-menu > ul > li > ul { position:absolute; left:20px; width:200px; display:none; text-align:left; border: 1px solid rgba(172, 172, 172, 0.2); border-top-width: 0; } 
.ux-header.ux-nav.ux-menu > ul > li > ul > li { display:block; position:relative; background-color:rgba(255, 255, 255, 0.97);line-height: 2.5em;}
.ux-header.ux-nav.ux-menu > ul > li > ul > li:first-child{ margin-top:1px;}









/* ux-footer*/
.ux-footer.ux-nav {margin:0 auto;}
.ux-footer.ux-nav.ux-copyright ul li {margin:0;}





/*--- ax-subnav---*/
.ax-subnav {z-index: 1;margin: 3em 0 1em 0;}
.ax-subnav .ax-subnav-item {} 

.dx-subnav {}
            










/* --- header ---*/
.sx-site {}

.ax-header{position: absolute; z-index:20; left:0;right:0;top:0; }
.ax-header.fx-fixed{position: fixed;}

.ax-header .ax-header-item {line-height: 36px;}
.ax-header .ax-header-item:empty{ display:none;}

.dx-header .dx-header-item {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-between;align-items: center;}







/* -- header social -- */
.ax-header .ax-header-item.ax-social-item {background-color: #fff;border-bottom: 1px solid RGBA(104, 90, 160, 0.3);}

.dx-header.dx-social {}
.dx-header.dx-social .dx-header-item {}





/* -- header promotion*/
.ax-header .ax-header-item.ax-promotion-item {}

.dx-header.dx-promotion {}
.dx-header.dx-promotion .dx-header-item {}




                                    
/* -- header search*/
.ax-header .ax-header-item.ax-search-item {}

.dx-header.dx-search {}
.dx-header.dx-search .dx-header-item {justify-content: center;}

.ux-header.ux-search{}  
.ux-header.ux-search .ux-header-item{}      
.ux-header.ux-search .ux-header-item a {display: block;font-size: 24px; }          
.ux-header.ux-search .ux-header-item a i {display:inline-block;} 
.ux-header.ux-search .ux-header-item a label {display:inline-block;margin-left:7px;}
                                                                               
.ux-header.ux-search.ux-promotion{ display:none;}

.ux-header.ux-search.ux-wishlist{margin-right:10px;}

.ux-header.ux-search.ux-searchbox {padding: 0;margin: 1px 0; width:60%;}
.ux-header.ux-search.ux-searchbox .ux-header-item {}
.ux-header.ux-search.ux-searchbox .ux-header-item input {height: 34px;border-radius: 2px; background-color:#fff;} 
.ux-header.ux-search.ux-searchbox .ux-header-item .ui-ddlist-container {width:100% !important;z-index:100;max-height: 329px;}

.ux-header.ux-search.ux-searchgo {text-align:left; margin-left:5px;}  
             
.ux-header.ux-search.ux-shoppingcart{margin-left:20px;}                            
.ux-header.ux-search.ux-shoppingcart .ux-header-item{} 
.ux-header.ux-search.ux-shoppingcart .ux-header-item a{margin-right:10px;}                                         
.ux-header.ux-search.ux-shoppingcart .ux-header-item a label {display: block; font-size: 14px;height: 19px;width: 19px;line-height: 19px;position: absolute;right: 0;top: 2px; border-radius: 20px;border: 0.5px solid;text-align: center; background-color: #685A9F;} 
                



/*--- header navigation ---*/
.ax-header .ax-header-item.ax-navigation-item {} 
.ax-header.fx-fixed .ax-header-item.ax-navigation-item {background-color:#fff;border-bottom:1px solid RGBA(104, 90, 160, 0.3);box-shadow: 0 0 4px 0 rgb(37 37 37 / 25%);}


.dx-header.dx-navigation{} 
.dx-header.dx-navigation .dx-header-item{ }


.ux-header.ux-logo {}
.ux-header.ux-logo .ux-header-item.ux-logo-item {text-shadow: 0 1px 0 rgba(255,255,255,0.5); }

.ux-header.ux-logo .ux-header-item.ux-logo-item a{font-size:24px; display:inline-block; vertical-align:middle;}   
.ux-header.ux-logo .ux-header-item.ux-logo-item a > span { vertical-align:top;}
.ux-header.ux-logo .ux-header-item.ux-logo-item a > img { max-height:28px; padding:5px 5px 5px 0;vertical-align:top;}  

.ux-header.ux-logo .ux-header-item.ux-tagline-item{font-size: 12px;line-height: 22px;margin-top: -3px; display:block;position:absolute; right:5px;}
.ux-header.ux-logo .ux-header-item.ux-tagline-item .ui-tagline-color{}

.ax-header.fx-fixed .ux-header.ux-logo .ux-header-item.ux-tagline-item{ display:none;}











/*---general content-----*/
.ax-content {display: flex; flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: stretch;min-height: 100vh;	text-align: center;}     
.ax-content .ax-content-item {width:100%;border-top: none;padding-top: 0;}
.ax-content.ax-headpad .ax-content-item {}

.dx-content {padding: 4em 1em; line-height: 2.7em;}
.ax-content.ax-headmargin .dx-content {padding-top: 9em;}




.dx-content .dx-title-item {margin-bottom: 1em;}
.dx-content .dx-subtitle-item {margin-bottom: 2em;}
.dx-content .dx-content-item {text-align: center; display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: stretch;}




.ux-content {margin: 1em;margin-bottom:2em;height: calc(100% - 2em);}
.ux-content:last-of-type {margin-bottom:1em;}    
.ux-content.ux-flex, .ux-content.ux-flex-row {display: flex;flex-direction:row;flex-wrap:wrap;align-content:center; justify-content: center; align-items: stretch;}
.ux-content.ux-flex-column {display: flex;flex-direction:column;flex-wrap:nowrap;align-content:center; justify-content: center; align-items: stretch;}


.ux-content .ux-title-item {padding: 0.5em 0;border-bottom: 1px dashed; text-align: center;}
.ux-content.ux-list .ux-title-item{border-bottom-width: 0;}
.ux-content .ux-content-item {} 

.ux-content:not(.ux-contact) .ux-content-item {text-align: center;margin: 0;padding: 2em;}



.ux-content .ux-image-item {}

.ux-content .ux-text-item {}
.ux-content .ux-text-item .ux-text-image {}
.ux-content .ux-text-item .ux-text-image:hover {box-shadow:0px 10px 15px -10px #777777;}
.ux-content .ux-text-item .ux-text-icon {}
.ux-content .ux-text-item .ux-text-text {}

/* -- ux-list ---*/
.ux-content .ux-content-item > ul {list-style: circle;line-height: 2.7em; text-align: left; list-style-position: inside; }
.ux-content .ux-list-item .ux-list-item-margin { margin-bottom:1em; margin-left:1em;} 
.ux-content .ux-list-item .ux-list-item-margin.ux-list-item-margin-first {margin-left:0em;} 


.ux-content.ux-authentication .ux-content-item p{text-align:left;}


.ui-auth-container .ux-content{margin: 0;height: auto;}
.ui-auth-container .ux-content .ux-content-item{padding: 0em 2em; }
.ui-auth-container .ux-content .ux-content-item .ui-btn-content{margin: 3em 0 2em 0; }




/* --- footer --- */
.ax-footer {color: rgba(144, 137, 169, 1); text-shadow:0 1px 1px rgba(0,0,0,0.5);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2) inset;background-color:#3A315F;background-image: url('/source/images/profile/site/bg/bg027.png');background-repeat:repeat; text-align:center;}
.ax-footer .ax-footer-item{}

.dx-footer{}
.dx-footer .dx-footer-item {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-between;align-items: center;}

.ux-footer.ux-nav.fx-width-max-100p {max-width:100%;}
.ux-footer.ux-nav h5 {word-spacing: 3px;font-size: 18px;text-transform: uppercase;}




/*-- footer Social ----*/
.ax-footer .ax-footer-item.ax-social-item {}

.dx-footer.dx-social{border-bottom: 1px solid #5C5383;}
.dx-footer.dx-social .dx-footer-item {border-bottom: 1px solid #342B56;padding:7px 0;}




/*-- footer Menu ----*/
.ax-footer .ax-footer-item.ax-menu-item {}

.dx-footer.dx-menu {border-bottom: 1px solid #5C5383;}
.dx-footer.dx-menu .dx-footer-item{align-items:flex-start;}

.dx-footer.dx-menu .dx-footer-item {border-bottom: 1px solid #342B56;padding:16px 0;}
.dx-footer.dx-menu .dx-footer-item > .col {padding-bottom:2em;}
.dx-footer.dx-menu .dx-footer-item > .col > h4, 
.dx-footer.dx-menu .dx-footer-item > .col > h5 {text-transform:uppercase; margin-bottom:12px;}

.ux-footer.ux-nav.ux-menu{ max-width: 240px;}



/*-- footer - Menu - Subscribe----*/
.ux-footer.ux-subscribe {}
.ux-footer.ux-subscribe .ux-footer-item.ux-subscribe-item{ height:40px;box-shadow:2px 2px 0 rgba(0, 0, 0, 0.2);}
.ux-footer.ux-subscribe .ux-footer-item.ux-subscribe-item input[type=text]{width: 56%;padding: 0 2%;position: relative;margin: 0;height: 100%;border-radius:0 !important;border-top-left-radius: 3px !important;border-bottom-left-radius: 3px !important;}
.ux-footer.ux-subscribe .ux-footer-item.ux-subscribe-item button{width: 40%;cursor: pointer !important;border: 0 none !important;padding: 0 !important;right: 0;position: absolute;overflow: visible;top: 0;bottom: 0; background-color: #c69668; text-transform: uppercase; border-radius:0 !important;border-top-right-radius:3px !important; border-bottom-right-radius:3px !important;cursor:pointer;height: 105% !important; margin-left:-1px;}

.ux-footer.ux-subscribe .ux-footer-item.ux-unsubscribe-item{padding-top:0.5em;text-align: left;}
.ux-footer.ux-subscribe .ux-footer-item.ux-unsubscribe-item label{cursor:pointer;}



/*-- footer Navigation ----*/
.ax-footer .ax-footer-item.ax-navigation-item {}

.dx-footer.dx-navigation {}  
.dx-footer.dx-navigation .dx-footer-item{}  

.dx-footer.dx-navigation .dx-footer-item a {}  
.dx-footer.dx-navigation .dx-footer-item label {text-transform:uppercase;}  




/* --- footer Copyright--- */
.ax-footer .ax-footer-item.ax-copyright-item {}

.dx-footer.dx-copyright{}
.dx-footer.dx-copyright .dx-footer-item{padding:10px 0;}










/*-- external ---*/  
.ax-external{position:fixed;top:0;bottom:0;background-color: rgba(0,0,0,.4);z-index:3000;}
.ax-external.fx-left{left:0;right:auto;}  
.ax-external.fx-left.fx-slide {right:0; display:block;}       
.ax-external.fx-right{left:auto;right:0;}  
.ax-external.fx-right.fx-slide {left:0; display:block;}

.ax-external .ax-external-item {position:absolute;top:0;bottom:0;background-color: #f5f5f5;width:240px; }
.ax-external.fx-left .ax-external-item {left:-240px;right:auto; }
.ax-external.fx-left.fx-slide .ax-external-item{left:0;}         
.ax-external.fx-right .ax-external-item {left:auto;right:-240px; }
.ax-external.fx-right.fx-slide .ax-external-item {right:0;}

.ax-external .dx-external { overflow:hidden; overflow-y:auto; height:100%} 





 /* -- contact Form --*/
.ax-content.ax-contact{margin-bottom:-1px;}   
.ax-content.ax-contact .ax-content-item {background-image:url('/source/images/profile/site/bg/bg029.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;color: #fff; box-shadow: 0 -0.5px 0 0 rgba(0, 0, 0, 0.3); background-attachment:fixed;}   

.dx-content.dx-contact {padding: 3em 0;}
.dx-content.dx-contact > h1,
.dx-content.dx-contact > h5{line-height:120px; display:inline-block; vertical-align:top; height:120px;}
.dx-content.dx-contact > h1 {width:60%; text-transform:uppercase; text-shadow:0 1px 0 rgba(0,0,0,.7);}
.dx-content.dx-contact > h5 {background-image: url('/source/images/profile/site/bg/bgdotwhite.png'); background-position:center center; background-repeat:repeat-x; width:20%;}
.dx-content.dx-contact .dx-content-item {background-color:rgba(0,0,0,.5);text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); padding:1em; align-items:flex-start;backdrop-filter: blur(7px);
}}


.ux-content.ux-contact {padding:1em;}
.ux-content.ux-contact .ux-title-item{border-bottom-width: 0;}

.ux-content.ux-contact.ux-left .ux-content-item { margin-bottom:2em;text-align: left;}
.ux-content.ux-contact.ux-left .ux-content-item.ux-social-item { margin-bottom:0;padding-left: 36px;}
.ux-content.ux-contact.ux-left .ux-content-item p{ display:block; line-height:25px;}


.ux-content.ux-contact.ux-left .ux-contact-item.ux-address-item,
.ux-content.ux-contact.ux-left .ux-contact-item.ux-phone-item,
.ux-content.ux-contact.ux-left .ux-contact-item.ux-email-item{ background-position:left 6px;background-repeat:no-repeat;background-size:24px auto; padding-left:36px;}
.ux-content.ux-contact.ux-left .ux-contact-item.ux-address-item { background-image:url('/source/images/icon/map-white.png'); }
.ux-content.ux-contact.ux-left .ux-contact-item.ux-phone-item  { background-image:url('/source/images/icon/phone-white.png'); }
.ux-content.ux-contact.ux-left .ux-contact-item.ux-email-item  { background-image:url('/source/images/icon/email-white.png'); }




.ux-content.ux-contact.ux-right .ux-content-item{color:#252525;padding:14px 0;}
.ux-content.ux-contact.ux-right .ux-content-item.ui-btn-content { margin-bottom:0;}

body.local .ux-content.ux-contact.ux-right .ux-content-item input[type="text"],
body.local .ux-content.ux-contact.ux-right .ux-content-item select,
body.local .ux-content.ux-contact.ux-right .ux-content-item textarea {box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4);} 

body.local .ux-content.ux-contact.ux-right .ux-content-item input[type="text"] { width: 44%; min-width:200px;} 
body.local .ux-content.ux-contact.ux-right .ux-content-item select { width: 50%;min-width:200px;}
body.local .ux-content.ux-contact.ux-right .ux-content-item textarea {resize: none;width: 94%;height: 10em;padding: 3%;}


.ux-content.ux-contact.ux-right .ux-contact-item .ui-dynamic-bar{display:none;}








    






/* --- error ---*/
body.local .ux-error-title{}
body.local .ux-error-digit{font-size: 16em;text-shadow: 0 2px 2px #AEAEAE; margin-bottom:0;padding:0.5em;}
body.local .ux-error-text{font-size: 8em;text-shadow: 0 2px 2px #AEAEAE; margin-bottom:0;padding:0.5em;}
body.local .ux-error-content{}



/*--- custom ---*/
.ux-options-advance{display:none;}    
.ux-pos-or{height: 24px; width: 24px; margin: -1.9em auto -0.75em;}
.ux-price-display{border-radius: 60px;height: 60px;min-width: 60px;line-height: 60px;padding:10px;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,.2); position: absolute;top: -4px; display:none;}


.ux-btn-tiny{background-repeat:no-repeat; background-position: left center; padding-left:24px; }
.ux-btn-tiny.ux-btn-tiny-edit{background-image: url('/source/images/icon/edit-tiny.png');}
.ux-btn-tiny.ux-btn-tiny-edit:hover{background-image: url('/source/images/icon/edit-tiny-hover.png');}
.ux-btn-tiny.ux-btn-tiny-delete{background-image: url('/source/images/icon/delete-tiny.png'); }
.ux-btn-tiny.ux-btn-tiny-delete:hover{background-image: url('/source/images/icon/delete-tiny-hover.png'); }



.ux-list-horizontal-icon{}
.ux-list-horizontal-icon > li{ display: inline-block;}
.ux-list-horizontal-icon > li > a {padding: 0.25em 1em 0.25em 1em;background-image: url("/source/images/icon/arrow-left-nobg-blue.png"); background-position: left center;background-repeat: no-repeat;display: block; color:#685A9F;}
.ux-list-horizontal-icon > li > a:hover{color:#F08700;background-image: url("/source/images/icon/arrow-left-nobg-orange.png"); }

/* --  external -- */

.fn-mobile .scrollbarpaper-container { display: none !important;}  
.fn-mobile .scrollbarpaper-visible { width: auto !important;}



@media only screen and (max-width: 1024px)  
{
    .ax-content.ax-contact {background-attachment:scroll;}  
    .ux-content.ux-contact.ux-nav.ux-social ul li .ux-nav-item{padding: 0.25em;} 
} 

@media only screen and (max-width: 800px)  
{  
    .dx-header.dx-social .dx-header-item {justify-content: space-around}
    .dx-footer.dx-social .dx-footer-item {justify-content: space-around}

    .ux-header.ux-search.ux-searchbox {width:55%;} 
    .ux-header.ux-search.ux-shoppingcart{margin-left:15px;} 

    .ux-header.ux-logo .ux-header-item.ux-tagline-item{display:none;} 
    
    .ux-nav.fx-horizontal-768 > ul > li {display:inline-block; vertical-align: middle; text-align:center; }
        
    .ux-nav.ux-social,   
    .ux-nav.ux-social.ux-contactinfo{ text-align:center;}

    .ux-nav.ux-link > ul > li.fx-active { margin:0;}
    .ux-content.ux-contact.ux-nav.ux-social  ul li .ux-nav-item{padding: 0.5em;}     

    body.local .ux-content.ux-contact.ux-right .ux-content-item input[type="text"] { width: 94%;}
    body.local .ux-content.ux-contact.ux-right .ux-content-item select { width: 100%;} 
    
}
@media only screen and (max-width: 640px)  
{  
       ux-header.ux-search.ux-searchbox {width:50%;}
       ux-header.ux-search.ux-shoppingcart{margin-left:10px;} 

      .ux-header.ux-logo a span:nth-of-type(2) {display:none;}

      .ux-header.ux-nav.ux-menu > ul > li {margin:0 0.5em;}
      .ux-header.ux-nav.ux-menu ul li .ux-nav-item{ }
      .ux-header.ux-nav.ux-menu ul li .ux-nav-item label{display:none;}   
      .ux-header.ux-nav.ux-menu ul li .ux-nav-item.ux-location-item label{display: inline-block;margin-right: 0em;}     
.dx-content {padding-left: 0em;padding-right: 0em;}

      .dx-content.dx-contact > h1 {width:80%;}
      .dx-content.dx-contact > h5 {width:10%;}

      .ux-content.ux-contact.ux-nav.ux-social ul li .ux-nav-item{padding: 0.25em;}

      body.local .ux-error-digit{font-size: 12em;}
      body.local .ux-error-text{font-size: 6em;}

   .dx-content.dx-banner {padding-top:1em;padding-bottom:1em;}
}
@media only screen and (max-width: 480px)  
{  
    .ux-header.ux-logo a > span { display: none;} 
 .ux-header.ux-nav.ux-menu.ux-menu-extended.ux-menu-contact > ul.ux-header-item > li {margin-left:0;margin-right:0;}
.ux-header.ux-nav.ux-menu.ux-menu-extended.ux-menu-contact > ul.ux-header-item > li > a.ux-nav-item > i {display:none;}

    body.local .ux-error-digit{font-size: 10em;}
    body.local .ux-error-text{font-size: 5em;}
}
@media only screen and (max-width: 360px)  {

     .ux-header.ux-search.ux-searchbox {width:45%;}


     body.local .ux-error-digit{font-size: 8em;}
     body.local .ux-error-text{font-size: 4em;}
}

