/**
* @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 {
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

body {
    background-color: #f1f3f5;
}


/* =============== 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;
}

fieldset {
    padding: 10px;
    border: none;
}

.jsn-joomla-30 .login fieldset.well {
    padding: 20px;
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.login fieldset.well input {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.login fieldset button,
.logout button {
    background: #fc8f30;
    border: none;
    padding: 10px 20px;
    text-shadow: none;
}

.login fieldset button:hover,
.logout button:hover {
    background: #fda559;
}

.nav-stacked>li {
    margin-right: 0;
    margin-left: 0;
}

.reset-confirm dd {
    margin-left: 0;
}

.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;
}

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


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

h1 {
    color: #000;
    font-size: 2.2em;
}

h2 {
    color: #484848;
    font-size: 1.8em;
}

h3 {
    color: #434343;
    font-size: 22px;
}

h4 {
    color: #282828;
    font-size: 20px;
}

h5,
h6 {
    color: #333;
    font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 5px 0 10px;
    font-weight: normal;
}

h1,
h2 {
    font-weight: 400;
}


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

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

a:hover,
a:focus,
a:active {
    text-decoration: underline;
    color: #fc8f30;
}

a img {
    border: none;
}

a.modal {
    position: inherit;
}


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

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

ul..nav-stacked>li {
    margin-left: 0;
}

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;
}

#jsn-content div.jsn-modulecontainer {
    margin-top: 30px;
}

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

div.jsn-modulescontainer {
    padding: 5px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer {
    width: 18.8%;
    margin-left: 1.5%;
}

div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:first-child {
    margin-left: 0;
}

div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:last-child {
    margin-left: 0;
    margin-top: 2.127659574468085%;
    clear: left;
}

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

#jsn-topheader-inner,
#jsn-pos-top-inner,
#jsn-header_inner,
#jsn-content-top_inner,
#jsn-content-top-above_inner,
#jsn-content-top-below_inner,
#jsn-pos-content,
#jsn-content-bottom_inner,
#jsn-content-bottom-over_inner,
#jsn-usermodules3-inner,
#jsn-bottom_inner,
#jsn-footer-inner,
#template-detail-inner,
#jsn-blog-promo-inner,
#extension-detail-inner,
#jsn-packages-inner,
#jsn-menu.jsn-menu-sticky,
#jsn-promo #jsn-templates-slide-wrapper .jsn-templates-slide-inner,
#jsn-affiliate-inner {
    margin: 0 auto;
    /*width: 980px;*/
}


/* ----- 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 - TOP AREA =============== */

#jsn-pos-top {
    margin: 10px 0;
}


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

#jsn-page {
    color: #555;
    width: 100%;
    overflow: hidden;
    transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    background-color: #f1f3f5;
}

#jsn-topheader {
    background-color: #373d40;
    color: #FFF;
    position: relative;
    z-index: 1000;
}

#jsn-pos-top-left {
    float: left;
}

#jsn-pos-top-right {
    float: right;
    line-height: 42px;
}

#jsn-pos-top-right div.search,
#jsn-pos-top-right div.top-menu,
#jsn-pos-top-right div.view-cart,
#jsn-pos-top-right div.display-dropdown {
    float: left;
}

#jsn-topheader div.jsn-modulecontainer {
    margin-top: 0;
    float: left;
}

#jsn-logo {
    max-height: 100%;
    display: inline-block;
    float: left;
    margin: 0 25px 0 0;
}

#jsn-logo a {
    line-height: 100%;
    float: left;
    position: relative;
}

#jsn-logo a #jsn-logo-desktop {
    padding: 10px 0;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    float: left;
}

#jsn-logo a #jsn-logo-desktop-small {
    width: 55px;
    height: 12px;
    padding: 3px 0;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none\9;
    transition: all 0.4s ease-in-out, opacity 0.2s ease-in;
    -moz-transition: all 0.4s ease-in-out, opacity 0.2s ease-in;
    -webkit-transition: all 0.4s ease-in-out, opacity 0.2s ease-in;
}

#jsn-header {
    background: #FFF;
    width: 100%;
    z-index: 900;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
    transition: height 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out;
    -webkit-transition: height 0.4s ease-in-out;
}

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


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

#jsn-page #jsn-menu {
    z-index: 999;
    position: relative;
}

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


/* ---------- STICKY MENU STYLE ---------- */

#jsn-header.jsn-menu-sticky {
    position: fixed;
    top: 0;
    background-color: rgba(255, 255, 255, 0.985);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #EEE\9;
    height: 50px;
}

#jsn-header.jsn-menu-sticky #jsn-topheader {
    display: none;
}

#jsn-header.jsn-menu-sticky #jsn-header_inner {
    height: 100%;
}

#jsn-header.jsn-menu-sticky #jsn-logo a #jsn-logo-desktop {
    width: 105px;
    height: 25px;
    display: none\9;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#jsn-header.jsn-menu-sticky #jsn-logo a #jsn-logo-desktop-small {
    width: 118px;
    height: 26px;
    display: block\9;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#jsn-header.jsn-menu-sticky ul.menu-mainmenu > li {
    padding: 0;
}

#jsn-header.jsn-menu-sticky ul.menu-mainmenu > li > a {
    padding: 13px 15px;
}

#jsn-header.jsn-menu-sticky + #jsn-body {
    padding-top: 50px;
}

#jsn-header.jsn-menu-sticky .lightcart-login a.login-text,
#jsn-header.jsn-menu-sticky #jsn-pos-mainmenu .display-dropdown h2 {
    margin: 7px 0 7px 15px;
    padding: 8px 15px;
    line-height: 20px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

#jsn-pos-mainmenu .lightcart-login {
    float: right !important;
}

#jsn-pos-mainmenu .lightcart-login #jsnlc-button-modal-login {
    padding: 0 7px;
    line-height: 50px;
    margin: 0;
    background: none;
    color: #333;
    font-size: 12px;
    text-transform: uppercase;
}

#jsn-pos-mainmenu .lightcart-login #jsnlc-button-modal-login:hover {
    color: #f8991f;
    text-decoration: none;
}

#jsn-pos-mainmenu .follow-us {
    float: right !important;
    position: relative;
}

#jsn-pos-mainmenu .follow-us #social {
    float: left;
    background: #fff;
    position: absolute;
    visibility: hidden;
    list-style: none;
    margin: 0;
    width: 210px;
    left: 0;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, .1);
    opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
}

#jsn-pos-mainmenu .follow-us:hover #social {
    opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}

#jsn-pos-mainmenu .follow-us #social li {
    margin: 0;
}

#jsn-pos-mainmenu .follow-us #social li a {
    color: #555;
    display: block;
    overflow: hidden;
    padding: 10px 0 10px 15px;
    border-top: 1px solid #f2f2f2;
}

#jsn-pos-mainmenu .follow-us #social li a:hover {
    color: #f8991f;
}

#jsn-pos-mainmenu .follow-us #social li a i {
    font-size: 22px;
    float: left;
    margin: 0 15px 0 0;
}

