@charset "UTF-8";
/*!
 * JoomlaShine FW
 */
.mt-0 {
  margin-top: 0 !important; }

.pd-0, .p-o {
  padding: 0 !important; }

.pb-custom-p-0 .pb-custom-html {
  padding: 0 !important; }

label {
  font-weight: normal; }
  label span.star {
    color: #F95050; }

select[multiple], select[size],
select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  height: 50px;
  padding: 0 10px;
  color: #5e7081;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D1D6DE;
  transition: border-color ease-in-out .15s;
  outline: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px; }
  select[multiple]:focus, select[size]:focus,
  select:focus, textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus {
    border-color: #00A0FF; }
  select[multiple][aria-invalid="true"], select[size][aria-invalid="true"],
  select[aria-invalid="true"], textarea[aria-invalid="true"],
  input[type="text"][aria-invalid="true"],
  input[type="password"][aria-invalid="true"],
  input[type="datetime"][aria-invalid="true"],
  input[type="datetime-local"][aria-invalid="true"],
  input[type="date"][aria-invalid="true"],
  input[type="month"][aria-invalid="true"],
  input[type="time"][aria-invalid="true"],
  input[type="week"][aria-invalid="true"],
  input[type="number"][aria-invalid="true"],
  input[type="email"][aria-invalid="true"],
  input[type="url"][aria-invalid="true"],
  input[type="search"][aria-invalid="true"],
  input[type="tel"][aria-invalid="true"],
  input[type="color"][aria-invalid="true"] {
    border-color: #F95050; }
  select[multiple]::-webkit-input-placeholder, select[size]::-webkit-input-placeholder,
  select::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder {
    color: rgba(99, 110, 123, 0.4); }
  select[multiple]::-moz-placeholder, select[size]::-moz-placeholder,
  select::-moz-placeholder, textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder {
    color: rgba(99, 110, 123, 0.4); }

textarea {
  height: auto; }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  cursor: not-allowed;
  background-color: #F0F2F5; }

.no-data {
  border-color: #EBE494;
  background-color: #fcf8e3;
  color: #8a6d3b;
  padding: 10px; }

.reset .jsnlc-pageheading, .remind .jsnlc-pageheading {
  background-color: #303841;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 22px;
  margin: -20px -30px 20px; }

/*!
 * Sun Framework
 * Copyright 2016 Joomlashine.
 * @file _module-style.scss
 */
.module-title i.fa:before {
  padding-right: 8px;
  padding-left: 0; }
  .sunfw-direction-rtl .module-title i.fa:before {
    padding-left: 8px;
    padding-right: inherit; }
  .sunfw-direction-rtl .module-title i.fa:before {
    padding-right: 0;
    padding-left: inherit; }

/*!
 * Sun Framework
 * Copyright 2016 Joomlashine.
 * @file _pagination.scss
*/
.pagination {
  text-align: center;
  display: block; }
  .pagination li {
    display: inline-block; }
  .pagination ul.pagination li {
    display: inline-block; }
    .pagination ul.pagination li a, .pagination ul.pagination li span {
      background: transparent !important;
      border: none;
      margin: 0 6px;
      padding: 0;
      color: #343541; }
      .pagination ul.pagination li a:hover, .pagination ul.pagination li span:hover {
        color: #f5a623; }
    .pagination ul.pagination li.active a, .pagination ul.pagination li.active span {
      color: #f5a623; }

ul.pagination > li   {
  display: inline-block;
  list-style: none; }
ul.pagination li a {
  background-color: #f7f6f2;
  border: solid 1px #e1e1e1;
  font-size: 14px;
  color: #636e7b;
  line-height: 1;
  padding: 11px 20px; }
  ul.pagination li a:hover {
    background-color: #fff4e1;
    border: solid 1px #eb9b16;
    color: #f5a623;
    transition: all ease .3s; }
ul.pagination li.active a {
  background-color: #e1e1e1;
  color: #303841;
  font-weight: bold;
  border: solid 1px #9c9b9b;
  pointer-events: none; }

.breadcrumb {
  padding: 9px 0;
  background-color: transparent;
  margin: 0 -2px;
  font-size: 0.9em; }
  .breadcrumb li a:hover {
    color: #8899AC; }
  .breadcrumb span.divider {
    display: none; }
  .breadcrumb li + li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #394a5c; }
  .breadcrumb li:first-child + li:before {
    display: none; }
  .breadcrumb > li {
    padding: 0; }

/* Search Module */
.search #mod-search-searchword {
  border: 1px solid #D1D6DE;
  background: #fff;
  height: 35px; }

.module-style.search-module .search button {
  width: 100%;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px; }
.module-style.search-module .search #mod-search-searchword {
  height: 49px;
  color: #394A5C; }
  .module-style.search-module .search #mod-search-searchword::-webkit-input-placeholder {
    color: #394A5C; }
  .module-style.search-module .search #mod-search-searchword::-moz-placeholder {
    color: #394A5C; }
.module-style.search-module .module-body .search-module {
  padding-top: 5px; }

.module-style .userdata {
  padding-top: 5px; }
  .module-style .userdata ul > li a {
    padding: 2px 0;
    font-size: 14px; }
.module-style .input-group-addon {
  background-color: #F0F2F5; }

/* Search Smart Module */
.form-search input.search-query {
  border: 1px solid #D1D6DE;
  background: #fff;
  height: 35px;
  margin-bottom: 5px; }
.form-search button {
  height: 35px;
  padding: 0 15px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px; }
.form-search .control-group .controls label {
  font-weight: normal;
  padding: 8px 0; }

/* Language Switcher Module */
div.mod-languages a.dropdown-toggle {
  border: 1px solid #D1D6DE;
  background-color: #F0F2F5;
  padding: 7px 10px;
  color: #394A5C; }
div.mod-languages .posttext {
  margin-top: 10px; }

/* Wrapper Module */
iframe.wrapper {
  border: 1px solid #394A5C; }

/* ============ TYPOGRAPHY ============ */
h2.main-title {
  font-size: 32px; }

.main-title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 10px; }
  .main-title:before {
    content: " ";
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #f5a623;
    bottom: 0;
    left: 0; }
  .main-title.align-center {
    text-align: center; }
    .main-title.align-center:before {
      left: 0;
      right: 0;
      margin: 0 auto; }
  .main-title h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1; }
  .main-title p {
    line-height: 1.3;
    font-size: 18px;
    color: #636e7b; }

.page-header {
  padding: 0;
  margin: 0;
  border: none; }
  .page-header h2 {
    margin-top: 0; }

hr {
  margin-top: 30px;
  margin-bottom: 30px; }

.btn {
  padding: 15px 35px 14px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  outline: none !important; }
  .btn.btn-small, .btn.btn-mini {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4; }
  .btn.btn-plain {
    padding: 3px 5px; }
    .btn.btn-plain:hover {
      background-color: #F7F7F7; }
  .btn.btn-mini:not(.btn-primary), .btn.btn-small:not(.btn-primary) {
    background: #717f8e;
    color: #ffffff; }
  .btn.btn-outline {
    border: 1px solid #D1D6DE;
    color: #394A5C;
    padding: 15px 30px; }
    .btn.btn-outline:hover {
      background-color: #F0F2F5; }
  .btn.btn-default.disabled:hover, .btn.btn-default[disabled]:hover, .btn.btn-default.disabled:focus, .btn.btn-default[disabled]:focus, .btn.btn-default.disabled.focus, .btn.btn-default[disabled].focus {
    background-color: #8596a9; }
  .btn.full-width {
    width: 100%; }

.btn:active, .btn.active {
  box-shadow: none; }

.btn-gray, .btn-grey {
  background-color: #76848D;
  color: #FFF;
  font-weight: bold;
  border-radius: 3px;
  text-transform: uppercase;
  border: 1px solid #76848D; }
  .btn-gray:focus, .btn-grey:focus {
    background: #949ea4;
    color: #FFF; }

.btn-dark {
  background: #343541;
  border-color: #000; }
  .btn-dark:hover {
    background: #4f5057 !important; }

.btn.btn-default:active:focus {
  transition: 0s;
  background: #FF9800 !important;
  color: #FFF;
  border-color: #f99b00; }

.btn.btn-primary:active:focus {
  transition: 0s;
  background: #35B94D !important;
  color: #FFF;
  border-color: #30a143; }

.btn.btn-gray:active:focus,
.btn.btn-grey:active:focus {
  transition: 0s;
  background: #76848D !important;
  color: #FFF;
  border-color: #76848D; }

.element-invisible {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .element-invisible:focus {
    width: auto;
    height: auto;
    overflow: auto;
    background: #eee;
    color: #000;
    padding: 1em; }

/* ============ List Styles ============ */
ul.list-nobullet {
  padding: 0; }

ul.list-nobullet li {
  list-style: none; }

ul.list-nobullet li span {
  margin-right: 8px; }

ul.list-nobullet li i {
  margin-right: 8px; }

ul.list-nobullet[class*="bullet-"] li {
  margin: 5px 0; }

ul.square-list {
  list-style: square; }

blockquote {
  font-size: 14px;
  background: #f5f5f5;
  border-width: 3px;
  padding: 20px;
  border-color: #e9e9e9; }

.center-block {
  display: flex;
  justify-content: center; }

.modal-content {
  border-radius: 0; }
  .modal-content .modal-header {
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
    background: #f9f9f9; }
    .modal-content .modal-header .modal-title {
      font-size: 18px; }
  .modal-content .modal-body {
    position: relative;
    padding: 20px; }
    .modal-content .modal-body p {
      margin-bottom: 0; }

#sbox-window {
  padding: 0; }
  #sbox-window #sbox-content iframe {
    padding: 20px; }

.icon-search:after {
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f002";
  margin-right: 10px; }
  .sunfw-direction-rtl .icon-search:after {
    margin-left: 10px;
    margin-right: inherit; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #d1d6de;
  border-radius: 0; }
  .alert h4 {
    margin-bottom: 0; }
  .alert.alert-success {
    border-color: #B3DEA2; }
  .alert.alert-message {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #B3DEA2; }
  .alert.alert-error, .alert.alert-danger {
    border-color: #F9C2C2; }
  .alert.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
  .alert.alert-info {
    border-color: #A6D2ED; }
  .alert.alert-warning {
    border-color: #EBE494; }

/* ===== Image ===== */
.image-hover {
  border: 1px solid transparent; }
  .image-hover:hover {
    border: 1px solid #E7EAEE;
    background-color: #F8F8F8; }

.border-image {
  border: 1px solid #e6e6e6;
  padding: 5px; }

figure {
  text-align: center;
  padding: 0;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
  margin-top: 10px; }
  figure figcaption {
    padding: 15px;
    border: 1px solid #E7EAEE;
    line-height: 21px;
    text-align: center; }
  figure img.border-image + figcaption {
    border-top: none; }

/* ===== Table ===== */
.table, table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e1e1e1;
  background: #FFF; }
  .table thead, table thead {
    background: #fafafa; }
    .table thead .highlight, table thead .highlight {
      background: #CFCFCF; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td, table > thead > tr > th,
  table > thead > tr > td,
  table > tbody > tr > th,
  table > tbody > tr > td,
  table > tfoot > tr > th,
  table > tfoot > tr > td {
    padding: 17px 10px;
    border: 1px solid #e1e1e1;
    vertical-align: middle; }
  .table.table-striped tr.odd, table.table-striped tr.odd {
    background: #fafafa; }
  .table tr:nth-of-type(even), table tr:nth-of-type(even) {
    background-color: #fafafa; }
  .table ul, table ul {
    margin: 0; }

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fafafa; }
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px; }

.table > thead > tr > th {
  border-bottom-width: 1px; }

ul.plain-space {
  padding: 0; }
  ul.plain-space li {
    list-style: none; }

ul.pager li > a,
ul.pager li > span {
  padding: 10px;
  background-color: #4E6176;
  border: none;
  border-radius: 0;
  font-size: 0; }
  ul.pager li > a:after,
  ul.pager li > span:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px; }
  ul.pager li > a:hover,
  ul.pager li > span:hover {
    background-color: #8596A9; }
ul.pager li.previous > a:after, ul.pager li.previous > span:after {
  content: "\f104"; }
ul.pager li.next > a:after, ul.pager li.next > span:after {
  content: "\f105"; }

.thumbnail {
  border-radius: 0; }

/* ============ LOGIN MODULE ============ */
.sunfw-pos-left .module-style,
.sunfw-pos-right .module-style {
  margin-bottom: 30px; }

.form-control {
  height: auto;
  padding: 8px 12px;
  box-shadow: none;
  font-size: 16px; }

.form-control,
.input-group-addon {
  border-color: #D1D6DE;
  border-radius: 0; }

#login-form .pretext {
  margin-bottom: 20px; }
#login-form .posttext {
  margin-top: 20px; }
#login-form ul {
  padding: 0;
  margin: 15px 0 0; }
  #login-form ul li {
    list-style: none;
    line-height: 27px; }

/* ============ LOGIN MODULE ============ */
.sunfw-pos-left .module-style,
.sunfw-pos-right .module-style {
  margin-bottom: 15px; }

.form-control {
  height: auto;
  padding: 8px 12px;
  box-shadow: none; }

.form-control,
.input-group-addon {
  border-color: #D1D6DE; }

#login-form ul {
  padding: 0;
  margin: 15px 0 0; }
  #login-form ul li {
    list-style: none;
    line-height: 27px; }

.bannergroup {
  font-size: 18px;
  line-height: 27px; }
  .bannergroup .banneritem {
    margin: 15px 0; }

/* ============ NEWSFEED MODULE ============ */
.newsfeed-category .filters {
  margin-bottom: 20px; }
.newsfeed-category .category {
  padding: 0; }
  .newsfeed-category .category li {
    list-style: none;
    line-height: 21px;
    margin: 10px 0; }

/* =============== MENU - DIV MENU =============== */
ul.menu-divmenu {
  margin: 0 auto;
  padding: 0;
  list-style: none; }

ul.menu-divmenu li {
  margin: 0;
  padding: 0 0.5em;
  display: inline-block; }
  ul.menu-divmenu li a {
    padding: 0 5px; }

ul.menu-divmenu li:first-child {
  padding-left: 0; }

/* =============== MENU - DEFAULT =============== */
ul.nav.menu li a:hover {
  background: transparent; }
ul.nav.menu li a > i.fa {
  padding-right: 5px; }
  .sunfw-direction-rtl ul.nav.menu li a > i.fa {
    padding-left: 5px;
    padding-right: inherit; }
ul.nav.menu li a span.description {
  display: block;
  font-size: 90%; }

.nav > li > a {
  padding-bottom: 5px;
  padding-top: 5px; }

ul.nav.hidden-icon li a i.fa {
  display: none !important; }

ul.nav.hidden-description li a span.description {
  display: none !important; }

/* =============== MENU - TREE MENU =============== */
ul.nav[class*='menu-treemenu'] li a {
  display: block;
  color: #394A5C; }
  ul.nav[class*='menu-treemenu'] li a:hover {
    text-decoration: none;
    background: transparent; }
  ul.nav[class*='menu-treemenu'] li a.get-it {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: normal;
    margin-top: 45px; }
    ul.nav[class*='menu-treemenu'] li a.get-it:not(.btn-outline) {
      color: #fff; }
      ul.nav[class*='menu-treemenu'] li a.get-it:not(.btn-outline):hover {
        color: #fff; }
    ul.nav[class*='menu-treemenu'] li a.get-it:before {
      content: "";
      display: block;
      background-color: #E7EAEE;
      height: 1px;
      width: 100%;
      position: absolute;
      top: -30px; }
ul.nav[class*='menu-treemenu'] li:first-child {
  margin-top: 0; }
ul.nav[class*='menu-treemenu'] li ul.nav-child {
  list-style-type: none;
  padding-left: 15px; }
  .sunfw-direction-rtl ul.nav[class*='menu-treemenu'] li ul.nav-child {
    padding-right: 15px;
    padding-left: inherit; }
ul.nav[class*='menu-treemenu'] li > span.separator {
  padding: 12px 20px;
  display: block; }
ul.nav[class*='menu-treemenu'] > li > a {
  font-weight: bold; }

/* =============== MENU - SIDE MENU =============== */
.module-style ul.nav[class*='menu-sidemenu'] {
  margin: 0 -20px 0; }

ul.nav[class*='menu-sidemenu'] > li > a {
  font-weight: bold; }
  ul.nav[class*='menu-sidemenu'] > li > a:hover, ul.nav[class*='menu-sidemenu'] > li > a:focus {
    background: transparent; }
ul.nav[class*='menu-sidemenu'] li {
  position: relative;
  margin: 0 20px;
  padding: 0; }
  ul.nav[class*='menu-sidemenu'] li a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    color: #333; }
    ul.nav[class*='menu-sidemenu'] li a.get-it {
      padding-top: 15px;
      padding-bottom: 15px;
      font-weight: normal;
      margin-top: 45px; }
      ul.nav[class*='menu-sidemenu'] li a.get-it:not(.btn-outline) {
        color: #fff; }
        ul.nav[class*='menu-sidemenu'] li a.get-it:not(.btn-outline):hover {
          color: #fff; }
      ul.nav[class*='menu-sidemenu'] li a.get-it:before {
        content: "";
        display: block;
        background-color: #E7EAEE;
        height: 1px;
        width: 100%;
        position: absolute;
        top: -30px; }
  ul.nav[class*='menu-sidemenu'] li:hover > ul {
    visibility: visible;
    display: block;
    opacity: 1;
    transition-delay: 0.2s; }
  @media (min-width: 992px) {
    ul.nav[class*='menu-sidemenu'] li ul {
      position: absolute;
      top: 0;
      padding: 20px 10px;
      left: 100%;
      right: auto;
      min-width: 200px;
      list-style-type: none !important;
      border: 1px solid #E7EAEE;
      background: #fff;
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      z-index: 900;
      margin: 0 0 0 30px; }
    ul.nav[class*='menu-sidemenu'] li.parent > a {
      position: relative; }
      ul.nav[class*='menu-sidemenu'] li.parent > a:after {
        content: '\f105';
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%); } }
  @media (max-width: 991px) {
    ul.nav[class*='menu-sidemenu'] li ul {
      display: none;
      padding-right: 10px; }
    ul.nav[class*='menu-sidemenu'] li.parent > a {
      position: relative; }
      ul.nav[class*='menu-sidemenu'] li.parent > a:after {
        content: '\f107';
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%); } }

.module-style.layout-right ul.nav[class*='menu-sidemenu'] li ul, .sunfw-pos-right .module-style ul.nav[class*='menu-sidemenu'] li ul {
  right: auto;
  left: -200px; }
  .sunfw-direction-rtl .module-style.layout-right ul.nav[class*='menu-sidemenu'] li ul, .sunfw-direction-rtl .sunfw-pos-right .module-style ul.nav[class*='menu-sidemenu'] li ul {
    left: auto;
    right: auto; }
  .sunfw-direction-rtl .module-style.layout-right ul.nav[class*='menu-sidemenu'] li ul, .sunfw-direction-rtl .sunfw-pos-right .module-style ul.nav[class*='menu-sidemenu'] li ul {
    right: -200px;
    left: auto; }

@media (min-width: 992px) {
  .sunfw-direction-rtl ul.nav[class*='menu-sidemenu'] li ul {
    right: calc(100% + 1px);
    left: auto; }
  .sunfw-direction-rtl ul.nav[class*='menu-sidemenu'] li.parent > a:after {
    content: '\f104';
    top: 50%;
    left: 10px;
    right: auto;
    transform: translateY(-50%); } }
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  transition: 0.3s; }

a, a:hover {
  cursor: pointer; }

body {
  word-wrap: break-word; }

a:hover, .nav > li > a:hover, .nav > li > a:focus,
.jsn-header .mod-jsn-ajaxsearch a:hover,
#eb a:hover, #eb .showcase-btn:hover {
  text-decoration: underline; }

.sunfw-social ul a:hover, .jsn-header a:hover, .jsn-header .nav > li a:hover {
  text-decoration: none; }

.nav > li > a:focus, a:focus {
  background: transparent; }

.btn-default:hover {
  background: #ffbf56 !important; }

.btn:focus, .btn:active {
  outline: none; }

.btn.btn-grey:hover, .btn.btn-gray:hover {
  background: #949ea4;
  color: #FFF; }

div h1 {
  font-size: 32px; }
div h2 {
  font-size: 28px; }

.sunfw-content {
  overflow-x: hidden; }

/* ---------- Main-Content ----------- */
.container > .sunfw-flex-component {
  padding: 30px 0; }

.no-full-page .shine-main-content .container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
  padding-bottom: 30px; }

/* ---------- Header ----------- */
.jsn-header {
  background: #FFF;
  box-shadow: 0 3px 6px 0 rgba(188, 188, 188, 0.2);
  position: relative;
  z-index: 1039; }
  @media (min-width: 992px) {
    .jsn-header > .container > .row {
      display: flex;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap; }
      .jsn-header > .container > .row > div {
        width: auto;
        flex: 1 0 auto; }
        .jsn-header > .container > .row > div.jsn-head-menu {
          flex: 1 1 auto;
          padding-right: 0;
          padding-left: 0; }
    .jsn-header .jsn-header-right .module-style #jsnlc-button-modal-login, .jsn-header .jsn-header-right .module-style .search-top i.fa {
      padding: 20px 20px; }
    .jsn-header .jsn-header-right .module-style .customer-area-top .module-body > ul.menu > li > a,
    .jsn-header .jsn-header-right .module-style a.jsnlc-viewcart-link {
      padding-left: 10px;
      padding-right: 10px; } }
  .jsn-header .jsn-search-top {
    background-color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block !important;
    opacity: 0;
    z-index: -1; }
    .jsn-header .jsn-search-top.show {
      opacity: 1;
      transition: 0.2s;
      z-index: 9; }
    .jsn-header .jsn-search-top .mod-jsn-ajaxsearch {
      max-width: 570px;
      position: relative;
      z-index: 10; }
      .jsn-header .jsn-search-top .mod-jsn-ajaxsearch i.fa {
        position: absolute;
        right: 0;
        top: 22px;
        font-size: 20px;
        cursor: pointer;
        z-index: 1; }
        .jsn-header .jsn-search-top .mod-jsn-ajaxsearch i.fa:hover {
          color: #9b9b9b; }
      .jsn-header .jsn-search-top .mod-jsn-ajaxsearch input {
        width: 100%;
        height: 60px;
        border: none;
        background-color: #FFF;
        outline: none;
        box-shadow: none; }
  .jsn-header .customer-area-top .module-body {
    position: relative;
    visibility: visible;
    opacity: 1;
    background: transparent;
    border: none; }
    .jsn-header .customer-area-top .module-body > ul.nav {
      min-width: 0; }
      .jsn-header .customer-area-top .module-body > ul.nav > li > a {
        font-size: 13px;
        padding: 20px 10px 18px 10px; }
      .jsn-header .customer-area-top .module-body > ul.nav > li:hover > ul {
        opacity: 1;
        visibility: visible;
        transition-delay: 0.3s;
        z-index: 5; }
      .jsn-header .customer-area-top .module-body > ul.nav ul {
        background: #FFF;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        list-style: none;
        position: absolute;
        transition: 0.3s;
        min-width: 200px;
        right: 0;
        z-index: -1;
        box-shadow: 0 5px 17px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, 0.075); }
        .jsn-header .customer-area-top .module-body > ul.nav ul li {
          border: none;
          padding: 0; }
          .jsn-header .customer-area-top .module-body > ul.nav ul li a {
            padding: 12px 15px;
            font-size: 14px;
            position: relative;
            display: block; }
            .jsn-header .customer-area-top .module-body > ul.nav ul li a:after {
              background-color: #e5e5e5;
              height: 1px;
              bottom: 0;
              content: "";
              left: 0;
              position: absolute;
              width: 100%; }

.jsn-header-right {
  text-align: right;
  padding-left: 0;
  font-size: 13px;
  /*===Language Module===*/ }
  .jsn-header-right .module-style {
    display: inline-block;
    border-right: 1px solid #f7f6f2; }
    .jsn-header-right .module-style:first-child {
      position: relative; }
    .jsn-header-right .module-style:last-child {
      border: none; }
    .jsn-header-right .module-style a.jsnlc-viewcart-link, .jsn-header-right .module-style #jsnlc-button-modal-login, .jsn-header-right .module-style .search-top i.fa {
      padding: 20px 15px;
      display: block;
      cursor: pointer; }
    .jsn-header-right .module-style a:hover, .jsn-header-right .module-style i:hover,
    .jsn-header-right .module-style ul.nav.menu li a:hover {
      color: #9b9b9b; }
  .jsn-header-right .mod-languages {
    margin-left: 15px; }
    .jsn-header-right .mod-languages:hover a.langChoose:before,
    .jsn-header-right .mod-languages:hover ul.lang-inline {
      display: block !important; }
    .jsn-header-right .mod-languages:hover a.langChoose {
      background: #f1f1f1 !important; }
    .jsn-header-right .mod-languages > form {
      padding-bottom: 10px; }
    .jsn-header-right .mod-languages img {
      width: 27px;
      border: none !important; }
    .jsn-header-right .mod-languages.advanced-dropdown a.langChoose {
      width: 70px;
      height: 39px;
      line-height: 39px;
      text-align: center;
      margin: 0;
      padding: 0;
      display: block;
      border-radius: 3px;
      background: transparent; }
      .jsn-header-right .mod-languages.advanced-dropdown a.langChoose:before {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        bottom: -4px;
        left: calc(50% - 4px);
        background: #fff;
        transform: rotate(45deg);
        display: block;
        z-index: 6;
        border: solid 1px #e9e9e9;
        display: none; }
      .jsn-header-right .mod-languages.advanced-dropdown a.langChoose > .caret {
        border-top: 7px solid #211872;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        margin-left: 10px; }
    .jsn-header-right .mod-languages ul.lang-inline {
      width: 100%;
      border-radius: 3px;
      padding: 5px 0px;
      box-shadow: 0 6px 11px 0 rgba(211, 211, 211, 0.45);
      border: solid 1px #e9e9e9;
      background: #fff;
      margin-top: 10px; }
      .jsn-header-right .mod-languages ul.lang-inline li {
        margin: 0;
        padding: 5px 0px;
        text-align: center;
        display: block; }
        .jsn-header-right .mod-languages ul.lang-inline li a {
          display: block; }
      .jsn-header-right .mod-languages ul.lang-inline li.lang-active {
        background-color: #f1f1f1;
        border: solid 1px #e9e9e9;
        border-width: 1px 0px; }
        .jsn-header-right .mod-languages ul.lang-inline li.lang-active a i.lang_checked {
          display: none; }
    @media (max-width: 991px) {
      .jsn-header-right .mod-languages {
        margin-right: 15px; }
        .jsn-header-right .mod-languages.advanced-dropdown a.langChoose > .caret {
          border-top-color: #fff; }
        .jsn-header-right .mod-languages:hover a.langChoose > .caret {
          border-top-color: #211872; } }

/* ---------- HomePage ----------- */
.home-new-banner h1 {
  font-size: 12px;
  line-height: 28px;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: bold; }
  .home-new-banner h1 span {
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.3); }
.home-new-banner .new-release {
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  color: #FFF; }
  .home-new-banner .new-release span {
    position: relative;
    display: inline-block; }
    .home-new-banner .new-release span:before {
      left: -75px;
      background: rgba(255, 255, 255, 0.5);
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24%, rgba(255, 255, 255, 0.5) 34%, rgba(255, 255, 255, 0.98) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(24%, rgba(255, 255, 255, 0.5)), color-stop(34%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0.98)));
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24%, rgba(255, 255, 255, 0.5) 34%, rgba(255, 255, 255, 0.98) 100%);
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24%, rgba(255, 255, 255, 0.5) 34%, rgba(255, 255, 255, 0.98) 100%);
      background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 24%, rgba(255, 255, 255, 0.5) 34%, rgba(255, 255, 255, 0.98) 100%); }
    .home-new-banner .new-release span:after {
      right: -75px;
      background: white;
      background: -moz-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0.32) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0.32)));
      background: -webkit-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0.32) 100%);
      background: -o-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0.32) 100%);
      background: -ms-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0.32) 100%);
      background: linear-gradient(to right, white 0%, white 0%, rgba(255, 255, 255, 0.32) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1 ); }
    .home-new-banner .new-release span:after, .home-new-banner .new-release span:before {
      top: 12px;
      content: " ";
      width: 65px;
      height: 1px;
      display: block;
      position: absolute; }

.quote .jsncontentclips .jsncontentclips_title {
  display: none; }
.quote .jsncontentclips .jsn_introtext {
  padding: 0 0 25px; }
.quote .jsncontentclips .jsn_3 {
  width: 54px;
  height: 54px;
  margin-right: 10px;
  float: left;
  border-radius: 100%;
  background: #CCC;
  overflow: hidden; }
  .quote .jsncontentclips .jsn_3 img {
    border-radius: 100%;
    min-height: 54px; }
.quote .jsncontentclips .jsn_1 .jsncontentclips_content {
  font-size: 1.1em;
  color: #243341;
  text-transform: none;
  font-weight: 500; }
.quote .jsncontentclips .jsn_4 .jsncontentclips_content {
  padding-left: 85px;
  color: #243341; }
  .quote .jsncontentclips .jsn_4 .jsncontentclips_content:before {
    content: " ";
    width: 10px;
    height: 1px;
    background: #243341;
    position: relative;
    display: block;
    top: 10px;
    left: -20px; }

.jsn-footer {
  padding: 30px 0 20px;
  position: relative; }
  @media (min-width: 992px) {
    .jsn-footer {
      padding: 55px 0 40px; } }
  .jsn-footer ul.nav li {
    padding: 0; }
  .jsn-footer ul.nav a {
    padding: 3px 0; }
  .jsn-footer .module-title .box-title {
    margin-bottom: 18px; }
  .jsn-footer .sunfw-item-social-icon {
    margin-top: 26px; }
  .jsn-footer .sunfw-scrollup {
    background-color: #646E7A;
    border: 5px solid #303841;
    position: absolute;
    box-sizing: border-box;
    width: 58px;
    display: block !important;
    opacity: 1 !important;
    height: 58px;
    margin: 0 auto;
    text-align: center;
    left: 0;
    top: -15px;
    right: 0;
    padding: 8px 12px;
    z-index: 10;
    overflow: hidden;
    border-radius: 100%;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s; }
    .jsn-footer .sunfw-scrollup:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: #263342;
      display: block;
      transform: scale(0);
      opacity: 1;
      animation: shinetotop 2s ease-out infinite; }
    .jsn-footer .sunfw-scrollup i {
      font-size: 15px;
      line-height: 32px;
      position: relative;
      color: #FFF;
      z-index: 99; }
    .jsn-footer .sunfw-scrollup:hover {
      background: #f5a623 !important; }
  @media (min-width: 768px) {
    .jsn-footer .module-body > .hidden-title {
      padding-top: 60px; } }

.jsn-copyright {
  font-size: 14px; }
  .jsn-copyright > .container {
    position: relative;
    padding-top: 30px; }
    .jsn-copyright > .container:before {
      height: 1px;
      width: calc(100% - 30px);
      position: absolute;
      top: 0;
      background: rgba(255, 255, 255, 0.1);
      left: 15px; }
  .jsn-copyright p {
    line-height: 22px;
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 0; }
  .jsn-copyright i.fa {
    font-size: 28px; }
  .jsn-copyright .footer_menu {
    text-align: center;
    padding-bottom: 10px; }
    .jsn-copyright .footer_menu li {
      display: inline-block; }
    .jsn-copyright .footer_menu.nav.menu li a {
      padding: 0 5px;
      line-height: 1;
      color: #76848d; }
      .jsn-copyright .footer_menu.nav.menu li a:hover {
        color: #f5a623; }
  .jsn-copyright .disclaimer-bottom {
    max-width: 755px;
    margin: 0 auto;
    text-align: center; }
    .jsn-copyright .disclaimer-bottom p {
      padding: 0 0 20px;
      font-size: 12px;
      line-height: 18px; }

body.modal-open div.jsnLCVersionModal.in {
  display: block !important; }

input::-ms-clear {
  display: none; }

.sunfw-social ul {
  margin: 0; }
.sunfw-social li {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-color: #455566;
  line-height: 34px;
  margin-right: 2px;
  padding: 0;
  text-align: center;
  overflow: hidden; }
  .sunfw-social li a {
    display: block;
    color: #FFF !important; }
  .sunfw-social li i {
    display: block;
    line-height: 34px; }
    .sunfw-social li i:hover {
      color: #FFF; }
    .sunfw-social li i.fa-facebook:hover {
      background: #3B5998; }
    .sunfw-social li i.fa-twitter:hover {
      background-color: #00AAF7; }
    .sunfw-social li i.fa-youtube-play:hover {
      background: #de332c; }

.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; }

/*!
 * Sun Framework
 * Copyright 2016 Joomlashine.
 * @file _modules.scss
 */
ul.nav > li > a i.fa {
  padding-right: 5px; }

.sunfw-direction-rtl ul.nav > li > a i.fa {
  padding-right: 0;
  padding-left: 5px; }

.jsn-top-promo {
  background-color: #fbfaf6;
  padding: 30px 0 23px;
  position: relative;
  z-index: 9;
  box-shadow: 0 1px 0 0 rgba(208, 208, 208, 0.5); }
  .jsn-top-promo h1 {
    font-size: 24px;
    line-height: 28px;
    color: #243341;
    font-weight: bold;
    margin: 0 0 8px; }
    .jsn-top-promo h1 + p {
      color: #343541; }
  .jsn-top-promo p {
    margin-bottom: 0; }
  .jsn-top-promo form {
    float: right;
    width: 100%;
    position: relative; }
    .jsn-top-promo form .input-group {
      display: block; }
    .jsn-top-promo form input {
      height: 53px;
      border-radius: 3px;
      background-color: #fff;
      border: solid 1px #e1e1e1;
      width: 100%; }
    .jsn-top-promo form .btn.btn-default {
      height: 43px;
      line-height: 1;
      padding: 0 35px;
      position: absolute;
      right: 5px;
      top: 5px; }

.fearured-template {
  background-color: #f2f1ec;
  border-bottom: solid 1px #e1e1e1;
  padding-top: 60px; }
  @media (min-width: 992px) {
    .fearured-template .owl-item > .row {
      display: flex; }
    .fearured-template .owl-item .content {
      padding: 10px 15px 15px 15px;
      display: flex;
      flex-wrap: wrap;
      align-content: center; }
      .fearured-template .owl-item .content h2 {
        margin-top: 0; } }
  .fearured-template .owl-item .media {
    max-height: 480px;
    overflow: hidden; }
  .fearured-template .owl-item p {
    margin: 0 0 25px; }
  .fearured-template .owl-item .content {
    padding-bottom: 30px; }

.block-compatible.Heading {
  border: 1px solid #64BB21;
  background-color: #F0F8EB;
  border-radius: 5px;
  float: right;
  padding: 14px 20px 16px 26px;
  margin-top: 15px !important; }

nav.navbar.sunfw-menu-head {
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  border: none;
  margin-bottom: 0; }
  nav.navbar.sunfw-menu-head .navbar-collapse {
    padding: 0; }
  nav.navbar.sunfw-menu-head ul.navbar-nav > li {
    transition: 0.3s ease-in-out;
    padding-top: 0;
    padding-bottom: 0; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent span.caret {
      margin-left: 8px; }
      .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent span.caret {
        margin-right: 8px;
        margin-left: inherit; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent:hover > a {
      border-radius: 3px 3px 0 0; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret {
      display: inline-block;
      float: right;
      position: absolute;
      right: 30px; }
      .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret {
        left: 30px;
        right: auto; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a {
      padding: 20px 10px;
      font-weight: 500; }
      nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header > span:not(.caret), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a > span:not(.caret) {
        display: inline-block;
        vertical-align: top; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li a {
      line-height: 21px;
      color: #263342; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a, nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:focus {
      background-color: transparent;
      box-shadow: none; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:hover {
      background-color: transparent; }
    nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:hover, nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:focus, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:hover, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:focus {
      background-color: #F8F8F8; }
  nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu {
    border-radius: 0;
    z-index: 999; }
    nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li {
      padding: 0; }
      nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a {
        padding: 12px 10px 12px 15px; }
        nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a:hover {
          background: #f3f3f3; }
      nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li:last-child {
        border-bottom: none; }
  nav.navbar.sunfw-menu-head ul.navbar-nav li.alias-parent-active > a, nav.navbar.sunfw-menu-head ul.navbar-nav li.active > a {
    color: #9b9b9b; }

.megamenu.full-width ul.sunfw-megamenu-sub-menu ul {
  width: 100% !important; }

.dropdown-menu {
  box-shadow: none;
  border: none; }

.icons .dropdown-menu {
  border: 1px solid #d1d6de;
  border-radius: 0; }

/* ===== MOBILE MENU ===== */
@media (max-width: 991px) {
  .col-menu {
    padding-left: 0;
    padding-right: 0; }

  .sunfw-menu-head .navbar-header {
    border-top: 1px solid #e5e5e5;
    float: none; }
    .sunfw-menu-head .navbar-header button.navbar-toggle {
      background: transparent;
      margin: 0;
      padding: 23px 20px 21px 20px;
      display: block;
      float: left;
      outline: none; }
      .sunfw-direction-rtl .sunfw-menu-head .navbar-header button.navbar-toggle {
        float: right; }
      .sunfw-menu-head .navbar-header button.navbar-toggle i {
        width: 15px;
        height: 15px;
        display: block;
        color: #fff; }
      .sunfw-menu-head .navbar-header button.navbar-toggle:hover, .sunfw-menu-head .navbar-header button.navbar-toggle:focus {
        background: transparent; }

  .navbar-collapse.collapse {
    display: none !important; }
    .navbar-collapse.collapse.in {
      display: block !important; }

  .sunfw-menu {
    position: relative;
    z-index: 999; }

  ul.sunfw-tpl-menu.navbar-nav {
    background: #FFF;
    margin: 0;
    float: none !important; }
  ul.sunfw-tpl-menu > li > a:not(.get-it) {
    border-bottom: 1px solid #E7EAEE;
    background: #F9F9F9 !important; }
  ul.sunfw-tpl-menu > li a {
    padding: 16px 25px !important; }
    ul.sunfw-tpl-menu > li a.dropdown-toggle {
      position: relative; }
  ul.sunfw-tpl-menu > li ul {
    background: #FFF;
    padding: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: none !important;
    position: relative !important; }
    ul.sunfw-tpl-menu > li ul ul {
      padding: 0 20px; }
    ul.sunfw-tpl-menu > li ul.menuShow {
      float: none;
      display: block !important;
      width: 100%; }
    ul.sunfw-tpl-menu > li ul li {
      padding-left: 20px; }
      ul.sunfw-tpl-menu > li ul li a {
        padding: 10px 25px 10px !important; }
      ul.sunfw-tpl-menu > li ul li:first-child a {
        padding-top: 20px !important; }
      ul.sunfw-tpl-menu > li ul li:last-child a {
        padding-bottom: 20px !important; }
  ul.sunfw-tpl-menu li {
    display: block;
    width: 100%; }

  .sunfw-sticky.sunfw-sticky-open .sunfw-menu ul.sunfw-tpl-menu.navbar-nav {
    max-height: 480px; }

  .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: transparent; }

  #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a:hover, #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a:focus, #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a.current, ul.sunfw-megamenu-sub-menu li a:hover, ul.sunfw-megamenu-sub-menu li a:focus, ul.sunfw-megamenu-sub-menu li a.current {
    background-color: transparent; }

  .sunfw-menu ul.dropdown-menu, ul.sunfw-megamenu-sub-menu ul {
    width: 100% !important; }

  .jsn-top-promo form .btn.btn-default {
    padding: 0 15px; }

  body.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
    right: 0 !important; } }
@media (min-width: 992px) {
  ul.sunfw-tpl-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap; }
    ul.sunfw-tpl-menu > li a {
      background: transparent !important; }
    ul.sunfw-tpl-menu > li.dropdown-submenu ul {
      padding: 0;
      box-shadow: 0 5px 17px rgba(0, 0, 0, 0.075);
      margin: 0;
      position: absolute;
      width: 200px;
      left: auto;
      display: none;
      list-style: none;
      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 {
        position: relative;
        border-bottom: 1px solid #e5e5e5; }
        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 {
          position: relative; }
        ul.sunfw-tpl-menu > li.dropdown-submenu ul li:last-child {
          border: none; }
          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 ul li.parent a span.caret {
      border: none; }
      ul.sunfw-tpl-menu ul li.parent a span.caret:before {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 14px;
        line-height: 1; }

  .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 .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: 5px;
        border-right: 4px dashed;
        border-left: 0; }
        .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu .caret {
          right: 5px;
          left: auto; }
  ul.sunfw-tpl-menu .sunfw-submenu-flipback > ul.sunfw-megamenu-sub-menu {
    right: 0 !important; }
  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); }

  .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul li:hover > ul {
    left: 100% !important;
    right: auto !important; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback > ul.sunfw-megamenu-sub-menu {
    left: 0 !important;
    right: auto !important; }
  .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu.sunfw-submenu-flipback li.dropdown-submenu .caret {
    right: 5px;
    left: auto;
    border-left: 4px dashed;
    border-right: none; } }
@media (max-width: 991px) {
  nav.navbar.sunfw-menu-head ul.navbar-nav > li > a {
    border-radius: 0 !important;
    padding-left: 12px;
    padding-right: 12px; } }
/* ===== ANIMATION MENU ===== */
@media (min-width: 992px) {
  .sunfwMenuFading .sunfw-megamenu-sub-menu, .sunfwMenuFading .dropdown-menu, .sunfwMenuSlide .sunfw-megamenu-sub-menu, .sunfwMenuSlide .dropdown-menu {
    display: none; }

  .sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu ul {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s !important; }
  .sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu:hover > ul {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.3s !important; }
  .sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu ul li > ul {
    top: 0;
    left: 100%; }
  .sunfwMenuFading ul.sunfw-tpl-menu li.megamenu > ul {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s !important; }
  .sunfwMenuFading ul.sunfw-tpl-menu li.megamenu:hover > ul {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.3s !important; }

  .sunfwMenuNoneEffect ul.sunfw-tpl-menu > li > ul {
    display: none; }
  .sunfwMenuNoneEffect ul.sunfw-tpl-menu > li:hover > ul {
    display: block; } }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background: transparent; }

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.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.megamenu ul.sunfw-megamenu-sub-menu {
  position: absolute;
  padding: 0;
  border: 1px solid #D1D6DE;
  width: 100%;
  z-index: 999; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu {
    padding: 17px 15px 22px; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3 {
    clear: both;
    color: #363636;
    background: #fff;
    font-size: 14px;
    margin-top: 0;
    padding: 10px 15px 4px;
    margin-bottom: 0;
    text-transform: uppercase; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li {
    padding: 0;
    list-style: none; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li ul {
      opacity: 0;
      position: absolute;
      width: 100%;
      display: none;
      left: 100%;
      top: 0;
      list-style: none;
      background: #fff;
      border: 1px solid #D1D6DE;
      padding: 0; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li:hover ul {
      opacity: 1;
      display: block;
      z-index: 9; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li a {
      padding: 8px 15px 7px; }
  ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret {
    right: 5px; }
    .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret {
      left: 5px;
      right: auto; }
  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 ul {
    max-width: 100%; }
  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; }
    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 {
      position: absolute;
      width: 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; }
      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 a:hover {
    background: transparent; }

@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 (max-width: 991px) {
  ul.sunfw-tpl-menu > li.megamenu {
    position: relative; }
    ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu {
      width: 100% !important;
      border: none; }
      ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer ul .menuShow {
        border: none;
        padding: 0 15px;
        background: transparent;
        display: block !important;
        left: 0 !important;
        opacity: 1; }
    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; }
      ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul.unstyled {
        display: none !important; }
    ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu h3 {
      margin-top: 0;
      padding: 10px 15px; }
  ul.sunfw-tpl-menu li:last-child {
    border-bottom: none; }
  ul.sunfw-tpl-menu .caret {
    border: none;
    width: 48px;
    top: 0;
    position: absolute;
    right: 0;
    height: 100%;
    text-align: center;
    margin-top: 0;
    background: #F6F6F6; }
    .sunfw-direction-rtl ul.sunfw-tpl-menu .caret {
      left: 0;
      right: auto; }
    ul.sunfw-tpl-menu .caret:before {
      content: "\f105";
      font-family: "FontAwesome";
      color: #4E6176;
      font-size: 20px;
      vertical-align: middle;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      display: block; }
    ul.sunfw-tpl-menu .caret.open:before {
      content: "\f107" !important; }

  .sunfw-menu-head.navbar-default .navbar-nav > li > a {
    padding: 10px 15px; }

  .sunfw-direction-rtl ul.sunfw-tpl-menu .caret:before {
    content: "\f104"; } }
.items-border > li {
  border-bottom: 1px solid #E7EAEE; }

.image-auto img {
  width: auto !important;
  height: auto !important;
  margin: auto; }

.banner-extensions .ext-video {
  max-width: 100%; }

@media (max-width: 991px) {
  [id*='jsn-thememasonry-container'] .jsn-is-msnry-grid {
    width: 100% !important; } }
@media (min-width: 992px) and (max-width: 991px) {
  .jsn-is-msnry-grid {
    margin: 0 auto; } }
.mod-jsn-ajaxsearch-searchword.loading,
.jsn-lc-filteredproduct-ajaxsearch-searchword.loading {
  background-image: url("../../images/icons/search-loading.gif");
  background-repeat: no-repeat; }

.mod-jsn-ajaxsearch-searchword {
  background-position: 96% 56%; }

.jsn-lc-filteredproduct-ajaxsearch-searchword {
  background-position: 90% 56%; }

#mod-jsn-ajaxsearch-result {
  max-height: 625px;
  overflow: auto;
  background: #FFF;
  padding: 0;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.12); }
  #mod-jsn-ajaxsearch-result:empty {
    padding: 0; }
  #mod-jsn-ajaxsearch-result .result-text {
    padding: 5px 0; }
  #mod-jsn-ajaxsearch-result .result-title {
    padding: 10px 0;
    border-bottom: 1px solid #ececec; }
    #mod-jsn-ajaxsearch-result .result-title:first-child {
      padding-top: 15px;
      border-top: 1px solid #ececec; }
  #mod-jsn-ajaxsearch-result ul.search-results {
    padding-bottom: 50px; }
  #mod-jsn-ajaxsearch-result .no-result {
    margin-bottom: 0; }
  #mod-jsn-ajaxsearch-result .result-created {
    display: none; }
  #mod-jsn-ajaxsearch-result .mod-jsn-ajaxsearch-results-footer {
    left: 15px;
    right: 15px;
    bottom: 0;
    position: absolute;
    text-align: center; }
    #mod-jsn-ajaxsearch-result .mod-jsn-ajaxsearch-results-footer a {
      width: 100%;
      background: #fff;
      padding: 13px 0;
      display: block;
      font-weight: 500;
      border-top: 1px solid #e1e1e1; }

.search .search-results {
  padding-top: 10px; }
  .search .search-results li > div {
    padding: 10px 0; }
.search label.radio,
.search label.checkbox {
  padding-left: 20px; }

.search-results {
  list-style: none;
  margin: 0;
  padding: 0; }
  .search-results li.selected {
    background: #ececec; }
  .search-results li > div {
    padding: 0 20px; }
  .search-results li a {
    padding: 0;
    font-weight: 500; }

.jsn-lc-list-product .thumbnail {
  padding: 0;
  border: 1px solid #ECECEC;
  background: #FAFAFA;
  margin-bottom: 28px;
  position: relative; }
  .jsn-lc-list-product .thumbnail .media {
    background: #fafafa;
    margin-top: 0;
    height: 400px;
    overflow: hidden;
    position: relative; }
    .jsn-lc-list-product .thumbnail .media a {
      display: block;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 48px;
      z-index: 5;
      position: relative; }
      .jsn-lc-list-product .thumbnail .media a > img {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
  .jsn-lc-list-product .thumbnail .caption {
    background: #FFF;
    color: #5E7081;
    text-align: center;
    padding: 25px 20px 30px;
    border-top: 1px solid #ECECEC; }
    .jsn-lc-list-product .thumbnail .caption h2 {
      margin: 0 0 8px 0;
      font-size: 18px;
      font-weight: 500; }
    .jsn-lc-list-product .thumbnail .caption h3 {
      margin: 0 0 8px 0;
      font-size: 18px;
      font-weight: 500; }
    .jsn-lc-list-product .thumbnail .caption p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 315px;
      margin: 0; }
    .jsn-lc-list-product .thumbnail .caption .caption-container {
      padding: 15px;
      background: #f6f6f6;
      position: relative; }
      .jsn-lc-list-product .thumbnail .caption .caption-container .product-fields {
        position: absolute;
        right: 15px;
        top: 15px; }
      .jsn-lc-list-product .thumbnail .caption .caption-container .field-item {
        font-size: 10px;
        padding: 3px 5px;
        font-weight: bold;
        text-transform: uppercase;
        background: #f5a623;
        border-radius: 3px;
        color: #fff;
        margin: 0px 0px -3px 7px;
        float: left; }
        .jsn-lc-list-product .thumbnail .caption .caption-container .field-item.joomla-3 {
          background: #8655A8;
          text-transform: none;
          padding: 2.5px 5px; }
          .jsn-lc-list-product .thumbnail .caption .caption-container .field-item.joomla-3 .field-value:before {
            font-family: FontAwesome;
            content: '\f1aa';
            margin-right: 5px; }
      .jsn-lc-list-product .thumbnail .caption .caption-container .short-description {
        color: #636e74;
        font-size: 12px;
        font-weight: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        margin-top: 5px; }
    .jsn-lc-list-product .thumbnail .caption .product-info {
      padding: 20px 30px;
      font-size: 12px;
      color: #67707B;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .jsn-lc-list-product .thumbnail .caption .product-info:after {
        content: '';
        display: table;
        clear: both; }
      .jsn-lc-list-product .thumbnail .caption .product-info > div.product-version {
        float: left; }
      .jsn-lc-list-product .thumbnail .caption .product-info > div.last-updated {
        float: right; }
      .jsn-lc-list-product .thumbnail .caption .product-info > div > span {
        font-weight: bold; }
.jsn-lc-list-product .jsnlc-filteredproduct-btn-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all ease .3s;
  background: rgba(0, 0, 0, 0.8); }
  .jsn-lc-list-product .jsnlc-filteredproduct-btn-container > a.btn {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    margin: 0px 5px;
    font-size: 14px; }
.jsn-lc-list-product .media:hover .jsnlc-filteredproduct-btn-container {
  opacity: 1; }

#jsn-lc-list-product-container.jsn-lc-list-product .thumbnail .caption {
  padding: 0;
  text-align: left; }

.jsn-lc-filteredproduct-tags {
  padding-bottom: 0;
  border: none; }
  .jsn-lc-filteredproduct-tags #jsnlc-filteredproduct-tab {
    border: none;
    display: flex;
    justify-content: flex-end; }
    .jsn-lc-filteredproduct-tags #jsnlc-filteredproduct-tab li a {
      border: solid 1px #ececec;
      padding: 10px 15px;
      font-size: 14px;
      font-weight: bold;
      margin: 0 0 0 10px;
      background: transparent;
      color: #303841;
      text-decoration: none; }
    .jsn-lc-filteredproduct-tags #jsnlc-filteredproduct-tab li:hover a {
      background-color: #fff4e1;
      border: solid 1px #eb9b16;
      color: #f5a623; }
    .jsn-lc-filteredproduct-tags #jsnlc-filteredproduct-tab li.active a {
      background: #f5a623;
      border: solid 1px #f5a623;
      color: #fff;
      font-weight: bold; }
  .jsn-lc-filteredproduct-tags .tab-content .tab-pane {
    padding: 10px 15px;
    border: 1px solid #ececec; }

.tags {
  margin: 0 -10px; }
  .tags a.btn {
    background-color: #f7f6f2;
    border: solid 1px #e1e1e1;
    font-size: 14px;
    color: #636e7b;
    line-height: 1;
    padding: 11px 20px;
    margin: 5px;
    display: inline-block; }
    .tags a.btn:hover {
      color: #303841;
      background-color: #e1e1e1;
      border-color: #9c9b9b; }

/* ============ Template & Extension Detail ============ */
.template-head {
  background: #303841;
  padding: 30px 0 0; }
  .template-head ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important; }
    .template-head ul li {
      line-height: 30px;
      display: inline-block;
      border-right: 1px solid #e1e1e1; }
  .template-head .container .row {
    display: flex; }
  @media (min-width: 992px) {
    .template-head {
      padding: 80px 0 0; }
      .template-head .container .row .layout-text {
        display: flex;
        flex-direction: column;
        justify-content: center; }
      .template-head .container .row .layout-image {
        max-height: 590px;
        overflow: hidden; }
      .template-head .title {
        margin: 0; }
      .template-head ul li {
        line-height: 60px; } }
  .template-head .title {
    color: #FFF;
    line-height: 1; }
  .template-head .sub-title {
    color: #FFF;
    font-size: 18px;
    margin: 10px 0 15px;
    font-weight: normal; }
  .template-head p {
    color: #9b9b9b; }
    .template-head p.info {
      font-size: 14px;
      color: #76848d;
      margin-top: 15px; }
      .template-head p.info i {
        margin-right: 8px; }
  .template-head .btn-groups {
    margin: 30px 0 5px; }
    .template-head .btn-groups .btn {
      margin-right: 10px; }
      .template-head .btn-groups .btn:last-child {
        margin-right: 0; }
  .template-head.extension > .container {
    padding-bottom: 30px; }
    @media (min-width: 992px) {
      .template-head.extension > .container {
        padding-bottom: 50px; }
        .template-head.extension > .container .row {
          align-items: center; }
        .template-head.extension > .container iframe {
          width: 100%;
          height: 370px; } }
  .template-head.tpl .layout-image .jsn-lc-slides {
    background: #5F6B7A;
    height: 100%;
    padding-top: 47px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    overflow: hidden; }
    .template-head.tpl .layout-image .jsn-lc-slides .owl-stage-outer {
      z-index: 11;
      overflow: visible; }
    .template-head.tpl .layout-image .jsn-lc-slides .owl-item .item .mark {
      background: transparent;
      left: 15px;
      line-height: 20px;
      right: 50%;
      position: absolute;
      top: -35px; }
      .template-head.tpl .layout-image .jsn-lc-slides .owl-item .item .mark p {
        color: #FFF;
        text-transform: capitalize;
        font-weight: 500;
        letter-spacing: 0.3px; }
    .template-head.tpl .layout-image .jsn-lc-slides .owl-nav {
      display: none; }
    .template-head.tpl .layout-image .jsn-lc-slides .owl-dots {
      position: absolute;
      top: -48px;
      width: 100%;
      height: 48px;
      left: 0;
      right: 0;
      padding-right: 20px;
      background-color: #050708;
      border-radius: 5px 5px 0 0;
      z-index: 10;
      display: block;
      text-align: right; }
      .template-head.tpl .layout-image .jsn-lc-slides .owl-dots .owl-dot {
        float: none;
        display: inline-block;
        margin: 0 3px;
        position: relative;
        top: 15px; }
        .template-head.tpl .layout-image .jsn-lc-slides .owl-dots .owl-dot.active span {
          opacity: 1; }
        .template-head.tpl .layout-image .jsn-lc-slides .owl-dots .owl-dot span {
          font-size: 0;
          width: 12px;
          height: 12px;
          border-radius: 100%;
          display: block;
          background-color: #D8D8D8;
          opacity: 0.2;
          transition: 0.3s; }
    .template-head.tpl .layout-image .jsn-lc-slides .media .btn-demo {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      text-align: center;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: all ease .3s;
      background: rgba(0, 0, 0, 0.8); }
      .template-head.tpl .layout-image .jsn-lc-slides .media .btn-demo > .btn {
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
        margin: -150px 5px 0; }
    .template-head.tpl .layout-image .jsn-lc-slides .media:hover .btn-demo {
      opacity: 1; }
  .template-head.tpl .layout-image .jsn-lc-thumb-image {
    position: relative; }
    .template-head.tpl .layout-image .jsn-lc-thumb-image .btn-demo {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      text-align: center;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: all ease .3s;
      background: rgba(0, 0, 0, 0.2); }
      .template-head.tpl .layout-image .jsn-lc-thumb-image .btn-demo > .btn {
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
        margin: -80px 5px 0; }
    .template-head.tpl .layout-image .jsn-lc-thumb-image:hover .btn-demo {
      opacity: 1; }
  .template-head .bottom {
    background: #f7f6f2;
    box-shadow: 0 1px 0 0 #e1e1e1;
    font-size: 14px; }
    .template-head .bottom .about-version {
      color: #263342; }
      .template-head .bottom .about-version li > span {
        font-weight: 500; }
      .template-head .bottom .about-version li:last-child {
        border: none; }
      .template-head .bottom .about-version li:first-child {
        padding-right: 25px;
        margin-right: 25px; }
      .template-head .bottom .about-version a {
        color: #f5a623;
        position: relative;
        display: inline-block;
        overflow: visible; }
    .template-head .bottom .bt-right {
      text-align: right; }
      .template-head .bottom .bt-right ul {
        font-size: 0; }
      .template-head .bottom .bt-right li:first-child {
        border-left: 1px solid #e1e1e1; }
      .template-head .bottom .bt-right a {
        color: #f5a623;
        font-weight: bold;
        padding: 0 25px;
        font-size: 14px;
        display: block; }
        .template-head .bottom .bt-right a i {
          padding-right: 5px; }
        .template-head .bottom .bt-right a:hover {
          background: #fef7e4; }
  .template-head .tags {
    margin: 18px -3px 10px; }
    .template-head .tags span {
      color: #cfcfcf;
      font-size: 14px;
      border-radius: 3px;
      background-color: rgba(255, 255, 255, 0.1);
      display: inline-block;
      margin: 3px;
      padding: 3px 10px 2px; }

.template-features {
  padding: 40px 0; }
  .template-features .main-title {
    text-align: center; }
    .template-features .main-title:before {
      margin: 0 auto;
      right: 0; }
  .template-features .thumbnail {
    border: none;
    padding: 0;
    text-align: center; }
    @media (min-width: 992px) {
      .template-features .thumbnail .media {
        min-height: 180px; } }
    .template-features .thumbnail .caption {
      padding: 18px 0 0;
      color: #5E7081; }
      .template-features .thumbnail .caption h3 {
        margin: 0 0 5px;
        font-size: 18px;
        font-weight: 500; }
        .template-features .thumbnail .caption h3:first-letter {
          text-transform: uppercase; }
      .template-features .thumbnail .caption p {
        line-height: 1.5; }
  .template-features.ext .thumbnail {
    text-align: left; }
    .template-features.ext .thumbnail .media {
      min-height: 150px;
      background: #f7f6f2;
      border: 1px solid #ECECEC;
      border-radius: 3px; }
  @media (min-width: 992px) {
    .template-features.ext .thumbnail .media {
      min-height: 313px; } }
  .template-features .jsn-lc-primary-features .zigzag,
  .template-features .jsn-lc-secondary-features .zigzag {
    padding: 45px 0; }
    .template-features .jsn-lc-primary-features .zigzag:first-child,
    .template-features .jsn-lc-secondary-features .zigzag:first-child {
      padding-top: 0; }
    .template-features .jsn-lc-primary-features .zigzag:nth-child(2n+2),
    .template-features .jsn-lc-secondary-features .zigzag:nth-child(2n+2) {
      background: #f9f8f5; }
    .template-features .jsn-lc-primary-features .zigzag .row,
    .template-features .jsn-lc-secondary-features .zigzag .row {
      display: flex;
      align-items: center; }
    .template-features .jsn-lc-primary-features .zigzag .thumbnail,
    .template-features .jsn-lc-secondary-features .zigzag .thumbnail {
      background: transparent;
      margin: 0; }
    .template-features .jsn-lc-primary-features .zigzag .caption h3,
    .template-features .jsn-lc-secondary-features .zigzag .caption h3 {
      margin-top: 0; }
    @media (max-width: 767px) {
      .template-features .jsn-lc-primary-features .zigzag .row,
      .template-features .jsn-lc-secondary-features .zigzag .row {
        flex-direction: column; }
      .template-features .jsn-lc-primary-features .zigzag:nth-child(2n+1) .row,
      .template-features .jsn-lc-secondary-features .zigzag:nth-child(2n+1) .row {
        flex-direction: column-reverse; }
      .template-features .jsn-lc-primary-features .zigzag .thumbnail,
      .template-features .jsn-lc-secondary-features .zigzag .thumbnail {
        margin-bottom: 30px; } }
  .template-features .jsn-lc-secondary-features .zigzag:last-child {
    padding-bottom: 0; }

.jsn-lc-niche .thumbnail .media {
  position: relative; }
  .jsn-lc-niche .thumbnail .media .btn-demo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all ease .3s;
    background: rgba(0, 0, 0, 0.8); }
    .jsn-lc-niche .thumbnail .media .btn-demo > .btn {
      height: 35px;
      line-height: 35px;
      padding: 0 15px;
      margin: 0px 5px; }
  .jsn-lc-niche .thumbnail .media:hover .btn-demo {
    opacity: 1; }

.sunfw-features {
  background: #f7f6f2;
  padding: 20px 0;
  text-align: center; }
  .sunfw-features .list-items {
    margin: 30px -15px; }
    .sunfw-features .list-items .media img {
      display: inline-block;
      height: 55px;
      vertical-align: bottom; }
    .sunfw-features .list-items h3 {
      font-size: 16px;
      font-weight: 500;
      margin-top: 18px; }
    .sunfw-features .list-items .desc {
      color: #343541; }
  @media (min-width: 992px) {
    .sunfw-features {
      padding: 45px 0 30px; } }

.template-review {
  background-image: linear-gradient(to top, #ffffff, #ecf7ee);
  padding: 60px 0; }
  .template-review.free-review > div {
    margin: 0 auto;
    max-width: 500px;
    text-align: center; }
    .template-review.free-review > div .quote .jsncontentclips .jsn_introtext {
      padding-bottom: 15px; }
    .template-review.free-review > div .quote .jsncontentclips .jsn_3 {
      float: none;
      margin: 0 auto 5px; }
    .template-review.free-review > div .quote .jsncontentclips .jsn_4 .jsncontentclips_content {
      padding: 0; }
      .template-review.free-review > div .quote .jsncontentclips .jsn_4 .jsncontentclips_content:before {
        display: none; }
  .template-review .day-money .cl-left {
    text-align: center;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(136.14deg, #B4EC51 0%, #54B22E 100%); }
  .template-review .day-money .content-right {
    flex-basis: 60%;
    padding: 18px 24px 8px 23px;
    border: 1px solid #64BB21;
    border-radius: 0 3px 3px 0;
    background-color: #F0F8EB; }
    .template-review .day-money .content-right span {
      font-size: 10px;
      font-weight: bold;
      color: #64BB21;
      margin-top: 10px;
      line-height: 11px;
      display: block;
      letter-spacing: 2px; }
  @media (min-width: 992px) {
    .template-review .day-money {
      display: flex; }
      .template-review .day-money .cl-left {
        flex-basis: 40%;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center; } }

.multiple-niche {
  padding: 40px 0 10px;
  background: #303841; }
  .multiple-niche .main-title h2 {
    color: #FFF; }
  .multiple-niche .thumbnail {
    background: transparent;
    padding: 0;
    border: none;
    transition: 0.3s; }
    .multiple-niche .thumbnail:hover {
      -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      transform: translateY(-4px); }
    .multiple-niche .thumbnail h3 {
      text-align: center;
      margin: 0; }
      .multiple-niche .thumbnail h3 a {
        color: #fafafa;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        display: block;
        padding: 15px 0; }
        .multiple-niche .thumbnail h3 a:hover {
          color: #f5a623; }

.template-showcase {
  padding-top: 40px;
  text-align: center; }
  .template-showcase:empty {
    padding: 0 !important; }
  .template-showcase .item .thumbnail {
    padding: 0;
    margin: 0; }
    .template-showcase .item .thumbnail .media {
      min-height: 220px;
      background: #fafafa;
      position: relative; }
    .template-showcase .item .thumbnail .caption {
      padding: 9px 9px 0 9px; }
      .template-showcase .item .thumbnail .caption h3 {
        font-size: 14px;
        margin: 5px 0 0;
        color: #636e7b;
        font-weight: normal; }
  .template-showcase .owl-dots {
    display: none; }
  .template-showcase .owl-nav .owl-next, .template-showcase .owl-nav .owl-prev {
    position: absolute;
    font-size: 0;
    text-align: center;
    top: 40%;
    width: 43px;
    height: 43px;
    background-color: #72757A;
    opacity: 0.5;
    border-radius: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .template-showcase .owl-nav .owl-next:before, .template-showcase .owl-nav .owl-prev:before {
      font-size: 14px;
      color: #fff;
      line-height: 43px;
      font-family: FontAwesome; }
  .template-showcase .owl-nav .owl-prev {
    left: 10px; }
    .template-showcase .owl-nav .owl-prev:before {
      content: "\f0d9"; }
  .template-showcase .owl-nav .owl-next {
    right: 10px; }
    .template-showcase .owl-nav .owl-next:before {
      content: "\f0da";
      position: relative;
      right: -1px; }

@media (min-width: 1000px) {
  .jsn-lc-showcases.item-5 .owl-stage, .jsn-lc-showcases.item-4 .owl-stage, .jsn-lc-showcases.item-3 .owl-stage {
    width: 100% !important;
    text-align: center; }
    .jsn-lc-showcases.item-5 .owl-stage .owl-item, .jsn-lc-showcases.item-4 .owl-stage .owl-item, .jsn-lc-showcases.item-3 .owl-stage .owl-item {
      display: inline-block;
      float: none; } }
@media (min-width: 600px) {
  .jsn-lc-showcases.item-3 .owl-stage {
    width: 100% !important;
    text-align: center; }
    .jsn-lc-showcases.item-3 .owl-stage .owl-item {
      display: inline-block;
      float: none; } }
.shine-faq {
  padding: 30px 0 60px; }
  .shine-faq h3 {
    font-size: 32px; }
  .shine-faq ul {
    list-style: none;
    padding-left: 0; }
  .shine-faq p {
    cursor: default; }
  .shine-faq .jsncontentclips .panel {
    border-width: 1px 1px 0 1px;
    border-radius: 0; }
    .shine-faq .jsncontentclips .panel:last-child {
      border-width: 1px; }
  .shine-faq .jsncontentclips .panel-heading {
    background-color: #fafafa;
    padding: 18px 15px 17px;
    border-width: 1px 1px 0 1px; }
    .shine-faq .jsncontentclips .panel-heading a.collapsed:before {
      content: "\f0da"; }
    .shine-faq .jsncontentclips .panel-heading a:before {
      content: "\f0d7";
      font-family: FontAwesome;
      display: inline-block;
      width: 20px;
      padding-right: 10px; }
  .shine-faq .jsncontentclips .list-group .list-group-item {
    padding: 15px 20px; }
  .shine-faq .jsncontentclips .panel-title {
    font-weight: 500;
    color: #263342; }
  .shine-faq .jsncontentclips .panel-group .panel + .panel {
    margin: 0; }

/* ============ Customers Testimonials ============ */
body.jsn-testimonials .blogjsn-testimonials {
  padding: 30px 0;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em; }
  body.jsn-testimonials .blogjsn-testimonials > div {
    display: inline-block;
    margin: 5px 0;
    padding: 0 15px;
    float: none;
    width: 100%;
    background: #f1f3f5; }
  body.jsn-testimonials .blogjsn-testimonials .item {
    box-shadow: none; }
    body.jsn-testimonials .blogjsn-testimonials .item .entry-content {
      padding: 0; }
  body.jsn-testimonials .blogjsn-testimonials .entry-content {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column; }
    body.jsn-testimonials .blogjsn-testimonials .entry-content .fields-container {
      order: 3;
      padding-top: 10px; }
    body.jsn-testimonials .blogjsn-testimonials .entry-content .field-entry:first-child {
      float: left;
      padding-right: 15px; }
  body.jsn-testimonials .blogjsn-testimonials .page-header h2 {
    margin: 25px 0 10px;
    font-size: 18px; }
  body.jsn-testimonials .blogjsn-testimonials .field-entry .field-label {
    display: none; }

/* ============ jsn-promo-menu ============ */
.jsn-promo-menu {
  background: #303841; }
  .jsn-promo-menu ul {
    max-width: 1140px;
    margin: 0 auto; }
    .jsn-promo-menu ul li {
      display: inline-block; }
      .jsn-promo-menu ul li a {
        color: #fff;
        font-size: 15px;
        line-height: 18px;
        padding: 26px 15px; }
        .jsn-promo-menu ul li a:hover, .jsn-promo-menu ul li a:active, .jsn-promo-menu ul li a:focus {
          background: #020303;
          color: #f5a623; }
      .jsn-promo-menu ul li.active a {
        background: #020303;
        color: #FFF;
        font-weight: bold; }
        .jsn-promo-menu ul li.active a:hover {
          background: #020303;
          color: #FFF !important;
          text-decoration: none; }
  .jsn-promo-menu ul.nav[class*='customer-menu'] > li:last-child {
    float: right; }

/* ============ Document ============ */
.jsn-ld-category-list {
  padding-bottom: 40px; }
  .jsn-ld-category-list a:hover {
    color: #f5a623; }
  .jsn-ld-category-list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .jsn-ld-category-list ul a {
      line-height: 16px;
      display: block;
      padding: 16px 0 16px 16px; }
  .jsn-ld-category-list ul.parent > li {
    border-radius: 3px;
    position: relative; }
    .jsn-ld-category-list ul.parent > li span {
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .jsn-ld-category-list ul.parent > li:hover > span {
      border-left: 1px solid #f5a623; }
    .jsn-ld-category-list ul.parent > li > a {
      position: relative;
      border: 1px solid #ECECEC; }
      .jsn-ld-category-list ul.parent > li > a:hover {
        border: 1px solid #f5a623; }
    .jsn-ld-category-list ul.parent > li span {
      background-color: #FAFAFA;
      position: absolute;
      width: 48px;
      line-height: 48px;
      height: 100%;
      font-size: 12px;
      text-align: center;
      right: 0;
      top: 0;
      cursor: pointer;
      color: #CFCFCF;
      border: 1px solid #ECECEC; }
      .jsn-ld-category-list ul.parent > li span:hover {
        color: #f5a623;
        border: 1px solid #f5a623;
        border-radius: 0 3px 3px 0;
        background-color: #FEF0E4; }
    .jsn-ld-category-list ul.parent > li.active:before {
      background: linear-gradient(180deg, rgba(184, 184, 184, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      height: 10px;
      width: 100%;
      position: absolute;
      bottom: -10px;
      left: 0;
      z-index: 10; }
    .jsn-ld-category-list ul.parent > li.active > ul.children {
      visibility: visible;
      opacity: 1;
      z-index: 90;
      transition: 0.5s; }
    .jsn-ld-category-list ul.parent > li ul.children {
      background: #FFF;
      border-width: 0 1px 1px 1px;
      border-style: solid;
      border-color: #ECECEC;
      display: block !important;
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 100%;
      left: -1px;
      right: -1px;
      padding: 0 16px;
      box-shadow: 0px -1px 5px rgba(150, 141, 141, 0.2);
      z-index: -1; }
      .jsn-ld-category-list ul.parent > li ul.children li {
        border-bottom: 1px solid #ECECEC;
        position: relative; }
        .jsn-ld-category-list ul.parent > li ul.children li:first-child {
          margin-top: 5px; }
        .jsn-ld-category-list ul.parent > li ul.children li:last-child {
          border: none; }
        .jsn-ld-category-list ul.parent > li ul.children li:after {
          content: "\f111";
          font-family: FontAwesome;
          font-size: 5px;
          position: absolute;
          left: 8px;
          top: 20px; }
        .jsn-ld-category-list ul.parent > li ul.children li a {
          padding-left: 25px; }
  .jsn-ld-category-list .jsn-ld-letters {
    text-align: center;
    padding: 10px 0 20px; }
    .jsn-ld-category-list .jsn-ld-letters a {
      padding: 0 15px;
      position: relative; }
      .jsn-ld-category-list .jsn-ld-letters a.disabled {
        color: #d4d4d4;
        cursor: default; }
      .jsn-ld-category-list .jsn-ld-letters a:after {
        content: "";
        position: absolute;
        background: #d4d4d4;
        width: 1px;
        top: 5px;
        right: 0;
        height: 10px; }
      .jsn-ld-category-list .jsn-ld-letters a:first-child {
        padding-left: 0;
        font-weight: 500; }
      .jsn-ld-category-list .jsn-ld-letters a:last-child {
        padding-right: 0; }
        .jsn-ld-category-list .jsn-ld-letters a:last-child:after {
          display: none; }
  .jsn-ld-category-list .category-item {
    margin: 14px 0; }

#documentations #extension-docs {
  position: relative; }
  #documentations #extension-docs .jsn-ld-category-list {
    padding-bottom: 70px; }
  #documentations #extension-docs .col-xs-12:after {
    position: absolute;
    width: auto;
    height: 1px;
    content: " ";
    background: #e1e1e1;
    left: -100%;
    right: -100%; }
#documentations #template-docs {
  padding-top: 35px; }

/* ==========================================================================
   Thank You
   ========================================================================== */
.page-thank-you {
  padding: 80px 0; }
  .page-thank-you .header-thank-you {
    text-align: center;
    position: relative; }
    .page-thank-you .header-thank-you:before {
      content: "";
      background-image: url("http://joomlashine.com/media/joomlashine/thank-you/bg-left.png");
      background-repeat: no-repeat;
      position: absolute;
      display: block;
      width: 330px;
      height: 318px;
      bottom: -180px;
      left: 0; }
    .page-thank-you .header-thank-you:after {
      content: "";
      background-image: url("http://joomlashine.com/media/joomlashine/thank-you/bg-right.png");
      background-repeat: no-repeat;
      position: absolute;
      display: block;
      width: 330px;
      height: 318px;
      bottom: -180px;
      right: 0; }
    .page-thank-you .header-thank-you img {
      margin: 0 auto;
      display: block !important; }
  .page-thank-you .content-thank-you {
    padding-top: 30px;
    text-align: center; }
    .page-thank-you .content-thank-you h2 {
      font-size: 32px;
      line-height: 38px; }
    .page-thank-you .content-thank-you .content {
      max-width: 390px;
      margin: 0 auto; }
  .page-thank-you #jsn-lc-order-details {
    border: 1px solid #ECECEC;
    border-radius: 5px 5px 0 0;
    background: #FFF;
    margin-top: 40px; }
    .page-thank-you #jsn-lc-order-details > ul > li:last-child {
      padding: 20px 30px; }
    .page-thank-you #jsn-lc-order-details ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .page-thank-you #jsn-lc-order-details ul li.header {
        padding: 20px 30px;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        color: #263342;
        border-bottom: 1px solid #ececec; }
      .page-thank-you #jsn-lc-order-details ul li {
        padding: 10px 0;
        display: block;
        text-transform: uppercase;
        font-weight: normal; }
        .page-thank-you #jsn-lc-order-details ul li ul li:first-child {
          padding-top: 0; }
        .page-thank-you #jsn-lc-order-details ul li ul li:last-child {
          padding-bottom: 0; }
    .page-thank-you #jsn-lc-order-details h3 {
      text-transform: uppercase;
      font-size: 14px;
      line-height: 16px;
      font-weight: 500;
      text-align: center;
      background-color: #FAFAFA;
      border-bottom: 1px solid #ECECEC;
      display: block;
      margin: 0;
      padding: 22px 0; }
  .page-thank-you .about {
    padding-top: 30px; }
    .page-thank-you .about a:hover {
      text-decoration: underline; }

.page-thank-you .about {
  text-align: center; }
  .page-thank-you .about .thumbnail {
    border: 1px solid #ECECEC;
    padding: 30px 0;
    border-radius: 3px;
    box-shadow: 0 5px 4px 0 rgba(225, 225, 225, 0.5); }
    .page-thank-you .about .thumbnail .caption {
      padding: 10px 40px; }
    .page-thank-you .about .thumbnail .media {
      height: 120px;
      display: flex;
      justify-content: center;
      align-items: flex-end; }
    .page-thank-you .about .thumbnail h3 {
      font-size: 18px;
      font-weight: 500;
      line-height: 21px;
      padding-top: 10px; }
    .page-thank-you .about .thumbnail .btn {
      margin-top: 20px; }
      .page-thank-you .about .thumbnail .btn.disable {
        background: #fafafa;
        color: #243341; }
        .page-thank-you .about .thumbnail .btn.disable:before {
          display: none; }
        .page-thank-you .about .thumbnail .btn.disable:hover {
          background: #fafafa;
          color: #243341;
          cursor: default; }
    .page-thank-you .about .thumbnail p {
      line-height: 21px;
      color: #5E7081; }

/* K2 Pages */
#itemListLeading div.catItemBody,
div.catItemBody {
  margin-bottom: 30px;
  padding: 30px 25px;
  background: #f9f9f9;
  overflow: hidden;
  min-height: 365px; }

div.catItemView {
  margin-bottom: 0; }

div.catItemHeader h3.catItemTitle {
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  color: #243341; }

.catInformation {
  font-size: 12px;
  display: flex;
  align-items: center;
  align-content: center;
  margin: 0 -10px;
  color: #999; }

.catInformation > span, .catInformation > div {
  margin: 0 10px; }

div.catItemHeader span.catItemDateCreated {
  font-size: 12px;
  margin: 0 10px; }

body #k2Container div.itemListCategory {
  display: none; }
body #k2Container div.itemFullText h3 {
  font-size: 20px;
  font-weight: 400; }
body #k2Container div.itemRatingBlock {
  display: flex;
  justify-content: center; }
body #k2Container .itemRatingLog {
  font-size: 14px; }
@media (min-width: 768px) {
  body #k2Container div.itemContainer {
    width: 33.3%; } }
body #k2Container div#itemListPrimary {
  margin: 0 -15px; }
body #k2Container div.catItemView {
  margin-bottom: 0;
  padding: 0 15px; }
body #k2Container div.catItemImageBlock {
  padding: 0;
  margin: -30px -25px 15px; }
body #k2Container div.catItemIntroText {
  padding: 4px 0 5px 0; }
body #k2Container div.catItemHeader h3.catItemTitle {
  padding: 10px 0 10px 0; }
body #k2Container div.itemImageBlock:before {
  content: "";
  width: 100vw;
  display: block;
  height: 394px;
  position: absolute;
  left: calc((-100vw + 1170px)/2);
  background: #f5a623;
  top: -29px;
  z-index: -1; }
  @media (max-width: 1140px) {
    body #k2Container div.itemImageBlock:before {
      left: 0; } }
body #k2Container span.itemImage img {
  max-width: 100%;
  height: auto;
  border: 15px solid #fff;
  margin-top: 70px; }

div.k2Pagination ul li a {
  padding: 0;
  margin: 0 8px;
  border: none;
  border-radius: 0;
  background: #fff;
  text-decoration: none;
  color: #243341; }

div.k2Pagination {
  padding: 0;
  margin: 0; }

div.k2Pagination ul.pagination li.active a {
  border: none;
  color: #ff6c00; }

div.itemHeader h2.itemTitle {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 36px; }

div.K2FilterBlock .k2filter-keyword .inputbox {
  width: 100%;
  font-size: 20px;
  color: #c1c5ca;
  padding: 0 15px !important; }

div.K2FilterBlock.k2filter-responsive .k2filter-cell {
  margin: 0; }
div.K2FilterBlock.k2filter-responsive .k2filter-table > .k2filter-cell {
  width: 180px;
  padding-bottom: 0;
  min-height: 64px; }
  div.K2FilterBlock.k2filter-responsive .k2filter-table > .k2filter-cell:first-child {
    width: 300px; }
div.K2FilterBlock > form {
  display: inline-flex;
  justify-content: space-between;
  margin: 70px 100px 45px;
  border-radius: 6px;
  border: solid 1px #e1e1e1;
  padding: 9px; }
  @media (min-width: 1024px) {
    div.K2FilterBlock > form {
      min-width: calc(100% - 200px); } }
  div.K2FilterBlock > form .k2filter-cell h3 {
    display: none; }
  div.K2FilterBlock > form .inputbox, div.K2FilterBlock > form select, div.K2FilterBlock > form input.submit {
    height: 64px !important;
    margin: 0;
    padding-bottom: 0;
    border: none; }
  div.K2FilterBlock > form input.submit {
    border-radius: 4px !important;
    border: solid 1px #eb9b16;
    background-color: #f5a623;
    box-shadow: none;
    font-size: 20px;
    font-weight: bold;
    padding: 0 53px; }
    @media (max-width: 767px) {
      div.K2FilterBlock > form input.submit {
        padding: 0 25px; } }

.k2-toc-table-contents {
  background: #ececec;
  padding: 30px 70px;
  margin: 0 0 30px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .k2-toc-table-contents {
      padding: 30px; } }
  @media (max-width: 767px) {
    .k2-toc-table-contents {
      padding: 20px; } }
  .k2-toc-table-contents ul {
    padding: 0 15px;
    margin: 0;
    counter-reset: section;
    list-style-type: none; }
    .k2-toc-table-contents ul li.k2-toc-h2 {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.8; }
      @media (max-width: 767px) {
        .k2-toc-table-contents ul li.k2-toc-h2 {
          flex: 0 0 100%; } }
    .k2-toc-table-contents ul li::before {
      counter-increment: section;
      	                                       /* Increments only this instance
                                                of the section counter */
      content: counters(section,".") ". ";
      	                                        /* Combines the values of all instances
                                                of the section counter, separated
                                                by a period */ }

div.itemRelated {
  background: #ececec;
  padding: 30px 70px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    div.itemRelated {
      padding: 30px; } }
  @media (max-width: 767px) {
    div.itemRelated {
      padding: 20px; } }
  div.itemRelated h3 {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 10px; }
  div.itemRelated p {
    font-size: 14px;
    color: #5e7081;
    margin-bottom: 16px; }
  @media (min-width: 768px) {
    div.itemRelated ul {
      padding: 0 15px;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      list-style-type: decimal; }
      div.itemRelated ul li {
        flex: 0 0 33.3%;
        padding: 4px 0;
        font-size: 14px; } }
    @media (min-width: 768px) and (max-width: 767px) {
      div.itemRelated ul li {
        flex: 0 0 100%; } }
  @media (min-width: 768px) {
        div.itemRelated ul li a {
          color: #5e7081; } }

@media (max-width: 767px) {
  div.itemHeader h2.itemTitle {
    font-size: 22px; } }
/* Help center page */
a#help-center-watch-video span:after {
  display: inline-block;
  font: normal normal normal 15px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  width: 10px;
  height: 10px;
  margin: 0 6px; }

a#help-center-watch-video[data-status="close"] span:after {
  content: "\f0da"; }

a#help-center-watch-video[data-status="open"] span:after {
  content: "\f0d7"; }

ul#help-center-video-list {
  position: absolute;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  list-style-type: none;
  text-align: left; }
  ul#help-center-video-list li {
    padding: 10px 0 5px;
    border-bottom: 1px solid #f7c064; }
    ul#help-center-video-list li a {
      font-size: 14px;
      font-weight: normal; }
    ul#help-center-video-list li:last-child {
      border: none; }
  ul#help-center-video-list.open {
    padding: 5px 15px 10px; }

.jsn-faq .container > .sunfw-flex-component {
  padding: 0; }

.jsn-faq #jsn_jsncontentclips {
  padding: 0; }
  .jsn-faq #jsn_jsncontentclips > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .jsn-faq #jsn_jsncontentclips > .row .span4 {
      background-color: #FAFAFA;
      box-shadow: 1px 0 0 0 #ECECEC;
      position: relative;
      padding-right: 0;
      padding-top: 60px; }
      .jsn-faq #jsn_jsncontentclips > .row .span4:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -350%;
        width: 350%;
        background: #FAFAFA; }
      .jsn-faq #jsn_jsncontentclips > .row .span4 .affix {
        top: 60px; }
  .jsn-faq #jsn_jsncontentclips .content {
    padding: 55px 30px; }
  .jsn-faq #jsn_jsncontentclips .span8 > .content {
    min-height: 300px; }

.jsncontentclips_faq_menu li:before {
  display: none; }
.jsncontentclips_faq_menu li a {
  font-size: 14px;
  display: inline-block;
  font-weight: normal;
  color: #263342;
  line-height: 30px; }
  .jsncontentclips_faq_menu li a:hover {
    color: #f5a623; }
    .jsncontentclips_faq_menu li a:hover:before {
      color: #f5a623; }
  .jsncontentclips_faq_menu li a.jsncontentclips_faq_active {
    font-weight: bold;
    color: #263342;
    text-decoration: none; }
    .jsncontentclips_faq_menu li a.jsncontentclips_faq_active:before {
      font-weight: normal;
      color: #263342; }
  .jsncontentclips_faq_menu li a:before {
    content: '\f115';
    font-family: "FontAwesome", sans-serif;
    margin-right: 8px; }

.display-inline {
  display: inline-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; }

.remind, .reset {
  max-width: 400px;
  margin: 30px auto 40px;
  border: 1px solid #E8ECED;
  border-radius: 3px;
  box-shadow: 0 5px 4px 0 rgba(225, 225, 225, 0.5);
  overflow: hidden; }
  .remind .well, .reset .well {
    background: #FFF;
    margin: 0;
    box-shadow: none;
    border: none;
    padding: 20px 30px 30px 30px; }
  .remind .control-label label, .reset .control-label label {
    font-weight: normal;
    display: block;
    text-align: left; }
  .remind .controls input, .reset .controls input {
    border-radius: 5px;
    width: 100%; }
  .remind .btn.btn-primary, .reset .btn.btn-primary {
    margin-top: 15px;
    display: block;
    background: #f5a623;
    border: none;
    width: 100%; }

.error-page .search form button.button {
  position: absolute;
  padding: 22px;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../images/search_icon.png") no-repeat center;
  text-indent: -999em;
  border: none;
  transition: none;
  outline: none; }

.error-page a {
  color: #f5a623; }
  .error-page a:hover {
    color: #243341; }

.error-page .search form #mod-search-searchword.inputbox {
  width: 100%;
  height: 50px;
  border: 1px solid #EDEDED;
  border-radius: 3px;
  background-color: #FAFAFA;
  box-shadow: none;
  color: #BEBEBE;
  font-size: 14px;
  transition: none; }

.error-page .search form {
  position: relative;
  margin: 20px 0;
  width: 295px; }

.jsn-offline {
  border: 1px solid;
  border-radius: 4px;
  margin: 30px auto 0;
  max-width: 400px;
  padding: 20px; }
  .jsn-offline .form-login fieldset {
    border: none; }

ul.tags {
  margin-bottom: 20px; }
  ul.tags li {
    padding: 0 2px;
    display: inline-block;
    margin: 5px 0; }

.label-info {
  border-radius: 0;
  color: #394A5C;
  border: 1px solid #8596A9;
  font-size: 14px;
  font-weight: normal;
  padding: 3px 30px;
  background-color: rgba(214, 219, 224, 0.3); }

.display-limit {
  margin-bottom: 30px; }

.table.category {
  border: 1px solid #D1D6DE; }
  .table.category th {
    font-size: 16px; }

/* ---------- Single Contact Category ----------- */
.contact-category ul {
  list-style: none;
  padding: 0; }
  .contact-category ul [class*="span"]:not(.list-title) {
    display: none; }
  .contact-category ul [class*="span"].list-title {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -8px; }
.contact-category fieldset.filters {
  margin-bottom: 25px; }

/* ---------- Contact Page ----------- */
.form-contact .jsn-uniform {
  max-width: 750px;
  margin: 0 auto;
  padding-bottom: 40px; }
  .form-contact .jsn-uniform .control-label {
    display: none !important; }
  .form-contact .jsn-uniform .control-group {
    background: transparent !important;
    border: none !important; }
  .form-contact .jsn-uniform div.controls {
    width: 100%;
    padding-left: 0; }
  .form-contact .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
    padding: 0; }
  .form-contact .jsn-uniform .jsn-bootstrap input, .form-contact .jsn-uniform .jsn-bootstrap textarea {
    box-sizing: border-box;
    color: #BEBEBE;
    border: 1px solid #EDEDED;
    padding: 13px 15px;
    min-width: 0;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none; }
    .form-contact .jsn-uniform .jsn-bootstrap input:focus, .form-contact .jsn-uniform .jsn-bootstrap input:active, .form-contact .jsn-uniform .jsn-bootstrap textarea:focus, .form-contact .jsn-uniform .jsn-bootstrap textarea:active {
      outline: none; }
    .form-contact .jsn-uniform .jsn-bootstrap input::placeholder, .form-contact .jsn-uniform .jsn-bootstrap textarea::placeholder {
      text-transform: uppercase;
      font-size: 10px; }
  .form-contact .jsn-uniform .select2-container .select2-choice {
    height: 45px;
    line-height: 45px;
    border: 1px solid #ECECEC;
    color: #8a8a8a;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold; }
  .form-contact .jsn-uniform .select2-container {
    width: 100%; }
  .form-contact .jsn-uniform .jsn-bootstrap .control-group .select2-container.jsn-input-xlarge-fluid {
    width: 100%; }
  .form-contact .jsn-uniform .jsn-form-content .jsn-row-container {
    padding-bottom: 15px; }
  .form-contact .jsn-uniform .select2-container .select2-choice div {
    background-image: none;
    background-color: transparent;
    border: none; }
    .form-contact .jsn-uniform .select2-container .select2-choice div b {
      border-width: 5px;
      border-style: solid;
      border-color: #76848D transparent transparent transparent;
      width: 10px;
      height: 10px;
      margin-top: 20px; }
  .form-contact .jsn-uniform.jsn-master .jsn-bootstrap .attach_a_file input {
    height: 60px;
    line-height: 1;
    padding: 20px 15px;
    font-size: 14px;
    margin-top: 10px;
    color: #5E7081;
    box-sizing: content-box; }
  .form-contact .jsn-uniform .form-actions {
    position: absolute;
    right: 0;
    padding: 0; }
  .form-contact .jsn-uniform .form-validate > .jsn-row-container:before, .form-contact .jsn-uniform .form-validate > .jsn-row-container:after {
    display: table;
    content: "";
    clear: both; }
  .form-contact .jsn-uniform #jsn-captcha {
    width: auto;
    display: inline-block; }

@media (max-width: 991px) {
  .form-contact .jsn-uniform.jsn-master .jsn-row-container [class*="span"] input {
    margin-bottom: 10px; }
  .form-contact .jsn-uniform.jsn-master .jsn-row-container .form-actions {
    position: relative; }
    .form-contact .jsn-uniform.jsn-master .jsn-row-container .form-actions .btn {
      margin-top: 15px; } }
/*========= EASY DISCUSS ========= */
body.sunfw-com-easydiscuss {
  background: #f6f6f6; }
  body.sunfw-com-easydiscuss #sunfw_section_content-top {
    background: #fff; }
  body.sunfw-com-easydiscuss #sunfw_section_content {
    border-top: 1px solid #ebebeb;
    padding: 0 0 50px; }

.ed-link {
  color: #f5a623; }
  .ed-link:hover, .ed-link:focus {
    color: #f5a623; }

.ed-forum-item, .ed-post-item {
  border: none; }

#ed {
  font-family: inherit; }
  #ed.type-component {
    margin-top: 20px; }
  #ed a:hover {
    text-decoration: underline; }
  #ed .ed-forum-item {
    padding: 15px 20px; }
    #ed .ed-forum-item + .ed-forum-item {
      border-top-color: #ddd; }
  #ed .ed-forum-item__col-avatar {
    width: 60px; }
  #ed .o-col-sm.align-right {
    width: 30%; }
  #ed .ed-forum__hd, #ed .ed-forum__ft {
    border-color: #ddd; }
  #ed .ed-list .ed-forum {
    background: #fff; }
  #ed .ed-navbar__footer a:hover {
    color: #f5a623 !important; }

#ed .o-avatar--md {
  width: 40px !important;
  height: 40px !important; }

body #ed h2.ed-forum-item__title a {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4; }
  body #ed h2.ed-forum-item__title a:hover {
    color: #f5a623; }

#ed ol.ed-post-item__post-meta > li {
  font-size: 12px; }
  #ed ol.ed-post-item__post-meta > li + li:before {
    content: "\00b7";
    padding: 0 2px; }

#ed .ed-post-item__post-meta .o-label {
  font-size: 100%;
  font-weight: normal; }

#ed .o-label--success-o {
  background: #64BB21 !important;
  color: #fff !important;
  font-weight: normal; }

.priority-label {
  color: #fff;
  line-height: 18px !important;
  padding: 0 4px; }
  .priority-label.priority-low {
    background: #0277bd; }
  .priority-label.priority-normal {
    background: #229209; }
  .priority-label.priority-critical {
    background: #d32f2f; }

.o-user-label__premium {
  color: #cea72f; }

.ed-forum-item__last-replier a {
  color: #cea72f; }
  .ed-forum-item__last-replier a.isAdmin {
    color: #4caf50; }

#ed .ed-forums-cat-header .o-flag__body {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center; }

body #ed .ed-forums-cat-header {
  background: #fff; }
  body #ed .ed-forums-cat-header .ed-forums-cat-header__title {
    font-size: 15px;
    color: #007ac3; }

.sidebar-box {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 20px;
  background: #fff; }
  .sidebar-box__title {
    padding: 16px 20px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: #243341; }

#ed.discuss-mod-categories .ed-cat-item-meta {
  display: none; }
#ed.discuss-mod-categories .ed-list__item {
  border-bottom: 1px solid #ddd; }
  #ed.discuss-mod-categories .ed-list__item:last-child {
    border: none; }
#ed.discuss-mod-categories .ed-list__item-group-hd {
  position: relative; }
  #ed.discuss-mod-categories .ed-list__item-group-hd .ed-cat-name {
    padding: 10px 0px 10px 20px;
    margin-right: 35px;
    display: block; }
  #ed.discuss-mod-categories .ed-list__item-group-hd .ed-list__toggle {
    top: 50%;
    color: #888;
    transform: translateY(-50%);
    right: 12px; }
#ed.discuss-mod-categories .ed-list__item-group-bd .ed-tree__item:before, #ed.discuss-mod-categories .ed-list__item-group-bd .ed-tree__item:after {
  display: none; }
#ed.discuss-mod-categories .ed-list__item-group-bd ul.ed-tree__list {
  border-left: 1px dashed #ddd;
  margin-left: 25px;
  margin-bottom: 12px; }
  #ed.discuss-mod-categories .ed-list__item-group-bd ul.ed-tree__list > li {
    padding: 4px 0 4px 20px; }

#ed .ed-navbar {
  margin-bottom: 0 !important; }
  #ed .ed-navbar__body {
    background: transparent;
    padding: 0;
    border: none; }
  #ed .ed-navbar__footer {
    border: none;
    border-radius: 0;
    padding: 0; }
  #ed .ed-navbar__footer-submenu > li:not(:first-child) {
    margin-left: 8px;
    padding-left: 8px; }
  #ed .ed-navbar__icon-link {
    color: #333; }
    #ed .ed-navbar__icon-link.is-active {
      background: #fff; }
  #ed .ed-navbar__footer-link {
    font-size: 14px;
    padding: 15px 0;
    color: #243341; }
    #ed .ed-navbar__footer-link:before {
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      height: 2px !important;
      background-color: #f5a623 !important; }
  #ed .ed-navbar__btn-ask {
    border-radius: 3px; }

.ed-icon {
  background-color: #919aa7;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out; }
  .ed-icon__home {
    background-image: url(../images/forums/all.svg);
    background-repeat: no-repeat;
    mask-image: url(../images/forums/all.svg); }
  .ed-icon__recent {
    background-image: url(../images/forums/recent.svg);
    mask-image: url(../images/forums/recent.svg); }
  .ed-icon__category {
    -webkit-mask-image: url(../../images/forums/category.svg);
    mask-image: url(../images/forums/category.svg); }

#ed .ed-navbar__footer li .ed-icon {
  background-color: transparent !important;
  background-size: 24px; }

#ed .is-active .ed-icon {
  background-color: #3b4a60 !important; }
#ed .is-active .ed-navbar__footer-link {
  color: #243341; }

#ed .ed-forums-cat-breadcrumb {
  background-color: transparent;
  margin: 0 0 15px;
  padding: 0;
  font-weight: bold;
  color: #243341; }
  #ed .ed-forums-cat-breadcrumb li {
    font-size: 14px; }

#ed .ed-forum__ft {
  background: #fafafa; }
  #ed .ed-forum__ft a {
    color: #f5a623; }
  #ed .ed-forum__ft span {
    color: #666;
    font-weight: bold; }

.ed-navbar__support {
  padding: 16px 20px;
  border-bottom: 1px solid #ddd;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center; }
  .ed-navbar__support > span {
    font-weight: bold;
    color: #243341; }

#ed .popbox-holiday-wrap {
  padding: 15px 20px;
  text-align: left; }
  #ed .popbox-holiday-wrap__title, #ed .popbox-holiday-wrap__icon {
    display: none; }
  #ed .popbox-holiday-wrap__subtitle {
    font-size: 14px; }

#ed .new-ticket-btn {
  margin-bottom: 15px;
  padding: 0 20px; }
  #ed .new-ticket-btn a {
    display: block;
    padding: 8px; }

#ed .btn-primary:before {
  display: none; }

#ed .ed-posts-list > :not(:first-child) {
  margin-top: 0; }

input.sidebar__search-input {
  width: 100%;
  background: #fff;
  outline: none;
  border: none; }

#ed .btn-default:hover {
  color: #fff !important;
  border-color: transparent !important; }

#ed .ed-post-who-view__hd {
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  padding: 10px 16px;
  font-weight: bold; }
#ed .ed-post-who-view__ft {
  padding: 0 16px 12px;
  background: transparent; }

#ed .ed-post-item__title {
  font-size: 16px; }

.o-grid__avatar {
  padding-right: 20px; }

#ed .ed-reply-item__hd {
  background: #fafafa; }
#ed .ed-reply-item__bd {
  background: #fff;
  border-bottom: 1px solid #ccc; }

#ed .discuss-list .ed-filters > .ed-filter-bar {
  margin-top: 0 !important; }

#ed .is-resolved .ed-state-resolved {
  display: inline !important; }

.ed-sidebar.sunfw-sticky.sunfw-sticky-open {
  left: auto;
  right: auto;
  width: 260px;
  background: transparent; }
  @media (max-width: 991px) {
    .ed-sidebar.sunfw-sticky.sunfw-sticky-open {
      position: relative !important; } }

.ed-support-rating-image-status {
  height: 40px; }

.ed-support-rating-rated {
  position: absolute;
  background-color: #FFF;
  text-align: center;
  font-weight: bold; }

.ed-widget-support-ratings {
  border: 1px solid #EEE;
  border-radius: 1px; }

.ed-widget-support-ratings .ed-widget__body > div > a {
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 14px;
  padding: 2px 8px;
  border-radius: 22px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .ed-widget-support-ratings .ed-widget__body > div > a i {
    transition: all 0.3s ease; }
  .ed-widget-support-ratings .ed-widget__body > div > a:hover i {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4); }

.ed-widget-support-ratings .ed-widget__body {
  padding: 0 5px 5px 5px; }

.ed-widget-support-ratings .ed-widget__body a:hover,
.ed-widget-support-ratings .ed-widget__body a.active {
  background-color: #4990e2 !important;
  color: #fff;
  text-decoration: none !important; }

.ed-widget-support-ratings .ed-widget__body > a:hover .forums-support-icon {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: transform .2s ease;
  transition: transform 0.2s ease; }

.ed-widget-support-ratings .ed-widget__body > a:not(:first-child) {
  margin-top: 4px; }

.forums-support-icon:before {
  content: ' ';
  vertical-align: middle;
  display: inline-block;
  background-image: url("../images/forums/support.svg");
  background-repeat: no-repeat;
  background-size: 1em 4em; }

.no-svg .forums-support-icon:before {
  background-image: url("../images/forums/support.png"); }

.forums-support-icon.support-10:before {
  background-position: 0 0;
  width: 1em;
  height: 1em; }

.forums-support-icon.support-40:before {
  background-position: 0 -1em;
  width: 1em;
  height: 1em; }

.forums-support-icon.support-30:before {
  background-position: 0 -2em;
  width: 1em;
  height: 1em; }

.forums-support-icon.support-20:before {
  background-position: 0 -3em;
  width: 1em;
  height: 1em; }

.ed-widget__head {
  text-align: center;
  padding: 8px 0;
  border-bottom: 1px solid #EEE; }

#support-rating-notice {
  padding: 0 8px;
  text-align: center; }

.ed-widget-support-ratings--disable {
  cursor: not-allowed; }
  .ed-widget-support-ratings--disable a {
    pointer-events: none !important; }

.ed-widget.ed-widget--timezone {
  padding: 24px; }

.ed-widget--timezone__item + .ed-widget--timezone__item {
  margin-top: 10px; }

#ed .o-pagination > li > a:hover, #ed .o-pagination > li > span:hover, #ed .o-pagination > li > a:focus, #ed .o-pagination > li > span:focus {
  color: #f5a623; }

.disable-responsive .container {
  width: 960px !important; }

/* ======================================================================== */
/* ======================================================================== */
.container-fluid > .row > .col-md-12 {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 992px) and (max-width: 1199px) {
  nav.navbar.sunfw-menu-head ul.navbar-nav > li > a {
    padding: 20px 8px; } }
@media (max-width: 991px) {
  .btn.btn-default, .btn.btn-primary, .btn.btn-grey {
    padding: 10px 25px; }

  select[multiple], select[size], select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
  input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"],
  input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    height: 41px; }

  .main-title.mobile-center:before {
    left: 0;
    right: 0;
    margin: 0 auto; }

  nav.navbar.sunfw-menu-head {
    min-height: 60px; }

  .sunfw-homepage .jsn-header .jsn-head-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

  .jsn-header {
    box-shadow: none; }
    .jsn-header .jsn-head-menu, .jsn-header .jsn-head-logo {
      width: 100%; }
    .jsn-header .jsn-head-menu {
      padding: 0;
      background: #1a63a0; }
    .jsn-header .jsn-header-right {
      position: absolute;
      bottom: 0;
      padding: 0;
      width: auto;
      top: 60px;
      left: 55px;
      right: 0; }
      .jsn-header .jsn-header-right .module-style {
        border-right: none; }
        .jsn-header .jsn-header-right .module-style:last-child {
          border: none; }
    .jsn-header .jsn-search-top {
      max-height: 60px;
      top: 60px; }
    .jsn-header .jsnlc-viewcart-link {
      color: #FFF; }
      .jsn-header .jsnlc-viewcart-link i {
        font-size: 16px; }
    .jsn-header #jsnlc-button-modal-login, .jsn-header .search-top i.fa, .jsn-header .customer-area-top .module-body > ul.nav > li > a {
      color: #FFF; }

  .footer5 {
    padding-top: 10px; }

  .jsn-footer .module-title .box-title {
    margin: 15px 0 5px; }

  .jsn-copyright > .container {
    padding-top: 10px; }

  .template-head .bottom .about-version {
    padding: 5px 0 !important; }
    .template-head .bottom .about-version li:first-child {
      margin: 0;
      padding: 0;
      border: none; }
  .template-head .bottom .bt-right {
    border-top: 1px solid #e1e1e1;
    margin-top: 3px;
    padding: 0;
    text-align: center;
    width: 100%; }
    .template-head .bottom .bt-right ul {
      display: flex; }
      .template-head .bottom .bt-right ul li {
        flex: auto; }
        .template-head .bottom .bt-right ul li a {
          padding: 5px 0; }

  .template-head .container .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column; }
    .template-head .container .row .layout-text {
      order: 1;
      flex: 1 1 auto;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      -webkit-box-flex: 1; }

  .template-head.tpl .container .row .layout-image {
    padding: 0;
    max-width: 100%; }

  .sunfw-features .list-items > div {
    margin-bottom: 30px; }
    .sunfw-features .list-items > div:last-child {
      margin-bottom: 0; }

  .pricing-table .table-responsive {
    display: inline-block;
    white-space: nowrap; }

  .pricing-table .table-responsive
  .jsn-copyright .text-right {
    text-align: center; }

  #pricing-table .cl-list > .row {
    min-width: 550px; }

  .jsn-promo-menu ul li a {
    padding: 15px 8px;
    font-size: 13px; } }
@media (max-width: 1200px) {
  body.coming-soon {
    height: 100%; }

  .container {
    width: 100%;
    max-width: 100%; } }
@media (min-width: 991px) {
  .sunfw-menu-head li.megamenu > .caret {
    display: none; } }
@media (max-width: 1199px) {
  #finder-search fieldset > input[type="text"] {
    margin-bottom: 15px; }

  body.coming-soon .sunfw-content {
    width: 100%; } }
