/*!
 * JoomlaShine FW
 */
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700");
@import url(../fonts/font-icons/style.css);
html {
  position: relative;
  min-height: 100%; }

body {
  height: 100%;
  overflow-x: hidden; }

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

.shine-header {
  position: relative;
  z-index: 1; }

.container {
  max-width: 100%; }

.right {
  float: right; }

.row.flex {
  display: flex;
  flex-wrap: wrap; }
  .row.flex.flex-items-middle {
    align-items: center; }
  .row.flex.flex-items-top {
    align-items: top; }
  .row.flex.flex-items-bottom {
    align-items: bottom; }

.width-percent-50 {
  width: 50%;
  float: left; }

.sunfw-content {
  height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

img {
  max-width: 100%; }

.button-cyan {
  background: #5fc6b6;
  color: #FFF;
  font-weight: bold; }

.btn {
  padding: 10px 20px; }
  .btn.navbar-toggle {
    border-radius: 0; }

.snfwComponent {
  padding: 30px 15px; }

.sunfw-scrollup {
  background-color: #000;
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  color: #999;
  z-index: 10000;
  padding: 8px 12px;
  transition: color 0.3s linear, background 0.3s ease-out;
  -moz-transition: color 0.3s linear, background 0.3s ease-out;
  -webkit-transition: color 0.3s linear, background 0.3s ease-out; }
  .sunfw-scrollup:hover {
    text-decoration: none; }
  .sunfw-scrollup.position-center {
    left: 50%;
    bottom: 0;
    right: auto;
    transform: translateX(-50%); }
  .sunfw-scrollup.position-left {
    left: 30px;
    right: auto; }

.sunfw-switcher a.btn {
  padding: 5px 10px;
  margin-bottom: 1px;
  color: #000;
  border-radius: 0; }
  .sunfw-switcher a.btn.active, .sunfw-switcher a.btn:active {
    box-shadow: none;
    border-bottom: 1px solid #000; }

/* ========================= JOOMLA! 3.x CORE LAYOUT ======================= */
/* ---------- Article Category Blog,Single Article ----------- */
.page-header {
  margin: 10px 0 0;
  border-bottom: none; }

.article-info dd {
  display: inline-block;
  padding: 0 5px; }
  .article-info dd:first-child {
    padding-right: 0; }
    .sunfw-direction-rtl .article-info dd:first-child {
      padding-left: 0;
      padding-right: inherit; }

.icons .btn-group a.dropdown-toggle {
  padding: 0; }
  .icons .btn-group a.dropdown-toggle span.caret {
    margin-left: 3px; }
    .sunfw-direction-rtl .icons .btn-group a.dropdown-toggle span.caret {
      margin-right: 3px;
      margin-left: inherit; }
.icons .btn-group.open a.dropdown-toggle {
  box-shadow: none; }

/* ---------- Article Category List ----------- */
.content-category .cat-children {
  padding-top: 10px; }
  .content-category .cat-children h3.page-header {
    margin: 10px 0;
    font-size: 18px; }

.layout-item .blog .page-header h1, .layout-item .blog .page-header h2 {
  margin-bottom: 0; }
.layout-item .blog .article-info {
  margin-bottom: 3px; }
.layout-item .content-category .cat-children h3.page-header {
  font-size: 15px;
  margin: 0;
  padding: 0; }

.blog-featured h2 {
  margin-bottom: 5px; }
.blog-featured .article-info {
  margin-bottom: 5px; }

/* ---------- Search Page ----------- */
form#searchForm {
  border: 1px solid #ecf0f3;
  padding: 15px; }
  form#searchForm .btn-toolbar {
    background: #ecf0f3 none repeat scroll 0 0;
    padding: 15px; }
  form#searchForm .searchintro {
    margin: 10px 0; }
  form#searchForm fieldset {
    margin-top: 15px; }
    form#searchForm fieldset legend {
      padding-bottom: 8px;
      margin-bottom: 10px; }
    form#searchForm fieldset label input {
      display: inline-block;
      position: inherit;
      margin: 0 3px 0; }
  form#searchForm p.counter {
    padding: 10px 0; }

dl.search-results {
  margin: 10px 0;
  padding: 0 15px; }
  dl.search-results dt.result-title {
    padding-top: 5px; }

.chzn-container-single .chzn-single span {
  margin-right: 0; }
  .sunfw-direction-rtl .chzn-container-single .chzn-single span {
    margin-left: 0;
    margin-right: inherit; }

/* ---------- Newfeed ----------- */
#adminForm fieldset.filters label.filter-search-lbl span {
  margin-right: 10px; }
  .sunfw-direction-rtl #adminForm fieldset.filters label.filter-search-lbl span {
    margin-left: 10px;
    margin-right: inherit; }

ul.list-striped {
  padding: 10px 0;
  list-style-type: none; }
  ul.list-striped li, ul.list-striped dd {
    border-bottom: 1px solid #ddd;
    padding: 8px; }
    ul.list-striped li:nth-child(2n+1), ul.list-striped dd:nth-child(2n+1) {
      background-color: #f9f9f9; }
    ul.list-striped li:hover, ul.list-striped dd:hover {
      background-color: #f5f5f5; }
    ul.list-striped li div.list-title a, ul.list-striped dd div.list-title a {
      font-weight: bold; }

.newsfeed figure {
  padding: 10px 0; }

.sunfw-sticky.sunfw-sticky-open {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  z-index: 9; }

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

.jsn_header {
  background: #000; }

.jsn-demo-page .flex-md-unordered {
  padding-bottom: 0; }
.jsn-demo-page.item-page {
  padding: 0 !important; }
.jsn-demo-page .jsn_maincontent {
  padding: 0; }
.jsn-demo-page .jsn_header {
  background-color: transparent;
  position: relative;
  z-index: 99;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out; }
  .jsn-demo-page .jsn_header.sunfw-sticky-open {
    background: #000;
    position: fixed;
    width: 100%; }
.jsn-demo-page .jsn_promo {
  position: relative;
  margin-top: -109px !important;
  padding: 0; }
  .jsn-demo-page .jsn_promo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    background: -moz-linear-gradient(top, black 0%, rgba(19, 19, 19, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(19, 19, 19, 0)));
    background: -webkit-linear-gradient(top, black 0%, rgba(19, 19, 19, 0) 100%);
    background: -o-linear-gradient(top, black 0%, rgba(19, 19, 19, 0) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(19, 19, 19, 0) 100%);
    background: linear-gradient(to bottom, black 0%, rgba(19, 19, 19, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313', GradientType=0 ); }

.sunfw-menu-head.navbar {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0; }
.sunfw-menu-head .navbar-nav {
  float: right; }
  .sunfw-direction-rtl .sunfw-menu-head .navbar-nav {
    float: left; }
  .sunfw-menu-head .navbar-nav > li {
    float: left; }
    .sunfw-direction-rtl .sunfw-menu-head .navbar-nav > li {
      float: right; }
  .sunfw-menu-head .navbar-nav > li:last-child > a {
    padding-right: 0; }
  .sunfw-menu-head .navbar-nav > li > a {
    font-weight: bold;
    color: #FFF;
    padding: 30px; }
    .sunfw-menu-head .navbar-nav > li > a:hover, .sunfw-menu-head .navbar-nav > li > a:focus {
      background: transparent; }
  .sunfw-menu-head .navbar-nav > .active > a, .sunfw-menu-head .navbar-nav > .active > a:hover, .sunfw-menu-head .navbar-nav > .active > a:focus {
    background: transparent; }
.sunfw-menu-head .caret {
  margin-left: 5px; }

div.sunfw-logo {
  padding: 28px 0 28px 20px; }

.jsn_promo {
  padding-top: 20px; }
  .jsn_promo p:last-child {
    margin-bottom: 0; }

.jsn-es-slider .jsn-es-nav-circlepop a::before {
  background: rgba(0, 0, 0, 0.3); }
.jsn-es-slider .jsn-es-nav-circlepop a:hover .jsn-es-icon-wrap::before, .jsn-es-slider .jsn-es-nav-circlepop a:hover .jsn-es-icon-wrap::after {
  background: #FFF; }

.promo-intro-text {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 35%;
  margin: 0 auto;
  height: 120px;
  width: 100%;
  max-height: 120px;
  z-index: 9; }

.mouse-scroll {
  display: block;
  background: #4e5559 -webkit-linear-gradient(transparent 0%, transparent 50%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 100%);
  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 100%);
  position: relative;
  width: 35px;
  height: 50px;
  background-size: 100% 100%;
  border-radius: 100px;
  background-size: 225%;
  margin: 0 auto;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
  animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite; }

.mouse-scroll:before, .mouse-scroll:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.mouse-scroll:before {
  width: 31px;
  height: 46px;
  background-color: #222a30;
  border-radius: 100px; }

.mouse-scroll:after {
  background-color: rgba(255, 255, 255, 0.7);
  width: 5px;
  height: 5px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 8s linear infinite;
  animation: trackBallSlide 8s linear infinite; }

@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%; }
  20% {
    background-position: 0% 0%; }
  21% {
    background-color: #4e5559; }
  29.99% {
    background-color: rgba(255, 255, 255, 0.7);
    background-position: 0% 0%; }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%; }
  50% {
    background-position: 0% 0%; }
  51% {
    background-color: #4e5559; }
  59.99% {
    background-color: rgba(255, 255, 255, 0.7);
    background-position: 0% 0%; }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%; }
  80% {
    background-position: 0% 0%; }
  81% {
    background-color: #4e5559; }
  89.99%, 100% {
    background-color: rgba(255, 255, 255, 0.7); } }
@keyframes colorSlide {
  0% {
    background-position: 0% 100%; }
  20% {
    background-position: 0% 0%; }
  21% {
    background-color: #4e5559; }
  29.99% {
    background-color: rgba(255, 255, 255, 0.7);
    background-position: 0% 0%; }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%; }
  50% {
    background-position: 0% 0%; }
  51% {
    background-color: #4e5559; }
  59.99% {
    background-color: rgba(255, 255, 255, 0.7);
    background-position: 0% 0%; }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%; }
  80% {
    background-position: 0% 0%; }
  81% {
    background-color: #4e5559; }
  89.99%, 100% {
    background-color: rgba(255, 255, 255, 0.7); } }
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px); }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px); }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px); }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px); }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px); }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px); }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px); }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px); }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px); }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); } }
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px); }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px); }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px); }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px); }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px); }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px); }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px); }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px); }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px); }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px); } }
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes colorText {
  21% {
    color: #4e5559; }
  30% {
    color: rgba(255, 255, 255, 0.7); }
  51% {
    color: #4e5559; }
  60% {
    color: rgba(255, 255, 255, 0.7); }
  81% {
    color: #4e5559; }
  90% {
    color: rgba(255, 255, 255, 0.7); } }
@keyframes colorText {
  21% {
    color: #4e5559; }
  30% {
    color: rgba(255, 255, 255, 0.7); }
  51% {
    color: #4e5559; }
  60% {
    color: rgba(255, 255, 255, 0.7); }
  81% {
    color: #4e5559; }
  90% {
    color: rgba(255, 255, 255, 0.7); } }
.scroll-slider {
  position: absolute;
  margin: 0 auto;
  bottom: 35px;
  z-index: 9;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0; }

.flex-md-unordered {
  padding: 0 0 30px; }

.page-header h2 {
  font-size: 2em;
  line-height: 40px;
  font-weight: 500;
  color: #000; }

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

i {
  font-style: normal; }

.icon-calendar:before {
  content: "\f073";
  font-family: FontAwesome; }

.create i {
  padding-right: 5px; }

#system-message > .alert {
  margin-top: 15px; }

.flex-md-unordered #system-message-container + .item-page, .flex-md-unordered #system-message-container + div {
  padding: 30px 0 50px;
  clear: both;
  display: block; }

.sunfw-flex-component .user-1, .sunfw-flex-component .user-2, .sunfw-flex-component .user-3, .sunfw-flex-component .user-4 {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px; }
.sunfw-flex-component .user-1, .sunfw-flex-component .user-2 {
  border-bottom: 1px solid #E5E5E5; }
.sunfw-flex-component .user-3, .sunfw-flex-component .user-4 {
  border-top: 1px solid #E5E5E5; }
.sunfw-flex-component .user-1, .sunfw-flex-component .user-3 {
  padding-left: 0; }
.sunfw-flex-component .user-2, .sunfw-flex-component .user-4 {
  padding-right: 0; }

.jsn_user_bottom {
  border-top: 1px solid #e5e5e5;
  clear: both;
  padding: 30px 0; }

.sunfw-direction-rtl .sunfw-flex-component .user-1, .sunfw-direction-rtl .sunfw-flex-component .user-3 {
  padding-left: 15px;
  padding-right: 0; }
.sunfw-direction-rtl .sunfw-flex-component .user-2, .sunfw-direction-rtl .sunfw-flex-component .user-4 {
  padding-right: 15px;
  padding-left: 0; }

.jsn_right, .jsn_left {
  padding-top: 15px;
  padding-bottom: 15px; }

.jsn_right {
  border-left: 1px solid #E5E5E5; }

.jsn_left {
  border-right: 1px solid #E5E5E5; }

.ss_welcome {
  padding: 80px 0; }

#sunfw-wrapper .Grid.container {
  margin-left: auto !important;
  margin-right: auto !important; }

.align-left .Grid .Items * {
  align-items: flex-start; }
.align-left .Grid .Items .pb-blurb {
  text-align: left; }

.bg-op .pb-background {
  background: rgba(0, 0, 0, 0.8); }

.pb-grid.main-features {
  padding: 40px 0 45px; }
  .pb-grid.main-features .pb-blurb > .pb-icon, .pb-grid.main-features .pb-blurb > .pb-image {
    margin-bottom: 3px; }
  .pb-grid.main-features .pb-content > * + p {
    margin-top: 10px; }

.latest-projects {
  margin-top: 0 !important; }
  .latest-projects .section-heading {
    background-color: #111;
    color: #fff;
    font-size: 1.8em;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    margin: 0;
    padding: 45px 0; }
  .latest-projects .grid-col {
    width: 25%;
    float: left; }
  .latest-projects .grid-col_inner {
    margin: 0; }
  .latest-projects .project-item a {
    display: block;
    position: relative;
    z-index: 90;
    top: 0;
    left: 0; }
  .latest-projects .project-item a img {
    max-width: 100%;
    display: block; }
  .latest-projects .project-item {
    position: relative;
    overflow: hidden; }
  .latest-projects .project-item a:before,
  .latest-projects .project-item a:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; }
  .latest-projects .project-item a:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 100; }
  .latest-projects .project-item a:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 1.6em;
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    top: 40%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    border: 3px solid #fff;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 110; }
  .latest-projects .project-item a:hover:before,
  .latest-projects .project-item a:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .latest-projects .project-item a:hover:after {
    top: 50%; }

.slbOverlay, .slbWrapOuter, .slbWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.slbOverlay {
  overflow: hidden;
  z-index: 2000;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-animation: slbOverlay 0.5s;
  -moz-animation: slbOverlay 0.5s;
  animation: slbOverlay 0.5s; }

.slbWrapOuter {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2010; }

.slbWrap {
  position: absolute;
  text-align: center; }

.slbWrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.slbContentOuter {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0 1em;
  box-sizing: border-box;
  z-index: 2020;
  text-align: left;
  max-width: 100%; }
  .slbContentOuter button:focus {
    outline: none; }

.slbContentEl .slbContentOuter {
  padding: 5em 1em; }

.slbContent {
  position: relative; }

.slbContentEl .slbContent {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  background-color: #fff;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4); }

.slbImageWrap {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  position: relative; }

.slbImageWrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5em;
  bottom: 5em;
  display: block;
  z-index: -1;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
  background-color: #FFF; }

.slbImage {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 5em 0;
  margin: 0 auto; }

.slbCaption {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 1.4em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.71429em 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }

.slbCloseBtn, .slbArrow {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none; }

.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner {
  padding: 0;
  border: 0; }

.slbCloseBtn:hover, .slbArrow:hover {
  opacity: 0.5; }

.slbCloseBtn:active, .slbArrow:active {
  opacity: 0.8; }

.slbCloseBtn {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  font-size: 3em;
  width: 1.66667em;
  height: 1.66667em;
  line-height: 1.66667em;
  position: absolute;
  right: -0.33333em;
  top: 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }
  .slbCloseBtn:focus {
    outline: none; }

.slbLoading .slbCloseBtn {
  display: none; }

.slbLoadingText {
  font-size: 1.4em;
  color: #fff;
  color: rgba(255, 255, 255, 0.9); }

.slbArrows {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0; }

.slbLoading .slbArrows {
  display: none; }

.slbArrow {
  position: absolute;
  top: 50%;
  margin-top: -5em;
  width: 5em;
  height: 10em;
  opacity: 0.7;
  text-indent: -999em;
  overflow: hidden; }

.slbArrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.8em 0 0 -0.8em;
  border: 0.8em solid transparent; }

.slbArrow.next {
  right: 0; }

.slbArrow.next:before {
  border-left-color: #fff; }

.slbArrow.prev {
  left: 0; }

.slbArrow.prev:before {
  border-right-color: #fff; }

.slbIframeCont {
  width: 80em;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 5em 0; }

.slbIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
  background: #000; }

@-webkit-keyframes slbOverlay {
  from {
    opacity: 0; }
  to {
    opacity: 0.7; } }
@-moz-keyframes slbOverlay {
  from {
    opacity: 0; }
  to {
    opacity: 0.7; } }
@keyframes slbOverlay {
  from {
    opacity: 0; }
  to {
    opacity: 0.7; } }
@-webkit-keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); } }
@-moz-keyframes slbEnter {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -1em, 0); }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0); } }
@keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
#demo-tab-news {
  padding: 50px 0; }
  #demo-tab-news #tabs {
    width: 1100px;
    max-width: 100%;
    margin: 50px auto; }
  #demo-tab-news ul.tabs_title {
    display: inline-block;
    float: right;
    width: 50%;
    margin: 0;
    padding: 20px 0;
    border-left: 1px solid #e1e1e1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    #demo-tab-news ul.tabs_title li {
      display: block;
      margin: 0; }
      #demo-tab-news ul.tabs_title li a {
        position: relative;
        display: block;
        padding: 20px 0 20px 60px;
        text-decoration: none;
        color: #aaa;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out; }
        #demo-tab-news ul.tabs_title li a:hover, #demo-tab-news ul.tabs_title li a.tabulous_active {
          color: #000; }
        #demo-tab-news ul.tabs_title li a:before {
          content: "";
          display: block;
          position: absolute;
          left: -5px;
          width: 9px;
          height: 9px;
          top: 28px;
          background-color: #ddd;
          border: 5px solid #fff;
          border-radius: 100%;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -webkit-transition: all 0.4s ease-in-out; }
        #demo-tab-news ul.tabs_title li a:after {
          background: #ddd;
          content: "";
          width: 9px;
          height: 9px;
          top: 28px;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          border-radius: 100%;
          display: block;
          position: absolute;
          left: -5px;
          transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -webkit-transition: all 0.4s ease-in-out; }
        #demo-tab-news ul.tabs_title li a.tabulous_active :before, #demo-tab-news ul.tabs_title li a:hover :before {
          transform: scale(1.5, 1.5);
          -moz-transform: scale(1.5, 1.5);
          -webkit-transform: scale(1.5, 1.5); }
        #demo-tab-news ul.tabs_title li a.tabulous_active:after, #demo-tab-news ul.tabs_title li a:hover:after {
          transform: scale(1.3, 1.3);
          -moz-transform: scale(1.3, 1.3);
          -webkit-transform: scale(1.3, 1.3); }
  #demo-tab-news #tabs_container {
    float: left;
    position: relative;
    padding-top: 40px;
    width: 50%;
    color: #999;
    line-height: 2em; }
    #demo-tab-news #tabs_container > div {
      margin-right: 60px; }
    #demo-tab-news #tabs_container .news-title {
      text-transform: uppercase;
      color: #000;
      letter-spacing: 5px;
      font-size: 1.8em;
      margin: 0 0 30px; }