#jsn-pos-mainmenu .follow-us #social li a span {
    float: left;
}

#jsn-pos-mainmenu .follow-us #social li i.fa-facebook-square {
    color: #3b5998;
}

#jsn-pos-mainmenu .follow-us #social li i.fa-google-plus-square {
    color: #dd4b39;
}

#jsn-pos-mainmenu .follow-us #social li i.fa-twitter-square {
    color: #55acee;
}

#jsn-pos-mainmenu .follow-us #social li i.fa-youtube-play {
    color: #b31217;
}

#jsn-pos-mainmenu .follow-us #social li i.fa-rss-square {
    color: #f26522;
}

#jsn-pos-mainmenu .follow-us .jsn-moduletitle {
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    color: #333;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0 7px;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

#jsn-pos-mainmenu .follow-us:hover .jsn-moduletitle {
    color: #f8991f;
}

#jsn-pos-mainmenu .search form {
    background: none;
    float: left;
    margin: 0;
}

#jsn-pos-mainmenu .search {
    float: right !important;
}

#jsn-pos-mainmenu .search label {
    font-family: FontAwesome;
    font-size: 16px;
    color: #999;
    text-rendering: auto;
    float: left;
    padding: 14px 7px 11px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#jsn-pos-mainmenu .search label:hover {
    color: #f8991f;
}

#jsn-pos-mainmenu .search label:before {
    content: "\f002";
}

#jsn-pos-mainmenu .search .inputbox {
    background: none;
    padding: 0;
    font-size: 14px;
    margin: 15px 0 0 0;
    border: none;
    width: 0px;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    float: left;
}

#jsn-pos-mainmenu .search .inputbox {}

#jsn-pos-mainmenu .search .inputbox.active {
    width: 160px;
}

#jsn-pos-mainmenu .search .inputbox:focus {
    background: none;
    box-shadow: none;
    border: none;
}


/*
#jsn-pos-mainmenu .search:hover .inputbox,
#jsn-pos-mainmenu .search .inputbox:focus{
  width: 160px;
}
*/

#jsn-pos-mainmenu .search .button {
    display: none;
}

#jsn-menu .lightcart-login-hide {
    display: none !important;
}

#jsn-menu .jsn-desktopswitch-hide {
    display: none !important;
}

#jsn-menu .jsn-mobileswitch-hide {
    display: none !important;
}

#jsn-menu .customer-area-hide {
    display: none;
}

#jsn-menu .follow-us-hide {
    display: none;
}


/* =======================  LAYOUT - BODY =======================  */

#jsn-body {
    overflow: hidden;
    width: 100%;
}


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

#jsn-promo {
    z-index: 89;
    color: #E5E5E5;
    background: none;
    padding-top: 0;
}

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

#jsn-promo #jsn-title-promo {
    background: #282d30 url(../images/backgrounds/template-detail-bg.png) center 0 no-repeat;
    width: 100%;
    padding: 35px 0 60px;
    text-align: center;
}

#jsn-promo #jsn-title-promo h1,
#jsn-promo #jsn-title-promo h2 {
    color: #FF7200;
    font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 100%;
    margin: 5px 0 0 0;
}

#jsn-promo #jsn-title-promo h1 span,
#jsn-promo #jsn-title-promo h2 span {
    display: block;
    font-size: 80px;
    font-family: 'Open Sans';
    font-weight: 800;
    color: #fff;
    line-height: 100%;
    margin: -10px 0 0 0;
}

#jsn-promo h3.jsn-moduletitle,
#jsn-promo h2.jsn-moduletitle {
    color: #FFF;
}

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

#jsn-content-top #jsn-pos-content-top {
    margin: 50px 0 0;
    float: left;
}

#jsn-content-top .jsn-modulescontainer {
    padding: 0;
}

#jsn-promo #jsn-templates-slide-wrapper .jsn-templates-slide-inner,
#jsn-promo #jsn-affiliate-inner {
    overflow: hidden;
}

#jsn-promo .jsn-title {
    color: #8cc63e;
    font-weight: 200;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin: 90px 0 30px 0;
    font-weight: 200;
    text-align: center;
}

#jsn-promo .jsn-title span {
    color: #fff;
    font-size: 50px;
    display: block;
    font-weight: bold;
    line-height: 60px;
    margin: 15px 0 0 0;
}

#jsn-promo .jsn-content {
    font-size: 15px;
    text-align: center;
    width: 68%;
    margin: 15px auto 0;
    line-height: 1.77;
}

#jsn-promo .jsn-page-description {
    width: 68%;
    margin: 0 auto 20px;
    line-height: 1.6;
}

#jsn-promo .affilate-intro {
    margin: 10px 0 40px 0;
}

#jsn-promo .join-aff {
    margin: 10px 0 40px 0;
}


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

#jsn-content,
[id*="jsn-content_inner"],
#jsn-maincontent,
#jsn-centercol,
#jsn-pos-innerleft,
#jsn-pos-innerright,
#jsn-leftsidecontent,
#jsn-rightsidecontent {
    position: relative;
}

#jsn-content {
    z-index: 88;
    background-color: #fff;
}

#jsn-mainbody-content {
    padding: 20px 0 50px;
}

#jsn-content.jsn-hasleft #jsn-content_inner {
    background-color: #FAFAFA;
    border-right: 1px solid #E0E0E0;
}

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

#jsn-leftsidecontent #jsn-leftsidecontent_inner,
#jsn-rightsidecontent #jsn-rightsidecontent_inner {
    padding: 10px;
}

#jsn-content.jsn-hasinnerleft #jsn-pos-innerleft_inner {
    padding-right: 15px;
}

#jsn-content.jsn-hasinnerright #jsn-pos-innerright_inner {
    padding-left: 15px;
}

#jsn-pos-banner {
    margin: 0 auto;
    padding: 0 0 80px;
}

#jsn-pos-banner #jsn-content div.jsn-modulecontainer {
    margin-top: 0;
}

#jsn-gotoplink {
    color: #fff;
    z-index: 888;
    text-transform: uppercase;
    display: block;
    position: fixed;
    text-align: center;
    right: 10px;
    bottom: 45px;
    background: #ff7200;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

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


/* =============== LAYOUT - CONTENT BOTTOM OVER =============== */

#jsn-content-bottom-over {
    width: 100%;
    background: #fff;
    border-top: 1px solid #e6eff5;
    padding: 0;
}

#jsn-content-bottom-over .jsn-modulescontainer {
    padding: 20px 0;
}

.jsn-homepage #jsn-content-bottom-over .jsn-modulescontainer .jsn-modulecontainer {
    width: 25%;
    margin: 0;
}

#jsn-content-bottom-over .jsn-modulecontainer_inner {
    margin: 0;
}

#jsn-content-bottom-over .content-bottom-promo {
    text-align: center;
    padding: 0;
    border-left: 1px solid #dee0e3;
    height: 244px;
    max-height: 244px;
    overflow: hidden;
    position: relative;
    margin: 2px;
}