@media (max-width: 991px) {
  .contact .accordion-inner .contact-position {
    margin-top: 30px; }
    .contact .accordion-inner .contact-position * {
      margin-top: 0; }
  .contact .dl-horizontal dt {
    float: left;
    width: 80px;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .contact .dl-horizontal dd {
    margin-left: 100px; }
  .contact #contact-form.form-horizontal .control-group .controls input,
  .contact #contact-form.form-horizontal .control-group .controls textarea {
    width: 230px; }

  #sunfw_section_bottom .module-style[class*="richbox-"] {
    margin-bottom: 30px; }

  [id*="member-"] input[name*="jform[easydiscussprofile]"] {
    max-width: 100%; }
  [id*="member-"] input[type="email"], [id*="member-"] input[type="password"], [id*="member-"] input[type="text"], [id*="member-"] textarea {
    min-width: 100%; }

  .contact .accordion-group button[type="submit"] {
    position: static;
    margin-left: 30px; }

  .jsn-lc-list-product .thumbnail .media {
    height: auto;
    min-height: 250px; }

  .fearured-template .owl-item .content .main-title {
    padding-top: 15px; }

  #ed .ed-navbar__footer {
    padding-top: 15px; }

  #ed .ed-navbar__footer-submenu > li {
    display: inline-block; }

  #ed .ed-navbar__footer-submenu > li:not(:first-child) {
    padding-left: 0;
    margin-left: 0; }

  #ed .ed-forum-item > div {
    display: block; }
    #ed .ed-forum-item > div > .o-col {
      display: block;
      margin-top: 5px; }

  #ed .ed-navbar__btn-ask {
    float: none; } }
