/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/


/* ============================== DEFAULT HTML ============================== */


/* =============== DEFAULT HTML - GENERAL STYLES =============== */

html,
body {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tbody,
tfoot,
th,
thead,
time,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html,
body {
    height: 100%;
}

body {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.35;
    color: #4d4d4d
}


/* =============== DEFAULT HTML - TEXT STYLES =============== */

p,
pre,
blockquote,
form,
dl,
ul,
ol,
fieldset,
address,
table {
    padding: 0;
    margin: 10px 0;
}

p:first-child,
blockquote:first-child,
form:first-child,
dl:first-child,
ul:first-child,
ol:first-child,
fieldset:first-child,
address:first-child,
table:first-child {
    margin-top: 5px;
}

p:last-child,
blockquote:last-child,
form:last-child,
dl:last-child,
ul:last-child,
ol:last-child,
fieldset:last-child,
address:last-child,
table:last-child {
    margin-bottom: 5px;
}

body {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

section {
    padding: 80px 0;
}

a {
    text-decoration: none;
}

.first {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    background-color: white;
}

.header {
    background-color: white;
    padding: 30px 70px 0 10px;
    display: flex;
    justify-content: space-between;
}

.nav {
    background-color: #0F3325;
    margin: 0 auto;
    font-size: 18px;
}

@media screen and (max-width: 1440px) {
    .header {
        padding: 44px 118px 0 80px;
    }
}

@media screen and (max-width: 1024px) {
    .header {
        padding: 13px 31px 0 60px;
    }
}

@media screen and (max-width: 768px) {
    .header {
        padding: 8px 13px 0 10px;
    }
}

@media screen and (max-width: 600px) {
    .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px 8px;
    }
}

#logo img {
    max-width: 400px;
    max-height: 100px;
    text-decoration: none;
    -webkit-transition: color .5s;
    transition: color .5s;
}

@media screen and (max-width: 1300px) {
    #logo img {
        max-width: 350px;
    }
}

@media screen and (max-width: 927px) {
    #logo img {
        max-width: 200px;
    }
}

@media screen and (max-width: 650px) {
    #logo img {
        max-width: 100px;
    }
}

.top {
    display: flex;
    justify-content: space-around;
}

.logo {
    font-size: 3.125rem;
    color: #FFF;
    text-decoration: none;
    -webkit-transition: color .5s;
    transition: color .5s;
}

.logo:hover {
    color: #FFAC1C;
}

@media screen and (max-width: 1024px) {
    .logo {
        font-size: 2.1875rem;
    }
}

.navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navi__item {
    color: #2a405e;
    text-decoration: none;
    font-size: 1.375rem;
    font-weight: bold;
}

.navi__item:not(:last-child) {
    margin-right: 25px;
}

.navi__item:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 1.5px;
    height: 16px;
    margin-left: 25px;
    background-color: black;
}

.navi__item:hover {
    transition: color .5s;
    transform: scale(1.2);
}

@media screen and (max-width: 1024px) {
    .navi__item {
        font-size: 1rem;
    }
    .menu-mainmenu li:not(:last-child)::after {
        height: 13px;
    }
}

@media screen and (max-width: 600px) {
    .navi {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 450px) {
    .navi__item:not(:last-child) {
        margin-right: 10px;
    }
    .navi__item:not(:last-child)::after {
        margin-left: 10px;
        width: 1px;
    }
}

@media screen and (max-width: 1230px) {
    #MenuBar1 a {
        padding: 5px 8px;
        font-size: 16px;
    }
}