#jsn-content-bottom-over .jsn-modulecontainer:first-child .content-bottom-promo {
    border-left: none;
}

#jsn-content-bottom-over .content-bottom-promo img {
    position: absolute;
}
#jsn-content-bottom-over .content-bottom-promo img.txt-icon {
    padding-left: 6px;
}
#jsn-content-bottom-over .content-bottom-promo p {
    font-size: 19px;
    font-weight: 300;
    margin: 19px 0 5px 0;
    color: #333;
}

#jsn-content-bottom-over .content-bottom-promo h2,
#jsn-content-bottom-over .content-bottom-promo h3 {
    font-size: 14px;
    color: #797979;
    width: 200px;
    margin: 0 auto;
    line-height: 22px;
}

#jsn-content-bottom-over .content-bottom-promo a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

#jsn-content-bottom-over .content-bottom-promo.jsnpa .poweradmin {
    left: 50%;
    margin: 0 0 0 -44px;
    bottom: 15px;
    width: 80px;
    transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -o-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -ms-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -moz-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -webkit-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    z-index: 2;
}

#jsn-content-bottom-over .content-bottom-promo.jsnpa:hover .poweradmin {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

#jsn-content-bottom-over .content-bottom-promo.jsnpa .moutain {
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -140px;
}

#jsn-content-bottom-over .content-bottom-promo img.tpl {
    bottom: 25px;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    width: 132px;
}

#jsn-content-bottom-over .content-bottom-promo img.badge {
    display: inline-block;
    background-color: transparent;
    right: 30px;
    bottom: 70px;
    margin-left: 0;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transition: all 0.6s cubic-bezier(0, .73, .61, 1.39);
    -o-transition: all 0.6s cubic-bezier(0, .73, .61, 1.39);
    -ms-transition: all 0.6s cubic-bezier(0, .73, .61, 1.39);
    -moz-transition: all 0.6s cubic-bezier(0, .73, .61, 1.39);
    -webkit-transition: all 0.6s cubic-bezier(0, .73, .61, 1.39);
}

#jsn-content-bottom-over .content-bottom-promo:hover img.badge {
    transform: scale(0.65) rotate(-20deg);
    -o-transform: scale(0.65) rotate(-20deg);
    -ms-transform: scale(0.65) rotate(-20deg);
    -moz-transform: scale(0.65) rotate(-20deg);
    -webkit-transform: scale(0.65) rotate(-20deg);
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .box-pagebuilder,
#jsn-content-bottom-over .content-bottom-promo.jsn-easyslider .box-easyslider {
    bottom: 5px;
    left: 50%;
    margin: 0 0 0 -44px;
    transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -o-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -ms-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -moz-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -webkit-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
}

#jsn-content-bottom-over .content-bottom-promo.jsn-easyslider .box-easyslider {
    bottom: 34px;
    left: 50%;
    margin: 0 0 0 -61px;
}