.transition {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  -ms-transition-delay: .3s;
  transition-delay: .3s; }

.make_transist {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.hidescale {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  display: none; }

.showscale {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  -ms-transition-delay: .3s;
  transition-delay: .3s; }
  .showscale.hidescale {
    display: block; }

.hideleft {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }

.showleft {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  -ms-transition-delay: .3s;
  transition-delay: .3s; }

.hidescaleup {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }

.showscaleup {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  -ms-transition-delay: .3s;
  transition-delay: .3s; }

.hideflip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: rotatey(-90deg) scale(1.1);
  -moz-transform: rotatey(-90deg) scale(1.1);
  -o-transform: rotatey(-90deg) scale(1.1);
  -ms-transform: rotatey(-90deg) scale(1.1);
  transform: rotatey(-90deg) scale(1.1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.showflip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  -ms-transition-delay: .3s;
  transition-delay: .3s;
  -webkit-transform: rotatey(0deg) scale(1);
  -moz-transform: rotatey(0deg) scale(1);
  -o-transform: rotatey(0deg) scale(1);
  -ms-transform: rotatey(0deg) scale(1);
  transform: rotatey(0deg) scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.tabulousclear {
  display: block;
  clear: both; }

.jsn-demo-page #demo-feature-graph {
  padding: 50px 0;
  background-color: #f6fafc; }

.jsn-demo-page #demo-feature-graph .feature-graph {
  padding: 0; }
  .jsn-demo-page #demo-feature-graph .feature-graph .row:before, .jsn-demo-page #demo-feature-graph .feature-graph .row:after {
    display: none; }

.jsn-demo-page #demo-feature-graph .feature-graph:first-child:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  content: "";
  z-index: 9;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(176, 183, 188, 0.9) 15%, #b0b7bc 20%, #b0b7bc 50%, #b0b7bc 50%, #b0b7bc 85%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(176, 183, 188, 0.9) 15%, #b0b7bc 20%, #b0b7bc 50%, #b0b7bc 50%, #b0b7bc 85%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(176, 183, 188, 0.9) 15%, #b0b7bc 20%, #b0b7bc 50%, #b0b7bc 50%, #b0b7bc 85%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */ }

.jsn-demo-page #demo-feature-graph .feature-graph .graph-item {
  overflow: hidden;
  width: 100%; }

.jsn-demo-page #demo-feature-graph .feature-graph .graph-item .graph-item-inner {
  padding: 60px 0;
  max-width: 100%; }

.jsn-demo-page #demo-feature-graph .feature-graph .graph-item [class*="jsn-icon-"] {
  position: relative;
  float: left;
  display: block;
  width: 70px;
  height: 70px;
  color: #fff;
  background-color: #222;
  font-size: 2.5em;
  line-height: 70px;
  text-align: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out; }

.jsn-demo-page #demo-feature-graph .feature-graph .graph-item-inner:hover [class*="jsn-icon-"] {
  transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2); }

.jsn-demo-page #demo-feature-graph .feature-graph .item1 [class*="jsn-icon-"] {
  background-color: #5bace2; }

.jsn-demo-page #demo-feature-graph .feature-graph .item2 [class*="jsn-icon-"] {
  background-color: #6ece97; }

.jsn-demo-page #demo-feature-graph .feature-graph .item3 [class*="jsn-icon-"] {
  background-color: #e9974e; }

.jsn-demo-page #demo-feature-graph .feature-graph .item4 [class*="jsn-icon-"] {
  background-color: #c08dd7; }

.jsn-demo-page #demo-feature-graph .feature-graph .graph-item .text {
  padding-left: 100px; }

.jsn-demo-page #demo-feature-graph .feature-graph .graph-item .text .heading {
  text-transform: uppercase;
  font-size: 1.65em;
  line-height: 1.65em;
  margin: 0;
  padding: 20px 0 0;
  letter-spacing: 3px; }

.jsn-demo-page #demo-feature-graph .feature-graph .item1 .graph-item-inner,
.jsn-demo-page #demo-feature-graph .feature-graph .item2 .graph-item-inner {
  float: left; }

.jsn-demo-page #demo-feature-graph .feature-graph .item3 .graph-item-inner,
.jsn-demo-page #demo-feature-graph .feature-graph .item4 .graph-item-inner {
  float: right; }

.jsn-demo-page #demo-feature-graph .feature-graph .item1 .graph-item-inner {
  padding-left: 100px; }

.jsn-desktop.jsn-demo-page #demo-feature-graph .feature-graph .item1 .graph-item-inner {
  padding-right: 0; }

.jsn-demo-page #demo-feature-graph .feature-graph .item2 .graph-item-inner {
  padding-left: 50px; }

.jsn-demo-page #demo-feature-graph .feature-graph .item3 .graph-item-inner {
  padding-right: 0;
  width: 350px; }

.jsn-demo-page #demo-feature-graph .feature-graph .item4 .graph-item-inner {
  padding-left: 100px; }

.jsn-demo-page #demo-feature-graph .feature-graph .graph-item [class*="jsn-icon-"]:after {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 200px;
  background-color: #cbd4d8;
  left: 50%;
  margin-left: -2px; }

.jsn-demo-page #demo-feature-graph .feature-graph .item1 [class*="jsn-icon-"]:after,
.jsn-demo-page #demo-feature-graph .feature-graph .item2 [class*="jsn-icon-"]:after {
  top: 90px; }

.jsn-demo-page #demo-feature-graph .feature-graph .item3 [class*="jsn-icon-"]:after,
.jsn-demo-page #demo-feature-graph .feature-graph .item4 [class*="jsn-icon-"]:after {
  bottom: 90px; }

#demo-feature-graph .feature-graph .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #demo-feature-graph .feature-graph .row > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.ss-counting {
  padding: 100px 0; }

.jsn_bottom {
  padding: 80px 0; }
  .jsn_bottom .k2LatestCommentsBlock .clr {
    display: none; }
  .jsn_bottom .k2LatestCommentsBlock li {
    border-bottom: 1px solid rgba(102, 102, 102, 0.53);
    padding: 15px 0 5px 0;
    margin: 0; }
    .jsn_bottom .k2LatestCommentsBlock li:last-child {
      border: none; }
    .jsn_bottom .k2LatestCommentsBlock li > * {
      display: block;
      padding-left: 65px; }
    .jsn_bottom .k2LatestCommentsBlock li > a.k2Avatar {
      padding-left: 0;
      width: 50px;
      height: 50px;
      display: block;
      float: left; }
  .jsn_bottom .k2LatestCommentsBlock .k2Avatar img {
    max-width: 100%;
    max-height: 100%;
    border: none;
    padding: 0;
    margin: 0; }
  .jsn_bottom .k2LatestCommentsBlock .lcComment {
    color: #FFF;
    padding-bottom: 5px;
    line-height: 1.5; }
  .jsn_bottom .k2LatestCommentsBlock .lcCommentDate {
    color: rgba(255, 255, 255, 0.7); }

.newsletter {
  padding-bottom: 15px; }
  .newsletter .contentheading {
    display: none; }
  .newsletter .jsn-uniform.jsn-master > .jsn-bootstrap {
    padding-left: 0; }
  .newsletter .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
    padding: 13px 0 15px; }
  .newsletter .jsn-uniform.jsn-master .control-group .control-label {
    display: none; }
  .newsletter .jsn-uniform.jsn-master .control-group input {
    padding: 10px;
    margin: 0;
    border: none;
    border-radius: 50px; }
  .newsletter .jsn-uniform.jsn-master .form-actions {
    padding: 0;
    margin: 0; }
    .newsletter .jsn-uniform.jsn-master .form-actions:before, .newsletter .jsn-uniform.jsn-master .form-actions:after {
      content: "";
      display: table;
      clear: both; }
    .newsletter .jsn-uniform.jsn-master .form-actions .btn {
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px; }
  .newsletter .jsn-uniform.jsn-master .jsn-text-center {
    display: none; }

.jsn_footer_bottom {
  padding: 30px 0; }
  .jsn_footer_bottom p {
    color: #777; }

.jsn_content_bottom {
  border-top: 1px solid #e5e5e5;
  padding: 30px 0; }

.sunfw-direction-rtl .module-style .fa {
  padding-right: 0;
  padding-left: 10px; }
.sunfw-direction-rtl .menu-sidemenu.layout-right ul {
  left: 100%;
  right: auto; }
.sunfw-direction-rtl .menu-sidemenu.layout-right li.parent > a {
  background: url(../images/icons/icon-arrow-black.png) calc(100% - 15px) center no-repeat; }
.sunfw-direction-rtl .menu-sidemenu.layout-right li ul li.parent > a {
  background: url(../images/icons/icon-arrow-white.png) calc(100% - 15px) center no-repeat; }
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul ul,
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul ul {
  right: 100%; }
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li {
  text-align: right; }
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }
.sunfw-direction-rtl .align-left .Grid .Items .pb-blurb,
.sunfw-direction-rtl .pb-header,
.sunfw-direction-rtl .pb-grid > .pb-row > [class*="pb-left pb-aligned"].pb-column,
.sunfw-direction-rtl .pb-grid > [class*="pb-left pb-aligned"].pb-column.pb-column,
.sunfw-direction-rtl .pb-grid > [class*="pb-left pb-aligned"].pb-row > .pb-column,
.sunfw-direction-rtl [class*="pb-left pb-aligned"].pb-grid > .pb-column,
.sunfw-direction-rtl [class*="pb-left pb-aligned"].pb-grid > .pb-row > .pb-column {
  text-align: right; }

#searchForm #search-searchword {
  padding: 7px 10px;
  height: 39px; }
#searchForm i.icon-search:before {
  content: "\f002";
  font-family: FontAwesome; }
#searchForm .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.sunfw-pos-user-top {
  padding-top: 20px; }

.sunfw-switcher.setting {
  min-height: 60px; }

.disable-responsive {
  overflow-x: hidden; }
  .disable-responsive .sunfw-section {
    overflow-x: hidden; }
    .disable-responsive .sunfw-section.jsn_header {
      overflow-x: visible; }
    .disable-responsive .sunfw-section > .container-fluid {
      padding: 0; }

h1.btn-link, h2.btn-link, h3.btn-link, h4.btn-link, h5.btn-link, h6.btn-link {
  font-weight: bold; }

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

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

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

.sunfw-logo {
  padding-top: 15px;
  padding-bottom: 15px; }

.social li {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 10px; }
  .sunfw-direction-rtl .social li {
    margin-left: 10px;
    margin-right: inherit; }

.cookialaw {
  display: none;
  z-index: 999; }
  .cookialaw p {
    line-height: 34px;
    margin-bottom: 0; }
  .cookialaw.top {
    top: 0; }
  .cookialaw.left {
    left: 0; }
    .sunfw-direction-rtl .cookialaw.left {
      right: 0;
      left: auto; }
  .cookialaw.right {
    right: 0; }
    .sunfw-direction-rtl .cookialaw.right {
      left: 0;
      right: auto; }
  .cookialaw.bottom {
    bottom: 0; }
  .cookialaw.fixed {
    position: fixed; }
  .cookialaw.full {
    width: 100%; }
  .cookialaw.show {
    display: block; }

.subscribe .btn {
  line-height: 20px;
  border-radius: 0; }

.link-button {
  cursor: pointer;
  font-size: 1em;
  padding: 6px 30px;
  display: inline-block;
  text-decoration: none;
  border-radius: 100px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  background: #a6a6a6; }

.link-icon:before {
  padding-right: 5px; }

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

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

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

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

.link-button,
.link-button a {
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out; }

.link-action {
  transition: color 0.3s linear, background 0.3s ease-out;
  -moz-transition: color 0.3s linear, background 0.3s ease-out;
  -webkit-transition: color 0.3s linear, background 0.3s ease-out; }

.link-action:hover {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }

.link-highlight {
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out; }

.link-highlight:hover {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  -webkit-box-shadow: 0 0 2px #999; }

.link-button.button-light {
  background-color: #bbb; }

.link-button.button-light:hover {
  background-color: #868686; }

.link-button.button-dark {
  background-color: #444; }

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

.link-button.button-green {
  background-color: #6ece97; }

.link-button.button-green:hover {
  background-color: #439968; }

.link-button.button-orange {
  background-color: #f38645; }

.link-button.button-orange:hover {
  background-color: #d16627; }

.link-button.button-blue {
  background-color: #2980b9; }

.link-button.button-blue:hover {
  background-color: #115988; }

.link-button.button-red {
  background-color: #e95e53; }

.link-button.button-red:hover {
  background-color: #c1382d; }

.link-button.button-cyan {
  background-color: #1abcb6; }

.link-button.button-cyan:hover {
  background-color: #098e89; }

.link-button.button-violet {
  background-color: #b485c7; }

.link-button.button-violet:hover {
  background-color: #9059a6; }

.block-border {
  background: #f7f7f7;
  border-left: 3px solid #959595;
  padding: 0 20px; }
  .block-border .text-info {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent; }

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

ul {
  padding-left: 0; }
  ul li {
    margin: 5px 0; }
    ul li i {
      padding-right: 5px; }

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

.icon-cog:before {
  color: #333;
  content: "\f013";
  font-family: FontAwesome; }

.jsn-article-toolbar .article-info.muted {
  display: inline-block; }
.jsn-article-toolbar .caret {
  color: #333; }
.jsn-article-toolbar .btn.dropdown-toggle {
  padding-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#kunena .navbar-default .navbar-nav > .active > a,
#kunena .navbar-default .navbar-nav > .active > a:hover,
#kunena .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #37c3e1; }
#kunena.layout h1 {
  margin-bottom: 20px; }
#kunena.layout #filter-time {
  margin-top: 0; }
#kunena.layout #search-options select#categorylist {
  height: 150px; }
#kunena .pagination {
  margin-bottom: 20px;
  float: left; }
  #kunena .pagination > li {
    float: left; }
    #kunena .pagination > li > a {
      border: 1px solid #ccc; }
#kunena .legend {
  font-size: 18px; }
#kunena #search select {
  height: 35px; }
#kunena #search input.form-control {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
#kunena form .btn.btn-success {
  padding: 6px 20px; }

#kunena.layout [id*="userdropdownlogout"] .btn-link {
  color: #333; }

#kshow_attach_form {
  margin-left: -15px; }

/*!
 * Sun Framework
 * Copyright 2016 Joomlashine.
 * @file _modules.scss
 */
.module-title .box-title {
  margin: 15px 0;
  line-height: 40px; }
  .module-title .box-title span {
    line-height: 22px;
    display: block; }

.module-title .box-title.fa:before {
  padding-right: 5px;
  padding-left: 0; }
  .sunfw-direction-rtl .module-title .box-title.fa:before {
    padding-left: 5px;
    padding-right: inherit; }
  .sunfw-direction-rtl .module-title .box-title.fa:before {
    padding-right: 0;
    padding-left: inherit; }

#jsn-pos-breadcrumbs {
  padding: 18px 0 15px; }

#jsn-pos-breadcrumbs {
  border-bottom: 1px solid #e5e5e5; }

span.breadcrumbs {
  display: block;
  font-size: 12.6px;
  padding: 5px 0; }

span.breadcrumbs a,
span.breadcrumbs span {
  color: #404040;
  padding-right: 18px;
  text-decoration: none;
  background: url(../images/icons/icon-arrow-black.png) right center no-repeat; }

span.breadcrumbs a {
  float: left;
  margin-left: 10px; }
  span.breadcrumbs a.first {
    margin-left: 5px; }
  span.breadcrumbs a:hover {
    text-decoration: underline; }
span.breadcrumbs span.current {
  color: #404040;
  font-weight: bold;
  background: none; }

span.breadcrumbs a + span.current {
  margin-left: 10px; }

.breadcrumb {
  padding: 0;
  margin: 0;
  list-style: none;
  background: none;
  font-size: 12.6px; }
  .breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-shadow: 0 1px 0 #fff;
    margin: 0; }
    .breadcrumb li a, .breadcrumb li span {
      color: #404040; }
    .breadcrumb li a, .breadcrumb li span + span {
      display: inline-block; }
    .breadcrumb li span + span {
      font-weight: bold; }
  .breadcrumb > li > .divider {
    padding: 0 !important; }
  .breadcrumb li.active:first-child span.divider {
    padding: 0 5px 0 0;
    background: none; }
  .breadcrumb .active {
    color: #999; }

ul.nav > li > a i.fa {
  padding-right: 5px; }

.sunfw-direction-rtl ul.nav > li > a i.fa {
  padding-right: 0;
  padding-left: 5px; }

.menu li a:before {
  padding-right: 10px; }

ul.menu small, ul.menu .small, ul.menu li ul li a {
  font-size: 100%; }

/* =============== MENU - SIDE MENU =============== */
.menu-sidemenu ul.menu li {
  position: relative; }
  .menu-sidemenu ul.menu li a, .menu-sidemenu ul.menu li > span.separator {
    transition: color 0.3s linear, background 0.3s ease-out;
    -moz-transition: color 0.3s linear, background 0.3s ease-out;
    -webkit-transition: color 0.3s linear, background 0.3s ease-out; }
  .menu-sidemenu ul.menu li ul {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 200px;
    list-style: none;
    padding: 0;
    background: #FFF;
    border: 1px solid #ccc;
    right: -200px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .sunfw-direction-rtl .menu-sidemenu ul.menu li ul {
      left: -200px;
      right: auto; }
  .menu-sidemenu ul.menu li:hover > ul {
    opacity: 100;
    z-index: 10;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .menu-sidemenu ul.menu li:hover > ul li a, .menu-sidemenu ul.menu li:hover > ul li > span.separator {
      font-size: 12px;
      cursor: pointer;
      display: block;
      -webkit-transition: color 0.3s linear 0s, background 0.3s ease-out 0s;
      -moz-transition: color 0.3s linear 0s, background 0.3s ease-out 0s;
      -ms-transition: color 0.3s linear 0s, background 0.3s ease-out 0s;
      -o-transition: color 0.3s linear 0s, background 0.3s ease-out 0s;
      transition: color 0.3s linear 0s, background 0.3s ease-out 0s; }
      .menu-sidemenu ul.menu li:hover > ul li a:hover, .menu-sidemenu ul.menu li:hover > ul li > span.separator:hover {
        color: #FFF; }
.menu-sidemenu.layout-right {
  text-align: right; }
  .sunfw-direction-rtl .menu-sidemenu.layout-right {
    text-align: left; }
  .menu-sidemenu.layout-right li.parent > a {
    background: url(../images/icons/icon-arrow-black-rtl) 15px center no-repeat; }
  .menu-sidemenu.layout-right li ul li.parent > a {
    background: url(../images/icons/icon-arrow-white-rtl) 15px center no-repeat; }
  .menu-sidemenu.layout-right ul.menu li ul {
    right: auto;
    left: -200px; }
    .sunfw-direction-rtl .menu-sidemenu.layout-right ul.menu li ul {
      left: auto;
      right: auto; }
    .sunfw-direction-rtl .menu-sidemenu.layout-right ul.menu li ul {
      right: -200px;
      left: auto; }

.edit #adminForm .btn-toolbar {
  padding-bottom: 10px; }
.edit #adminForm fieldset ul.nav-tabs > li > a {
  display: block !important; }
.edit #adminForm fieldset .tab-content {
  padding-top: 15px; }
  .edit #adminForm fieldset .tab-content .control-label > label {
    display: inline-block !important;
    padding-top: 10px; }
  .edit #adminForm fieldset .tab-content #jform_state-lbl {
    padding-top: 10px; }
  .edit #adminForm fieldset .tab-content #jform_title {
    margin-bottom: 10px; }
  .edit #adminForm fieldset .tab-content .controls input {
    padding: 1px 10px; }
  .edit #adminForm fieldset .tab-content .controls textarea {
    padding: 10px; }
  .edit #adminForm fieldset .tab-content .controls .chzn-search input {
    padding: 4px 20px 4px 5px; }
  .edit #adminForm fieldset .tab-content .controls > .chzn-container {
    width: 250px !important; }
  .edit #adminForm fieldset .tab-content .controls .chzn-container-single .chzn-single {
    height: 30px;
    line-height: 29px; }
  .edit #adminForm fieldset .tab-content .controls .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
    height: 30px; }
  .edit #adminForm fieldset .tab-content .controls .input-append > input {
    display: inline-block !important; }
  .edit #adminForm fieldset .tab-content .controls .input-append .btn {
    padding: 7px 10px;
    position: relative;
    top: -1px;
    line-height: 20px;
    border-style: solid;
    border-color: #CCC;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .edit #adminForm fieldset .tab-content .controls .input-append span.icon-calendar:before {
    content: "\f274";
    font-family: FontAwesome; }