.banner {
    padding-top: 100px;
    padding-bottom: 260px;
    background-image: url('https://live.staticflickr.com/7452/9591831403_178b2e3c0d_k.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner__title {
    font-size: 90px;
    font-weight: bold;
    max-width: 600px;
    color: white;
    margin: 0 auto;
    letter-spacing: 9px;
    text-shadow: 1px 1px 2px black;
    font-family: 'Playfair Display', serif;
}

@media screen and (max-width: 1024px) {
    .banner {
        padding-top: 30px;
        padding-bottom: 153px;
    }
    .banner__title {
        font-size: 20px;
        max-width: 300px;
        margin-left: 100px;
    }
    .banner__slogan {
        font-size: 18px;
        margin-bottom: 63px;
    }
}

@media screen and (max-width: 768px) {
    .banner {
        padding-top: 171px;
        padding-bottom: 99px;
    }
    .banner__title {
        font-size: 15px;
        max-width: 150px;
        margin-left: 60px;
    }
    .banner__slogan {
        margin-bottom: 66px;
    }
}

.advantages {
    background-color: #0F3325;
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
    align-items: center;
}

.advantages p {
    font-size: 30px;
    text-align: center;
    color: white;
    text-align: top;
}

.advantages a {
    background: white;
    padding: 1rem 1.5rem;
    color: black;
    text-decoration: none;
    font-size: 15px;
    max-height: 20px;
}

@media screen and (max-width: 1024px) {
    .advantages {
        padding: 20px 0;
    }
    .advantages p {
        max-width: 602px;
        font-size: 22px;
    }
    .advantages a {
        max-height: 15px;
        font-size: 10px;
    }
}

@media screen and (max-width: 768px) {
    .advantages {
        padding: 15px 0;
        flex-direction: column;
    }
    .advantages p {
        max-width: 541px;
        font-size: 20px;
    }
    .advantages a {
        max-width: 35px;
        font-size: 10px;
        margin: 0 auto;
    }
}

.menu {
    padding: 80px 0 60px;
    background-color: #F0F8FF;
}

.menu__text {
    color: #0F3325;
    margin: 30px 0 60px;
    font-size: 20px;
}

@media screen and (max-width: 1024px) {
    .menu {
        padding: 80px 0;
    }
    .menu__text {
        margin: 30px 0 48px;
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 768px) {
    .menu {
        padding: 70px 24px 70px 52px;
    }
    .menu__text {
        margin: 20px 0 58px;
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 678px) {
    .menu {
        padding: 60px 12px 60px 40px;
    }
}

.headline {
    font-size: 40px;
    font-weight: 600;
    color: #0F3325;
}

@media screen and (max-width: 1024px) {
    .headline {
        font-size: 2.1875rem;
    }
}

@media screen and (max-width: 768px) {
    .headline {
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 678px) {
    .headline {
        font-size: 1.5625rem;
    }
}

.food__name {
    font-size: 25px;
    font-weight: 300;
    color: #35393f;
}

.menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
    .menu-container {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 768px) {
    .menu-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 678px) {
    .menu-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.dish {
    max-width: 360px;
    width: calc((100% - 2*48px)/3);
    text-align: left;
    position: relative;
    background-color: white;
}

.dish:not(:last-of-type) {
    margin-right: 48px;
}

.image img {
    width: 100%;
    max-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
}

.food {
    margin-top: 35px;
}

.food__name {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
}

.food__text {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 23px;
    color: #474747;
    margin: 15px 0;
    text-align: center;
}

.food__price {
    font-size: 1.125rem;
    font-weight: 700;
}

@media screen and (max-width: 1250px) {
    .dish {
        max-width: 310px;
        width: calc((100% - 2*30px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 30px;
    }
    .dish::before {
        font-size: 0.75rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: -20px;
        left: -20px;
    }
    .food__item-description {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1040px) {
    .dish {
        max-width: 300px;
    }
}

@media screen and (max-width: 1024px) {
    .dish {
        max-width: 253px;
        width: calc((100% - 2*92px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 92px;
    }
    .dish::before {
        font-size: 0.75rem;
        width: 46px;
        height: 46px;
        line-height: 46px;
        top: -23px;
        left: -23px;
    }
    .food {
        margin-top: 15px;
    }
    .food__item-title {
        font-size: 1.5625rem;
    }
    .food__item-description {
        font-size: 0.93rem;
        line-height: 19px;
        margin: 15px 0 17px;
    }
    .food__item-price {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 1000px) {
    .dish {
        max-width: 220px;
        width: calc((100% - 2*42px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 42px;
    }
    .dish::before {
        font-size: 0.75rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: -20px;
        left: -20px;
    }
    .food__item-description {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 800px) {
    .dish {
        max-width: 200px;
        width: calc((100% - 2*32px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 32px;
    }
    .food__item-description {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 768px) {
    .dish {
        max-width: 692px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .dish:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 58px;
    }
    .dish::before {
        font-size: 0.875rem;
        width: 56px;
        height: 56px;
        line-height: 56px;
        top: -28px;
        left: -28px;
    }
    .dish__item-picture {
        max-width: 320px;
    }
    .food {
        text-align: left;
        max-width: 348px;
        padding-top: 17px;
        margin: 0 0 0 24px;
    }
    .food__item-description {
        font-size: 1.25rem;
        line-height: 25px;
        margin: 20px 0;
    }
    .food__item-price {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 678px) {
    .dish {
        max-width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dish:not(:last-of-type) {
        margin-bottom: 48px;
    }
    .dish__item-picture {
        max-width: 300px;
    }
    .food {
        max-width: 300px;
        padding: 0;
        margin: 15px 0 0;
    }
    .food__item-title {
        font-size: 1.25rem;
    }
    .food__item-description {
        margin: 15px 0;
        font-size: 1.125rem;
    }
    .food__item-price {
        font-size: 1.125rem;
    }
}

.numbers {
    padding: 50px 0;
    background-image: url(https://img.freepik.com/free-photo/abstract-blur-empty-green-gradient-studio-well-use-as-background-website-template-frame-business-report_1258-67883.jpg?w=900&t=st=1669829899~exp=1669830499~hmac=b582a947f98f1fad38ed5840949d460ebe90aeb7e0eedcd8d12e881680b05f65);
    background-repeat: no-repeat;
    background-size: cover;
}

.numbers__text {
    color: white;
    margin: 30px 0 60px;
    font-size: 20px;
}

@media screen and (max-width: 1024px) {
    .numbers {
        padding: 20px 0;
    }
    .numbers__text {
        margin: 30px 0 48px;
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 768px) {
    .numbers {
        padding: 15px 24px 70px 15px;
    }
    .numbers__text {
        margin: 20px 0 58px;
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 678px) {
    .numbers {
        padding: 10px 12px 60px 10px;
    }
}

.advice {
    font-size: 40px;
    font-weight: 600;
    color: #c4d4ea;
}

@media screen and (max-width: 1024px) {
    .advice {
        font-size: 2.1875rem;
    }
}

@media screen and (max-width: 768px) {
    .advice {
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 678px) {
    .advice {
        font-size: 1.5625rem;
    }
}

.project__name {
    font-size: 30px;
    font-weight: 700;
    color: #c4d4ea;
}

.numbers__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
    .numbers__container {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 768px) {
    .numbers__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
}

@media screen and (max-width: 678px) {
    .numbers__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.finance {
    max-width: 360px;
    width: calc((100% - 2*48px)/3);
    text-align: left;
    position: relative;
}

.finance:not(:last-of-type) {
    margin-right: 48px;
}

.project {
    margin-top: 35px;
    text-align: center;
    color: #cdd7e5;
}

.project__name {
    font-size: 1.875rem;
    font-weight: 700;
}

.project__text {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 23px;
    margin: 15px 0;
}

@media screen and (max-width: 1250px) {
    .dish {
        max-width: 310px;
        width: calc((100% - 2*30px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 30px;
    }
    .dish::before {
        font-size: 0.75rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: -20px;
        left: -20px;
    }
    .food__item-description {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1040px) {
    .dish {
        max-width: 300px;
    }
}

@media screen and (max-width: 1024px) {
    .dish {
        max-width: 253px;
        width: calc((100% - 2*92px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 92px;
    }
    .dish::before {
        font-size: 0.75rem;
        width: 46px;
        height: 46px;
        line-height: 46px;
        top: -23px;
        left: -23px;
    }
    .food {
        margin-top: 15px;
    }
    .food__item-title {
        font-size: 1.5625rem;
    }
    .food__item-description {
        font-size: 0.93rem;
        line-height: 19px;
        margin: 15px 0 17px;
    }
    .food__item-price {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 1000px) {
    .dish {
        max-width: 220px;
        width: calc((100% - 2*42px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 42px;
    }
    .dish::before {
        font-size: 0.75rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: -20px;
        left: -20px;
    }
    .food__item-description {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 800px) {
    .dish {
        max-width: 200px;
        width: calc((100% - 2*32px)/3);
    }
    .dish:not(:last-of-type) {
        margin-right: 32px;
    }
    .food__item-description {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 768px) {
    .dish {
        max-width: 692px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .dish:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 58px;
    }
    .dish::before {
        font-size: 0.875rem;
        width: 56px;
        height: 56px;
        line-height: 56px;
        top: -28px;
        left: -28px;
    }
    .dish__item-picture {
        max-width: 320px;
    }
    .food {
        text-align: left;
        max-width: 348px;
        padding-top: 17px;
        margin: 0 0 0 24px;
    }
    .food__item-description {
        font-size: 1.25rem;
        line-height: 25px;
        margin: 20px 0;
    }
    .food__item-price {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 678px) {
    .dish {
        max-width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dish:not(:last-of-type) {
        margin-bottom: 48px;
    }
    .dish__item-picture {
        max-width: 300px;
    }
    .food {
        max-width: 300px;
        padding: 0;
        margin: 15px 0 0;
    }
    .food__item-title {
        font-size: 1.25rem;
    }
    .food__item-description {
        margin: 15px 0;
        font-size: 1.125rem;
    }
    .food__item-price {
        font-size: 1.125rem;
    }
}

.group {
    display: flex;
    padding: 0;
    background-color: white;
}

.group__photo img {
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}

.global {
    width: calc(100% / 2);
    text-align: left;
    margin-left: 40px;
}

.global .headline {
    margin-top: 50px;
    color: #0F3325;
    font-size: 30px;
}

.global__text {
    color: #0F3325;
    font-size: 20px;
}

@media screen and (max-width: 1040px) {
    .global {
        width: 100%;
        margin-left: 10px;
        text-align: center;
        margin-bottom: 10px;
    }
    .global .headline {
        margin-top: 10px;
        font-size: 15px;
    }
    .global__text {
        font-size: 10px;
    }
}

@media screen and (max-width: 600px) {
    .group {
        flex-direction: column;
    }
    .global__text {
        font-size: 10px;
        margin: 0 auto;
    }
}

#jsn-footer {
    font-size: 90%;
    line-height: 1.25em;
    padding: 25px 30px 15px 30px;
    background-color: #0F3325;
}

.footer a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.footer a:hover {
    color: red;
}

fieldset {
    padding: 10px;
}

.jsn-joomla-30 fieldset {
    padding: 0;
    margin: 0;
}

small {
    font-size: .85em;
}

sup {
    bottom: 0.3em;
    font-size: .8em;
    position: relative;
    vertical-align: baseline;
}

sup em {
    color: red;
}

acronym,
abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}

pre {
    padding: 1em;
    background: #FFFFD5;
    border-left: 5px solid #404040;
    font-family: "Courier New", Courier, monospace;
}

blockquote {
    color: #404040;
    min-height: 45px;
    font-style: italic;
    padding-left: 60px;
    background: url(icon-text-blockquote.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-blockquote.png*/
    no-repeat top left;
}

blockquote p {
    font-size: 1em;
    line-height: inherit;
}


/* =============== DEFAULT HTML - HEADING STYLES =============== */


/* =============== DEFAULT HTML - LINK STYLES =============== */

a {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}

a img {
    border: none;
}


/* =============== DEFAULT HTML - LIST STYLES =============== */

ul li {
    padding: 0;
    margin: 0.3em 0 0.3em 1.6em;
}

ol li {
    padding: 0;
    margin: 0.3em 0 0.3em 2em;
}


/* ============================== LAYOUT ============================== */


/* =============== LAYOUT - GENERAL LAYOUT =============== */

.clearafter:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
}

.clearbreak {
    clear: both;
}

div.jsn-modulecontainer {
    margin-top: 20px;
}

div.jsn-modulecontainer:first-child,
div.jsn-horizontallayout div.jsn-modulecontainer {
    margin-top: 0;
}

div.jsn-modulecontainer.display-desktop {
    display: block;
}

div.jsn-modulecontainer.display-mobile {
    display: none;
}

div.jsn-modulescontainer {
    padding: 5px
}

div.jsn-modulescontainer div.jsn-modulecontainer_inner {
    margin: 10px;
}

div.jsn-modulescontainer2.jsn-horizontallayout div.jsn-modulecontainer {
    float: left;
    width: 49.95%;
}

div.jsn-modulescontainer3.jsn-horizontallayout div.jsn-modulecontainer {
    float: left;
    width: 33.3%;
}

div.jsn-modulescontainer4.jsn-horizontallayout div.jsn-modulecontainer {
    float: left;
    width: 24.975%;
}

div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer {
    float: left;
    width: 19.98%;
}

div.jsn-modulescontainer6.jsn-horizontallayout div.jsn-modulecontainer {
    float: left;
    width: 16.65%;
}

div.jsn-modulescontainer2 #jsn-pos-user1,
div.jsn-modulescontainer2 #jsn-pos-user2,
div.jsn-modulescontainer2 #jsn-pos-user3,
div.jsn-modulescontainer2 #jsn-pos-user4,
div.jsn-modulescontainer2 #jsn-pos-user5,
div.jsn-modulescontainer2 #jsn-pos-user6,
div.jsn-modulescontainer2 #jsn-pos-user7,
div.jsn-modulescontainer2 #jsn-pos-footer,
div.jsn-modulescontainer2 #jsn-pos-bottom {
    float: left;
    width: 100%;
}

div.jsn-modulescontainer3 #jsn-pos-user5,
div.jsn-modulescontainer3 #jsn-pos-user6,
div.jsn-modulescontainer3 #jsn-pos-user7 {
    float: left;
    width: 33.3%;
}


/* =============== LAYOUT - OVERALL PAGE =============== */

#jsn-master {
    background: repeat-x fixed left top;
}

#jsn-page {
    color: #000;
    width: 960px;
    margin: 0 auto;
    background-color: #fff;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}


/* ----- STICKLEFT / STICKRIGHT ----- */

div[id*=jsn-pos-stick-] {
    position: fixed;
    z-index: 888888;
}

div[id*=jsn-pos-stick-left] {
    left: 0;
}

div[id*=jsn-pos-stick-right] {
    right: 0;
}

#jsn-pos-stick-leftmiddle,
#jsn-pos-stick-rightmiddle {
    visibility: hidden;
}

#jsn-pos-stick-leftbottom,
#jsn-pos-stick-rightbottom {
    bottom: 0;
}


/* =============== LAYOUT - HEADER AREA =============== */

#jsn-logo {
    float: left;
}

#jsn-logo a {
    line-height: 100%;
    display: inline-block;
}

#jsn-logo #jsn-logo-mobile {
    display: none;
}

#jsn-logo .jsn-topheading {
    display: none;
}

#jsn-headerright {
    padding: 20px;
}

#jsn-headerright #jsn-pos-top {
    float: right;
}

#jsn-pos-top form {
    margin: 0;
}

#jsn-pos-top div.jsn-modulecontainer {
    float: left;
    margin: 0 0 0 20px;
}

#jsn-pos-top div.jsn-modulecontainer:first-child {
    margin-left: 0;
}


/* =============== LAYOUT - MENU AREA =============== */

#jsn-menu {
    z-index: 89;
    color: #f2f2f2;
    position: relative;
    background-color: #282828;
}

#jsn-pos-mainmenu {
    float: left;
    margin: 0;
}

#jsn-pos-toolbar {
    float: right;
}

#jsn-pos-toolbar div.jsn-modulecontainer {
    float: right;
    margin-left: 10px;
}

#jsn-pos-toolbar form {
    margin: 0;
}


/* =============== LAYOUT - CONTENT TOP AREA =============== */

#jsn-content-top {
    z-index: 88;
    color: #D4D4D4;
    padding-top: 3px;
    position: relative;
    border-bottom: 5px solid #404040;
    background: #595959 url(bg-promo.jpg)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/backgrounds/bg-promo.jpg*/
    left top repeat-x;
}

#jsn-content-top #jsn-promo,
#jsn-promo #jsn-pos-promo,
#jsn-promo #jsn-pos-promo-left,
#jsn-promo #jsn-pos-promo-right {
    position: relative;
}

#jsn-content-top h3.jsn-moduletitle {
    color: #fff;
}

#jsn-pos-promo-left div.jsn-modulecontainer,
#jsn-pos-promo-right div.jsn-modulecontainer {
    padding: 15px;
}


/* =============== LAYOUT - CONTENT AREA =============== */

#jsn-content,
#jsn-content_inner,
#jsn-content_inner1,
#jsn-content_inner2,
#jsn-content_inner3,
#jsn-content_inner4,
#jsn-content_inner5,
#jsn-content_inner6,
#jsn-content_inner7,
#jsn-maincontent,
#jsn-centercol,
#jsn-pos-innerleft,
#jsn-pos-innerright,
#jsn-leftsidecontent,
#jsn-rightsidecontent {
    position: relative;
}

#jsn-content {
    z-index: 88;
    overflow: hidden;
}

div.jsn-hasleft #jsn-content_inner {
    background: #E5E5E5 url(bg-leftside.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/backgrounds/bg-leftside.png*/
    right top repeat-y;
}

div.jsn-hasright #jsn-content_inner2 {
    background: #E5E5E5 url(bg-rightside.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/backgrounds/bg-rightside.png*/
    left top repeat-y;
}

div.jsn-hasinnerleft #jsn-content_inner4 {
    border-right: 1px solid #dedede;
}

div.jsn-hasinnerright #jsn-content_inner6 {
    border-left: 1px solid #dedede;
}

#jsn-leftsidecontent,
#jsn-rightsidecontent {
    z-index: 87;
}

#jsn-leftsidecontent_inner,
#jsn-rightsidecontent_inner,
#jsn-pos-innerleft_inner,
#jsn-pos-innerright_inner {
    padding: 15px;
}

#jsn-centercol_inner {
    padding: 0;
}

#jsn-mainbody {
    padding: 1.2em;
}

#jsn-pos-breadcrumbs {
    padding: 10px 15px;
    background: url(dot.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/dot.png*/
    left bottom repeat-x;
}

.jsn-joomla-30 #jsn-pos-breadcrumbs {
    padding: 5px 15px;
}