/*#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .box-pagebuilder,
#jsn-content-bottom-over .content-bottom-promo.jsn-easyslider:hover .box-easyslider {
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}*/

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .box-pagebuilder {
    bottom: 33px;
    left: 23%;
    margin: 0 0 10px 0;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .list-icon {
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin: 0 0 0 -86px;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .list-icon-inner {
    position: relative;
    width: 172px;
    height: 115px;
    transition: all 0.3s cubic-bezier(0, .73, .61, 1.39);
    -o-transition: all 0.3s cubic-bezier(0, .73, .61, 1.39);
    -ms-transition: all 0.3s cubic-bezier(0, .73, .61, 1.39);
    -moz-transition: all 0.3s cubic-bezier(0, .73, .61, 1.39);
    -webkit-transition: all 0.3s cubic-bezier(0, .73, .61, 1.39);
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .list-icon-inner {
    transform: scale(1.1);
    -o-transform: scale(1.1) -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#jsn-content-bottom-over .content-bottom-promo.jsn-featured-temp .box-easyslider {
    bottom: 29px;
    left: 50%;
    margin: 0 0 0 -61px;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .fa {
    position: absolute;
    color: #ebebeb;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .fa-clock-o {
    left: 8px;
    top: 11px;
    font-size: 36px;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .fa-clock-o {
    color: #bb8c80;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .fa-music {
    font-size: 24px;
    left: 50%;
    top: 0;
    margin: 0 0 0 -10px;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .fa-music {
    color: #bd59d4;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .fa-file-image-o.big {
    font-size: 36px;
    top: 18px;
    right: 0;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .fa-file-image-o.big {
    color: #8cc63e;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .fa-file-image-o.small {
    bottom: 31px;
    left: 0;
    font-size: 18px;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .fa-file-image-o.small {
    color: #e45c27;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .fa-play-circle-o {
    bottom: 4px;
    font-size: 36px;
    right: 7px;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .fa-play-circle-o {
    color: #ff4b59;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder .fa-quote-left {
    font-size: 18px;
    bottom: 0;
    left: 19px;
}

#jsn-content-bottom-over .content-bottom-promo.jsn-pagebuilder:hover .fa-quote-left {
    color: #6d93e1;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -88px;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq-inner {
    width: 176px;
    height: 117px;
    position: relative;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .house {
    left: 0;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .light {
    left: 29%;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .car {
    left: 4px;
    bottom: 6px;
    display: none;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .big-cloud {
    left: 4px;
    bottom: 40px;
    display: block;
    z-index: 3;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour:hover .light {
    z-index: 4;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    bottom: 10px;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .big-cloud:hover {
    z-index: 5;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .car2 {
    left: 4px;
    bottom: -159px;
    transform-origin: right bottom;
    -o-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -o-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -ms-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -moz-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
    -webkit-transition: all 0.4s cubic-bezier(0, .73, .61, 1.39);
}

#jsn-content-bottom-over .content-bottom-promo.quicktour:hover .car2 {
    transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .signboards {
    right: 20px;
    bottom: 35px;
}

#jsn-content-bottom-over .content-bottom-promo.quicktour .list-iconq .small-cloud {
    right: 15px;
    bottom: 35px;
    z-index: 2;
}


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

#jsn-content-bottom {
    z-index: 88;
    position: relative;
    background-color: #1a1a1a;
    padding: 30px 0 30px;
}

#jsn-content-bottom div.jsn-modulescontainer {
    padding: 5px 0;
}

#jsn-content-bottom ul li {
    list-style-type: none;
    margin: 8px 0;
}

ul li.hidden-menu {
    display: none;
}

#jsn-content-bottom h2.jsn-moduletitle,
#jsn-content-bottom h3.jsn-moduletitle {
    color: #fff;
    margin-bottom: 15px;
    font-size: 17px;
}

#jsn-content-bottom a {
    color: #888888;
    font-size: 14px;
}

#jsn-content-bottom a:hover {
    text-decoration: none;
    color: #fff;
}


/* =============== LAYOUT - USERMODULES3 AREA =============== */

#jsn-usermodules3 {
    background-color: #fff;
    padding: 20px 0 0;
    border-top: 1px solid #ebebeb;
}


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

#jsn-footer {
    background: #1a1a1a;
    padding: 25px 0 10px;
    color: #4f4f4f;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-top: 1px solid #262626;
}

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

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

#jsn-footer #copyright p {
    width: 68%;
    margin: 0 auto;
    font-size: 12px;
    color: #555;
}


/* ============================== 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-layout7 div.grid-col {
    float: left;
    width: 14%;
}

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

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


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


/* =============== 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;
}


/* ----- 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 - LIST STYLES =============== */


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

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

ul.list-arrow li,
ul.list-arrow.arrow-dots li.current,
ul.menu-treemenu li > a > span {
    margin-left: 0;
    padding-left: 20px;
    position: relative;
    display: block;
}

ul.list-arrow li:after,
ul.list-arrow.arrow-dots li.current: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;
}

ul.list-arrow.arrow-dots li.current {
    font-weight: bold;
    border-left-color: #FFC600;
}


/* =============== 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: 0;
    border: 8px solid #f8f8f8;
}

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


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


/* =============== 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;
    float: left;
    position: relative;
    list-style-type: none;
    -webkit-transition: padding .4s ease-in-out;
    -moz-transition: padding .4s ease-in-out;
    -ms-transition: padding .4s ease-in-out;
    -o-transition: padding .4s ease-in-out;
    transition: padding .4s ease-in-out;
}

div.jsn-modulecontainer ul.menu-mainmenu li a {
    color: #444;
    display: block;
    cursor: pointer;
    padding: 12px 10px;
    white-space: nowrap;
}

div.jsn-modulecontainer ul.menu-mainmenu > li > a {
    padding: 15px 15px 10px;
    font-size: 12px;
    line-height: 24px;
    background: #fff;
    text-transform: uppercase;
}

#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul li a,
#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul li a span {
    text-transform: none;
    font-size: 13px;
}


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

div.jsn-modulecontainer ul.menu-mainmenu ul {
    margin: 0;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 50px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, .1);
    opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

div.jsn-modulecontainer ul.menu-mainmenu ul li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.jsn-modulecontainer ul.menu-mainmenu ul li a {
    border-bottom: 1px solid #eee;
}

div.jsn-modulecontainer ul.menu-mainmenu ul li.last a {
    border-bottom: 0;
}

div.jsn-modulecontainer ul.menu-mainmenu ul li.last > a {
    background: none;
}

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

#jsn-menu ul.menu-mainmenu > li:hover > a {
    color: #fc8f30;
}

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

#jsn-menu ul.jsn-submenu-level-2 > li:hover > a {
    background: #efefef;
    color: #555;
}

#jsn-menu ul.jsn-submenu-level-1 > li > a {
    padding: 12px 16px;
}

#jsn-menu li {
    position: relative;
}


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

div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a {
    padding-right: 16px;
    background: url(../images/icons/icon-arrow-white.png) 98% center no-repeat;
}


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

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


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

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


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

div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul.jsn-submenu-level-1 {
    opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}

div.jsn-modulecontainer ul.jsn-submenu-level-1 li:hover .jsn-submenu-level-2 {
    opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    z-index: 1;
}

#jsn-menu ul.jsn-submenu-level-2 {
    border-left: 1px solid #eee;
    position: absolute;
    top: -1px;
    left: 200px;
    margin: 0;
}


/* ----- 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;
}


/* =============== 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 li {
    margin: 0;
    padding: 0;
    position: relative;
}

div.jsn-modulecontainer ul.menu-treemenu li li.first,
div.jsn-modulecontainer ul.menu-treemenu li li:first-child {}

div.jsn-modulecontainer ul.menu-treemenu li li.last,
div.jsn-modulecontainer ul.menu-treemenu li li:last-child {
    border-bottom: none;
}

div.jsn-modulecontainer ul.menu-treemenu li a {
    color: #404040;
    padding: 8px 0 8px 8px;
    display: block;
    font-size: 1em;
    cursor: pointer;
    text-decoration: none;
}

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

ul.menu-treemenu li > a > span {
    background: url(../images/icons/icon-dot.png) 5px center no-repeat;
    display: block;
}


/* ----- 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;
}


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

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;
}


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

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


/* ----- TREE MENU IN SPECIFIC POSITION ----- */

#jsn-bottom div.jsn-modulecontainer ul.menu-treemenu li {
    background-color: transparent;
    border: none;
}

#jsn-bottom div.jsn-modulecontainer ul.menu-treemenu li a {
    padding: 5px 0;
    color: #A0A0A0;
}

#jsn-bottom div.jsn-modulecontainer ul.menu-treemenu li > a > span {
    padding-left: 0;
    background-image: none;
}

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


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

ul.menu-divmenu {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: inline-block;
}

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 #393939;
    line-height: 14px;
}

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

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


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

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

ul.menu-topmenu > li {
    margin: 0;
    line-height: 30px;
    float: right;
}

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

ul.menu-topmenu li a {
    font-size: 15px;
    padding: 0 25px;
    line-height: 44px;
    font-size: 11px;
    text-transform: uppercase;
    color: #dfdfdf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.menu-topmenu li:hover a,
.jsn-bootstrap ul.menu-topmenu li a:hover {
    color: #fff;
    background-color: #5C656A;
    text-decoration: none;
}

ul.menu-topmenu li a span {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

ul.menu-topmenu ul {
    margin: 0;
    list-style-type: none;
}

ul.menu-topmenu li ul li {
    margin: 0 0 0 15px;
}

.jsn-bootstrap ul ul.menu-topmenu {
    margin: 0;
}

#jsn-pos-top-right ul.menu-topmenu > li {
    position: relative;
}

#jsn-pos-top-right ul.menu-topmenu ul {
    position: absolute;
    right: 0;
    width: 150px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

#jsn-pos-top-right ul.menu-topmenu li:hover ul {
    opacity: 1;
    visibility: visible;
}

#jsn-pos-top-right ul.menu-topmenu ul li {
    padding: 0;
    margin: 0;
}

#jsn-pos-top-right ul.menu-topmenu ul li a {
    display: block;
    background: none;
    text-transform: none;
    padding: 0;
    margin: 0 15px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#jsn-pos-top-right ul.menu-topmenu ul li:last-child a {
    border: none;
}

#jsn-pos-top-right ul.menu-topmenu ul li:hover a {
    color: #fff;
}


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

h2.jsn-title,
h1.jsn-template-title {
    color: #FF7700;
    font-size: 45px;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-weight: 300;
}

h2.jsn-title span,
h1.jsn-template-title span {
    color: #222;
    display: inline-block;
    font-weight: bold;
}

h2.jsn-moduletitle,
h3.jsn-moduletitle {
    color: #222;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

h2.jsn-moduletitle > span,
h3.jsn-moduletitle > span {
    display: block;
}

#jsn-bottom h2.jsn-moduletitle,
#jsn-bottom h3.jsn-moduletitle {
    color: #FFF;
}


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


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

div.box-yellow {
    border: 1px solid #ecd47e;
    background: #fffbbc;
    padding: 15px;
}


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