.edit #adminForm .btn-toolbar {
  padding-top: 10px; }
  .edit #adminForm .btn-toolbar .btn {
    border: 1px solid #CCC; }

.sunfw-view-modules #modules-form .btn-toolbar {
  padding-top: 10px; }
  .sunfw-view-modules #modules-form .btn-toolbar .btn {
    border: 1px solid #ccc; }
.sunfw-view-modules #modules-form .control-group {
  padding-bottom: 10px; }
  .sunfw-view-modules #modules-form .control-group .control-label {
    text-align: left; }
    .sunfw-view-modules #modules-form .control-group .control-label label {
      display: inline-block !important; }
  .sunfw-view-modules #modules-form .control-group .radio input[type="radio"] {
    margin-left: 0; }
  .sunfw-view-modules #modules-form .control-group .radio label, .sunfw-view-modules #modules-form .control-group .checkbox label {
    padding-right: 5px; }
  .sunfw-view-modules #modules-form .control-group input {
    padding: 1px 10px; }
  .sunfw-view-modules #modules-form .control-group textarea {
    padding: 10px; }
  .sunfw-view-modules #modules-form .control-group .chzn-search input {
    padding: 4px 20px 4px 5px; }
  .sunfw-view-modules #modules-form .control-group > .chzn-container {
    width: 250px !important; }
  .sunfw-view-modules #modules-form .control-group .chzn-container-single .chzn-single {
    height: 30px;
    line-height: 29px; }
  .sunfw-view-modules #modules-form .control-group .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
    height: 30px; }
  .sunfw-view-modules #modules-form .control-group .input-append > input {
    display: inline-block !important; }
  .sunfw-view-modules #modules-form .control-group .input-append .btn {
    padding: 5px 10px;
    position: relative;
    top: -1px;
    line-height: 20px;
    border-style: solid;
    border-color: #CCC;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .sunfw-view-modules #modules-form .control-group .input-append span.icon-calendar:before {
    content: "\f274";
    font-family: FontAwesome; }
  .sunfw-view-modules #modules-form .control-group .btn-toolbar {
    padding-bottom: 10px; }

.btn.jmodedit {
  background: #FFF;
  border: 1px solid #CCC;
  padding: 6px 10px;
  width: 33px !important;
  height: 33px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .btn.jmodedit .icon-edit:before {
    content: "\f044";
    font-size: 14px;
    line-height: 1;
    color: #333;
    font-family: FontAwesome; }

.module-style .fa {
  color: #000;
  padding-right: 10px; }
.module-style .box-title {
  letter-spacing: 1.2px; }
.module-style .module-body {
  line-height: 25px; }

.module-style-1 .module-title {
  display: inline-block; }
  .module-style-1 .module-title:before {
    background: #f0f0f0; }

.module-style-2 .module-title {
  display: block;
  padding-bottom: 5px; }
  .module-style-2 .module-title:before {
    background: rgba(240, 240, 240, 0.6); }

.module-style-1 .module-title, .module-style-2 .module-title {
  position: relative;
  margin-bottom: 15px; }
  .module-style-1 .module-title:before, .module-style-2 .module-title:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0; }

.module-style-3 .module-title, .module-style-5 .module-title {
  display: inline-block; }

.module-style-5, .module-style-6 {
  display: inline-block; }
  .module-style-5 .box-title, .module-style-6 .box-title {
    padding: 10px 15px; }

.jsn_left .module-style, .jsn_right .module-style {
  margin-bottom: 30px; }
  .jsn_left .module-style:last-child, .jsn_right .module-style:last-child {
    margin-bottom: 0; }

.promotion-box .link-button {
  float: right; }

/* PAGE PAGINATION */
.pagination {
  display: block; }
  .pagination > .active > a, .pagination > .active > a:hover,
  .pagination > .active > a:focus, .pagination > .active > span,
  .pagination > .active > span:hover, .pagination > .active > span:focus {
    background: transparent;
    color: #000; }
  .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    background: transparent;
    color: #000; }
  .pagination > li > a {
    border: none; }

ul.pagenav,
div.pagination ul {
  list-style-type: none;
  box-shadow: none; }

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;
  vertical-align: middle; }

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

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

ul.jsn-pagination li a,
ul.jsn-pagination li span {
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid #CCC;
  color: #999;
  border-radius: 100px; }

ul.jsn-pagination a,
ul.jsn-pagination span {
  padding: 5px;
  line-height: 20px; }

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-radius: 100px; }

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-radius: 100px; }

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

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

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

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

/* =============== MENU - TREE MENU =============== */
/* ----- GENERAL ----- */
.jsn-menu-toggle {
  display: none; }

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

ul.menu-treemenu li {
  margin: 0;
  padding: 0;
  position: relative; }
  ul.menu-treemenu li a {
    padding: 6px 12px;
    display: block;
    color: #999;
    cursor: pointer;
    text-decoration: none; }
    ul.menu-treemenu li a span {
      display: block; }
ul.menu-treemenu > li > a {
  padding: 10px 0; }
ul.menu-treemenu ul li > a > span {
  padding-left: 18px;
  background: url(../images/icons/dot-grey.jpg) left center no-repeat; }

/* ----- RICH MENU STYLE ----- */
ul.menu-treemenu li a span.jsn-menudescription {
  display: none; }

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

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

/* ---------- NORMAL STATE ---------- */
ul.menu-treemenu ul li {
  margin: 0; }

ul.menu-treemenu ul li a {
  padding-left: 15px; }

ul.menu-treemenu ul ul li a {
  padding-left: 30px; }

ul.menu-treemenu ul ul ul li a {
  padding-left: 45px; }

ul.menu-treemenu ul ul ul ul li a {
  padding-left: 60px; }

ul.menu-treemenu ul ul ul ul ul li a {
  padding-left: 75px; }