@media (max-width: 991px) {
  .item-page .content_rating {
    float: none; }

  .layout-item .items-row {
    margin-bottom: 0; }
    .layout-item .items-row:last-child [class*="col-xs-"]:last-child {
      margin-bottom: 0; }

  .items-row [class*="col-xs-"] {
    width: 100%;
    margin-bottom: 30px; }

  .sunfw-logo {
    padding: 15px 0; }
    .sunfw-logo img.logo {
      display: block;
      margin: 0 auto; }

  .sunfw-pos-right .module-style:first-child {
    margin-top: 30px; }

  textarea, input[type="text"]:not([name*="filter"]), input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
  .chzn-container-single .chzn-single {
    width: 100%; }

  .filters .btn-group {
    width: 100%; }
    .filters .btn-group.pull-right {
      width: calc(100% - 10px); }
  .filters input[type="text"][name="filter-search"] {
    margin-bottom: 20px; }

  .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 10px; }

  .edit.item-page .chzn-container-multi .chzn-choices,
  .edit.item-page select:not(.time), .edit.item-page textarea, .edit.item-page input[type="text"], .edit.item-page input[type="password"], .edit.item-page input[type="datetime"], .edit.item-page input[type="datetime-local"], .edit.item-page input[type="date"], .edit.item-page input[type="month"], .edit.item-page input[type="time"], .edit.item-page input[type="week"], .edit.item-page input[type="number"], .edit.item-page input[type="email"], .edit.item-page input[type="url"], .edit.item-page input[type="search"], .edit.item-page input[type="tel"], .edit.item-page input[type="color"],
  .edit.item-page .chzn-container-single .chzn-single {
    min-width: 235px;
    width: 235px; }
  .edit.item-page .chzn-container-single .chzn-search input[type="text"] {
    min-width: 100%; }
  .edit.item-page .calendar-container table {
    max-width: 235px; }
  .edit.item-page #metadata .control-label,
  .edit.item-page #publishing .control-label {
    flex: 0 0 32%; }
  .edit.item-page form#adminForm .toggle-editor .btn {
    margin-bottom: 80px; }

  .table {
    table-layout: fixed;
    min-height: .01%;
    overflow-x: scroll;
    overflow-y: hidden;
    webkit-overflow-scrolling: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #d5d6d8;
    text-overflow: ellipsis; }
    .table.table-bordered {
      border: none; }

  .contact .accordion-group fieldset legend {
    margin: 0; }
  .contact #contact-form.form-horizontal .control-group .control-label {
    float: none;
    text-align: left; }
    .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label {
      text-align: right; }
  .contact #contact-form.form-horizontal .control-group .controls {
    margin-left: 0; }
    .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls {
      margin-right: 0;
      margin-left: inherit; }
    .contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea {
      width: 100%; }
  .contact #contact-form.form-horizontal .control-group:last-child {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end; }
    .contact #contact-form.form-horizontal .control-group:last-child #jform_contact_email_copy {
      margin-right: 10px; }
      .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group:last-child #jform_contact_email_copy {
        margin-left: 10px;
        margin-right: inherit; }

  .jsn-contact-form .jsn-master .jsn-bootstrap .form-actions {
    margin-right: -25px; }
    .sunfw-direction-rtl .jsn-contact-form .jsn-master .jsn-bootstrap .form-actions {
      margin-left: -25px;
      margin-right: inherit; }
  .jsn-contact-form .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input {
    width: calc(100% - 20px) !important; }
  .jsn-contact-form .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {
    width: calc(100%) !important; }

  .jsn-contact-form {
    max-width: 80%; }

  .jsn-counter-wrap .info .number {
    font-size: 25px;
    line-height: 50px;
    width: 50px;
    height: 50px; }

  #sunfw-master div.search input[type="search"] {
    width: 100%;
    margin-bottom: 20px; }

  .sunfw-scrollup {
    padding: 12px 40px; }

  #sunfw_section_bottom .module-style {
    margin-bottom: 30px; }

  .jsn-top-promo .shine-lc-search {
    margin-top: 10px; }
  .jsn-top-promo .top-promo-lc-search .jsn-lc-filteredproduct-search-spotlight-result {
    top: 50px; } }