div.box-grey {
    background: #f7f9fa;
    padding: 15px;
}

div.box-grey a {
    color: #40afff;
}


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

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


/* ============================== 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;
    float: right;
}

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

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

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

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

select.inputbox {
    padding: 2px;
}

#jsn-page .button {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 18px;
    color: #eee;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #333;
    border: none;
    *display: inline;
    *line-height: 20px;
}

.button:hover,
.button:active {
    background-color: #777;
    color: #fff;
}


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

.jsn-joomla-25 .tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    z-index: 88;
    position: relative;
}

.jsn-joomla-25 .tip-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../system/images/selector-arrow.png) no-repeat;
}

.jsn-joomla-25 .tip-text {
    font-size: 100%;
    margin: 0;
}


/* ----- POP-UP / PRINT WINDOWS ----- */

body.contentpane {
    color: #000000;
    background: #FFFFFF;
}

body.contentpane div.com-content {
    padding: 1em;
}


/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */


/* ----- ARTICLE METADATA ----- */

.jsn-article-metadata {
    margin-bottom: 15px;
}

.jsn-article-metadata > span {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}

.jsn-article-metadata > span:last-child {
    padding-right: 0;
    margin-right: 0;
    border: none;
}

.article-info {
    margin: 0;
    font-size: 0.9em;
    float: left;
}

.article-info-term {
    display: none;
}

.archive .article-info dd,
.article-info dd {
    margin: 2px 0 0;
    line-height: 1.5;
}


/* ----- ARTICLE TOOLBAR ----- */

.jsn-article-toolbar {
    margin-bottom: 15px;
    background-color: #f4f4f4;
    position: absolute;
    right: 0;
}

.jsn-article-toolbar .btn-group.pull-right {
    float: right;
    padding: 5px;
}

.jsn-article-toolbar dl {
    padding: 5px;
}

#article-index {
    float: right;
    margin: 0 0 1em 1em;
    background-color: #F2F2F2;
    border: 1px solid #D9D9D9;
}

#article-index ul {
    margin: 0;
    list-style-type: none;
    display: none;
}

#article-index ul li {
    margin: 0;
    padding: 0.25em 0.6em;
}


/* ----- ARTICLE INFO ----- */

.jsn-article-info {
    padding: 10px;
}

.jsn-article-info p:first-child {
    margin-top: 0;
}

.jsn-article-info p:last-child {
    margin-bottom: 0;
}

.author,
.createdate,
.publishdate,
.hits {
    margin: 10px 0;
    color: #595959;
    font-size: 0.9em;
}

.author,
.createdate,
.publishdate {
    padding-left: 22px;
    background-image: url(../images/icons/icons-base.png);
    background-repeat: no-repeat;
}

.author {
    background-position: 0 0;
}

.createdate,
.publishdate {
    background-position: 0 -86px;
}

.modifydate {
    margin: 1em 0;
    text-align: right;
    color: #999999;
    font-style: italic;
}


/* ----- ARCHIVE ARTICLE  ----- */

div.archive .intro {
    clear: both;
}


/* ----- 2 BUTTON PRINT, EMAIL CONTAINER ----- */

ul.jsn-article-tools {
    margin: 10px;
    list-style: none;
}

ul.jsn-article-tools li {
    float: left;
    margin: 0 0 0 10px;
}

ul.jsn-article-tools li:first-child {
    margin-left: 0;
}

ul.jsn-article-tools li a {
    float: left;
    display: block;
    height: 16px;
    width: 16px;
    background: url(../images/icons/icons-base.png) left top no-repeat;
    text-indent: -999em;
}

ul.jsn-article-tools li a.no-icon {
    background: none;
    width: auto;
    height: auto;
}

ul.jsn-article-tools li.jsn-article-icon-edit a {
    background-position: 0 -688px;
}

ul.jsn-article-tools li a.jsn-article-print-button {
    background-position: 0 -430px;
}

ul.jsn-article-tools li a.jsn-article-email-button {
    background-position: 0 -516px;
}

ul.jsn-article-tools li a:hover {
    text-decoration: none;
}

.jsn-article-submit {
    margin-top: 0.8em;
}

.jsn-joomla-25 .item-title-entry .icon-edit,
.item-title-entry .jsn-icon-edit {
    display: inline-block;
}


/* ----- SUBMIT AN ARTICLE ----- */

.field-title {
    width: 120px;
    float: left;
}

.formelm,
.formelm-area {
    margin: 5px 0;
    clear: both;
}


/* ----- READ MORE ----- */

a.readon {
    color: #000;
    cursor: pointer;
    font-size: 1.1em;
    padding: 5px 12px;
    font-weight: bold;
    border: #999 1px solid;
    display: inline-block;
    text-decoration: none;
}

a.readon:hover {
    text-decoration: none;
    background-color: #e5e5e5;
}


/* ----- TABLE OF CONTENT ----- */

table.contenttoc {
    margin: 0 0 1em 1em;
    border: 1px solid #D9D9D9;
    background: #f2f2f2;
    float: right;
}

table.contenttoc th {
    padding: .4em;
    background: url(../images/dot.png) bottom repeat-x;
    font-weight: bold;
    text-align: center;
}

table.contenttoc td {
    padding: .25em .6em;
}


/* PAGE LINK IN TOC */

a.toclink {
    font-size: .9em;
}


/* PAGE NUMBER SHOWING "PAGE 1 OF ..." UNDER TOC */

div.pagenavcounter {
    color: #595959;
    margin: .5em 0;
    font-size: .9em;
    font-weight: bold;
    display: none;
}


/* PAGE NAVIGATION */

div.pagenavbar div {
    color: #999999;
    font-weight: bold;
    font-size: .9em;
}


/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */


/* SEPARATOR BETWEEN ARTICLES */

div.article_separator {
    height: 1em;
    clear: both;
}

div.row_separator {
    height: 1em;
    clear: both;
}


/* ARTICLE COLUMN CONTAINER */

.jsn-articlecols {
    float: left;
}

.jsn-articlecols .jsn-article {
    padding: 0 5px;
}


/* "MORE ARTICLES..." PANEL HEADING TEXT */

div.blog_more {
    padding: 10px 15px;
    margin: 0 0 1em 0;
    border: 1px solid #e5e5e5;
    background-color: #F4F4F4;
}


/* PAGE PAGINATION */

ul.pagenav,
div.pagination ul {
    list-style-type: none;
    text-align: center;
}

ul.pagenav {
    text-align: center;
}

ul.pagenav li,
div.pagination ul li {
    color: #999;
    margin: 0;
    display: inline-block;
}

div.pagination ul li {
    font-size: 0.9em;
    height: 30px;
    margin: 0 0 5px 0;
}

ul.pagenav li a,
div.pagination ul li a {
    margin: 0 15px;
}

ul.jsn-pagination {
    list-style-type: none;
}

ul.jsn-pagination li {
    display: inline-block !important;
    /*override compression*/
    margin: 10px 2px;
    height: 35px;
    line-height: 35px;
}