/* ----- ACTIVE STATE ----- */
/* ----- CURRENT / HOVER STATE ----- */
ul.menu-treemenu li:hover > a,
ul.menu-treemenu li.active > a {
  color: #000; }

div.solid-2 ul.menu-treemenu li:hover > a,
div.solid-2 ul.menu-treemenu li.active > a,
#jsn-content-bottom-below ul.menu-treemenu li:hover > a,
#jsn-content-bottom-below ul.menu-treemenu li.active > a {
  color: #fff; }

/* =============== MENU - SIDE MENU =============== */
/* ----- GENERAL ----- */
ul.menu-sidemenu,
ul.menu-sidemenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

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

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

ul.menu-sidemenu li a {
  display: block;
  color: #a6a6a6;
  cursor: pointer;
  padding: 10px 35px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out; }

ul.menu-sidemenu > li > a {
  padding: 10px 0;
  color: #999; }

ul.menu-sidemenu > li.parent > a {
  background: url(../images/icons/icon-arrow-black.png) calc(100% - 15px) center no-repeat; }

div[class*="solid-"] ul.menu-sidemenu > li.parent > a {
  background-position: calc(100% - 10px) center; }

div.solid-2 ul.menu-sidemenu > li.parent > a {
  background-image: url(../images/icons/icon-arrow-white.png); }

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

ul.menu-sidemenu ul {
  margin-top: -10px;
  padding: 10px 0;
  visibility: hidden;
  visibility: visible\9;
  display: none\9;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background-color: #474747;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out; }

ul.menu-sidemenu li:hover > ul {
  visibility: visible;
  display: block\9;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ----- ICON MENU STYLE ----- */
ul.menu-sidemenu li i[class*="jsn-icon-"] {
  display: none; }

ul.menu-sidemenu.menu-iconmenu li i[class*="jsn-icon-"] {
  display: inline-block;
  font-size: 16px;
  line-height: 16px; }

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

/* ----- RICH MENU STYLE ----- */
ul.menu-sidemenu li a span.jsn-menudescription {
  display: none; }

ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription {
  display: block; }

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

/* ---------- 1st LEVEL ---------- */
ul.menu-sidemenu ul {
  top: 0;
  left: 100%;
  position: absolute;
  min-width: 210px; }

ul.menu-sidemenu ul li a {
  display: block;
  cursor: pointer;
  padding: 10px 45px 10px 35px; }

ul.menu-sidemenu ul li.parent > a {
  background: url(../images/icons/icon-arrow-white.png) calc(100% - 35px) center no-repeat; }

ul.menu-sidemenu ul ul {
  top: 0; }

/* 1st LEVEL - CUSTOM MODULE */
div[class*="solid-"] ul.menu-sidemenu > li > a {
  padding: 10px 0; }

/* ----- HOVER/ACTIVE STATE ----- */
ul.menu-sidemenu > li:hover > a,
ul.menu-sidemenu > li.active > a {
  color: #000; }

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

/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */
ul.menu-sidemenu > li > ul {
  left: calc(100% + 15px); }

.menu-sidemenu.layout-right ul {
  left: auto;
  right: 100%; }
.menu-sidemenu.layout-right > li > ul {
  left: auto;
  right: calc(100% + 15px); }

/* =============== MENU - TOP MENU =============== */
ul.menu-topmenu {
  margin: 8px 0;
  padding: 0;
  list-style: none; }
  ul.menu-topmenu.menu-iconmenu li:before {
    position: absolute;
    top: 10px;
    color: #FFF; }
  ul.menu-topmenu.menu-iconmenu li a {
    padding-left: 25px;
    color: #FFF; }

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

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

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

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

.list-arrow {
  margin-left: 20px; }

/* =============== Abouts =============== */
.flex-md-unordered #system-message-container + div.item-page.pages {
  padding-top: 100px; }

.block_quote {
  background: #FFF;
  width: 70%;
  padding: 50px 80px;
  margin: 0 auto;
  -webkit-box-shadow: 4px 8px 27px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 4px 8px 27px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 4px 8px 27px 0px rgba(0, 0, 0, 0.14); }

body.pages {
  background: #f6f6f6; }

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

/* =============== What we do =============== */
.wwd_sl > .pb-background + div {
  height: 100%;
  max-width: 680px;
  margin: 0 auto; }
  .wwd_sl > .pb-background + div > .Grid {
    height: 100%; }

/* =============== Our Project =============== */
.our_project {
  padding-top: 35px; }
  .our_project .projects-filter {
    display: none; }
  .our_project .project-item-meta {
    padding-top: 15px; }
    .our_project .project-item-meta h4 {
      color: #1e2e42;
      font-size: 16px;
      text-align: center;
      text-transform: uppercase; }
      .our_project .project-item-meta h4 a {
        color: #1e2e42; }
  .our_project .projects-wrapper .isotope-item {
    padding: 0 10px; }

/* =============== Contact List =============== */
.contact-list {
  position: relative; }
  .contact-list:first-child {
    margin-top: 25px !important; }
  .contact-list .pb-content small {
    top: 5px;
    position: absolute;
    right: 0; }

.contact-left .jsn-uniform > .jsn-bootstrap {
  padding: 0; }
.contact-left .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
  padding-left: 0;
  padding-right: 0; }
.contact-left .jsn-uniform .jsn-form-content input[type="text"],
.contact-left .jsn-uniform .jsn-form-content textarea {
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding: 10px 15px; }
.contact-left .jsn-uniform .control-group .control-label {
  display: none; }
.contact-left .jsn-uniform .jsn-row-container > .jsn-text-center {
  display: none; }
.contact-left .jsn-uniform .btn-toolbar.pull-right {
  padding-right: 15px; }
  .contact-left .jsn-uniform .btn-toolbar.pull-right .jsn-form-submit {
    color: #FFF;
    padding-left: 35px;
    padding-right: 35px;
    background: #5bace2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; }
.contact-left .jsn-uniform .form-actions {
  float: right;
  margin: 0;
  padding: 20px 40px 0 0; }

.placeholder-text {
  color: #fff;
  width: 500px;
  max-width: 100%;
  text-align: center;
  padding: 40px 20px;
  margin: 20px auto;
  background: #307451;
  background: radial-gradient(#22a563, #307451); }

p.text-info {
  border-left: 3px solid #B7D2F2;
  padding: 0.8em 0.8em 0.8em 5em;
  background: #DBE7F8;
  margin-bottom: 15px; }

.jsn-uniform .radio, .jsn-uniform .checkbox {
  padding-left: 20px; }
.jsn-uniform > .jsn-bootstrap {
  padding-left: 0; }
.jsn-uniform .jsn-bootstrap * {
  box-sizing: border-box !important; }

.jsn-listbullet {
  border-radius: 100%;
  color: #fff;
  height: 28px;
  width: 28px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  padding: 5px 11px; }

ul.list-nobullet li span {
  margin-right: 8px; }

.text-tip, .text-video {
  border-left: 3px solid #FEEBAB;
  background-position: 18px center;
  padding: 0.8em;
  min-height: 20px;
  background: #FFFFD5; }

p img {
  z-index: 9; }

.btn-icon.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.jsn-uniform .btn-icon.btn {
  padding: 4px 20px; }
.jsn-uniform .input-append.jsn-inline input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

ul.sunfw-tpl-menu .menudescription {
  display: block;
  font-size: 12px;
  text-transform: initial; }
ul.sunfw-tpl-menu li > a > i {
  padding-right: 5px; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu li > a > i {
    padding-left: 5px;
    padding-right: inherit; }
ul.sunfw-tpl-menu > li {
  position: relative; }
  ul.sunfw-tpl-menu > li.megamenu {
    position: static; }
  ul.sunfw-tpl-menu > li.right > ul {
    right: 0; }
    .sunfw-direction-rtl ul.sunfw-tpl-menu > li.right > ul {
      left: 0;
      right: auto; }
  ul.sunfw-tpl-menu > li.left > ul {
    left: 0; }
    .sunfw-direction-rtl ul.sunfw-tpl-menu > li.left > ul {
      right: 0;
      left: auto; }
  ul.sunfw-tpl-menu > li.center > ul {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .sunfw-direction-rtl ul.sunfw-tpl-menu > li.center > ul {
      right: 50%;
      left: auto; }
    .sunfw-direction-rtl ul.sunfw-tpl-menu > li.center > ul {
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%); }
  ul.sunfw-tpl-menu > li.full-width {
    position: static; }
    ul.sunfw-tpl-menu > li.full-width > ul {
      left: 0; }
      .sunfw-direction-rtl ul.sunfw-tpl-menu > li.full-width > ul {
        right: 0;
        left: auto; }
  ul.sunfw-tpl-menu > li > ul {
    background: #fff;
    z-index: 1; }
  ul.sunfw-tpl-menu > li li a {
    white-space: normal; }
ul.sunfw-tpl-menu > li.megamenu li .caret {
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu li .caret {
    left: 0;
    right: auto; }
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu {
  position: absolute;
  padding: 30px 0;
  padding-bottom: 15px;
  width: 100%;
  z-index: 99; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu ul {
    max-width: 100%;
    min-width: 250px; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu li {
    padding: 0; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu li a {
      font-weight: 700;
      padding: 8px 0; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer {
    padding: 0 15px; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3 {
      font-size: 13.5px;
      text-shadow: none;
      font-weight: bold;
      text-transform: uppercase;
      color: #fff;
      margin: 0;
      background-color: #666;
      padding: 12px 20px 8px;
      display: block;
      clear: both; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li {
      list-style: none; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form {
      padding-top: 15px; }
      ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form #form-login-remember, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form .checkbox {
        margin-bottom: 5px; }
      ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form ul.unstyled {
        display: none;
        position: relative;
        opacity: 1; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul {
    display: block;
    position: relative;
    width: 100%;
    right: 0;
    padding: 10px 20px; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul ul {
      background: #303030;
      padding: 10px 25px;
      position: absolute;
      width: 100%;
      z-index: 0;
      left: 100%; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul {
      display: block;
      left: 100%;
      top: 0;
      z-index: 99;
      -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.1);
      box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.1); }
      .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul, .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul {
        right: 100%;
        left: auto; }
      ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul a {
        width: 100%;
        display: block; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-social ul {
    position: relative;
    left: 0; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu li:hover > ul {
    display: block; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu li a:hover {
    background: transparent; }
ul.sunfw-tpl-menu > li.megamenu.center {
  position: relative; }
  ul.sunfw-tpl-menu > li.megamenu.center.full-width {
    position: static; }
  ul.sunfw-tpl-menu > li.megamenu.center ul.sunfw-megamenu-sub-menu {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
ul.sunfw-tpl-menu > li.megamenu.right {
  position: relative; }
  ul.sunfw-tpl-menu > li.megamenu.right.full-width {
    position: static; }
  ul.sunfw-tpl-menu > li.megamenu.right ul.sunfw-megamenu-sub-menu {
    right: 0;
    left: auto; }
ul.sunfw-tpl-menu > li.megamenu.left {
  position: relative; }
  ul.sunfw-tpl-menu > li.megamenu.left.full-width {
    position: static; }
  ul.sunfw-tpl-menu > li.megamenu.left ul.sunfw-megamenu-sub-menu {
    right: auto;
    left: 0; }
ul.sunfw-tpl-menu > li.dropdown-submenu ul {
  margin: 0;
  padding: 15px 10px;
  position: absolute;
  width: 200px;
  left: auto;
  display: none;
  list-style: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: left; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul {
    text-align: right; }
  ul.sunfw-tpl-menu > li.dropdown-submenu ul li {
    padding: 0 15px;
    font-weight: 600;
    position: relative; }
    ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
      top: 0;
      left: 100%; }
      .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
        right: 100%;
        left: auto; }
    ul.sunfw-tpl-menu > li.dropdown-submenu ul li a {
      font-size: 14px;
      padding: 10px 0;
      font-weight: 700;
      position: relative; }
      ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:before {
        height: 1px;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        width: 100%; }
        .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:before {
          right: 0;
          left: auto; }
      ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:hover {
        background: transparent; }
    ul.sunfw-tpl-menu > li.dropdown-submenu ul li:last-child a:before {
      display: none; }
ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }
ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100); }
ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret {
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret {
    left: 0;
    right: auto; }
@media (min-width: 768px) {
  ul.sunfw-tpl-menu .sunfw-submenu-flipback ul {
    right: 0;
    left: auto !important; }
    ul.sunfw-tpl-menu .sunfw-submenu-flipback ul ul {
      right: 100%; }
    ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu {
      text-align: right; }
      .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu {
        text-align: left; }
      ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu .caret {
        left: 0; }
        .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu .caret {
          right: 0;
          left: auto; }
  ul.sunfw-tpl-menu .sunfw-submenu-flipback ul li:hover > ul {
    left: auto !important;
    right: 100%; }
  ul.sunfw-tpl-menu .sunfw-submenu-flipback.center {
    position: static; }
    ul.sunfw-tpl-menu .sunfw-submenu-flipback.center > ul {
      width: 100% !important;
      left: 0;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
      .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback.center > ul {
        right: 0;
        left: auto; }
      .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback.center > ul {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); } }
ul.sunfw-tpl-menu > li ul ul.dropdown-menu {
  top: 0;
  left: 100%; }

ul.sunfw-tpl-menu.nav .open > a, ul.sunfw-tpl-menu.nav .open > a:hover, ul.sunfw-tpl-menu.nav .open > a:focus {
  background: transparent; }
ul.sunfw-tpl-menu.nav .dropdown-menu > .active > a, ul.sunfw-tpl-menu.nav .dropdown-menu > .active > a:hover, ul.sunfw-tpl-menu.nav .dropdown-menu > .active > a:focus {
  background: transparent; }

.sunfwMenuFading .sunfw-megamenu-sub-menu, .sunfwMenuFading .dropdown-menu, .sunfwMenuSlide .sunfw-megamenu-sub-menu, .sunfwMenuSlide .dropdown-menu {
  display: none; }

.sunfwMenuNoneEffect ul.sunfw-tpl-menu > li > ul {
  display: none; }
.sunfwMenuNoneEffect ul.sunfw-tpl-menu > li:hover > ul {
  display: block; }

@media (max-width: 1024px) {
  ul.sunfw-tpl-menu .sunfw-submenu-flipback .sunfw-mega-menu ul {
    right: 0; }
    .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback .sunfw-mega-menu ul {
      left: 0;
      right: auto; } }
@media (min-width: 768px) {
  ul.sunfw-tpl-menu > li ul ul.dropdown-menu,
  ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
    top: -22px; } }
@media (max-width: 767px) {
  .sunfw-menu {
    position: relative;
    z-index: 999; }

  ul.sunfw-tpl-menu.navbar-nav {
    margin: 0; }
  ul.sunfw-tpl-menu > li ul {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: none !important;
    position: relative !important; }
    ul.sunfw-tpl-menu > li ul.menuShow {
      float: none;
      display: block !important;
      width: 100% !important; }
  ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu {
    display: none !important;
    padding: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border: none; }
    ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu.menuShow {
      display: block !important;
      left: 0; }
    ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu .caret {
      top: 0; }
  ul.sunfw-tpl-menu > li.dropdown-submenu ul li a::before {
    display: none; }
  ul.sunfw-tpl-menu > li.megamenu {
    position: relative; }
    ul.sunfw-tpl-menu > li.megamenu .sunfw-megamenu-sub-menu {
      width: 100% !important;
      padding: 0px 20px 0; }
    ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu [class*="col-xs-"] {
      width: 100%;
      padding: 0; }
    ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu .row {
      margin: 0; }
    ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul {
      display: block !important;
      width: 100% !important; }
      ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul.unstyled {
        display: none !important; }
        ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul.unstyled.menuShow {
          display: block !important; }
    ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu h3 {
      margin-top: 0;
      padding: 10px 15px; }
  ul.sunfw-tpl-menu li {
    border-bottom: 1px solid #ccc; }
    ul.sunfw-tpl-menu li:last-child {
      border-bottom: none; }
  ul.sunfw-tpl-menu .caret {
    border: none;
    width: 40px;
    top: 0;
    position: absolute;
    right: 0;
    height: 100%;
    text-align: center;
    margin-top: 0; }
    .sunfw-direction-rtl ul.sunfw-tpl-menu .caret {
      left: 0;
      right: auto; }
    ul.sunfw-tpl-menu .caret:before {
      content: "\f105";
      font-family: "FontAwesome";
      color: #333;
      font-size: 20px;
      vertical-align: middle;
      position: relative;
      top: 7px; }
    ul.sunfw-tpl-menu .caret.open:before {
      content: "\f107"; }
  ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret {
    transform: rotate(0deg); }

  .sunfw-menu-head.navbar-default .navbar-nav > li > a {
    padding: 10px 15px; }

  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li .caret {
    top: 0; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li .caret:before {
      content: "\f107"; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li:hover .caret:before {
    content: "\f104"; }

  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul ul,
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul ul,
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul,
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul {
    left: 0; } }
.sunfw-mega-menu ul li li {
  display: none; }
.sunfw-mega-menu ul li:hover ul > li {
  display: block; }
.sunfw-mega-menu ul.sub-menu li:hover ul li {
  display: block; }

.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu.right ul.sunfw-megamenu-sub-menu {
  right: 0;
  left: auto; }

.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu.left ul.sunfw-megamenu-sub-menu {
  left: 0;
  right: auto; }

.sunfw-menu-head .dropdown-menu .divider {
  height: auto;
  background: transparent;
  margin: 0;
  overflow: visible; }

.sunfw-menu-head .jsn-menu-toggle {
  display: none; }
.sunfw-menu-head .navbar-nav > .open > a, .sunfw-menu-head .navbar-nav > .open > a:hover,
.sunfw-menu-head .navbar-nav > .open > a:focus {
  background: transparent; }

.disable-responsive .container {
  width: 1170px !important; }

@media (min-width: 992px) {
  .container-fluid {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 1170px) {
  .sunfw-menu-head .navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 20px; } }
@media (max-width: 980px) {
  .container {
    width: 100%; }

  .sunfw-menu-head .navbar-nav > li > a {
    padding-left: 12px;
    padding-right: 12px; } }
@media (min-width: 768px) {
  .sunfw-menu-head li.megamenu > .caret {
    display: none; }

  #adminForm.form-inline .form-control {
    min-width: 200px; } }
@media (max-width: 768px) {
  body {
    overflow-x: hidden; }

  .jsn_main_menu {
    padding: 0; }

  .sunfw-section > .container-fluid {
    padding: 0; }
    .sunfw-section > .container-fluid .col-xs-12 {
      padding: 0; }

  .sunfw-menu-head .navbar-nav > li > a {
    padding-left: 11px;
    padding-right: 11px; }

  .jsn-demo-page #demo-feature-graph .feature-graph .item1 [class*="jsn-icon-"]:after,
  .jsn-demo-page #demo-feature-graph .feature-graph .item2 [class*="jsn-icon-"]:after {
    top: 115px; }

  .ss_welcome .content-right {
    margin: 0 10px !important; }

  .ss_welcome .Heading .Title {
    font-size: 30px !important; }

  .jsn_promo p:last-child {
    margin-bottom: 15px; }

  .footer-3 {
    clear: both; }

  .block_quote {
    width: 100%; }

  .Section.bg-op {
    padding-left: 25px;
    padding-right: 25px; }

  ul.menu-sidemenu li ul {
    left: 0; }
  ul.menu-sidemenu li:hover > ul {
    z-index: 99;
    position: relative; }

  .menu-sidemenu.layout-right > li > ul {
    right: 0; }

  .link-button {
    margin-bottom: 10px; }

  .pagination > li {
    margin: 0; }

  .text-tip img, .text-video img {
    display: none; }

  .jsn-demo-page #demo-feature-graph .feature-graph .item1 .graph-item-inner {
    padding-left: 80px; }

  .jsn-demo-page #demo-feature-graph .feature-graph .item2 .graph-item-inner {
    padding-left: 30px;
    padding-right: 10px; }

  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu ul {
    min-width: 190px; }

  .jsn-demo-page.sunfw-direction-rtl .sunfw-section {
    overflow-x: hidden; }
    .jsn-demo-page.sunfw-direction-rtl .sunfw-section.jsn_header {
      overflow-x: visible; }
  .jsn-demo-page.sunfw-direction-rtl #demo-feature-graph .feature-graph .item1 .graph-item-inner {
    padding-left: 0;
    padding-right: 80px; }
  .jsn-demo-page.sunfw-direction-rtl #demo-feature-graph .feature-graph .item4 .graph-item-inner {
    padding-left: 45px; }
  .jsn-demo-page.sunfw-direction-rtl #demo-feature-graph .feature-graph .item3 .graph-item-inner {
    padding-right: 30px; } }
@media (max-width: 767px) {
  #sunfw-master .Heading.sw-smaller-text .Title {
    font-size: 32px; }

  #recaptcha_table {
    margin: 0 20px; }

  body.jsn-demo-page .jsn_promo {
    margin: 0 !important; }

  .jsn-demo-page .jsn_header, .jsn_header {
    background: #000;
    position: relative;
    z-index: 99; }

  .jsn_header .navbar-toggle {
    margin-top: 6px; }

  .sunfw-logo, .sunfw-logo.padding-top-15 {
    padding: 0 0 5px; }

  .sunfw-menu-head i {
    color: #000; }

  .jsn_logo_header {
    position: relative;
    z-index: 99;
    width: 50%; }
    .jsn_logo_header div.sunfw-logo {
      padding: 15px 0; }

  .jsn_main_menu {
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    left: 0; }
    .jsn_main_menu .navbar-default .navbar-toggle {
      background: #DDD; }
      .jsn_main_menu .navbar-default .navbar-toggle:hover, .jsn_main_menu .navbar-default .navbar-toggle:focus {
        border-color: transparent;
        outline: none; }

  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul {
    padding: 0; }

  .block-menu {
    position: absolute;
    top: 0;
    padding: 0;
    right: 0; }
    .sunfw-direction-rtl .block-menu {
      left: 0;
      right: auto; }

  .sunfw-menu-head.navbar .navbar-collapse.sunfw-menu {
    background: #333;
    margin: 0 -15px;
    border-color: #3e3e3e; }
  .sunfw-menu-head.navbar .navbar-nav li {
    border-color: #3e3e3e;
    display: block;
    width: 100%; }
    .sunfw-menu-head.navbar .navbar-nav li a {
      color: #ccc; }
    .sunfw-menu-head.navbar .navbar-nav li > li > a {
      color: #CCC; }
    .sunfw-menu-head.navbar .navbar-nav li li {
      border: none; }

  ul.sunfw-tpl-menu .caret:before {
    color: #777; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu {
    padding-top: 0; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3 {
      background: transparent;
      padding-left: 0; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul ul {
      padding: 0; }

  .jsn-breadcrumb {
    padding: 40px 0; }

  .blog .article-info dd:last-child {
    float: none; }
  .blog .entry-content {
    padding: 15px; }

  .item-page {
    padding-top: 20px; }

  .item-page .article-info {
    padding-bottom: 30px; }

  .item-page .page-header h2 {
    font-size: 35px; }

  .layout-item .blog [class*='col-xs-'] {
    width: 100%; }

  .bottom, .bottom .align-right {
    text-align: center; }

  div.k2AccountPage table.admintable td input, div.k2AccountPage table.admintable td textarea {
    margin-left: 0 !important;
    max-width: 95%; }

  div.pb-grid {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    div.pb-grid .Items > div {
      width: 100% !important; }

  .latest-projects .grid-col {
    width: 100%;
    float: none;
    display: block;
    clear: both; } }
@media (max-width: 480px) {
  .blog .items-row [class*="col-xs-4"] {
    width: 100%; }

  .jsn-breadcrumb {
    padding: 30px 0; }

  .layout-item .slider-home {
    padding: 30px 0; }
    .layout-item .slider-home h1 {
      font-size: 24px;
      margin-bottom: 15px; }
    .layout-item .slider-home .btn {
      margin-top: 20px; }

  body .contact #contact-form.form-horizontal .control-group .control-label,
  body .contact #contact-form.form-horizontal .control-group .controls {
    width: 100%;
    display: block;
    clear: both;
    text-align: left;
    margin: 0; }

  .smooth.mouse-scroll {
    display: none; }

  .promo-intro-text {
    width: 100%;
    top: 10%;
    left: 0; }

  nav.jsn-es-nav {
    display: none; }

  #demo-tab-news #tabs {
    margin: 0 auto; }
  #demo-tab-news #tabs_container {
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px;
    height: auto !important; }
    #demo-tab-news #tabs_container > div {
      position: relative !important; }
    #demo-tab-news #tabs_container .news-title {
      font-size: 24px;
      margin: 0 0 10px; }
  #demo-tab-news ul.tabs_title {
    width: 100%;
    padding: 0; }

  .jsn-demo-page #demo-feature-graph {
    padding-left: 15px;
    padding-right: 15px; }
    .jsn-demo-page #demo-feature-graph .feature-graph {
      margin: 0; }
      .jsn-demo-page #demo-feature-graph .feature-graph > .row {
        margin: 0; }
      .jsn-demo-page #demo-feature-graph .feature-graph .item1 .graph-item-inner {
        width: 100%;
        padding: 0; }
      .jsn-demo-page #demo-feature-graph .feature-graph .graph-item [class*="jsn-icon-"]:after {
        display: none; }
      .jsn-demo-page #demo-feature-graph .feature-graph .item2 {
        padding-bottom: 45px; }
      .jsn-demo-page #demo-feature-graph .feature-graph .item4 .graph-item-inner,
      .jsn-demo-page #demo-feature-graph .feature-graph .item2 .graph-item-inner {
        padding: 0; }
      .jsn-demo-page #demo-feature-graph .feature-graph .item3 .graph-item-inner {
        width: 100%;
        padding: 45px 0 30px; }

  .ss-counting .Grid .Column.pb-column {
    padding: 20px 0 !important; }

  .ss_welcome {
    padding: 50px 0; }

  .jsn_bottom {
    padding: 40px 0; }

  .block_quote {
    padding: 30px 15px 20px; }

  #demo-tab-news {
    padding: 30px 0; }

  .jsn-demo-page #demo-feature-graph .feature-graph:first-child:after {
    display: none; }

  .jsn-demo-page #demo-feature-graph .feature-graph .item2 {
    padding-bottom: 0; }

  .ss-counting .pb-stackable.pb-grid > .pb-column:not(.pb-row) {
    padding-bottom: 50px !important; }

  .jsn_bottom .Grid.pb-stackable.pb-grid > .pb-column:not(.pb-row) {
    padding: 0 !important; }
  .jsn_bottom .layout-item {
    padding-bottom: 15px; }

  .item-page .article-info {
    margin-bottom: 0; }

  .flex-md-unordered #system-message-container + .item-page, .flex-md-unordered #system-message-container + div {
    padding-bottom: 0; }

  .jsn_user_bottom {
    padding-bottom: 0; }

  .text-info {
    padding: 10px 15px; }

  .articleBody .jsn-easyslider p {
    margin-bottom: 0; }

  #adminForm .filters.btn-toolbar > .btn-group.form-group {
    width: 100%; }

  ul.list-striped li, ul.list-striped dd {
    float: left;
    width: 100%; }

  #searchForm #search-searchword {
    margin-bottom: 10px; }

  .jsn-uniform.jsn-master .jsn-input-xlarge-fluid {
    width: 100% !important; }

  .contact-left .jsn-uniform .form-actions {
    padding: 0; }
    .contact-left .jsn-uniform .form-actions .btn-toolbar.pull-right {
      padding-right: 0; }

  .flex-md-unordered #system-message-container + div.item-page.pages {
    padding-top: 50px; }

  .jsn-demo-page #demo-feature-graph .feature-graph .graph-item .text .heading {
    padding-top: 0; }
  .jsn-demo-page #demo-feature-graph .feature-graph .graph-item [class*="jsn-icon-"] {
    margin: 8px; }

  .flex-md-unordered #system-message-container + .item-page, .flex-md-unordered #system-message-container + div {
    padding: 10px 0 20px; }

  #kunena.layout .search input {
    margin-left: 0;
    width: 230px;
    height: 32px; }

  .wwd_sl {
    height: 300px !important; }
    .wwd_sl .pb-heading {
      padding-top: 50px !important; }

  div.pb-stackable.pb-grid.Items > .Item2 {
    padding-bottom: 30px !important; }
    div.pb-stackable.pb-grid.Items > .Item2:last-child {
      padding-bottom: 0 !important; }

  div.jsn-error-page .content-inner h3 {
    font-size: 30px;
    line-height: 35px; }

  .jsn-master .jsn-bootstrap .jsn-inline {
    padding-bottom: 10px;
    display: block; }
    .jsn-master .jsn-bootstrap .jsn-inline:last-child {
      padding-bottom: 0; }

  .jsn-master .jsn-bootstrap .jsn-narrow .jsn-column-item.jsn-uniform-others textarea.jsn-value-Others {
    width: 100% !important; }

  .itemRelated ul, .itemNavigation ul {
    list-style: none; }

  #demo-tab-news #tabs_container > div {
    margin-right: 0; }

  .sunfw-direction-rtl #demo-tab-news ul.tabs_title li a {
    padding: 20px 60px 20px 0; }
  .sunfw-direction-rtl #demo-tab-news ul.tabs_title li a:before,
  .sunfw-direction-rtl #demo-tab-news ul.tabs_title li a:after {
    left: auto;
    right: -5px; }
  .sunfw-direction-rtl #demo-tab-news ul.tabs_title {
    border-left: none;
    border-right: 1px solid #e1e1e1; }

  .jsn-uniform .btn-icon.btn.ui-datepicker-trigger {
    padding: 4px 5px; }

  .sunfw-section {
    overflow: hidden; }
    .sunfw-section.jsn_header {
      overflow: visible; }

  .jsn-demo-page #demo-feature-graph .feature-graph .graph-item .text {
    padding-left: 0;
    padding-right: 100px; }

  .jsn-demo-page #demo-feature-graph .feature-graph .graph-item [class*="jsn-icon-"] {
    float: right; }

  .sunfw-switcher.setting {
    min-height: 35px; }

  ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret {
    top: 5px; }

  .sunfw-menu-head.navbar .navbar-nav li li {
    padding-right: 0; }

  ul.sunfw-tpl-menu > li.dropdown-submenu ul {
    padding-right: 0; }

  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer {
    padding-right: 5px; }

  .jsn-demo-page.sunfw-direction-rtl #demo-feature-graph .feature-graph .item1 .graph-item-inner {
    padding-right: 0; }

  .wwd_sl > .pb-background + div > .Grid {
    padding-right: 20px;
    padding-left: 20px; }

  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li > ul
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul,
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul,
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li > ul,
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li > ul,
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
    right: 0; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu.navbar-nav {
    padding-right: 15px; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3 {
    padding-right: 0; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer {
    padding-right: 15px;
    padding-left: 0; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu .caret:before {
    content: "\f104"; }
  .sunfw-direction-rtl .sunfw-direction-rtl ul.sunfw-tpl-menu .caret:before {
    content: "\f107"; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li .caret:before {
    content: "\f106"; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu li li.dropdown-submenu .caret:before {
    content: "\f107"; }
  .sunfw-direction-rtl.jsn-demo-page #demo-feature-graph .feature-graph .item3 .graph-item-inner {
    padding-right: 0; } }
@media (max-width: 320px) {
  .jsn-master .jsn-bootstrap .jsn-inline {
    display: block; }

  .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group.form-captcha {
    margin-left: -25px; } }
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.padding-0 {
  padding: 0px; }

.padding-top-0 {
  padding-top: 0px; }

.padding-bottom-0 {
  padding-bottom: 0px; }

.padding-left-0 {
  padding-left: 0px; }
  .sunfw-direction-rtl .padding-left-0 {
    padding-right: 0px;
    padding-left: inherit; }

.padding-right-0 {
  padding-right: 0px; }
  .sunfw-direction-rtl .padding-right-0 {
    padding-left: 0px;
    padding-right: inherit; }

.padding-5 {
  padding: 5px; }

.padding-top-5 {
  padding-top: 5px; }

.padding-bottom-5 {
  padding-bottom: 5px; }

.padding-left-5 {
  padding-left: 5px; }
  .sunfw-direction-rtl .padding-left-5 {
    padding-right: 5px;
    padding-left: inherit; }

.padding-right-5 {
  padding-right: 5px; }
  .sunfw-direction-rtl .padding-right-5 {
    padding-left: 5px;
    padding-right: inherit; }

.padding-10 {
  padding: 10px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-bottom-10 {
  padding-bottom: 10px; }

.padding-left-10 {
  padding-left: 10px; }
  .sunfw-direction-rtl .padding-left-10 {
    padding-right: 10px;
    padding-left: inherit; }

.padding-right-10 {
  padding-right: 10px; }
  .sunfw-direction-rtl .padding-right-10 {
    padding-left: 10px;
    padding-right: inherit; }

.padding-15 {
  padding: 15px; }

.padding-top-15 {
  padding-top: 15px; }

.padding-bottom-15 {
  padding-bottom: 15px; }

.padding-left-15 {
  padding-left: 15px; }
  .sunfw-direction-rtl .padding-left-15 {
    padding-right: 15px;
    padding-left: inherit; }

.padding-right-15 {
  padding-right: 15px; }
  .sunfw-direction-rtl .padding-right-15 {
    padding-left: 15px;
    padding-right: inherit; }

.padding-20 {
  padding: 20px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-bottom-20 {
  padding-bottom: 20px; }

.padding-left-20 {
  padding-left: 20px; }
  .sunfw-direction-rtl .padding-left-20 {
    padding-right: 20px;
    padding-left: inherit; }

.padding-right-20 {
  padding-right: 20px; }
  .sunfw-direction-rtl .padding-right-20 {
    padding-left: 20px;
    padding-right: inherit; }

.padding-25 {
  padding: 25px; }

.padding-top-25 {
  padding-top: 25px; }

.padding-bottom-25 {
  padding-bottom: 25px; }

.padding-left-25 {
  padding-left: 25px; }
  .sunfw-direction-rtl .padding-left-25 {
    padding-right: 25px;
    padding-left: inherit; }

.padding-right-25 {
  padding-right: 25px; }
  .sunfw-direction-rtl .padding-right-25 {
    padding-left: 25px;
    padding-right: inherit; }

.padding-30 {
  padding: 30px; }

.padding-top-30 {
  padding-top: 30px; }

.padding-bottom-30 {
  padding-bottom: 30px; }

.padding-left-30 {
  padding-left: 30px; }
  .sunfw-direction-rtl .padding-left-30 {
    padding-right: 30px;
    padding-left: inherit; }

.padding-right-30 {
  padding-right: 30px; }
  .sunfw-direction-rtl .padding-right-30 {
    padding-left: 30px;
    padding-right: inherit; }

.padding-35 {
  padding: 35px; }

.padding-top-35 {
  padding-top: 35px; }

.padding-bottom-35 {
  padding-bottom: 35px; }

.padding-left-35 {
  padding-left: 35px; }
  .sunfw-direction-rtl .padding-left-35 {
    padding-right: 35px;
    padding-left: inherit; }

.padding-right-35 {
  padding-right: 35px; }
  .sunfw-direction-rtl .padding-right-35 {
    padding-left: 35px;
    padding-right: inherit; }

.padding-40 {
  padding: 40px; }

.padding-top-40 {
  padding-top: 40px; }

.padding-bottom-40 {
  padding-bottom: 40px; }

.padding-left-40 {
  padding-left: 40px; }
  .sunfw-direction-rtl .padding-left-40 {
    padding-right: 40px;
    padding-left: inherit; }

.padding-right-40 {
  padding-right: 40px; }
  .sunfw-direction-rtl .padding-right-40 {
    padding-left: 40px;
    padding-right: inherit; }

.padding-45 {
  padding: 45px; }

.padding-top-45 {
  padding-top: 45px; }

.padding-bottom-45 {
  padding-bottom: 45px; }

.padding-left-45 {
  padding-left: 45px; }
  .sunfw-direction-rtl .padding-left-45 {
    padding-right: 45px;
    padding-left: inherit; }

.padding-right-45 {
  padding-right: 45px; }
  .sunfw-direction-rtl .padding-right-45 {
    padding-left: 45px;
    padding-right: inherit; }

.padding-50 {
  padding: 50px; }

.padding-top-50 {
  padding-top: 50px; }

.padding-bottom-50 {
  padding-bottom: 50px; }

.padding-left-50 {
  padding-left: 50px; }
  .sunfw-direction-rtl .padding-left-50 {
    padding-right: 50px;
    padding-left: inherit; }

.padding-right-50 {
  padding-right: 50px; }
  .sunfw-direction-rtl .padding-right-50 {
    padding-left: 50px;
    padding-right: inherit; }

.padding-55 {
  padding: 55px; }

.padding-top-55 {
  padding-top: 55px; }

.padding-bottom-55 {
  padding-bottom: 55px; }

.padding-left-55 {
  padding-left: 55px; }
  .sunfw-direction-rtl .padding-left-55 {
    padding-right: 55px;
    padding-left: inherit; }

.padding-right-55 {
  padding-right: 55px; }
  .sunfw-direction-rtl .padding-right-55 {
    padding-left: 55px;
    padding-right: inherit; }

.padding-60 {
  padding: 60px; }

.padding-top-60 {
  padding-top: 60px; }

.padding-bottom-60 {
  padding-bottom: 60px; }

.padding-left-60 {
  padding-left: 60px; }
  .sunfw-direction-rtl .padding-left-60 {
    padding-right: 60px;
    padding-left: inherit; }

.padding-right-60 {
  padding-right: 60px; }
  .sunfw-direction-rtl .padding-right-60 {
    padding-left: 60px;
    padding-right: inherit; }

.padding-65 {
  padding: 65px; }

.padding-top-65 {
  padding-top: 65px; }

.padding-bottom-65 {
  padding-bottom: 65px; }

.padding-left-65 {
  padding-left: 65px; }
  .sunfw-direction-rtl .padding-left-65 {
    padding-right: 65px;
    padding-left: inherit; }

.padding-right-65 {
  padding-right: 65px; }
  .sunfw-direction-rtl .padding-right-65 {
    padding-left: 65px;
    padding-right: inherit; }

.padding-70 {
  padding: 70px; }

.padding-top-70 {
  padding-top: 70px; }

.padding-bottom-70 {
  padding-bottom: 70px; }

.padding-left-70 {
  padding-left: 70px; }
  .sunfw-direction-rtl .padding-left-70 {
    padding-right: 70px;
    padding-left: inherit; }

.padding-right-70 {
  padding-right: 70px; }
  .sunfw-direction-rtl .padding-right-70 {
    padding-left: 70px;
    padding-right: inherit; }

.padding-75 {
  padding: 75px; }

.padding-top-75 {
  padding-top: 75px; }

.padding-bottom-75 {
  padding-bottom: 75px; }

.padding-left-75 {
  padding-left: 75px; }
  .sunfw-direction-rtl .padding-left-75 {
    padding-right: 75px;
    padding-left: inherit; }

.padding-right-75 {
  padding-right: 75px; }
  .sunfw-direction-rtl .padding-right-75 {
    padding-left: 75px;
    padding-right: inherit; }

.margin-0 {
  margin: 0px; }

.margin-top-0 {
  margin-top: 0px; }

.margin-bottom-0 {
  margin-bottom: 0px; }

.margin-left-0 {
  margin-left: 0px; }
  .sunfw-direction-rtl .margin-left-0 {
    margin-right: 0px;
    margin-left: inherit; }

.margin-right-0 {
  margin-right: 0px; }
  .sunfw-direction-rtl .margin-right-0 {
    margin-left: 0px;
    margin-right: inherit; }

.margin-5 {
  margin: 5px; }

.margin-top-5 {
  margin-top: 5px; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.margin-left-5 {
  margin-left: 5px; }
  .sunfw-direction-rtl .margin-left-5 {
    margin-right: 5px;
    margin-left: inherit; }

.margin-right-5 {
  margin-right: 5px; }
  .sunfw-direction-rtl .margin-right-5 {
    margin-left: 5px;
    margin-right: inherit; }

.margin-10 {
  margin: 10px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-left-10 {
  margin-left: 10px; }
  .sunfw-direction-rtl .margin-left-10 {
    margin-right: 10px;
    margin-left: inherit; }

.margin-right-10 {
  margin-right: 10px; }
  .sunfw-direction-rtl .margin-right-10 {
    margin-left: 10px;
    margin-right: inherit; }

.margin-15 {
  margin: 15px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-bottom-15 {
  margin-bottom: 15px; }

.margin-left-15 {
  margin-left: 15px; }
  .sunfw-direction-rtl .margin-left-15 {
    margin-right: 15px;
    margin-left: inherit; }

.margin-right-15 {
  margin-right: 15px; }
  .sunfw-direction-rtl .margin-right-15 {
    margin-left: 15px;
    margin-right: inherit; }

.margin-20 {
  margin: 20px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-left-20 {
  margin-left: 20px; }
  .sunfw-direction-rtl .margin-left-20 {
    margin-right: 20px;
    margin-left: inherit; }

.margin-right-20 {
  margin-right: 20px; }
  .sunfw-direction-rtl .margin-right-20 {
    margin-left: 20px;
    margin-right: inherit; }

.margin-25 {
  margin: 25px; }

.margin-top-25 {
  margin-top: 25px; }

.margin-bottom-25 {
  margin-bottom: 25px; }

.margin-left-25 {
  margin-left: 25px; }
  .sunfw-direction-rtl .margin-left-25 {
    margin-right: 25px;
    margin-left: inherit; }

.margin-right-25 {
  margin-right: 25px; }
  .sunfw-direction-rtl .margin-right-25 {
    margin-left: 25px;
    margin-right: inherit; }

.margin-30 {
  margin: 30px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-left-30 {
  margin-left: 30px; }
  .sunfw-direction-rtl .margin-left-30 {
    margin-right: 30px;
    margin-left: inherit; }

.margin-right-30 {
  margin-right: 30px; }
  .sunfw-direction-rtl .margin-right-30 {
    margin-left: 30px;
    margin-right: inherit; }

.margin-35 {
  margin: 35px; }

.margin-top-35 {
  margin-top: 35px; }

.margin-bottom-35 {
  margin-bottom: 35px; }

.margin-left-35 {
  margin-left: 35px; }
  .sunfw-direction-rtl .margin-left-35 {
    margin-right: 35px;
    margin-left: inherit; }

.margin-right-35 {
  margin-right: 35px; }
  .sunfw-direction-rtl .margin-right-35 {
    margin-left: 35px;
    margin-right: inherit; }

.margin-40 {
  margin: 40px; }

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

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

.margin-left-40 {
  margin-left: 40px; }
  .sunfw-direction-rtl .margin-left-40 {
    margin-right: 40px;
    margin-left: inherit; }

.margin-right-40 {
  margin-right: 40px; }
  .sunfw-direction-rtl .margin-right-40 {
    margin-left: 40px;
    margin-right: inherit; }

.margin-45 {
  margin: 45px; }

.margin-top-45 {
  margin-top: 45px; }

.margin-bottom-45 {
  margin-bottom: 45px; }

.margin-left-45 {
  margin-left: 45px; }
  .sunfw-direction-rtl .margin-left-45 {
    margin-right: 45px;
    margin-left: inherit; }

.margin-right-45 {
  margin-right: 45px; }
  .sunfw-direction-rtl .margin-right-45 {
    margin-left: 45px;
    margin-right: inherit; }

.margin-50 {
  margin: 50px; }

.margin-top-50 {
  margin-top: 50px; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.margin-left-50 {
  margin-left: 50px; }
  .sunfw-direction-rtl .margin-left-50 {
    margin-right: 50px;
    margin-left: inherit; }

.margin-right-50 {
  margin-right: 50px; }
  .sunfw-direction-rtl .margin-right-50 {
    margin-left: 50px;
    margin-right: inherit; }

.margin-55 {
  margin: 55px; }

.margin-top-55 {
  margin-top: 55px; }

.margin-bottom-55 {
  margin-bottom: 55px; }

.margin-left-55 {
  margin-left: 55px; }
  .sunfw-direction-rtl .margin-left-55 {
    margin-right: 55px;
    margin-left: inherit; }

.margin-right-55 {
  margin-right: 55px; }
  .sunfw-direction-rtl .margin-right-55 {
    margin-left: 55px;
    margin-right: inherit; }

.margin-60 {
  margin: 60px; }

.margin-top-60 {
  margin-top: 60px; }

.margin-bottom-60 {
  margin-bottom: 60px; }

.margin-left-60 {
  margin-left: 60px; }
  .sunfw-direction-rtl .margin-left-60 {
    margin-right: 60px;
    margin-left: inherit; }

.margin-right-60 {
  margin-right: 60px; }
  .sunfw-direction-rtl .margin-right-60 {
    margin-left: 60px;
    margin-right: inherit; }

.margin-65 {
  margin: 65px; }

.margin-top-65 {
  margin-top: 65px; }

.margin-bottom-65 {
  margin-bottom: 65px; }

.margin-left-65 {
  margin-left: 65px; }
  .sunfw-direction-rtl .margin-left-65 {
    margin-right: 65px;
    margin-left: inherit; }

.margin-right-65 {
  margin-right: 65px; }
  .sunfw-direction-rtl .margin-right-65 {
    margin-left: 65px;
    margin-right: inherit; }

.margin-70 {
  margin: 70px; }

.margin-top-70 {
  margin-top: 70px; }

.margin-bottom-70 {
  margin-bottom: 70px; }

.margin-left-70 {
  margin-left: 70px; }
  .sunfw-direction-rtl .margin-left-70 {
    margin-right: 70px;
    margin-left: inherit; }

.margin-right-70 {
  margin-right: 70px; }
  .sunfw-direction-rtl .margin-right-70 {
    margin-left: 70px;
    margin-right: inherit; }

.margin-75 {
  margin: 75px; }

.margin-top-75 {
  margin-top: 75px; }

.margin-bottom-75 {
  margin-bottom: 75px; }

.margin-left-75 {
  margin-left: 75px; }
  .sunfw-direction-rtl .margin-left-75 {
    margin-right: 75px;
    margin-left: inherit; }

.margin-right-75 {
  margin-right: 75px; }
  .sunfw-direction-rtl .margin-right-75 {
    margin-left: 75px;
    margin-right: inherit; }

.middle {
  top: 50%; }

.top-0 {
  top: 0px; }

.bottom-0 {
  bottom: 0px; }

.left-0 {
  left: 0px; }
  .sunfw-direction-rtl .left-0 {
    right: 0px;
    left: auto; }

.right-0 {
  right: 0px; }
  .sunfw-direction-rtl .right-0 {
    left: 0px;
    right: auto; }

.top-5 {
  top: 5px; }

.bottom-5 {
  bottom: 5px; }

.left-5 {
  left: 5px; }
  .sunfw-direction-rtl .left-5 {
    right: 5px;
    left: auto; }

.right-5 {
  right: 5px; }
  .sunfw-direction-rtl .right-5 {
    left: 5px;
    right: auto; }

.top-10 {
  top: 10px; }

.bottom-10 {
  bottom: 10px; }

.left-10 {
  left: 10px; }
  .sunfw-direction-rtl .left-10 {
    right: 10px;
    left: auto; }

.right-10 {
  right: 10px; }
  .sunfw-direction-rtl .right-10 {
    left: 10px;
    right: auto; }

.top-15 {
  top: 15px; }

.bottom-15 {
  bottom: 15px; }

.left-15 {
  left: 15px; }
  .sunfw-direction-rtl .left-15 {
    right: 15px;
    left: auto; }

.right-15 {
  right: 15px; }
  .sunfw-direction-rtl .right-15 {
    left: 15px;
    right: auto; }

.top-20 {
  top: 20px; }

.bottom-20 {
  bottom: 20px; }

.left-20 {
  left: 20px; }
  .sunfw-direction-rtl .left-20 {
    right: 20px;
    left: auto; }

.right-20 {
  right: 20px; }
  .sunfw-direction-rtl .right-20 {
    left: 20px;
    right: auto; }

.top-25 {
  top: 25px; }

.bottom-25 {
  bottom: 25px; }

.left-25 {
  left: 25px; }
  .sunfw-direction-rtl .left-25 {
    right: 25px;
    left: auto; }

.right-25 {
  right: 25px; }
  .sunfw-direction-rtl .right-25 {
    left: 25px;
    right: auto; }

.top-30 {
  top: 30px; }

.bottom-30 {
  bottom: 30px; }

.left-30 {
  left: 30px; }
  .sunfw-direction-rtl .left-30 {
    right: 30px;
    left: auto; }

.right-30 {
  right: 30px; }
  .sunfw-direction-rtl .right-30 {
    left: 30px;
    right: auto; }

.top-35 {
  top: 35px; }

.bottom-35 {
  bottom: 35px; }

.left-35 {
  left: 35px; }
  .sunfw-direction-rtl .left-35 {
    right: 35px;
    left: auto; }

.right-35 {
  right: 35px; }
  .sunfw-direction-rtl .right-35 {
    left: 35px;
    right: auto; }

.top-40 {
  top: 40px; }

.bottom-40 {
  bottom: 40px; }

.left-40 {
  left: 40px; }
  .sunfw-direction-rtl .left-40 {
    right: 40px;
    left: auto; }

.right-40 {
  right: 40px; }
  .sunfw-direction-rtl .right-40 {
    left: 40px;
    right: auto; }

.top-45 {
  top: 45px; }

.bottom-45 {
  bottom: 45px; }

.left-45 {
  left: 45px; }
  .sunfw-direction-rtl .left-45 {
    right: 45px;
    left: auto; }

.right-45 {
  right: 45px; }
  .sunfw-direction-rtl .right-45 {
    left: 45px;
    right: auto; }

.top-50 {
  top: 50px; }

.bottom-50 {
  bottom: 50px; }

.left-50 {
  left: 50px; }
  .sunfw-direction-rtl .left-50 {
    right: 50px;
    left: auto; }

.right-50 {
  right: 50px; }
  .sunfw-direction-rtl .right-50 {
    left: 50px;
    right: auto; }

.top-55 {
  top: 55px; }

.bottom-55 {
  bottom: 55px; }

.left-55 {
  left: 55px; }
  .sunfw-direction-rtl .left-55 {
    right: 55px;
    left: auto; }

.right-55 {
  right: 55px; }
  .sunfw-direction-rtl .right-55 {
    left: 55px;
    right: auto; }

.top-60 {
  top: 60px; }

.bottom-60 {
  bottom: 60px; }

.left-60 {
  left: 60px; }
  .sunfw-direction-rtl .left-60 {
    right: 60px;
    left: auto; }

.right-60 {
  right: 60px; }
  .sunfw-direction-rtl .right-60 {
    left: 60px;
    right: auto; }

.top-65 {
  top: 65px; }

.bottom-65 {
  bottom: 65px; }

.left-65 {
  left: 65px; }
  .sunfw-direction-rtl .left-65 {
    right: 65px;
    left: auto; }

.right-65 {
  right: 65px; }
  .sunfw-direction-rtl .right-65 {
    left: 65px;
    right: auto; }

.top-70 {
  top: 70px; }

.bottom-70 {
  bottom: 70px; }

.left-70 {
  left: 70px; }
  .sunfw-direction-rtl .left-70 {
    right: 70px;
    left: auto; }

.right-70 {
  right: 70px; }
  .sunfw-direction-rtl .right-70 {
    left: 70px;
    right: auto; }

.top-75 {
  top: 75px; }

.bottom-75 {
  bottom: 75px; }

.left-75 {
  left: 75px; }
  .sunfw-direction-rtl .left-75 {
    right: 75px;
    left: auto; }

.right-75 {
  right: 75px; }
  .sunfw-direction-rtl .right-75 {
    left: 75px;
    right: auto; }

.font-weight-100 {
  font-weight: 100; }

.font-weight-200 {
  font-weight: 200; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-500 {
  font-weight: 500; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-700 {
  font-weight: 700; }

.font-size-1 {
  font-size: 1px; }

.font-size-2 {
  font-size: 2px; }

.font-size-3 {
  font-size: 3px; }

.font-size-4 {
  font-size: 4px; }

.font-size-5 {
  font-size: 5px; }

.font-size-6 {
  font-size: 6px; }

.font-size-7 {
  font-size: 7px; }

.font-size-8 {
  font-size: 8px; }

.font-size-9 {
  font-size: 9px; }

.font-size-10 {
  font-size: 10px; }

.font-size-11 {
  font-size: 11px; }

.font-size-12 {
  font-size: 12px; }

.font-size-13 {
  font-size: 13px; }

.font-size-14 {
  font-size: 14px; }

.font-size-15 {
  font-size: 15px; }

.font-size-16 {
  font-size: 16px; }

.font-size-17 {
  font-size: 17px; }

.font-size-18 {
  font-size: 18px; }

.font-size-19 {
  font-size: 19px; }

.font-size-20 {
  font-size: 20px; }

.font-size-21 {
  font-size: 21px; }

.font-size-22 {
  font-size: 22px; }

.font-size-23 {
  font-size: 23px; }

.font-size-24 {
  font-size: 24px; }

.font-size-25 {
  font-size: 25px; }

.font-size-26 {
  font-size: 26px; }

.font-size-27 {
  font-size: 27px; }

.font-size-28 {
  font-size: 28px; }

.font-size-29 {
  font-size: 29px; }

.font-size-30 {
  font-size: 30px; }

.font-size-31 {
  font-size: 31px; }

.font-size-32 {
  font-size: 32px; }

.font-size-33 {
  font-size: 33px; }

.font-size-34 {
  font-size: 34px; }

.font-size-35 {
  font-size: 35px; }

.font-size-36 {
  font-size: 36px; }

.font-size-37 {
  font-size: 37px; }

.font-size-38 {
  font-size: 38px; }

.font-size-39 {
  font-size: 39px; }

.font-size-40 {
  font-size: 40px; }

.font-size-41 {
  font-size: 41px; }

.font-size-42 {
  font-size: 42px; }

.font-size-43 {
  font-size: 43px; }

.font-size-44 {
  font-size: 44px; }

.font-size-45 {
  font-size: 45px; }

.font-size-46 {
  font-size: 46px; }

.font-size-47 {
  font-size: 47px; }

.font-size-48 {
  font-size: 48px; }

.font-size-49 {
  font-size: 49px; }

.font-size-50 {
  font-size: 50px; }

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

.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-static {
  position: static; }

.width-5 {
  width: 5px; }

.width-10 {
  width: 10px; }

.width-15 {
  width: 15px; }

.width-20 {
  width: 20px; }

.width-25 {
  width: 25px; }

.width-30 {
  width: 30px; }

.width-35 {
  width: 35px; }

.width-40 {
  width: 40px; }

.width-45 {
  width: 45px; }

.width-50 {
  width: 50px; }

.width-55 {
  width: 55px; }

.width-60 {
  width: 60px; }

.width-65 {
  width: 65px; }

.width-70 {
  width: 70px; }

.width-75 {
  width: 75px; }

.width-80 {
  width: 80px; }

.width-85 {
  width: 85px; }

.width-90 {
  width: 90px; }

.width-95 {
  width: 95px; }

.width-100 {
  width: 100px; }

.off-canvas-base {
  position: absolute;
  background-color: #f5f5f5;
  z-index: 999; }
  .off-canvas-base .close-offcanvas {
    z-index: 999;
    color: #000; }
  .off-canvas-base .padding-20 a.close-offcanvas {
    display: none; }

.offcanvas-bottom a {
  color: #8A91A4; }

#close-offcanvas {
  color: #000; }

body.offcanvas-open .sunfw-content::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.2s, -webkit-transform 0s 0.2s;
  transition: opacity 0.2s, transform 0s 0.2s; }

body[class*='-open'].offcanvas-open .sunfw-content::before {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.off-canvas-base {
  z-index: 10000; }

@media (max-width: 767px) {
  body.sunfw-offCanvas > .off-canvas-base {
    width: 250px !important; }

  body.sunfw-offCanvas > .off-canvas-right {
    transform: translate3d(250px, 0, 0) !important;
    -webkit-transform: translate3d(250px, 0, 0) !important; }

  body.sunfw-offCanvas > .off-canvas-left {
    transform: translate3d(-250px, 0, 0) !important;
    -webkit-transform: translate3d(-250px, 0, 0) !important; }

  body.sunfw-offCanvas.is-right-open > .off-canvas-right {
    transform: translate3d(0px, 0px, 0px) !important; }

  body.sunfw-offCanvas.is-left-open > .off-canvas-left {
    transform: translate3d(0px, 0px, 0px) !important; } }
.effect-left-push.is-left-open .sunfw-content {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }
.effect-left-push.is-left-open.sunfw-direction-rtl .sunfw-content {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0); }
.effect-left-push .off-canvas-left {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%; }
.effect-left-push.is-left-open .off-canvas-left {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-right-push.is-right-open .sunfw-content {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0); }
.effect-right-push.is-right-open.sunfw-direction-rtl .sunfw-content {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0); }
.effect-right-push .off-canvas-right {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%; }
.effect-right-push.is-right-open .off-canvas-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-top-push.is-top-open .sunfw-content {
  -webkit-transform: translate3d(0, 300px, 0);
  transform: translate3d(0, 300px, 0); }
.effect-top-push .off-canvas-top {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  width: 100%;
  height: 300px; }
.effect-top-push.is-top-open .off-canvas-top {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-bottom-push.is-bottom-open .sunfw-content {
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0); }
.effect-bottom-push .off-canvas-bottom {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate3d(0, 300px, 0);
  transform: translate3d(0, 300px, 0);
  width: 100%;
  height: 300px; }
.effect-bottom-push.is-bottom-open .off-canvas-bottom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible; }
.effect-bottom-push .off-canvas-bottom {
  position: fixed; }

.effect-left-slide .off-canvas-left {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%; }
.effect-left-slide.is-left-open .off-canvas-left {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-right-slide .off-canvas-right {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%; }
.effect-right-slide.is-right-open .off-canvas-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-top-slide .off-canvas-top {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  width: 100%;
  height: 300px; }
.effect-top-slide.is-top-open .off-canvas-top {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.effect-bottom-slide .off-canvas-bottom {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate3d(0, 300px, 0);
  transform: translate3d(0, 300px, 0);
  width: 100%;
  height: 300px; }
.effect-bottom-slide.is-bottom-open .off-canvas-bottom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible; }
.effect-bottom-slide .off-canvas-bottom {
  position: fixed; }

.off-canvas-left .toggle-offcanvas {
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }
  .sunfw-direction-rtl .off-canvas-left .toggle-offcanvas {
    left: 0;
    right: auto; }
  .sunfw-direction-rtl .off-canvas-left .toggle-offcanvas {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  .off-canvas-left .toggle-offcanvas.middle {
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -o-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
    .sunfw-direction-rtl .off-canvas-left .toggle-offcanvas.middle {
      -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
      -o-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%); }

.off-canvas-right .toggle-offcanvas {
  left: 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .sunfw-direction-rtl .off-canvas-right .toggle-offcanvas {
    right: 0;
    left: auto; }
  .sunfw-direction-rtl .off-canvas-right .toggle-offcanvas {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
  .off-canvas-right .toggle-offcanvas.middle {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
    .sunfw-direction-rtl .off-canvas-right .toggle-offcanvas.middle {
      -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
      -o-transform: translate(100%, -50%);
      transform: translate(100%, -50%); }

.off-canvas-top .toggle-offcanvas {
  transform: translate(0, 100%);
  bottom: 0; }
  .off-canvas-top .toggle-offcanvas.center {
    transform: translate(-50%, 100%); }

.off-canvas-bottom .toggle-offcanvas {
  top: 0;
  transform: translate(0, -100%); }
  .off-canvas-bottom .toggle-offcanvas.center {
    transform: translate(-50%, -100%); }

.toggle-offcanvas {
  background: #FFF;
  padding: 5px 15px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  border: 1px solid rgba(221, 221, 221, 0.5); }
  .toggle-offcanvas .fa-bars {
    color: #000; }
  .toggle-offcanvas:focus {
    outline: none; }

.offcanvas-content > .row {
  margin: 0; }
.offcanvas-content .container {
  width: 100%; }
.offcanvas-content h3.module-title {
  padding-left: 20px; }
  .sunfw-direction-rtl .offcanvas-content h3.module-title {
    padding-right: 20px;
    padding-left: inherit; }
.offcanvas-content .col-xs-12 {
  padding: 0; }
.offcanvas-content ul.nav.menu li {
  border-bottom: 1px solid rgba(204, 204, 204, 0.3); }
  .offcanvas-content ul.nav.menu li a {
    font-size: 14px;
    color: #333;
    display: block;
    padding: 13px 10px 13px 20px; }
    .sunfw-direction-rtl .offcanvas-content ul.nav.menu li a {
      padding: 13px 20px 13px 10px; }
.offcanvas-content ul.nav.menu .nav-child {
  border-top: 1px solid rgba(204, 204, 204, 0.3); }
  .offcanvas-content ul.nav.menu .nav-child > li:last-child {
    border: medium none; }
.offcanvas-content ul.nav.menu ul {
  padding: 0;
  list-style: none; }
.offcanvas-content #login-form {
  padding: 10px 15px 0; }
  .offcanvas-content #login-form ul {
    padding: 0;
    list-style: none; }

.off-canvas-base {
  position: fixed; }

.off-canvas-base .offcanvas-content {
  position: fixed;
  top: 0;
  bottom: 0;
  width: inherit;
  overflow: auto; }

.toggle-offcanvas.top {
  top: 0; }

.toggle-offcanvas.bottom {
  bottom: 0; }

.toggle-offcanvas.middle {
  top: 50%; }

.toggle-offcanvas.right {
  right: 0; }

.toggle-offcanvas.left {
  left: 0; }

.toggle-offcanvas.center {
  left: 50%; }

.sunfw-offCanvas .only-mobile {
  display: none; }

@media (max-width: 767px) {
  .sunfw-offCanvas .only-mobile {
    display: block; }

  .sunfw-offCanvas .only-mobile .close-offcanvas.toggle-offcanvas {
    display: block; } }
.form-contact .control-group {
  margin-bottom: 20px;
  zoom: 1; }
  .form-contact .control-group:before {
    display: table;
    line-height: 0;
    content: ""; }
  .form-contact .control-group:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both; }
.form-contact .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right; }
  .sunfw-direction-rtl .form-contact .control-label {
    float: right; }
  .sunfw-direction-rtl .form-contact .control-label {
    text-align: left; }
.form-contact .controls {
  display: inline-block;
  padding-left: 20px;
  width: calc(100% - 180px); }
  .sunfw-direction-rtl .form-contact .controls {
    padding-right: 20px;
    padding-left: inherit; }
  .form-contact .controls input, .form-contact .controls textarea {
    display: block;
    width: 100%; }
.form-contact .help-block {
  margin-bottom: 0; }
.form-contact input + .help-block, .form-contact select + .help-block, .form-contact textarea + .help-block, .form-contact .uneditable-input + .help-block, .form-contact .input-prepend + .help-block, .form-contact .input-append + .help-block {
  margin-top: 10px; }
.form-contact .form-actions {
  padding-left: 180px; }
  .sunfw-direction-rtl .form-contact .form-actions {
    padding-right: 180px;
    padding-left: inherit; }

.jsn-error-page {
  text-align: center; }
  .jsn-error-page h1 {
    color: #1e2e42;
    font-size: 44px;
    line-height: 1;
    margin: 0;
    font-weight: normal;
    border-bottom: none; }
    .jsn-error-page h1 span {
      padding-left: 10px; }
  .jsn-error-page #content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .sunfw-direction-rtl .jsn-error-page #content {
      right: 0;
      left: auto; }
  .jsn-error-page .table {
    display: table;
    width: 100%;
    height: 100%; }
    .jsn-error-page .table .table-cell {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle; }
  .jsn-error-page .content-inner h3 {
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 40px;
    margin: 5px 0 20px;
    text-transform: uppercase;
    color: #1e2e42; }
    .jsn-error-page .content-inner h3 span {
      padding-right: 10px; }
  .jsn-error-page .content-inner p {
    color: #646464;
    font-family: Lato;
    font-size: 16px;
    margin: 0 0 10px; }
  .jsn-error-page .jsn-search input.form-control {
    border-color: #eaeaea;
    border-radius: 2px;
    box-shadow: none;
    height: auto;
    line-height: 22px;
    padding: 12px 20px;
    width: 28%;
    font-size: 16px;
    color: #c8c8c8; }
  .jsn-error-page .goto-home {
    margin: 50px 0 60px; }
    .jsn-error-page .goto-home a {
      background-color: #37c3e1;
      color: #FFF;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 1px;
      border-radius: 50px;
      padding: 10px 30px; }

@media (max-width: 480px) {
  .jsn-error-page .goto-home {
    margin: 50px 0 10px; }
  .jsn-error-page .jsn-search input.form-control {
    width: 100%; } }
.jsn-offline {
  border: 1px solid;
  border-radius: 4px;
  margin: 30px auto 0;
  max-width: 400px;
  padding: 20px; }
  .jsn-offline .form-login fieldset {
    border: none; }

.contact #contact-form.form-horizontal .control-group {
  padding-bottom: 20px; }
  .contact #contact-form.form-horizontal .control-group:before {
    display: table;
    line-height: 0;
    content: " ";
    clear: both; }
  .contact #contact-form.form-horizontal .control-group .control-label {
    float: left;
    width: 150px;
    padding-top: 5px;
    text-align: right; }
    .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label {
      float: right; }
    .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label {
      text-align: left; }
  .contact #contact-form.form-horizontal .control-group .controls {
    margin-left: 170px; }
    .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls {
      margin-right: 170px;
      margin-left: inherit; }
    .contact #contact-form.form-horizontal .control-group .controls input {
      height: 34px; }
    .contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea {
      display: block;
      width: 100%;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857;
      color: #555555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
      .contact #contact-form.form-horizontal .control-group .controls input:focus, .contact #contact-form.form-horizontal .control-group .controls textarea:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .contact #contact-form.form-horizontal .control-group .controls input:-moz-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea:-moz-placeholder {
        color: #999;
        opacity: 1; }
      .contact #contact-form.form-horizontal .control-group .controls input:-ms-input-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea:-ms-input-placeholder {
        color: #999; }
      .contact #contact-form.form-horizontal .control-group .controls input::-webkit-input-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea::-webkit-input-placeholder {
        color: #999; }
      .contact #contact-form.form-horizontal .control-group .controls input::-ms-expand, .contact #contact-form.form-horizontal .control-group .controls textarea::-ms-expand {
        border: 0;
        background-color: transparent; }
      .contact #contact-form.form-horizontal .control-group .controls input .form-control[disabled], .contact #contact-form.form-horizontal .control-group .controls input fieldset[disabled] .form-control, .contact #contact-form.form-horizontal .control-group .controls textarea .form-control[disabled], .contact #contact-form.form-horizontal .control-group .controls textarea fieldset[disabled] .form-control {
        cursor: not-allowed; }
  .contact #contact-form.form-horizontal .control-group #jform_contact_email_copy {
    height: auto;
    margin-top: 8px;
    width: auto; }
.contact .accordion-inner .thumbnail {
  clear: both;
  float: none !important;
  margin-top: 15px; }
.contact .contact-links .nav > li > a {
  border: none; }
.contact .contact-links .nav > li > a:hover, .contact .contact-links .nav > li > a:focus {
  background: transparent;
  border: none; }
.contact .accordion-heading {
  padding: 10px 0; }
.contact a:focus {
  outline: none; }

.login {
  background: #FFF;
  border: 1px solid #ebebeb;
  border-radius: 0;
  margin-top: 20px;
  padding: 20px 0 30px; }
  .login > form {
    background: #FFF;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 30px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .login > form button {
      margin-top: 20px; }
  .login .form-horizontal .control-label {
    text-align: left; }
    .sunfw-direction-rtl .login .form-horizontal .control-label {
      text-align: right; }
  .login input {
    border-radius: 2px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 200px; }
  .login .control-group {
    position: relative; }
    .login .control-group #remember {
      height: auto;
      width: auto; }
  .login .nav.nav-stacked {
    padding: 15px 15px 20px; }
    .login .nav.nav-stacked > li > a {
      border: none;
      background: transparent;
      padding-bottom: 0; }
      .login .nav.nav-stacked > li > a:hover {
        border: none;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none; }

#user-registration .control-group:before, #member-registration .control-group:before {
  display: table;
  content: " ";
  clear: both; }
#user-registration .control-label, #member-registration .control-label {
  float: left;
  width: 150px;
  padding-top: 5px;
  text-align: right; }
  .sunfw-direction-rtl #user-registration .control-label, .sunfw-direction-rtl #member-registration .control-label {
    text-align: left; }
#user-registration .controls, #member-registration .controls {
  margin-left: 170px; }
  .sunfw-direction-rtl #user-registration .controls, .sunfw-direction-rtl #member-registration .controls {
    margin-right: 170px;
    margin-left: inherit; }
  #user-registration .controls input, #member-registration .controls input {
    height: 34px; }
  #user-registration .controls input, #user-registration .controls textarea, #member-registration .controls input, #member-registration .controls textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
    #user-registration .controls input:focus, #user-registration .controls textarea:focus, #member-registration .controls input:focus, #member-registration .controls textarea:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
    #user-registration .controls input:-moz-placeholder, #user-registration .controls textarea:-moz-placeholder, #member-registration .controls input:-moz-placeholder, #member-registration .controls textarea:-moz-placeholder {
      color: #999;
      opacity: 1; }
    #user-registration .controls input:-ms-input-placeholder, #user-registration .controls textarea:-ms-input-placeholder, #member-registration .controls input:-ms-input-placeholder, #member-registration .controls textarea:-ms-input-placeholder {
      color: #999; }
    #user-registration .controls input::-webkit-input-placeholder, #user-registration .controls textarea::-webkit-input-placeholder, #member-registration .controls input::-webkit-input-placeholder, #member-registration .controls textarea::-webkit-input-placeholder {
      color: #999; }
    #user-registration .controls input::-ms-expand, #user-registration .controls textarea::-ms-expand, #member-registration .controls input::-ms-expand, #member-registration .controls textarea::-ms-expand {
      border: 0;
      background-color: transparent; }
    #user-registration .controls input .form-control[disabled], #user-registration .controls input fieldset[disabled] .form-control, #user-registration .controls textarea .form-control[disabled], #user-registration .controls textarea fieldset[disabled] .form-control, #member-registration .controls input .form-control[disabled], #member-registration .controls input fieldset[disabled] .form-control, #member-registration .controls textarea .form-control[disabled], #member-registration .controls textarea fieldset[disabled] .form-control {
      cursor: not-allowed; }