#jsn-pos-user-top,
#jsn-usermodules1,
#jsn-pos-mainbody-top {
    background: url(dot.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/dot.png*/
    left bottom repeat-x;
}

#jsn-pos-user-bottom,
#jsn-pos-banner,
#jsn-usermodules2,
#jsn-pos-mainbody-bottom {
    background: url(dot.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/dot.png*/
    left top repeat-x;
}

#jsn-usermodules1_inner_grid2,
#jsn-usermodules2_inner_grid2 {
    width: 100%;
}

#jsn-pos-banner {
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

#jsn-gotoplink {
    color: #999;
    z-index: 88;
    padding: 8px 12px;
    display: block;
    background-color: #000;
    position: fixed;
    left: 50%;
    bottom: 0;
}

#jsn-gotoplink:hover {
    color: #e5e5e5;
    text-decoration: none;
    background-color: #333333;
}


/* =============== BACKGROUND PAGE =============== */

#jsn-pos-background {
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: -100;
}

#jsn-pos-background p {
    margin: 0;
}

#jsn-pos-background img {
    width: 100%;
}


/* =============== LAYOUT - CONTENT BOTTOM AREA =============== */

#jsn-content-bottom {
    z-index: 88;
    position: relative;
    border-top: 2px solid #fff;
    border-bottom: 6px solid #404040;
    background: #d9d9d9 url(bg-usermodules3.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/backgrounds/bg-usermodules3.png*/
    left top repeat-x;
}


/* =============== LAYOUT - FOOTER AREA =============== */

#jsn-footer {
    color: #595959;
    font-size: 0.9em;
    background-color: #fff;
    border-top: 1px solid #b3b3b3;
}

#jsn-footermodules {}

#jsn-footer a {
    text-decoration: none;
}

#jsn-footer a:hover {
    text-decoration: underline;
}

#jsn-pos-bottom {
    text-align: right;
}


/* ============================== TYPOGRAPHY ============================== */


/* =============== TYPOGRAPHY - GENERAL TYPOGRAPHY =============== */

.hd {
    display: none;
}