ul.jsn-pagination a,
ul.jsn-pagination span {
    padding: 7px 15px;
    border: 1px solid #ddd;
    color: #555;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -web-border-radius: 3px;
    display: inline-block;
}

ul.jsn-pagination > span {
    background-color: #fff;
    color: #FF7202;
}

ul.jsn-pagination li a,
ul.jsn-pagination li span {
    padding: 0 20px;
}

ul.jsn-pagination li span {
    background-color: transparent;
}

ul.jsn-pagination li a:hover {
    color: #fff;
    text-decoration: none;
    background: #ff7200;
}

ul.jsn-pagination li.navigation-page span {
    border: none;
    padding: 4px 9px;
    color: #fff;
}

ul.jsn-pagination,
p.jsn-pageinfo {
    font-size: 1em;
    text-align: center;
    margin: 20px 0 10px 0;
}

ul.jsn-pagination li.navigation-page span {
    background-color: #4786BE;
}


/* BLOG PAGES NAV LINK */

a.pagenav {
    text-transform: uppercase;
}


/* ----- CATEGORY LIST LAYOUT ----- */


/* DESCRIPTION IN CONTENT TABLE AND COMPONENT PAGE */

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

.cat-children ul dl dt,
.cat-children ul dl dd,
dl.article-count dt,
dl.article-count dd {
    display: inline;
}

.categories-list dl dt,
.categories-list dl dd {
    margin: 0;
    padding: 0;
    display: inline;
}


/* TABLE IN CATEGORY TABLE PAGE */

.sectiontableheader {
    padding: 5px 8px;
    font-weight: bold;
    font-size: 1.1em;
    color: #FFFFFF;
}

.sectiontableheader img {
    margin: 0;
    vertical-align: text-top;
}

.sectiontableheader a {
    color: #ffffff;
    text-decoration: underline;
}

.sectiontableheader a:hover {
    text-decoration: none;
}


/* TABLE FILTER */

.jsn-infofilter {
    text-align: right;
}

.jsn-titlefilter {
    float: left;
}

.archived-article-list .jsn-infofilter {
    text-align: left;
}


/* TABLE'S ROW */

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
    padding: 6px 8px;
    border-bottom: 1px solid #e5e5e5;
}

tr.sectiontableentry2 td {}


/* ----- SECTION LAYOUT ----- */


/* LINKS IN SECTION TABLE PAGE */

a.category {
    font-weight: bold;
}


/* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */

div.com-search #searchForm .search-phrase {
    margin-left: 95px;
}

div.com-search #searchForm .search-range input,
div.com-search #searchForm .search-phrase input {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

div.com-search #searchForm [class*="search-"] label,
div.com-search #searchForm .search-field-title {
    width: 100px;
    line-height: 21px;
    text-align: left;
    padding-right: 3px;
    display: inline-block;
}

div.com-search #searchForm .search-range label,
div.com-search #searchForm .search-phrase label {
    width: auto;
}

div.com-search #searchForm .search-ordering select {
    padding: 2px 0;
}

div.com-search #searchForm .search-range label {
    line-height: 21px;
}

.jsn-joomla-30 div.search .inputbox {
    width: auto;
    max-width: 100%;
}


/* =============== JOOMLA! EXTENSIONS - COM_FINDER =============== */

.collapse {
    overflow: hidden;
}


/* ----- KEYWORD GIGHLIGHT IN SEARCH RESULT ----- */

span.highlight {
    padding: .2em;
    background: #FFFFAA;
}


/* =============== JOOMLA! EXTENSIONS - COM_WEBLINK =============== */

table.jsn-infotable .description p {
    margin: 0;
}

table.jsn-infotable ul.actions {
    display: inline;
}

table.jsn-infotable ul.actions li {
    display: inline;
    margin: 0 0 0 5px;
}

#editor-xtd-buttons {
    float: left;
}


/* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */

div.com-newsfeed td.jsn-table-column-name {
    font-weight: bold;
}

div.com-newsfeed table {
    width: 100%;
    border-collapse: collapse;
}

div.com-newsfeed td {
    border: 1px solid #ccc;
    padding: 10px 5px;
    border-top: none;
}

div.com-newsfeed th {
    background: #999;
    padding: 10px 5px;
    border: 1px solid #999;
    border-bottom: none;
}

div.com-newsfeed th a {
    color: #fff;
}

div.com-newsfeed td.item-num-art {
    text-align: center;
}


/* =============== JOOMLA! EXTENSIONS - COM_USER =============== */


/* ----- USER FORM LAYOUT ----- */

div.com-user div.default-login {
    width: 450px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #e8ebed;
}

div.com-user div.default-login h2 {
    background: #F8FAFB;
    border-bottom: 1px solid #e8ebed;
    margin: -20px -20px 0;
    padding: 10px;
    font-size: 25px;
    color: #435268;
}

div.com-user div.default-login .contentdescription {
    margin: 15px 0;
}

div.com-user div.default-login form {
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}

div.com-user div.default-login form .login-fields {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    line-height: 30px;
}

div.com-user div.default-login form.logout {
    margin-top: -20px;
}

div.com-user div.default-login form input {
    width: 318px;
    padding: 8px 3px;
    font-size: 16px;
    border: 1px solid #e8ebed;
    float: right;
}

div.com-user div.default-login form ul li {
    font-size: 14px;
    float: right;
    color: #ff7200;
}

div.com-user div.default-login form button {
    float: right;
    display: block;
}

#jsn-page div.com-user div.default-login form .button {
    background: #ff7200;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    text-shadow: none;
    margin-top: 15px;
}

#jsn-page div.com-user div.default-login form .button:hover {
    background: #1E2224;
}


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

.jsn-formRow {
    margin: 8px 0;
}

.jsn-formRow .jsn-formRow-lable {
    float: left;
    width: 170px;
}

button#jform_profile_dob_img.btn {
    height: 30px;
}


/* =============== JOOMLA! EXTENSIONS - POPUP COMPONENT =============== */

#jsn-content-popup .com-content,
#jsn-content-popup #mailto-window {
    max-width: 1018px;
    margin: 1em auto;
}

#jsn-content-popup .com-content {
    padding-top: 0;
}

#mailto-window {
    padding: 15px;
    position: relative;
    background: #f5f5f5;
    border: solid 1px #ddd;
}

#mailto-window h2 {
    padding: 3px 0;
    margin: 0 0 10px;
    font: bold 1.2em "Times New Roman", Times, serif;
}

#mailto-window label {
    width: 8em;
    display: inline-block;
}

#mailto-window .mailto-close {
    right: 0;
    top: 5px;
    background: none;
    position: absolute;
}

#mailto-window .mailto-close a {
    display: block;
    min-width: 25px;
    min-height: 25px;
    overflow: visible;
    background: url(../images/icons/icon-close.png) 0 0 no-repeat;
}

#mailto-window .mailto-close a span {
    top: -3000px;
    left: -3000px;
    display: inline;
    position: absolute;
}