.sunfw-login-nav .nav {
  padding-top: 10px;
  border: none; }
  .sunfw-login-nav .nav li a {
    padding: 5px 0;
    border: none; }
    .sunfw-login-nav .nav li a:hover {
      background: transparent;
      border: none; }

#user-registration {
  margin-top: 30px; }

/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
.projects-filter {
  padding-bottom: 0;
  border-bottom: none; }

.projects-filter ul li {
  padding: 0;
  background: none;
  margin: 0;
  display: inline-block; }

.projects-filter ul li:first-child {
  padding-left: 0; }

.projects-filter ul li a {
  font-size: 14px;
  display: inline-block;
  padding: 7px 40px;
  border-radius: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.projects-filter ul li a:hover {
  background: #666; }

#projects-wrapper.projects-wrapper .project-img .project-img-extra h4 {
  color: #A6A6A6;
  text-transform: uppercase;
  margin-top: 15px;
  letter-spacing: 1px;
  font-size: 16.8px; }

#projects-wrapper.projects-wrapper .project-img .project-img-extra h5 {
  font-size: 15.4px; }
  #projects-wrapper.projects-wrapper .project-img .project-img-extra h5 a {
    color: #fff; }

.project-item-meta {
  background: #f8f8f8;
  padding: 20px;
  font-size: 12px;
  color: #555; }

.project-item-meta h4 {
  margin: 0;
  font-size: 14.4px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.project-wrapper .project-img {
  border: 1px solid #e5e5e5; }

.project-nav .prev-project, .project-nav .next-project {
  border-radius: 0;
  width: 28px;
  height: 30px; }

.jsn-joomla-30 .item-page .page-header,
.item-page .page-header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%; }

.item-page .page-header h2 {
  padding: 0;
  margin: 0;
  display: inline-block; }

.item-page .page-header .project-nav {
  margin-top: -3px; }

.project-wrapper .flex-direction-nav li a {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.6); }

.project-wrapper .project-link {
  border-top: none; }

.project-link .btn-success {
  text-shadow: none;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 8px 30px;
  border-radius: 100px; }

.jsn-textstyle-business .project-link .btn-success {
  font-family: 'PT Sans';
  font-weight: 700;
  letter-spacing: 2px; }

#projects-wrapper.projects-wrapper .project-img:hover .project-img-extra {
  opacity: .85; }