@media (min-width: 992px) and (max-width: 991px) {
  .sunfw-logo {
    padding: 2px 0; } }
@media (max-width: 1199px) and (min-width: 992px) {
  .jsn-header .customer-area-top .module-body > ul.nav > li > a,
  .jsn-header .jsn-header-right .module-style a.jsnlc-viewcart-link,
  nav.navbar.sunfw-menu-head ul.navbar-nav > li a {
    font-size: 12px !important; }

  .jsn-header .jsn-header-right .module-style .search-top i.fa {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .sunfw-features > .container > .list-items > div:nth-child(2n+1) {
    clear: both; }

  .footer5 p {
    width: 50%;
    float: left; }

  .footer5 p:last-child {
    padding-left: 5px; }

  .page-heading .block-compatible {
    float: none !important;
    margin-top: 15px !important; }

  .template-head.extension .jsn-lc-video .video-item {
    height: 0 !important;
    width: auto !important;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%; }
    .template-head.extension .jsn-lc-video .video-item iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none; }

  .jsnlc-search-toolbar > input {
    margin-bottom: 10px; }

  .check-out-badges .ssl {
    margin-right: 15px; } }
@media (max-width: 380px) {
  .jsn-header .jsn-header-right {
    text-align: left; }

  .jsn-header .jsnlc-viewcart-link {
    padding-left: 10px;
    padding-right: 10px; }

  .jsn-header-right .mod-languages,
  .jsn-header .jsnlc-viewcart-link {
    margin: 0;
    font-size: 12px; }

  a.jsnlc-viewcart-link, #jsnlc-button-modal-login, .search-top i.fa {
    padding: 20px 10px !important; }

  .jsn-header .customer-area-top .module-body > ul.nav > li > a {
    font-size: 12px; }

  .jsn-header .customer-area-top .module-body > ul.nav ul {
    right: auto; }

  .jsn-header-right .sunfw-pos-toolbar {
    text-align: right; }

  .template-head.extension .layout-image,
  .template-head.extension .layout-image iframe {
    width: 100%; }

  table.jsn-lc-table {
    overflow-x: auto;
    display: block;
    max-width: 100%; }
    table.jsn-lc-table th.header {
      min-width: 120px; }

  #sunfw-master #recaptcha_table {
    width: 250px !important; }

  input#search-searchword[type="text"] {
    margin-bottom: 20px; }

  .remind button,
  .remind input[type="email"],
  .reset button,
  .reset input[type="email"] {
    min-width: 100%; }

  .article-index {
    width: 100%;
    margin: 0 0 20px; }

  .jsn-faq #jsn_jsncontentclips > .row,
  .jsn-ld-documentation-details-page > .row {
    display: block; }

  .jsn-faq #jsn_jsncontentclips > .row .span4 .affix,
  .jsn-ld-documentation-details-page #jsn-ld-left-block {
    position: relative !important;
    top: 0; }

  .jsn-faq #jsn_jsncontentclips .content, .jsn-faq #jsn_jsncontentclips > .row .span4 {
    padding: 15px; }

  #jsnlc-component-layout .jsnlc-search-toolbar input {
    margin-bottom: 10px; }

  .jsn-lc-container #jsnlc-download-detail tbody tr.panel:not(.file-item) td > a i {
    right: 15px; }

  .jsnlc-search-toolbar #edition_filter {
    margin-bottom: 10px; }

  .jsn-promo-menu ul {
    text-align: center; }

  .jsn-package .price-table .all-in-one {
    margin-top: 15px; }

  body.jsn-testimonials .blogjsn-testimonials {
    column-count: 1; }

  .template-review .day-money {
    margin-top: 30px; } }
@media (max-width: 320px) {
  #finder-search button.btn {
    margin-bottom: 10px; }

  .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 10px 5px; }

  .table {
    font-size: 0.9em; }
    .table.category th {
      font-size: 1em; }

  .badge {
    padding: 4px 8px; }

  .jsn-counter-wrap .info .number {
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px; }
  .jsn-counter-wrap .info .title {
    font-size: 11px; } }
.contentpane {
  padding: 20px; }

/*# sourceMappingURL=template.css.map */