#mailto-window .inputbox {
    padding: 3px;
    border: 1px solid #ccc;
    background: #FFF url(../images/backgrounds/popup-bg.png) repeat-x 0 0;
}

#mailto-window p {
    margin: 20px 0 8px 0;
}

#mailto-window button {
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 3px 10px;
    border: 1px solid #ccc;
    font: bold 1em "Times New Roman", Times, serif;
    background-image: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(216, 216, 216) 100%);
    background-image: -moz-linear-gradient(50% 0% -90deg, rgb(255, 255, 255) 0%, rgb(216, 216, 216) 100%);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(216, 216, 216)));
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(216, 216, 216) 100%);
    background-image: -o-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(216, 216, 216) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(216, 216, 216) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffd8d8d8, GradientType=0);
}

#mailto-window .formelm,
#mailto-window .formelm-area {
    clear: both;
    margin: 5px 0;
}


/* =============== JOOMLA! EXTENSIONS - SYSTEM MESSAGES =============== */


/* ----- SYSTEM STANDARD MESSAGES ----- */

#system-message {
    margin-bottom: 0px;
}

.alert {
    margin-bottom: 0px;
}

#system-message > dd > ul {
    border-top: none;
    border-bottom: none;
}

#system-message dd.message ul {
    text-indent: 0;
    padding: 1em 1em 1em 3.5em;
    background: #DBE7F8 url(../images/icons/icon-text-info.png) no-repeat 0 center;
}

#system-message ul li {
    margin-left: 0;
}


/* ----- SYSTEM ERROR MESSAGES ----- */

#system-message dd.error ul {
    background: #FFDFDF url(../images/icons/icon-text-alert.png) no-repeat 0 center;
}


/* ----- SYSTEM NOTICE MESSAGES ----- */

#system-message dd.notice ul {
    color: #cc0000;
    border-top: 3px solid #f0dc7e;
    border-bottom: 3px solid #f0dc7e;
    background: #efe7b8 url(../../../media/system/images/notice-note.png) 4px center no-repeat;
}


/* =============== JOOMLA! EXTENSIONS - MOD_BREADCRUMB =============== */

span.breadcrumbs {
    display: block;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #E8E8E8;
}

#jsn-content.jsn-hasright span.breadcrumbs {
    padding-right: 10px;
}

#jsn-content.jsn-hasleft span.breadcrumbs {
    padding-left: 10px;
}

span.breadcrumbs a,
span.breadcrumbs span {
    color: #666;
    padding-right: 20px;
    margin-right: 10px;
    text-decoration: none;
    background: url(../images/icons/breadcrumbs-arrow.png) right center no-repeat;
    text-transform: capitalize;
}

span.breadcrumbs span.showHere {
    background: none;
    padding-right: 0;
}

span.breadcrumbs a:hover {
    text-decoration: underline;
}

span.breadcrumbs span.current {
    color: #8d8d8d;
    background: none;
}

.breadcrumb {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
    font-size: 14px;
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-shadow: 0 1px 0 #fff;
    margin: 0;
}

.breadcrumb li a,
.breadcrumb li span {
    color: #666;
}

.breadcrumb li span + span {
    font-weight: bold;
    color: #8d8d8d;
}

.breadcrumb span.divider {
    padding: 0 10px;
    background: url(../images/icons/icon-arrow-black.png) right center no-repeat;
}

.breadcrumb li.active:first-child span.divider {
    padding: 0 5px 0 0;
    background: none;
}

.breadcrumb .active {
    color: #999;
}


/* =============== JOOMLA! EXTENSIONS - MOD_LOGIN =============== */

#form-login fieldset.input {
    border: none;
    padding: 0;
}

#form-login div.button-wrapper {
    text-align: left;
    margin-top: 0.5em;
}

#form-login [id^="form-login-"] {
    margin: 0 0 10px 0;
}

#form-login #form-login-remember {
    margin-bottom: 0;
}

#form-login #form-login-remember input,
#form-login #form-login-remember label {
    margin: 0
}

#form-login #form-login-remember input.button {
    float: right;
    margin-top: 3px;
}

#form-login #form-login-remember input.button:hover {
    background-color: #ff7200;
}

form#login-form a.btn {
    min-height: 15px;
}

form#login-form .icon-arrow-right {
    background-position: -458px -73px;
}


/* =============== JOOMLA! EXTENSIONS - MOD_NEWSFLASH =============== */

.jsn-mod-newsflash.jsn-horizontal-container .jsn-article {
    padding: 0 1em;
}

.jsn-mod-newsflash .contentheading {
    margin: 0 0 0.3em 0;
}

.jsn-mod-newsflash .article-separator {
    display: block;
    height: 0.5em;
}


/* =============== MODAL =============== */

#sbox-window {
    padding: 0;
}


/* ============================== JOOMLA! 3.x CORE COMPONENT LAYOUT ============================== */

.img-fulltext-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.img-intro-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.img-fulltext-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.img-intro-right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.pull-right.collapsed .icon-minus,
.pull-right .icon-plus {
    display: none;
}

.pull-right .icon-minus,
.pull-right.collapsed .icon-plus {
    display: block;
}


/* ---------- OVERRIDE ----------- */

.jsn-joomla-30 blockquote {
    border-left: none;
}

.jsn-joomla-30 hr {
    margin: 0.5em 0;
}

.jsn-joomla-30 .form-horizontal .control-label {
    text-align: left;
}

.jsn-joomla-30 .calendar tbody td,
.jsn-joomla-30 .calendar tbody td.hilite,
.jsn-joomla-30 .calendar tbody td.selected {
    border: none;
    padding: 5px;
    text-align: center;
}

.jsn-joomla-30 .input-append .btn {
    padding: 7px 14px 6px;
    outline: none;
}

.jsn-joomla-30 label,
.jsn-joomla-30 input,
.jsn-joomla-30 button,
.jsn-joomla-30 select,
.jsn-joomla-30 textarea,
.jsn-joomla-30 .btn,
.jsn-joomla-30 .uneditable-input {
    font-size: 13px;
}

.jsn-joomla-30 .icon-location {
    background-position: -24px -73px;
}

.jsn-joomla-30 div.tooltip {
    background: none;
    border: none;
}

.jsn-joomla-30 #form-login-remember .control-label,
.jsn-joomla-30 #modlgn-remember {
    vertical-align: middle;
}

.jsn-joomla-30 .dropdown-menu li,
.jsn-joomla-30 .category li {
    margin: 0;
}

.jsn-joomla-30 .page-header {
    border-bottom: none;
    margin-bottom: 0;
}


/* ---------- CUSTOM OVERRIDE MODULE ---------- */


/* MOD FINDER */

form#mod-finder-searchform {
    margin: 0;
}

div.finder-module {
    border: 1px solid #E8E8E8;
    background-color: #FFF;
    padding-right: 44px;
    position: relative;
}

div.finder-module .inputbox#mod-finder-searchword {
    height: 23px;
    width: 100%;
    background-color: #FFF;
    color: #BFBFBF;
    outline: none;
    margin: 0 !important;
    padding: 5px;
    border: none;
    border-right: 1px solid #E8E8E8;
}