.project-link .btn-success {
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

body.jsn-color-blue .project-link .btn-success {
  background: #34A7C8; }

body.jsn-color-red .project-link .btn-success {
  background: #E95E53; }

body.jsn-color-green .project-link .btn-success {
  background: #40AF6F; }

body.jsn-color-violet .project-link .btn-success {
  background: #B485C7; }

body.jsn-color-orange .project-link .btn-success {
  background: #F39C12; }

body.jsn-color-grey .project-link .btn-success {
  background: #668499; }

.project-link .btn-success:hover {
  background: #666 !important;
  color: #fff !important; }

#projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon {
  background-image: url(../images/icon-link.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 42px;
  height: 42px;
  border-radius: 100px; }
  #projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon span:before {
    display: none; }

#projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon.link-icon {
  background-image: url(../images/icon-globe.png); }

#projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon.gallery-icon {
  background-image: url(../images/icon-view.png); }

body.jsn-color-blue .projects-filter a.selected,
body.jsn-color-blue .projects-filter a.selected:hover,
body.jsn-color-blue .project-nav .prev-project:hover,
body.jsn-color-blue .project-nav .next-project:hover,
body.jsn-color-blue .project-wrapper .flex-direction-nav li a:hover,
body.jsn-color-blue #projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon {
  background-color: #34A7C8; }

body.jsn-color-red .projects-filter a.selected,
body.jsn-color-red .projects-filter a.selected:hover,
body.jsn-color-red .project-nav .prev-project:hover,
body.jsn-color-red .project-nav .next-project:hover,
body.jsn-color-red .project-wrapper .flex-direction-nav li a:hover,
body.jsn-color-red #projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon {
  background-color: #E95E53; }

body.jsn-color-green .projects-filter a.selected,
body.jsn-color-green .projects-filter a.selected:hover,
body.jsn-color-green .project-nav .prev-project:hover,
body.jsn-color-green .project-nav .next-project:hover,
body.jsn-color-green .project-wrapper .flex-direction-nav li a:hover,
body.jsn-color-green #projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon {
  background-color: #40AF6F; }

body.jsn-color-violet .projects-filter a.selected,
body.jsn-color-violet .projects-filter a.selected:hover,
body.jsn-color-violet .project-nav .prev-project:hover,
body.jsn-color-violet .project-nav .next-project:hover,
body.jsn-color-violet .project-wrapper .flex-direction-nav li a:hover,
body.jsn-color-violet #projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon {
  background-color: #B485C7; }

body.jsn-color-orange .projects-filter a.selected,
body.jsn-color-orange .projects-filter a.selected:hover,
body.jsn-color-orange .project-nav .prev-project:hover,
body.jsn-color-orange .project-nav .next-project:hover,
body.jsn-color-orange .project-wrapper .flex-direction-nav li a:hover,
body.jsn-color-orange #projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon {
  background-color: #F39C12; }

body.jsn-color-grey .projects-filter a.selected,
body.jsn-color-grey .projects-filter a.selected:hover,
body.jsn-color-grey .project-nav .prev-project:hover,
body.jsn-color-grey .project-nav .next-project:hover,
body.jsn-color-grey .project-wrapper .flex-direction-nav li a:hover,
body.jsn-color-grey #projects-wrapper.projects-wrapper .project-img .project-img-extra .project-icon {
  background-color: #668499; }

@media only screen and (max-width: 960px), (max-device-width: 960px) {
  .projects-filter ul li {
    margin-bottom: 8px; } }
@media only screen and (max-width: 640px), (max-device-width: 640px) {
  .projects-filter ul li a {
    padding: 7px 20px;
    background: #e5e5e5; }

  .item-page .page-header h2 {
    font-size: 1.8em; } }
/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
.row-fluid .span12 {
  margin-left: 0; }

#k2Container {
  padding-top: 10px; }
  #k2Container.itemView {
    padding: 30px 0 50px; }

#k2Container ul li.odd,
#k2Container ul li.even {
  border: none;
  background: none; }

#k2Container div.tagItemView,
.latestItemsContainer,
.latestItemView {
  margin: 0 0 50px;
  padding: 0;
  border-bottom: 1px solid #eee; }

#k2Container div.tagItemView:last-child,
.latestItemsContainer:last-child,
.latestItemView:last-child {
  margin: 0 0 0; }

#k2Container div.itemRatingBlock {
  padding: 0;
  float: left; }

#k2Container div.itemRatingBlock > span {
  padding: 3px 5px 3px 0; }

#k2Container div.userItemIsFeatured {
  padding: 0;
  margin: 0 0 50px;
  background: none; }

.userItemView {
  margin: 0 0 50px;
  border-bottom: 1px solid #eee; }

#k2Container div.itemBody {
  padding-bottom: 0; }

#k2Container div.catItemBody,
#k2Container div.catItemIntroText,
#k2Container div.tagItemBody,
#k2Container div.tagItemIntroText,
#k2Container div.userItemBody,
#k2Container div.userItemIntroText {
  padding: 0; }