/* ----- PREDEFINED CONTENT ALIGN ----- */

.align-left {
    float: left;
}

.align-center {
    margin-left: auto;
    margin-right: auto;
}

.align-right {
    float: right;
}

.margin-left {
    margin-left: 1em;
    margin-right: 0;
}

.margin-right {
    margin-left: 0;
    margin-right: 1em;
}

.content-left {
    text-align: left;
}

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

.content-right {
    text-align: right;
}


/* =============== TYPOGRAPHY - CONTENT COLUMMNS =============== */

div.grid-layout2 div.grid-col {
    float: left;
    width: 49.95%;
}

div.grid-layout3 div.grid-col {
    float: left;
    width: 33.3%;
}

div.grid-layout4 div.grid-col {
    float: left;
    width: 24.96%;
}

div.grid-layout5 div.grid-col {
    float: left;
    width: 19.98%;
}

div.grid-layout6 div.grid-col {
    float: left;
    width: 16.65%;
}

div.grid-layout div.grid-col div.grid-col_inner {
    margin-right: 10px;
}

div.grid-layout div.grid-lastcol div.grid-col_inner {
    margin-right: 0;
}


/* =============== TYPOGRAPHY - TEXT STYLES =============== */

.text-box {
    padding: .8em;
    border: 1px solid #e5e5e5;
}

.text-box-highlight {
    padding: .8em;
    border: 1px solid transparent;
}

.text-box-highlight:hover {
    border-color: #d9d9d9;
    background-color: #f2f2f2;
}

.text-highlight {
    padding: .2em .5em;
    background: #FFFFAA;
}

.text-highlight.highlight-green {
    color: #fff;
    background: #48691b;
}

.text-highlight.highlight-light {
    color: #000;
    background: #e5e5e5;
}

.text-highlight.highlight-dark {
    color: #fff;
    background: #595959;
}

.text-dropcap p:first-child:first-letter,
p.text-dropcap:first-child:first-letter {
    color: #404040;
    font: 4em/.8em "Times New Roman", Times, serif;
    float: left;
}

.text-alert {
    border-top: 2px solid #FEABAB;
    border-bottom: 2px solid #FEABAB;
    background: #FFDFDF url(icon-text-alert.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-alert.png*/
    no-repeat;
}

.text-info {
    border-top: 2px solid #B7D2F2;
    border-bottom: 2px solid #B7D2F2;
    background: #DBE7F8 url(icon-text-info.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-info.png*/
    no-repeat;
}

.text-download {
    border-top: 2px solid #DDEDBC;
    border-bottom: 2px solid #DDEDBC;
    background: #F2F9E5 url(icon-text-download.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-download.png*/
    no-repeat;
}

.text-comment {
    border-top: 2px solid #FEEBAB;
    border-bottom: 2px solid #FEEBAB;
    background: #FEF8E1 url(icon-text-comment.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-comment.png*/
    no-repeat;
}

.text-tip {
    border-top: 2px solid #FEEBAB;
    border-bottom: 2px solid #FEEBAB;
    background: #FFFFD5 url(icon-text-tip.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-tip.png*/
    no-repeat;
}

.text-attachment {
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    background: #f2f2f2 url(icon-text-attachment.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-attachment.png*/
    no-repeat;
}

.text-video {
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    background: #f2f2f2 url(icon-text-video.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-video.png*/
    no-repeat;
}

.text-audio {
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    background: #f2f2f2 url(icon-text-audio.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-text-audio.png*/
    no-repeat;
}

.text-tip,
.text-info,
.text-alert,
.text-audio,
.text-video,
.text-comment,
.text-download,
.text-attachment {
    background-position: left center;
    padding: 0.8em 0.8em 0.8em 5em;
    min-height: 20px;
}

.text-size-small {
    font-size: 0.9em;
}

.text-size-medium {
    font-size: 1em;
}

.text-size-large {
    font-size: 1.1em;
}

.text-size-xlarge {
    font-size: 1.2em;
}

.text-size-xxlarge {
    font-size: 1.3em;
}