div.finder-module .button.finder {
    background: url(../images/search-btn-icon.png) 10px center no-repeat;
    background-color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    margin: 0;
    text-indent: -999em;
    height: 33px;
    width: 33px;
}

div.finder-module .button.finder:hover,
div.finder-module .button.finder:active {
    background: url(../images/search-btn-icon.png) 10px center no-repeat;
    background-color: #F5F5F5;
}


/* ==================== CHANGE LOG ==================== */

.jsn-changelog {
    width: 800px;
    margin: 0 25px;
    background: #fff;
}

.jsn-changelog .accordion h3 {
    font-size: 20px;
    border: 1px solid #ededed;
    padding: 5px 20px;
    margin-top: 10px;
    cursor: pointer;
}

.jsn-changelog .accordion h3.active {
    background-color: #f7f7f7;
    margin-bottom: 0;
    border-bottom: none;
}

.jsn-changelog .accordion > div {
    padding: 10px;
}

.jsn-changelog .accordion h3.active + div {
    border: 1px solid #ededed;
    padding: 15px;
}

.jsn-changelog h2 {
    color: #ff7200;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0 10px;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav {
    padding: 0;
    float: left;
    width: 28%;
    margin-right: -1px;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 0 !important;
    border-right-width: 1px;
    margin: 0;
    border-color: #e8ebed;
    background-color: #fdfdfd;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li:last-child {
    border-bottom-width: 1px !important;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li:hover,
.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:hover {
    background: #fff;
    border: 1px solid #e8ebed;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:hover {
    border-right: none;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    background: #fff;
    border-right-width: 0;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
    color: #384F5A;
}

.jsn-changelog .ui-tabs-vertical .ui-tabs-panel {
    float: left;
    width: 72%;
    padding: 20px;
    border: 1px solid #e8ebed;
}

.jsn-changelog .ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

.jsn-changelog .ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.jsn-changelog .ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.jsn-changelog .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.jsn-changelog .ui-widget-content {
    border: 1px solid #e8ebed;
    background: #fff;
    color: #384F5A;
    font-size: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.jsn-changelog .ui-state-active a,
.jsn-changelog .ui-state-active a:link,
.jsn-changelog .ui-state-active a:visited {
    color: #fff;
}

.jsn-changelog .ui-state-default,
.jsn-changelog .ui-widget-content .ui-state-default,
.jsn-changelog .ui-widget-header .ui-state-default {
    background: #fff;
    border: 1px solid #e8ebed;
    line-height: 45px;
    font-size: 18px;
    text-shadow: none;
    font-weight: normal !important;
    padding-left: 35px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.jsn-changelog .ui-state-default:hover,
.jsn-changelog .ui-widget-content .ui-state-default:hover,
.jsn-changelog .ui-widget-header .ui-state-default:hover,
.jsn-changelog .ui-state-active,
.jsn-changelog .ui-widget-content .ui-state-active,
.jsn-changelog .ui-widget-header .ui-state-active {
    border: 1px solid #384F5A;
    background: #384F5A;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.jsn-changelog .ui-state-default .ui-icon,
.jsn-changelog .ui-widget-content .ui-state-default .ui-icon,
.jsn-changelog .ui-widget-header .ui-state-default .ui-icon {
    background: url(../../../templates/jsn_main-v4_pro/images/icons/icon-minus.png) 1px 1px no-repeat;
}

.jsn-changelog .ui-state-active .ui-icon,
.jsn-changelog .ui-widget-content .ui-state-active .ui-icon,
.jsn-changelog .ui-widget-header .ui-state-active .ui-icon {
    background: url(../../../templates/jsn_main-v4_pro/images/icons/icon-minus.png) 2px -270px no-repeat;
}

.jsn-changelog .ui-widget {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.jsn-changelog .ui-tabs.ui-widget-content {
    padding: 0;
    border: none;
}

.jsn-changelog .ui-widget-header {
    border: none;
    background: none;
}

.jsn-desktop-on-mobile #jsn-pos-mainmenu {
    margin: 0 25px 0 0;
}


/* end login */

#jsnlc-tags-container .jsnlc-tags li {
    margin: 0 0 15px 0;
}

#jsn-pos-banner .jsn-title {
    color: #80959e;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-left {
    float: left;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-left h2 {
    font-size: 15px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-left ul a {
    font-size: 13px;
    white-space: nowrap;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-left .jsn-modulecontainer {
    width: auto;
    margin: 0 0 0 90px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-left .jsn-modulecontainer .jsn-modulecontainer_inner {
    margin: 0;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-left .jsn-modulecontainer:first-child {
    margin: 0;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right {
    float: right;
    width: 500px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right .menu-divmenu {
    margin: 9px 0 16px 0;
    float: left;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right .menu-divmenu li {
    padding: 0 10px;
    border-right: 1px solid #666;
    margin: 0;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right .menu-divmenu li.last {
    border: none;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right .menu-divmenu li.first {
    padding: 0 10px 0 0;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right .menu-divmenu li a {
    color: #fff;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right .menu-divmenu li a:hover {
    color: #999;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right .jsn-modulecontainer_inner {
    margin: 0;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #copyright {
    color: #999;
    font-size: 13px;
    line-height: 170%;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-left .joomla-tutorials {
    margin: 28px 0 0 0;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer {
    margin: 35px 0 0 0;
    float: left;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li {
    margin: 0 5px 0 0;
    list-style: none;
    float: left;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a {
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -ms-transition: background-color .5s;
    transition: background-color .5s;
    float: left;
    text-indent: -999em;
    background: url(../images/icons/icon-socials.png) no-repeat;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.facebookf {
    background-position: 3px -60px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.facebookf:hover {
    background-color: #3350AE;
    background-position: 3px -379px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.twitterf {
    background-position: 2px 2px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.twitterf:hover {
    background-color: #55ACEE;
    background-position: 2px -317px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.youtubef {
    background-position: 4px -256px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.youtubef:hover {
    background-color: #C60404;
    background-position: 4px -575px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.pinterestf {
    background-position: 2px -766px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.pinterestf:hover {
    background-color: #D11E16;
    background-position: 2px -827px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.linkedinf {
    background-position: 3px -645px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.linkedinf:hover {
    background-color: #0077B5;
    background-position: 3px -706px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.contactusf {
    background-position: 3px -887px;
}

#jsn-content-bottom #jsn-pos-content-bottom .jsn-pos-content-right #social-footer li a.contactusf:hover {
    background-color: #ff7200;
    background-position: 3px -948px;
}

#woorockets-logo {
    float: right;
    line-height: 29px;
    margin: 33px 0 0 0;
}

#woorockets-logo span {
    float: left;
    color: #fff;
    margin: 0 10px 0 0;
    font-size: 14px;
}

#woorockets-logo a img {
    float: left;
    margin: 0 5px 0 0;
}

#woorockets-logo a {
    font-size: 19px;
    float: left;
    color: #999;
}