#k2Container h2.itemTitle,
#k2Container h2.latestItemTitle,
#k2Container h2.tagItemTitle,
#k2Container h3.catItemTitle,
#k2Container h3.userItemTitle {
  font-size: 1.7em;
  line-height: 1.3;
  padding: 0;
  font-weight: 600; }

#k2Container .jsn-article-toolbar {
  float: left;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box; }

#k2Container div.itemToolbar,
#k2Container div.catItemToolbar,
#k2Container div.userItemToolbar {
  margin: 0;
  padding: 5px;
  float: right;
  border: none;
  background: none; }

#k2Container div.catItemToolbar div.k2FeedIcon,
#k2Container div.userItemToolbar div.k2FeedIcon {
  padding: 0; }

div.k2FeedIcon a {
  background: none; }

div.jsn-article-toolbar div.k2FeedIcon a i {
  margin-right: 0;
  display: none; }

div.k2FeedIcon a:hover {
  background: none;
  color: #595959; }

#k2Container div.itemToolbar ul.jsn-article-tools {
  margin: 0; }

#k2Container div.itemToolbar ul.jsn-article-tools li {
  border: none;
  margin-left: 8px;
  font-size: 14px;
  padding: 0; }

#k2Container div.itemToolbar ul.jsn-article-tools li a {
  float: none;
  width: auto;
  height: auto;
  display: inline;
  background: none;
  font-size: 1em;
  color: #595959;
  position: inherit; }

div.jsn-article-toolbar div.itemToolbar [class^="jsn-icon-"] {
  margin-right: 0; }

div.jsn-article-toolbar div.itemToolbar .jsn-icon-email {
  margin-top: -1px; }

div.itemToolbar ul li a span {
  display: none; }

#k2Container div.jsn-article-info .itemDateCreated {
  color: inherit;
  font-size: .9em; }

div.latestItemCommentsLink,
div.catItemCommentsLink,
div.userItemCommentsLink {
  margin: 0 0 0 10px;
  border-right: none;
  line-height: 16px;
  display: inline-block;
  color: #595959;
  float: left; }

div.catItemCommentsLink a {
  line-height: 18px; }

#k2Container div.itemContentFooter {
  margin: 0;
  padding: 8px 0;
  text-align: left; }

#k2Container div.catItemContentFooter,
#k2Container div.tagItemContentFooter,
#k2Container div.userItemContentFooter,
#k2Container div.latestItemReadMore {
  margin: 30px 0 20px;
  display: inline-block;
  width: 100%; }

a.k2ReadMore {
  color: #FFFFFF;
  padding: 10px 25px;
  border-radius: 100px;
  -o-border-radius: 100px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

body.jsn-color-blue a.k2ReadMore {
  background: #37C3E1; }

body.jsn-color-green a.k2ReadMore {
  background: #3CB878; }

body.jsn-color-orange a.k2ReadMore {
  background: #F7941D; }

body.jsn-color-red a.k2ReadMore {
  background: #F46754; }

body.jsn-color-violet a.k2ReadMore {
  background: #B88EE3; }

body.jsn-color-grey a.k2ReadMore {
  background: #627989; }

a.k2ReadMore:hover {
  background-color: #666 !important;
  color: #fff !important; }

div.latestItemBody {
  padding-bottom: 0; }

#k2Container div.itemContentFooter a.itemCommentsLink {
  padding: 4px 0;
  display: block; }

#k2Container div.itemContentFooter div.itemSocialSharing {
  padding: 0; }

#k2Container div.itemContentFooter div.itemTwitterButton,
#k2Container div.itemContentFooter div.itemFacebookButton,
#k2Container div.itemContentFooter div.itemGooglePlusOneButton {
  margin: 0;
  float: left; }

#k2Container div.itemContentFooter div.itemTwitterButton {
  width: 90px; }

#k2Container div.itemContentFooter div.itemFacebookButton {
  width: 220px; }

#k2Container div.itemContentFooter div.itemGooglePlusOneButton {
  width: 40px; }

#k2Container div.itemAttachmentsBlock {
  padding: 8px;
  border-bottom: none;
  border-top: 1px solid #DDDDDD; }

#k2Container div.itemLinks,
#k2Container div.catItemLinks,
#k2Container div.tagItemLinks,
#k2Container div.userItemLinks,
#k2Container div.latestItemLinks {
  margin: 0 0 20px;
  display: inline-block;
  width: 100%; }

div[class*="ItemLinks"] i[class*="jsn-icon-"],
div[class*="itemLinks"] i[class*="jsn-icon-"] {
  font-size: 18px;
  margin-right: 5px;
  color: #595959; }

ul[class*="ItemTags"] li a,
div[class*="ItemCategory"] a,
div.itemTagsBlock ul.itemTags li a,
div.itemCategory a {
  background: #666666;
  color: #FFFFFF;
  padding: 0 11px;
  border-radius: 100px;
  display: inline-block; }

#k2Container div.itemLinks div.itemTagsBlock,
#k2Container div.catItemLinks div.catItemTagsBlock,
#k2Container div.userItemLinks div.userItemTagsBlock,
#k2Container div.latestItemLinks div.latestItemTagsBlock,
#k2Container div.latestItemLinks div.latestItemCategory {
  padding: 0;
  margin: 10px 0 0;
  border-bottom: none; }

.itemListCategoriesBlock,
div.userBlock {
  margin-bottom: 50px; }

div.itemListCategory h2,
div.latestItemsCategory h2,
div.userBlock h2 {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif; }

div.latestItemsCategory {
  position: relative; }
  div.latestItemsCategory h2 {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    clear: both;
    padding-left: 10px; }
  div.latestItemsCategory p {
    margin: 0; }

.latestItemsCategory .k2FeedIcon {
  position: absolute;
  top: 10px;
  right: 10px; }

#k2Container div.latestItemsCategoryImage img,
div.itemListCategory img {
  border: none; }

#k2Container div.itemLinks div.itemCategory,
#k2Container div.catItemLinks div.catItemCategory,
#k2Container div.tagItemLinks div.tagItemCategory,
#k2Container div.userItemLinks div.userItemCategory,
#k2Container div.itemLinks div.itemHits {
  padding: 0;
  margin: 7px 0 5px;
  border: none;
  display: block; }

#k2Container div.itemLinks div.itemAttachmentsBlock {
  padding: 0;
  margin: 8px;
  border-bottom: none; }

#k2Container div.itemNavigation {
  background: none;
  border-bottom: none;
  padding: 0; }

#k2Container div.itemNavigation span.itemNavigationTitle {
  color: #555555;
  font-weight: bold; }

#k2Container div.itemAuthorLatest {
  margin-bottom: 0;
  padding-top: 30px; }

#k2Container div.itemRelated,
#k2Container div.itemNavigation {
  border-top: 1px solid #e5e5e5; }

#k2Container div.itemAuthorDetails h3.itemAuthorName {
  margin-top: 0; }

#k2Container div.itemComments {
  padding: 0;
  border: none;
  background: none;
  border-top: 1px solid #e5e5e5; }

#k2Container div.itemComments ul.itemCommentsList {
  margin: 0;
  border-bottom: 1px solid #e5e5e5; }

#k2Container div.itemComments ul.itemCommentsList li {
  padding: 10px 0 0;
  border-top: 1px solid #e5e5e5; }

#k2Container div.itemComments ul.itemCommentsList .commentDate,
#k2Container div.itemComments ul.itemCommentsList .commentAuthorName {
  padding: 0 0 0 0; }

#k2Container div.itemComments ul.itemCommentsList div.itemCommentsWrapper {
  padding-left: 20px; }

#k2Container div.itemComments ul.itemCommentsList p.commentLink {
  padding-top: 0;
  margin-top: 0; }

div.itemComments ul.itemCommentsList li p {
  margin: 5px 0; }

#k2Container div.itemComments div.itemCommentsForm h3 {
  padding: 0;
  margin: 10px 0 5px; }

#k2Container div.itemComments p.itemCommentsFormNotes {
  border: none; }

#k2Container div.itemComments .inputbox {
  color: #666;
  padding: 10px;
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

#k2Container div.itemComments #submitCommentButton {
  cursor: pointer;
  text-shadow: none;
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 10px 25px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

body.jsn-color-blue #k2Container div.itemComments #submitCommentButton {
  background: #37C3E1; }

body.jsn-color-green #k2Container div.itemComments #submitCommentButton {
  background: #3CB878; }

body.jsn-color-orange #k2Container div.itemComments #submitCommentButton {
  background: #F7941D; }

body.jsn-color-red #k2Container div.itemComments #submitCommentButton {
  background: #F46754; }

body.jsn-color-violet #k2Container div.itemComments #submitCommentButton {
  background: #B88EE3; }

body.jsn-color-grey #k2Container div.itemComments #submitCommentButton {
  background: #627989; }

#k2Container div.itemComments #submitCommentButton:hover {
  color: #fff;
  background: #666 !important; }

div.itemCommentsForm form label.formComment,
div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl {
  margin-bottom: 10px; }

#k2Container #itemListLinks {
  margin: 0; }

#k2Container #itemListLinks h3 {
  margin-top: 0; }

#k2Container #itemListLinks div.itemContainer a {
  font-size: 1.1em;
  font-weight: bold; }

#k2Container div.k2Pagination {
  margin-top: 10px; }

#k2Container div.itemBackToTop {
  padding-top: 5px; }

#k2Container div.itemBackToTop a {
  text-decoration: none; }

div.genericItemHeader h2.genericItemTitle {
  font-size: 1.5em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

div.k2FeedIcon {
  float: right; }

div.itemBody img,
div.userItemList img,
div.catItemBody img,
div.tagItemBody img,
div.latestItemBody img {
  max-width: 100%;
  max-width: inherit\9;
  border: none;
  padding: 0; }

div.k2Pagination ul li {
  display: inline-block;
  margin: 5px 1px; }

* + html div.k2Pagination ul li {
  display: inline; }

div.latestItemsCategoryImage {
  float: left;
  margin-right: 15px; }

.subCategoryContainer .subCategory {
  border: none;
  margin: 0;
  padding: 0; }

div.subCategoryContainer {
  width: 100%;
  float: left;
  padding-bottom: 10px; }

div.subCategoryContainer h5 {
  margin-top: 0; }

div.subCategory a.subCategoryImage img {
  width: 50px; }

div.subCategoryContainer p {
  margin-bottom: 5px; }

div#itemListLinks span.catItemImage {
  float: left;
  margin-right: 5px; }

div#itemListLinks span.catItemImage img {
  padding: 3px; }

/*---- User ----*/
div.userBlock h2 {
  margin: 0; }

div.userBlock div.userAdditionalInfo,
div.itemAuthorBlock div.userAdditionalInfo {
  margin: 0 0 8px;
  float: left; }

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
  border-right: none; }

/*---- List Article ----*/
div.jsn-article-toolbar .jsn-article-info .author,
div.jsn-article-toolbar .jsn-article-info .createdate {
  margin: 0;
  background: none;
  padding-left: 0;
  float: left; }

div.catItemHeader span.catItemAuthor,
div.itemHeader span.itemAuthor {
  display: inline-block;
  margin-right: 10px; }

div.jsn-article-toolbar [class^="jsn-icon-"] {
  float: left;
  margin-right: 5px; }

div.itemContainer {
  margin-bottom: 50px;
  border-bottom: 1px solid #EEEEEE;
  float: none; }

div.catItemCategory span,
div.catItemTagsBlock span,
div.userItemTagsBlock span,
div.userItemCategory span,
div.tagItemCategory span,
div.latestItemTagsBlock span,
div.latestItemCategory span {
  font-weight: normal; }

/*---- Detail Article ----*/
div.itemIntroText {
  font-size: 1em !important;
  /* Overwrite compress */
  font-weight: normal !important;
  line-height: 1.5 !important;
  padding: 2px 0 !important; }

div.catItemImageBlock {
  padding: 0; }

.itemImageBlock a.modal {
  display: block;
  position: relative;
  z-index: 0; }