hr.line-dots {
    border: none;
    padding: 0.5em 0;
    background: url(dot.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/dot.png*/
    left center repeat-x;
}

hr.line-solid {}


/* =============== TYPOGRAPHY - LINK STYLES =============== */


/* ----- BUTTON LINK ----- */

.link-button {
    cursor: pointer;
    font-size: 1.1em;
    padding: 5px 12px;
    border: 1px solid;
    display: inline-block;
    border-color: #595959;
    text-decoration: none;
}

.link-button:hover {
    border-color: #000;
}

a.link-button:hover,
.link-button a:hover {
    text-decoration: none;
}

a.link-button,
.link-button a {
    font-weight: bold;
    color: #fff !important;
}

.link-button.button-light,
.link-button.button-light a {
    color: #333 !important;
}

.link-button .link-icon {
    margin: 3px 0;
    line-height: 16px;
}


/* ----- ICON LINK ----- */

.link-icon {
    display: inline-block;
    padding-left: 22px;
}


/* ----- EXTENDED LINK ----- */

.link-icon-ext {
    display: inline-block;
    padding-right: 22px;
    background: url(icons-ext.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-ext.png*/
    no-repeat right 0;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-aim,
.link-icon-ext.jsn-icon-ext-aim {
    background-position: right 0;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-archive,
.link-icon-ext.jsn-icon-ext-archive {
    background-position: right -86px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-mobile,
.link-icon-ext.jsn-icon-ext-mobile {
    background-position: right -172px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-css,
.link-icon-ext.jsn-icon-ext-css {
    background-position: right -258px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-application,
.link-icon-ext.jsn-icon-ext-application {
    background-position: right -344px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-doc,
.link-icon-ext.jsn-icon-ext-doc {
    background-position: right -430px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-feed,
.link-icon-ext.jsn-icon-ext-feed {
    background-position: right -516px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-movie,
.link-icon-ext.jsn-icon-ext-movie {
    background-position: right -602px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-flash,
.link-icon-ext.jsn-icon-ext-flash {
    background-position: right -688px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-calendar,
.link-icon-ext.jsn-icon-ext-calendar {
    background-position: right -774px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-mail,
.link-icon-ext.jsn-icon-ext-mail {
    background-position: right -860px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-quicktime,
.link-icon-ext.jsn-icon-ext-quicktime {
    background-position: right -946px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-msn,
.link-icon-ext.jsn-icon-ext-msn {
    background-position: right -1032px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-music,
.link-icon-ext.jsn-icon-ext-music {
    background-position: right -1118px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-pdf,
.link-icon-ext.jsn-icon-ext-pdf {
    background-position: right -1204px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-powerpoint,
.link-icon-ext.jsn-icon-ext-powerpoint {
    background-position: right -1290px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-skype,
.link-icon-ext.jsn-icon-ext-skype {
    background-position: right -1376px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-torrent,
.link-icon-ext.jsn-icon-ext-torrent {
    background-position: right -1462px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-font,
.link-icon-ext.jsn-icon-ext-font {
    background-position: right -1548px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-text,
.link-icon-ext.jsn-icon-ext-text {
    background-position: right -1634px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-vcard,
.link-icon-ext.jsn-icon-ext-vcard {
    background-position: right -1720px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-windowsmedia,
.link-icon-ext.jsn-icon-ext-windowsmedia {
    background-position: right -1806px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-xls,
.link-icon-ext.jsn-icon-ext-xls {
    background-position: right -1892px;
}

.jsn-joomla-25 .link-icon-ext.icon-ext-yahoo,
.link-icon-ext.jsn-icon-ext-yahoo {
    background-position: right -1978px;
}


/* ----- ACTION LINK ----- */

.link-action {
    font-weight: bold;
    padding: 1px 2px;
    text-decoration: none;
}

.link-action:hover {
    color: #ffffff;
    text-decoration: none;
}


/* ----- HIGHLIGHT LINK ----- */

.link-highlight {
    color: #595959;
    font-weight: bold;
    display: block;
    padding: 5px;
    border: 1px solid transparent;
}

.link-highlight:hover {
    color: #000;
    border-color: #d9d9d9;
    text-decoration: none;
    background-color: #f2f2f2;
}


/* ----- TOOLTIPS LINK ----- */

a.link-tooltip {
    position: relative;
}

a.link-tooltip:hover {
    z-index: 25;
}

a.link-tooltip span {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
}

a.link-tooltip:hover span {
    display: block;
}


/* =============== TYPOGRAPHY - TABLE STYLES =============== */

table.table-style {
    background: #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
    color: #404040;
}

table.table-style caption {
    padding: 6px 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

table.table-style td,
table.table-style th {
    padding: 10px;
    border-bottom: 1px solid #DEDEDE;
}

table.table-style th {
    text-align: left;
}

table.table-style .highlight {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

table.table-style thead th {
    font-size: 1.1em;
    border-top: 6px solid #fff;
    color: #ffffff;
}

table.table-style thead th.highlight {
    border-top: none;
}

table.table-style tbody th,
table.table-style tbody td {
    vertical-align: top;
    text-align: left;
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

table.table-style tbody .highlight {
    background-color: #999;
}

table.table-style tbody tr.odd {
    background: #f2f2f2;
}

table.table-style tbody tr.odd .highlight {
    background-color: #7E7E7E;
}

table.table-style tbody tr:hover th,
table.table-style tbody tr:hover td {
    background: #E4E4E4;
}

table.table-style tbody tr:hover .highlight {
    background: #737373;
}

table.table-style tfoot {
    border: 1px solid #DEDEDE;
}

table.table-style tfoot th,
table.table-style tfoot td {
    border: none;
    padding: 4px 10px;
    background-color: #d9d9d9;
}

table.table-style tfoot td {
    text-align: right;
}


/* ----- COLOR HEADER TABLE ----- */

table.style-colorheader thead th.highlight {
    background-color: #484848;
}


/* ----- COLOR STRIPES TABLE ----- */

table.style-colorstripes {
    color: #fff;
}

table.style-colorstripes thead,
table.style-colorstripes tfoot {
    border: none;
}

table.style-colorstripes tbody .highlight {
    color: #333;
    border-bottom: none;
    border-top: 1px solid #fff;
}


/* ----- GREY STRIPES TABLE ----- */

table.style-greystripes thead th {
    background: #404040;
    border-right: 1px groove #999999;
}


/* =============== TYPOGRAPHY - LIST STYLES =============== */


/* ----- ARROW LIST ----- */

ul.list-arrow {
    list-style: none;
}

ul.list-arrow li {
    margin-left: 0;
    padding-left: 16px;
    position: relative;
    display: block;
}

ul.list-arrow li:after {
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    border: 0.34em solid transparent;
    left: 5px;
    top: 4px;
}

ul.list-arrow.arrow-red li:after {
    border-left-color: #AE0000;
}

ul.list-arrow.arrow-blue li:after {
    border-left-color: #0060BF;
}

ul.list-arrow.arrow-green li:after {
    border-left-color: #3AA655;
}


/* ----- ICON LIST ----- */

ul.list-icon {
    list-style-type: none;
}

ul.list-icon li {
    margin: 5px 0;
    position: relative;
    padding-left: 20px;
}

ul.list-icon li .jsn-listbullet {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    position: absolute;
}


/* ----- BULLET NUMBER LIST ----- */

ul.list-number-bullet {
    list-style: none;
}

ul.list-number-bullet li {
    margin-left: 0;
    position: relative;
    padding: 6px 0 6px 36px;
}

ul.list-number-bullet li .jsn-listbullet {
    left: 0;
    top: -2px;
    width: 24px;
    display: block;
    font-weight: bold;
    position: absolute;
}

ul.list-number-bullet li .jsn-listbullet {
    color: #fff;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin: 4px;
}


/* ----- DIGIT NUMBER LIST ----- */

ul.list-number-digit {
    list-style: none;
}

ul.list-number-digit li {
    margin-left: 0;
    position: relative;
    padding: 8px 0 8px 42px;
}

ul.list-number-digit li .jsn-listbullet {
    top: 0;
    left: 0;
    width: 32px;
    display: block;
    font-size: 32px;
    line-height: 100%;
    text-align: right;
    font-weight: bold;
    position: absolute;
}

ul.list-number-digit.digit-blue li .jsn-listbullet {
    color: #009aca;
}

ul.list-number-digit.digit-green li .jsn-listbullet {
    color: #429e00;
}

ul.list-number-digit.digit-grey li .jsn-listbullet {
    color: #999999;
}

ul.list-number-digit.digit-orange li .jsn-listbullet {
    color: #e66000;
}

ul.list-number-digit.digit-red li .jsn-listbullet {
    color: #bf0000;
}

ul.list-number-digit.digit-violet li .jsn-listbullet {
    color: #9e0084;
}


/* ----- HORIZONTAL LIST ----- */

ul.list-horizontal {
    margin: 0;
    list-style: none;
}

ul.list-horizontal li {
    display: inline;
    margin: 0 .5em;
}


/* ----- NOBULLET LIST ----- */

ul.list-nobullet {
    margin: 0;
    list-style: none;
}

ul.list-nobullet li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}


/* =============== TYPOGRAPHY - IMAGES STYLES =============== */

img.image-left {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

img.image-right {
    float: right;
    margin: 0.5em 0.5em 0.5em 1em;
}

img.image-border {
    padding: 3px;
    border: 1px solid #e5e5e5;
}

img.image-margin {
    margin: .5em;
}


/* ============================== MENU ============================== */


/* =============== MENU - GENERAL =============== */


/* ----- RICH MENU STYLE ----- */

.jsn-menutitle,
.jsn-menudescription {
    display: block;
}

.jsn-menudescription {
    color: #B8B8B8;
    font-size: 0.9em;
    font-weight: normal;
}


/* ----- ICONS MENU STYLE ----- */

.menu-iconmenu li[class*="icon-"]>a>span,
.menu-iconmenu li[class*="jsn-icon-"]>a>span {
    padding-left: 24px;
}

.jsn-menu-toggle {
    display: none;
}


/* =============== MENU - MAIN MENU =============== */


/* ----- GENERAL ----- */

div.jsn-modulecontainer ul.menu-mainmenu {
    margin: 0;
    padding: 0;
    clear: both;
}

div.jsn-modulecontainer ul.menu-mainmenu li {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    list-style-type: none;
}

div.jsn-modulecontainer ul.menu-mainmenu>li {
    border-right: 1px solid #404040;
}

div.jsn-modulecontainer ul.menu-mainmenu li a {
    color: #CCC;
    display: block;
    cursor: pointer;
    padding: 8px 12px;
}

div.jsn-modulecontainer ul.menu-mainmenu>li>a {
    padding: 10px 12px;
    font-size: 1.1em;
    border-right: 1px solid #000;
}

div.jsn-modulecontainer ul.menu-mainmenu li>a>span {
    display: block;
}

div.jsn-modulecontainer ul.menu-mainmenu ul {
    visibility: hidden;
    visibility: visible\9;
    display: none\9;
}

div.jsn-modulecontainer ul.menu-mainmenu li:hover>ul {
    visibility: visible;
    display: block\9;
}

ul.menu-mainmenu.jsn-desktop-on-mobile ul {
    display: none;
}

ul.menu-mainmenu.jsn-desktop-on-mobile li:hover>ul {
    display: block;
}


/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu>li>a>span {
    line-height: 16px;
}


/* ----- RICH MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-mainmenu li a span.jsn-menudescription {
    display: none;
}

div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu li a span.jsn-menudescription {
    display: block;
    padding-top: 2px;
}

div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu.menu-iconmenu>li>a span {
    line-height: 1.5;
}


/* ----- 1st LEVEL ----- */

div.jsn-modulecontainer ul.menu-mainmenu ul {
    margin: 0;
    padding: 0;
    position: absolute;
}

div.jsn-modulecontainer ul.menu-mainmenu ul ul {
    top: 0;
}


/* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */

div.jsn-modulecontainer ul.menu-mainmenu ul li.parent>a {
    padding-right: 16px;
    background: url(icon-arrow-white.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-arrow-white.png*/
    98% center no-repeat;
}


/* ----- HOVER STATE ----- */

div.jsn-modulecontainer ul.menu-mainmenu li:hover>a {
    color: #fff;
    text-decoration: none;
}

div.jsn-modulecontainer ul.menu-mainmenu>li:hover>a {
    background-color: #404040;
}


/* ----- ACTIVE STATE ----- */

div.jsn-modulecontainer ul.menu-mainmenu li.active>a {
    color: #fff;
}

div.jsn-modulecontainer ul.menu-mainmenu>li.active>a {
    background-color: #404040;
}


/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */

div.jsn-modulecontainer ul.menu-mainmenu li:hover>ul {
    left: auto;
    right: auto;
}


/* =============== MENU - TREE MENU =============== */


/* ----- GENERAL ----- */

div.jsn-modulecontainer ul.menu-treemenu,
div.jsn-modulecontainer ul.menu-treemenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.jsn-modulecontainer ul.menu-treemenu {
    border-top: 1px dotted #b3b3b3;
}

div.jsn-modulecontainer ul.menu-treemenu li {
    margin: 0;
    padding: 0;
    position: relative;
}

div.jsn-modulecontainer ul.menu-treemenu>li {
    border-bottom: 1px dotted #b3b3b3;
}

div.jsn-modulecontainer ul.menu-treemenu li a {
    padding: 6px 12px;
    display: block;
    color: #404040;
    cursor: pointer;
    text-decoration: none;
}

div.jsn-modulecontainer ul.menu-treemenu>li>a {
    padding: 8px 12px;
}

ul.menu-treemenu li a span {
    display: block;
}

ul.menu-treemenu li>a>span {
    padding-left: 18px;
    background: url(icons-base.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-base.png*/
    left -343px no-repeat;
}

div[class*="box-"] ul.menu-treemenu {
    margin: 5px -15px -15px;
}

div.box-grey ul.menu-treemenu li a,
div[class*="richbox-"] ul.menu-treemenu li a {
    color: #d9d9d9;
}


/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-treemenu.menu-iconmenu>li>a>span {
    line-height: 16px;
}


/* ----- RICH MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription {
    display: none;
}

div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {
    color: #595959;
    display: block;
}

div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu.menu-iconmenu>li>a span {
    line-height: 1.5;
}

div.box-grey ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription,
div[class*="richbox-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {
    color: #B8B8B8;
}


/* ---------- NORMAL STATE ---------- */

div.jsn-modulecontainer ul.menu-treemenu ul li {
    margin: 0;
}

div.jsn-modulecontainer ul.menu-treemenu ul li a {
    padding-left: 25px;
}

div.jsn-modulecontainer ul.menu-treemenu ul ul li a {
    padding-left: 40px;
}

div.jsn-modulecontainer ul.menu-treemenu ul ul ul li a {
    padding-left: 55px;
}

div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul li a {
    padding-left: 70px;
}

div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul ul li a {
    padding-left: 85px;
}


/* ----- ACTIVE STATE ----- */

div.jsn-modulecontainer ul.menu-treemenu li.active>a {
    font-weight: bold;
}


/* ----- CURRENT / HOVER STATE ----- */

div.jsn-modulecontainer ul.menu-treemenu li a:hover,
div.jsn-modulecontainer ul.menu-treemenu li a.current {
    color: #000000;
    background-color: #d9d9d9;
}

div.box-blue ul.menu-treemenu li a:hover,
div.box-blue ul.menu-treemenu li a.current {
    background-color: #CFF0FA;
}

div.box-yellow ul.menu-treemenu li a:hover,
div.box-yellow ul.menu-treemenu li a.current,
div.solid-1 ul.menu-treemenu li a:hover,
div.solid-1 ul.menu-treemenu li a.current {
    background-color: #FAFACF;
}

div.box-green ul.menu-treemenu li a:hover,
div.box-green ul.menu-treemenu li a.current,
div.solid-2 ul.menu-treemenu li a:hover,
div.solid-2 ul.menu-treemenu li a.current {
    background-color: #E7FACF;
}

div.box-grey ul.menu-treemenu li a:hover,
div.box-grey ul.menu-treemenu li a.current,
div.richbox-1 ul.menu-treemenu li a:hover,
div.richbox-1 ul.menu-treemenu li a.current {
    color: #fff;
    background-color: #474747;
}

div.richbox-2 ul.menu-treemenu li a:hover,
div.richbox-2 ul.menu-treemenu li a.current {
    color: #fff;
}

div.lightbox-1 ul.menu-treemenu li a:hover,
div.lightbox-1 ul.menu-treemenu li a.current {
    background-color: #FDFDFD;
}


/* =============== MENU - DIV MENU =============== */

ul.menu-divmenu {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

ul.menu-divmenu:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
}

ul.menu-divmenu li {
    margin: 0;
    padding: 0 0.8em;
    float: left;
    display: inline;
    border-right: 1px solid #666666;
}

ul.menu-divmenu li.first {
    padding-left: 0;
}

ul.menu-divmenu li.last {
    border-right-width: 0;
}


/* =============== MENU - SIDE MENU =============== */


/* ----- GENERAL ----- */

div.jsn-modulecontainer ul.menu-sidemenu,
div.jsn-modulecontainer ul.menu-sidemenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.jsn-modulecontainer ul.menu-sidemenu {
    border-top: 1px dotted #b3b3b3;
}

div.jsn-modulecontainer ul.menu-sidemenu li {
    margin: 0;
    padding: 0;
    position: relative;
}

div.jsn-modulecontainer ul.menu-sidemenu li ul {
    position: absolute;
    top: 0;
}

div.jsn-modulecontainer ul.menu-sidemenu>li {
    border-bottom: 1px dotted #b3b3b3;
}

div.jsn-modulecontainer ul.menu-sidemenu li a {
    display: block;
    color: #404040;
    cursor: pointer;
    padding: 8px 12px;
    text-decoration: none;
}

div[class*="box-"] ul.menu-sidemenu {
    margin: 5px -15px -15px;
}

div.box-grey ul.menu-sidemenu li a,
div[class*="richbox-"] ul.menu-sidemenu li a {
    color: #d9d9d9;
}

div.jsn-modulecontainer ul.menu-sidemenu>li>a {}

div.jsn-modulecontainer ul.menu-sidemenu>li.parent>a {
    padding-right: 16px;
    background: url(icon-arrow-black.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-arrow-black.png*/
    98% center no-repeat;
}

ul.menu-sidemenu li>a>span {
    display: block;
}

ul.menu-sidemenu>li>a>span {
    padding-left: 18px;
    background: url(icons-base.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-base.png*/
    left -343px no-repeat;
}

div.jsn-modulecontainer ul.menu-sidemenu ul {
    visibility: hidden;
    visibility: visible\9;
    display: none\9;
}

div.jsn-modulecontainer ul.menu-sidemenu li:hover>ul {
    visibility: visible;
    display: block\9;
}


/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-sidemenu.menu-iconmenu>li>a>span {
    line-height: 16px;
}


/* ----- RICH MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-sidemenu li a span.jsn-menudescription {
    display: none;
}

div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription {
    color: #595959;
    display: block;
}

div.box-grey ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription,
div[class*="richbox-"] ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription {
    color: #B8B8B8;
}

div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu.menu-iconmenu>li>a span {
    line-height: 1.5;
}


/* ---------- 1st LEVEL ---------- */

div.jsn-modulecontainer ul.menu-sidemenu ul {
    top: 0;
    position: absolute;
}

div.jsn-modulecontainer ul.menu-sidemenu ul li a {
    color: #CCC;
    display: block;
    cursor: pointer;
}

div.jsn-modulecontainer ul.menu-sidemenu ul li.parent>a {
    padding-right: 16px;
    background: url(icon-arrow-white.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-arrow-white.png*/
    98% center no-repeat;
}

div.jsn-modulecontainer ul.menu-sidemenu ul ul {
    top: 0;
}


/* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */


/* 1st LEVEL */


/* 1st LEVEL - CUSTOM MODULE */

div.box-grey ul.menu-sidemenu>li.parent>a,
div[class*="richbox-"] ul.menu-sidemenu>li.parent>a {
    background: url(icon-arrow-white.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icon-arrow-white.png*/
    98% center no-repeat;
}


/* ----- HOVER STATE ----- */

div.jsn-modulecontainer ul.menu-sidemenu li:hover>a {
    color: #fff;
}

div.jsn-modulecontainer ul.menu-sidemenu>li:hover>a {
    color: #000;
    background-color: #d9d9d9;
}


/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */

div.box-blue ul.menu-sidemenu>li:hover>a {
    background-color: #CFF0FA;
}

div.box-yellow ul.menu-sidemenu>li:hover>a,
div.solid-1 ul.menu-sidemenu>li:hover>a {
    background-color: #FAFACF;
}

div.box-green ul.menu-sidemenu>li:hover>a,
div.solid-2 ul.menu-sidemenu>li:hover>a {
    background-color: #E7FACF;
}

div.box-grey ul.menu-sidemenu>li:hover>a,
div.richbox-1 ul.menu-sidemenu>li:hover>a {
    color: #fff;
    background-color: #474747;
}

div.richbox-2 ul.menu-sidemenu>li:hover>a {
    color: #fff;
}

div.lightbox-1 ul.menu-sidemenu>li:hover>a {
    background-color: #FDFDFD;
}


/* ----- ACTIVE STATE ----- */

div.jsn-modulecontainer ul.menu-sidemenu li.active>a {
    color: #FFF;
    font-weight: bold;
}

div.jsn-modulecontainer ul.menu-sidemenu>li.active>a {
    color: #000;
    background-color: #d9d9d9;
}


/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */

div.box-blue ul.menu-sidemenu>li.active>a {
    background-color: #CFF0FA;
}

div.box-yellow ul.menu-sidemenu>li.active>a,
div.solid-1 ul.menu-sidemenu>li.active>a {
    background-color: #FAFACF;
}

div.box-green ul.menu-sidemenu>li.active>a,
div.solid-2 ul.menu-sidemenu>li.active>a {
    background-color: #E7FACF;
}

div.box-grey ul.menu-sidemenu>li.active>a,
div.richbox-1 ul.menu-sidemenu>li.active>a {
    color: #fff;
    background-color: #474747;
}

div.richbox-2 ul.menu-sidemenu>li.active>a {
    color: #fff;
}

div.lightbox-1 ul.menu-sidemenu>li.active>a {
    background-color: #FDFDFD;
}


/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */

div.jsn-modulecontainer ul.menu-sidemenu li:hover>ul {
    left: auto;
}


/* =============== MENU - TOP MENU =============== */

ul.menu-topmenu {
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

ul.menu-topmenu li {
    margin: 0;
    padding: 0 8px;
    display: inline-block;
}

ul.menu-topmenu li a {
    padding: 0;
    color: #000;
    display: block;
}

ul.menu-topmenu li a:hover {
    text-decoration: underline;
}

ul.menu-topmenu li a span {
    display: block;
}


/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-topmenu.menu-iconmenu>li>a {
    line-height: 16px;
}


/* ============================== MOBILE SWITCH ============================== */

#jsn-mobileswitch {
    display: none;
    padding: 10px;
    float: right;
}

#jsn-mobileswitch a {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background: url("icons-mobile.png")/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-mobile.png*/
    -16px 0 no-repeat;
}

#jsn-desktopswitch {
    display: none;
    padding: 12px;
    position: absolute;
    right: 36px;
    top: 0;
}

#jsn-desktopswitch a {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background: url("icons-mobile.png")/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-mobile.png*/
    -32px 0 no-repeat;
}

@media only screen and (max-device-width: 960px) {
    body.jsn-mobile #jsn-desktopswitch {
        display: block;
    }
    body.jsn-desktop #jsn-mobileswitch {
        display: block;
    }
}


/* ============================== SITE TOOLS ============================== */


/* =============== SITE TOOLS - GENERAL PRESENTATION =============== */

#jsn-sitetoolspanel {
    float: right;
    margin: 3px 3px 0 0;
}


/* ----- DROP DOWN ----- */

ul#jsn-sitetools-menu,
ul#jsn-sitetools-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#jsn-sitetools-menu li {
    padding: 0;
    margin: 0;
    background: url(icons-uni.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-uni.png*/
    center -1368px no-repeat;
}

ul#jsn-sitetools-menu>li:hover {
    background-color: #4a4a4a;
}

ul#jsn-sitetools-menu li a {
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    display: block;
}

ul#jsn-sitetools-menu li ul {
    z-index: 90;
    right: 2px;
    position: absolute;
    visibility: hidden;
    visibility: visible\9;
    display: none\9;
}

ul#jsn-sitetools-menu li:hover ul {
    visibility: visible;
    display: block\9;
}

ul#jsn-sitetools-menu.sitetool-desktop-on-mobile li ul {
    display: none;
}

ul#jsn-sitetools-menu.sitetool-desktop-on-mobile li:hover ul {
    display: block;
}

ul#jsn-sitetools-menu ul li {
    padding: 3px 6px;
    background: none;
}

ul#jsn-sitetools-menu ul li a {
    float: left;
    width: 22px;
    height: 22px;
    display: inline-block;
}


/* ----- INLINE ROW ----- */

ul#jsn-sitetools-inline {
    margin: 0;
    float: left;
    padding: 0;
    list-style: none;
}

ul#jsn-sitetools-inline ul {
    float: left;
    margin-top: 6px;
}

ul#jsn-sitetools-inline li {
    margin: 0;
    float: left;
    padding: 0;
    list-style: none;
}

ul#jsn-sitetools-inline li a {
    float: left;
    width: 22px;
    height: 20px;
    display: inline-block;
}


/* =============== SITE TOOLS - TEXT SIZER =============== */

#jsn-selector-small {
    background: url(icons-sitetools-text.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-text.png*/
    no-repeat 0 0;
}

#jsn-selector-medium {
    background: url(icons-sitetools-text.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-text.png*/
    no-repeat -21px 0;
}

#jsn-selector-big {
    background: url(icons-sitetools-text.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-text.png*/
    no-repeat -42px 0;
}

#jsn-selector-small.current,
#jsn-selector-small:hover {
    background: url(icons-sitetools-text.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-text.png*/
    no-repeat 0 -20px;
}

#jsn-selector-medium.current,
#jsn-selector-medium:hover {
    background: url(icons-sitetools-text.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-text.png*/
    no-repeat -21px -20px;
}

#jsn-selector-big.current,
#jsn-selector-big:hover {
    background: url(icons-sitetools-text.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-text.png*/
    no-repeat -42px -20px;
}


/* =============== SITE TOOLS - WIDTH SELECTOR =============== */

#jsn-selector-narrow {
    background: url(icons-sitetools-width.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-width.png*/
    no-repeat 0 0;
}

#jsn-selector-wide {
    background: url(icons-sitetools-width.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-width.png*/
    no-repeat -21px 0;
}

#jsn-selector-float {
    background: url(icons-sitetools-width.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-width.png*/
    no-repeat -42px 0;
}

#jsn-selector-narrow.current,
#jsn-selector-narrow:hover {
    background: url(icons-sitetools-width.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-width.png*/
    no-repeat 0 -20px;
}

#jsn-selector-wide.current,
#jsn-selector-wide:hover {
    background: url(icons-sitetools-width.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-width.png*/
    no-repeat -21px -20px;
}

#jsn-selector-float.current,
#jsn-selector-float:hover {
    background: url(icons-sitetools-width.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-width.png*/
    no-repeat -42px -20px;
}


/* =============== SITE TOOLS - COLOR SELECTOR =============== */

#jsn-selector-blue {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -20px 0;
}

#jsn-selector-red {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -40px 0;
}

#jsn-selector-green {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -60px 0;
}

#jsn-selector-violet {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -80px 0;
}

#jsn-selector-orange {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -100px 0;
}

#jsn-selector-grey {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -120px 0;
}

#jsn-selector-blue.current,
#jsn-selector-blue:hover {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -20px -20px;
}

#jsn-selector-red.current,
#jsn-selector-red:hover {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -40px -20px;
}

#jsn-selector-green.current,
#jsn-selector-green:hover {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -60px -20px;
}

#jsn-selector-violet.current,
#jsn-selector-violet:hover {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -80px -20px;
}

#jsn-selector-orange.current,
#jsn-selector-orange:hover {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -100px -20px;
}

#jsn-selector-grey.current,
#jsn-selector-grey:hover {
    background: url(icons-sitetools-color.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/icons/icons-sitetools-color.png*/
    no-repeat -120px -20px;
}


/* ============================== FONT STYLES ============================== */


/* =============== BUSINESS TEXT =============== */


/* ----- SPECIAL FONTS ADJUSTMENTS ----- */

body.jsn-textstyle-business.jsn-specialfont ul.menu-mainmenu>li>a {
    padding-bottom: 8px;
}

body.jsn-textstyle-business.jsn-specialfont .jsn-moduletitle {
    font-weight: normal;
}

body.jsn-textstyle-business.jsn-specialfont .contentheading,
body.jsn-textstyle-business.jsn-specialfont .componentheading,
body.jsn-textstyle-business.jsn-specialfont .subheading {}


/* =============== PERSONAL TEXT =============== */


/* ----- SPECIAL FONTS ADJUSTMENTS ----- */

body.jsn-textstyle-personal.jsn-specialfont ul.menu-mainmenu>li>a {
    font-weight: bold;
}

body.jsn-textstyle-personal.jsn-specialfont .jsn-moduletitle {
    font-size: 1.2em;
    font-weight: bold;
}

body.jsn-textstyle-personal.jsn-specialfont .contentheading,
body.jsn-textstyle-personal.jsn-specialfont .componentheading,
body.jsn-textstyle-personal.jsn-specialfont .subheading {
    font-size: 1.6em;
}


/* =============== NEWS TEXT =============== */


/* ----- SPECIAL FONTS ADJUSTMENTS ----- */

body.jsn-textstyle-news.jsn-specialfont ul.menu-mainmenu li a {
    font-size: 1em;
}

body.jsn-textstyle-news.jsn-specialfont ul.menu-mainmenu ul li a {
    font-size: 0.9em;
}

body.jsn-textstyle-news.jsn-specialfont .jsn-moduletitle {
    font-size: 1.1em;
}

body.jsn-textstyle-news.jsn-specialfont .contentheading,
body.jsn-textstyle-news.jsn-specialfont .componentheading,
body.jsn-textstyle-news.jsn-specialfont .subheading {
    font-weight: bold;
}


/* ============================== MODULE STYLES ============================== */

h3.jsn-moduletitle {
    margin: 0;
    color: #000;
    font-size: 1.2em;
    padding-bottom: 5px;
}

h3.jsn-moduletitle span {
    display: block;
    line-height: 16px;
}


/* =============== MODULE STYLES - MODULE BOXES =============== */


/* ----- GENERAL MODULE STYLES ----- */

div[class*="box-"] div.jsn-modulecontainer_inner,
div[class*="solid-"] div.jsn-modulecontainer_inner {
    padding: 15px;
}


/* ----- BOX BLUE STYLE ----- */

div.box-blue div.jsn-modulecontainer_inner {
    background: #F5FCFE url(box-blue.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/box-blue.png*/
    left bottom repeat-x;
}


/* ----- BOX GREEN STYLE ----- */

div.box-green div.jsn-modulecontainer_inner {
    background: #FAFEF5 url(box-green.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/box-green.png*/
    left bottom repeat-x;
}


/* ----- BOX YELLOW STYLE ----- */

div.box-yellow div.jsn-modulecontainer_inner {
    background: #FEFEF5 url(box-yellow.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/box-yellow.png*/
    left bottom repeat-x;
}


/* ----- BOX GREY STYLE ----- */

div.box-grey div.jsn-modulecontainer_inner {
    background: #323232 url(box-grey.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/box-grey.png*/
    left bottom repeat-x;
}


/* ----- SOLIDBOX STYLE ----- */

div.solid-1 div.jsn-modulecontainer_inner {
    background: #FEFEF5 url(solid-1.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/solid-1.png*/
    left bottom repeat-x;
}

div.solid-2 div.jsn-modulecontainer_inner {
    background: #FAFEF5 url(solid-2.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/solid-2.png*/
    left bottom repeat-x;
}


/* ----- RICHBOX STYLE ----- */

div.richbox-1 div.jsn-modulecontainer_inner {
    background: #323232 url(richbox-1.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/richbox-1.png*/
    left bottom repeat-x;
}


/* ----- LIGHTBOX STYLE ----- */

div.lightbox-1 div.jsn-modulecontainer_inner {
    background: #E9E9E9 url(lightbox-1.png)/*tpa=http://demo.joomlashine.com/joomla-templates/jsn_epic/pro/templates/jsn_epic_pro/images/module-styles/lightbox-1.png*/
    left bottom repeat-x;
}


/* ----- CUSTOM BOX STYLE IN SPECIFIC POSITION ----- */

#jsn-content-top div[class*="box-"],
#jsn-content-top div[class*="solid-"],
#jsn-content-top div[class*="richbox-"],
#jsn-content-top div[class*="lightbox-"],
#jsn-content-top div[class*="box-"] h3.jsn-moduletitle,
#jsn-content-top div[class*="solid-"] h3.jsn-moduletitle,
#jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle,
#jsn-content-top div[class*="lightbox-"] h3.jsn-moduletitle {
    color: #000;
}

div.box-grey,
div[class*="richbox-"],
#jsn-content-top div.box-grey,
#jsn-content-top div[class*="richbox-"] {
    color: #d4d4d4;
}

div.box-grey h3.jsn-moduletitle,
div[class*="richbox-"] h3.jsn-moduletitle,
#jsn-content-top div.box-grey h3.jsn-moduletitle,
#jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {
    color: #FFF;
}


/* =============== MODULE STYLES - MODULE ICONS =============== */

div[class*="icon-"] h3.jsn-moduletitle span.jsn-moduleicon,
div[class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon {
    padding-left: 22px;
}


/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */


/* =============== PAGEBREAK - TABS STYLE =============== */

dl.tabs {
    float: left;
    margin-bottom: -1px;
}

dl.tabs dt.tabs {
    float: left;
    margin-left: 3px;
    padding: 4px 10px;
    background-color: #F0F0F0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

dl.tabs dt:hover {
    background-color: #F9F9F9;
}

dl.tabs dt.open {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}

dl.tabs dt.tabs h3 {
    margin: 0;
    font-size: 1.1em;
}

dl.tabs dt.tabs h3 a {
    color: #666;
    font-weight: normal;
}

dl.tabs dt.open h3 a,
dl.tabs dt.tabs h3 a:hover {
    color: #000;
    text-decoration: none;
}

dl.tabs dt.open h3 a {
    font-weight: bold;
}

div.current dd.tabs {
    margin: 0;
    padding: 10px;
    clear: both;
    border: 1px solid #CCC;
    background-color: #FFF;
}


/* =============== PAGEBREAK - SLIDERS STYLE =============== */

div.panel {
    border: 1px solid #CCC;
    margin-bottom: 10px;
}

div.panel h3.title {
    margin: 0;
    cursor: pointer;
    font-size: 1.1em;
    padding: 8px 10px;
    border-bottom: 1px solid #CCC;
}

div.panel h3.title:hover,
div.panel h3.pane-toggler-down {
    background-color: #F0F0F0;
}

div.panel h3.title a {
    color: #666;
}

div.panel h3.title a:hover {
    text-decoration: none;
}

div.panel h3.pane-toggler-down {
    border-bottom: none;
}

div.panel h3.pane-toggler-down a {
    color: #000;
}

div.panel div.content>div,
div.panel div.content>p {
    margin: 15px;
}


/* =============== JOOMLA! EXTENSIONS - GENERAL =============== */


/* ----- HEADING ----- */

.contentheading,
.componentheading,
.subheading {
    margin-top: 0;
    font-size: 1.6em;
}

table.contentpaneopen {
    width: 100%;
}


/* ----- FORM ----- */

.jsn-formbuttons {
    text-align: center;
    padding-top: .45em;
}

table.paramlist td {
    padding: .3em;
}

table.paramlist td.paramlist_key {
    width: 150px;
}

.inputbox {
    border: 1px solid #d0d0d0;
    background-color: #fafafa;
    padding: 2px 4px;
    min-height: 22px;
}

.inputbox:active,
.inputbox:focus {
    border-color: #b5b5b5;
    background-color: #f2f2f2;
}

select.inputbox {
    padding: 2px;
}

.nav {
    background-color: #0F3325;
    margin: 0 auto;
    font-size: 18px;
}