span.itemImage img,
span.catItemImage img {
  max-width: 100% !important;
  background: #f3f3f3;
  padding: 0;
  border: none; }

.itemDateModified {
  margin-top: 10px;
  float: right;
  font-style: italic; }

div.jsn-article-info {
  padding: 5px 0;
  color: #595959; }

div.jsn-article-info .author,
div.jsn-article-info .createdate {
  line-height: 16px; }

div.catItemHeader span.catItemDateCreated,
span.latestItemDateCreated,
div.tagItemHeader span.tagItemDateCreated,
div.userItemHeader span.userItemDateCreated {
  font-size: 12px;
  color: #595959; }

div.itemComment {
  float: left;
  padding: 3px 8px; }

div.hitCount {
  margin: 15px 0 5px;
  width: 100%;
  float: left; }

div.itemCategory span,
div.itemTagsBlock span,
#k2Container div.itemNavigation span.itemNavigationTitle {
  font-weight: normal; }

div.itemNavigation a.itemPrevious,
div.itemNavigation a.itemNext {
  padding: 0 5px; }

#k2Container .jsn-article-footer {
  width: 100%;
  margin: 20px 0 5px; }

#k2Container .jsn-article-footer a.itemCommentsLink {
  float: right;
  padding-top: 3px; }

#k2Container span.itemHits {
  float: none; }

div.itemAuthorBlock {
  padding: 25px;
  border: 1px solid #eee;
  background: #f4f4f4; }
  div.itemAuthorBlock h5 {
    font-size: 18px; }

/*---- Featured Article ----*/
div.itemHeader h2.itemTitle {
  position: relative; }

#k2Container div[class*="IsFeatured"] h3 span,
h2.itemTitle span.featured {
  position: relative; }

#k2Container div[class*="IsFeatured"] h3 span sup,
h2.itemTitle span.featured:after {
  content: 'Featured';
  padding: 1px 5px 3px;
  border-radius: 3px;
  background: #CA1D04;
  color: #fff;
  font-size: 11px;
  position: absolute;
  bottom: auto;
  float: right; }

.k2Avatar img {
  border: 1px solid #e5e5e5;
  text-align: center; }

#k2Container div.itemComments ul.itemCommentsList li img {
  border: 1px solid #e5e5e5;
  text-align: center; }

/* ============================== MOD K2 CONTENT ============================== */
div.k2ItemsBlock > ul {
  margin: 0;
  list-style-type: none; }

div.k2ItemsBlock .moduleItemIntrotext img {
  max-width: 95%;
  padding: 5px;
  background: #fff; }

div.k2ItemsBlock > ul > li {
  margin: 0;
  padding: 5px 0;
  background: none;
  border-bottom: 1px dotted #CCC; }

div.k2ItemsBlock ul.jsn-module-footer li {
  list-style: disc inside;
  margin-left: 0; }

div.k2ItemsBlock div.moduleItemTitle {
  font-size: 1.1em;
  margin: 10px 0; }

div.k2ItemsBlock .moduleItemAuthorAvatar img {
  margin: 2px 5px 0 0; }

div.k2ItemsBlock div.moduleItemAuthor {
  margin: 0;
  color: #595959;
  margin-left: 22px; }

div.k2ItemsBlock ul li div.moduleItemIntrotext {
  padding: 0;
  clear: both;
  line-height: 1.5; }

div.k2ItemsBlock p.moduleItemCategory,
div.k2ItemsBlock p.moduleAttachments {
  margin: 0.35em 0; }

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  max-width: 100%;
  margin: 5px auto;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc; }

div.k2ItemsBlock ul li a.moduleItemReadMore {
  font-weight: bold;
  float: right;
  margin: 0; }

/* =============== CUSTOM MODULE STYLE =============== */
div[class*="richbox-"] div.k2ItemsBlock .author,
div[class*="richbox-"] div.k2ItemsBlock .createdate,
div[class*="richbox-"] div.k2ItemsBlock div.moduleItemAuthor,
div.box-grey div.k2ItemsBlock .author,
div.box-grey div.k2ItemsBlock .createdate,
div.box-grey div.k2ItemsBlock div.moduleItemAuthor {
  color: #D4D4D4; }

/* ============================== MOD K2 COMMENTS ============================== */
div.k2LatestCommentsBlock > ul {
  margin: 0;
  list-style-type: none; }

div.k2LatestCommentsBlock > ul > li {
  margin: 0;
  padding: 10px 0;
  background: none;
  border-bottom: 1px dotted #DDD; }

div.k2LatestCommentsBlock .lcAvatar img {
  margin: 0 5px 0 0; }

div.k2LatestCommentsBlock div.lcUsername {
  margin: 5px 0;
  color: #595959;
  margin-left: 22px; }

div.k2LatestCommentsBlock div.k2FeedIcon {
  padding: 0;
  margin-top: 5px;
  float: left; }

div.k2LatestCommentsBlock div.k2FeedIcon a {
  float: none;
  width: auto;
  height: auto;
  background-position: left center; }

div.k2LatestCommentsBlock div.k2FeedIcon a span {
  display: inline-block;
  margin-left: 5px; }

div.k2ItemsBlock ul li span.moduleItemHits {
  padding: 0 2px 0 0;
  margin: 0 5px 0 0; }

div.k2ItemsBlock ul li a.moduleItemComments {
  border-right: none;
  margin: 0;
  padding: 0; }

div.jsn-modulecontainer div[id*="k2Module"] ul li i[class*="jsn-icon-"] {
  display: inline-block;
  margin-right: 3px; }

/* =============== CUSTOM MODULE STYLE =============== */
div[class*="richbox-"] div.k2LatestCommentsBlock .author,
div[class*="richbox-"] div.k2LatestCommentsBlock .createdate,
div.box-grey div.k2LatestCommentsBlock .author,
div.box-grey div.k2LatestCommentsBlock .createdate {
  color: #D4D4D4; }

/* ============================== MOD K2 USERS ============================== */
div.k2UsersBlock > ul {
  margin: 0;
  list-style-type: none; }

div.k2UsersBlock > ul > li {
  margin: 0;
  padding: 5px 0;
  background: none; }

div.k2UsersBlock a.ubUserFeedIcon {
  margin: 1px 0 0 4px; }

div.k2AccountPage input {
  margin: 3px; }

.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {
  padding-right: 5px;
  background: none;
  border: none; }

div.k2AccountPage table tr td select,
div.k2AccountPage table tr td input {
  margin: 3px; }

.button2-left {
  margin-top: 5px; }

div.k2UserBlock form {
  text-align: center; }

p#form-login-remember input.inputbox {
  float: left;
  margin-right: 10px;
  line-height: 12px; }

div.k2LoginBlock fieldset.input p#form-login-remember label {
  float: left;
  margin-top: 5px; }

.itemRatingList {
  margin: 0 !important; }

div.tagItemImageBlock,
div.userItemImageBlock,
div.latestItemImageBlock {
  float: none; }

span.tagItemImage {
  margin-top: 15px; }

/* ============================== K2 LOGIN/REGISTER ============================== */
.k2AccountPage th.k2ProfileHeading {
  background: none; }

div.k2AccountPage input.inputbox,
div.k2AccountPage input#url {
  width: 365px; }

/* ============================== K2 CALENDAR ============================== */
div.k2CalendarBlock {
  height: inherit; }

div.solid-2 table.calendar tr td.calendarNavMonthPrev,
div.solid-2 table.calendar tr td.calendarCurrentMonth,
div.solid-2 table.calendar tr td.calendarNavMonthNext,
div.solid-2 table.calendar tr td.calendarDayName,
div.solid-2 table.calendar tr td,
div.solid-2 table.calendar tr td.calendarDateEmpty {
  background: #222; }

table.calendar tr td.calendarDateLinked a {
  background: inherit; }

table.calendar tr td {
  border: none; }

/* ============================== K2 TAG CLOUD ============================== */
div.k2TagCloudBlock a:hover {
  border-radius: 3px; }

body.jsn-color-blue div.k2TagCloudBlock a:hover {
  background: #37C3E1; }

body.jsn-color-green div.k2TagCloudBlock a:hover {
  background: #3CB878; }

body.jsn-color-orange div.k2TagCloudBlock a:hover {
  background: #F7941D; }

body.jsn-color-red div.k2TagCloudBlock a:hover {
  background: #F46754; }

body.jsn-color-violet div.k2TagCloudBlock a:hover {
  background: #B88EE3; }

body.jsn-color-grey div.k2TagCloudBlock a:hover {
  background: #627989; }

/* ============================== RTL LAYOUT ============================== */
/* ----- General -----*/
body.jsn-direction-rtl div.userItemCategory span,
body.jsn-direction-rtl div.userItemTagsBlock span,
body.jsn-direction-rtl div.catItemCategory span,
body.jsn-direction-rtl div.catItemTagsBlock span,
body.jsn-direction-rtl div.tagItemCategory span,
body.jsn-direction-rtl div.tagItemTagsBlock span,
body.jsn-direction-rtl div.latestItemCategory span,
body.jsn-direction-rtl div.latestItemTagsBlock span,
body.jsn-direction-rtl div.itemCategory span,
body.jsn-direction-rtl div.itemItemTagsBlock span {
  float: right;
  padding: 0 0 0 4px; }

body.jsn-direction-rtl #k2Container div.itemToolbar,
body.jsn-direction-rtl #k2Container div.catItemToolbar,
body.jsn-direction-rtl #k2Container div.userItemToolbar {
  float: left; }

/* ----- UserPage -----*/
body.jsn-direction-rtl div.userBlock div.userAdditionalInfo,
body.jsn-direction-rtl div.itemAuthorBlock div.userAdditionalInfo,
body.jsn-direction-rtl div.userBlock img {
  float: right; }

body.jsn-direction-rtl div.userBlock img {
  margin: 0 0 0 10px; }

body.jsn-direction-rtl div.userItemCommentsLink,
body.jsn-direction-rtl div.catItemCommentsLink {
  border-right: none;
  margin: 0 8px 0 0;
  padding: 0 0 0 0;
  float: right; }

/* ----- Categories Page -----*/
body.jsn-direction-rtl #k2Container #itemListLinks div.itemContainer a,
body.jsn-direction-rtl div#itemListLinks span.catItemImage {
  float: right;
  margin-right: 0; }

body.jsn-direction-rtl div.itemListCategory img {
  float: right;
  margin: 0 0 0 8px; }

/* ----- LatestItem Page -----*/
body.jsn-direction-rtl div.latestItemsCategoryImage {
  float: right;
  margin-left: 8px; }

body.jsn-direction-rtl div.latestItemsCategoryImage img {
  margin-right: 0; }

body.jsn-direction-rtl div.k2FeedIcon {
  float: left; }

/* ----- Item Page -----*/
body.jsn-direction-rtl div.itemToolbar ul li {
  border-left: none;
  border-right: 1px solid #ccc;
  padding: 0 8px 0 4px; }

body.jsn-direction-rtl #k2Container div.itemContentFooter div.itemTwitterButton,
body.jsn-direction-rtl #k2Container div.itemContentFooter div.itemFacebookButton,
body.jsn-direction-rtl #k2Container div.itemContentFooter div.itemGooglePlusOneButton {
  float: right;
  margin-left: 10px; }

body.jsn-direction-rtl div.itemAuthorBlock img.itemAuthorAvatar {
  float: right;
  margin: 0 0 0 8px; }

body.jsn-direction-rtl div.jsn-article-toolbar .jsn-article-info .author,
body.jsn-direction-rtl div.jsn-article-toolbar .jsn-article-info .createdate {
  float: right;
  padding-right: 0; }

body.jsn-direction-rtl div.jsn-article-toolbar [class^="jsn-icon-"] {
  float: right;
  margin-left: 5px;
  margin-right: 0; }

body.jsn-direction-rtl div.catItemHeader span.catItemAuthor,
body.jsn-direction-rtl div.itemHeader span.itemAuthor {
  margin-right: 0;
  margin-left: 10px; }

body.jsn-direction-rtl #k2Container div[class*="IsFeatured"] h3 span sup,
body.jsn-direction-rtl h2.itemTitle span.featured:after {
  right: auto;
  left: -65px; }

body.jsn-direction-rtl div[class*="ItemLinks"] i[class*="jsn-icon-"],
body.jsn-direction-rtl div[class*="itemLinks"] i[class*="jsn-icon-"] {
  float: right;
  margin-right: 0;
  margin-left: 5px; }

/* ----- K2 Comments -----*/
body.jsn-direction-rtl div.k2LatestCommentsBlock .lcAvatar img {
  float: right;
  margin: 0 0 0 5px; }

/* ----- K2 Tool -----*/
body.jsn-direction-rtl div.k2ItemsBlock .moduleItemAuthorAvatar img {
  float: right;
  margin: 5px 0 0 3px; }

body.jsn-direction-rtl div.k2ItemsBlock ul li span.moduleItemHits {
  margin: 0;
  padding: 0;
  border-right: none; }

body.jsn-direction-rtl div.jsn-modulecontainer div[id*="k2Module"] ul li i[class*="jsn-icon-"] {
  margin-right: 0;
  margin-left: 3px; }

body.jsn-direction-rtl div.k2ItemsBlock ul.jsn-module-footer li {
  margin-right: 0; }

/* ----- Featured -----*/
body.jsn-direction-rtl #k2Container div.itemComments ul.itemCommentsList .commentDate,
body.jsn-direction-rtl #k2Container div.itemComments ul.itemCommentsList .commentAuthorName {
  padding: 0 20px 0 0; }

body.jsn-direction-rtl div.itemComments ul.itemCommentsList li img {
  float: right;
  margin-left: 5px; }

body.jsn-direction-rtl #k2Container div.itemComments ul.itemCommentsList div.itemCommentsWrapper {
  float: right;
  margin-left: 0 !important; }

body.jsn-direction-rtl #k2Container .jsn-article-footer a.itemCommentsLink {
  float: left; }

body.jsn-direction-rtl #k2Container div.itemRatingBlock {
  float: right; }

body.jsn-direction-rtl div.k2ItemsBlock ul li a.moduleItemReadMore {
  float: left; }

body.jsn-direction-rtl div.itemCategory span,
body.jsn-direction-rtl div.itemTagsBlock span,
body.jsn-direction-rtl #k2Container div.itemNavigation span.itemNavigationTitle {
  float: right;
  padding: 0 0 0 4px; }

div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {
  background: none; }

/* ============================== JOOMLA 3.0 ============================== */
/* ------ JOOMLA 3X OVERRIDE BOOTSTRAP ------ */
.jsn-joomla-30 fieldset.well {
  margin: 10px 0 10px 20px;
  padding: 20px; }

div.k2LatestCommentsBlock div.k2FeedIcon a span.link-icon.icon-rss {
  width: auto; }

.jsn-joomla-30 input,
.jsn-joomla-30 textarea {
  width: auto; }

.jsn-joomla-30 #k2ModuleBox205 .calendar tbody td {
  padding: 2px;
  border: 1px solid #f4f4f4; }

.jsn-joomla-30 #k2Container div.itemComments input.inputbox {
  height: 35px;
  line-height: 35px; }

.jsn-joomla-30 #k2Container div.itemComments .inputbox {
  border-radius: 0;
  box-shadow: none; }

/* ============================== MOBILE LAYOUT ============================== */
@media only screen and (max-width: 960px) {
  body.jsn-mobile div.itemBody img,
  body.jsn-mobile div.userItemList img,
  body.jsn-mobile div.catItemBody img,
  body.jsn-mobile div.tagItemBody img {
    max-width: 100% !important; }

  body.jsn-mobile div.groupLeading div.itemBody img,
  body.jsn-mobile div.groupLeading div.userItemList img,
  body.jsn-mobile div.groupLeading div.catItemBody img,
  body.jsn-mobile div.groupLeading div.tagItemBody img,
  body.jsn-mobile div.groupLeading div.latestItemBody img,
  body.jsn-mobile div.groupPrimary div.itemBody img,
  body.jsn-mobile div.groupPrimary div.userItemList img,
  body.jsn-mobile div.groupPrimary div.catItemBody img,
  body.jsn-mobile div.groupPrimary div.tagItemBody img,
  body.jsn-mobile div.groupPrimary div.latestItemBody img,
  body.jsn-mobile div.groupSecondary div.itemBody img,
  body.jsn-mobile div.groupSecondary div.userItemList img,
  body.jsn-mobile div.groupSecondary div.catItemBody img,
  body.jsn-mobile div.groupSecondary div.tagItemBody img,
  body.jsn-mobile div.latestItemBody img {
    max-width: 100% !important; } }
@media only screen and (max-width: 480px) {
  body.jsn-mobile #k2Container.itemView {
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5; }

  body.jsn-mobile #jsn-mainbody-content,
  body.jsn-mobile #jsn-mainbody {
    padding-bottom: 5px; }

  body.jsn-mobile #k2Container div.itemComments .inputbox {
    width: 270px; }

  body.jsn-mobile .recaptchatable #recaptcha_image {
    width: 160px !important; }

  body.jsn-mobile .recaptchatable .recaptcha_image_cell {
    width: 160px !important; }

  body.jsn-mobile #recaptcha_table tbody tr td {
    padding: 10px 4px !important; }

  body.jsn-mobile .recaptcha_input_area input#recaptcha_response_field {
    width: 160px !important; }

  body.jsn-mobile #k2Container div.itemContentFooter div.itemTwitterButton {
    margin-bottom: 10px; }

  body.jsn-mobile div.itemContainer,
  body.jsn-mobile div.latestItemsContainer {
    width: 100% !important; }

  body.jsn-mobile div.k2AccountPage input.inputbox,
  body.jsn-mobile div.k2AccountPage input#url {
    width: 45%; }

  body.jsn-mobile #k2Container h2.itemTitle,
  body.jsn-mobile #k2Container h2.latestItemTitle,
  body.jsn-mobile #k2Container h2.tagItemTitle,
  body.jsn-mobile #k2Container h3.catItemTitle,
  body.jsn-mobile #k2Container h3.userItemTitle {
    font-size: 1.8em; }

  body.jsn-mobile #k2Container div[class*="IsFeatured"] h3 span sup,
  body.jsn-mobile h2.itemTitle span.featured:after {
    top: inherit;
    right: inherit; } }
div.catItemReadMore a {
  background: #37c3e1; }

#k2Container .jsn-article-tools .jsn-icon-print, #k2Container .jsn-article-tools .jsn-icon-email {
  float: right;
  padding-left: 10px; }
#k2Container #itemListLeading .items-row:last-child div.itemContainer,
#k2Container #itemListSecondary .items-row:last-child div.itemContainer {
  margin-bottom: 0;
  border: none; }
#k2Container #itemListLeading .items-row:last-child .catItemView,
#k2Container #itemListSecondary .items-row:last-child .catItemView {
  margin-bottom: 0; }
#k2Container #itemListLeading .items-row:last-child .catItemLinks,
#k2Container #itemListSecondary .items-row:last-child .catItemLinks {
  margin-bottom: 0; }
#k2Container #itemListLeading .items-row + .clr,
#k2Container #itemListSecondary .items-row + .clr {
  display: none; }

div.k2LatestCommentsBlock ul li:last-child {
  border: none; }
div.k2LatestCommentsBlock ul li .k2Avatar img {
  width: 50px !important;
  height: 50px !important; }

.k2FeedIcon .jsn-icon-rss:before {
  display: none; }

div.catItemView {
  margin-bottom: 20px; }

div.itemContainer {
  margin-bottom: 30px; }

/*# sourceMappingURL=template.css.map */