/**

 * style for wiless
 * Author: webinspire
 * Author URI: http://www.webinsipre.it/
 * Version: 1.0
 * Last update: 01.10.2014

---------------------------------------

01 LAYOUT        02 NORMALIZE        03 BUTTONS         04 COMPONENTS        05 FORMS

06 NAVIGATION    07 NIVO SLIDER      08 TABGRIDS        09 TABLES            10 ICONS             

11 DROPDOWN      12 MEDIA            13 GALLERY         14 WORDPRESS
	
*/
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 01 LAYOUT ------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- TEXT ------------ */
a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
a.link:hover {
  text-decoration: underline;
}
p {
  margin: 0 0 6px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
ul {
  margin: 0;
  padding: 0;
}
i {
  margin: 0 3px;
}
i.left {
  margin-right: 6px;
  margin-left: 0;
}
i.right {
  margin-left: 6px;
  margin-right: 0;
}
dt {
  font-weight: bold;
}
dt,
dd {
  line-height: 20px;
}
label.error {
  font-size: 13px;
}
button.close {
  border: none;
  background-color: transparent;
  border-radius: none;
  position: absolute;
  right: 0;
  top: 8px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* -------------------- ADD PADDING --------- */
.pd-sz-xs.pd-t {
  padding-top: 3px;
}
.pd-sz-xs.pd-r {
  padding-right: 3px;
}
.pd-sz-xs.pd-b {
  padding-bottom: 3px;
}
.pd-sz-xs.pd-l {
  padding-left: 3px;
}
.pd-sz-s.pd-t {
  padding-top: 6px;
}
.pd-sz-s.pd-r {
  padding-right: 6px;
}
.pd-sz-s.pd-b {
  padding-bottom: 6px;
}
.pd-sz-s.pd-l {
  padding-left: 6px;
}
.pd-sz-m.pd-t {
  padding-top: 12px;
}
.pd-sz-m.pd-r {
  padding-right: 12px;
}
.pd-sz-m.pd-b {
  padding-bottom: 12px;
}
.pd-sz-m.pd-l {
  padding-left: 12px;
}
.pd-sz-l.pd-t {
  padding-top: 18px;
}
.pd-sz-l.pd-r {
  padding-right: 18px;
}
.pd-sz-l.pd-b {
  padding-bottom: 18px;
}
.pd-sz-l.pd-l {
  padding-left: 18px;
}
.pd-sz-xl.pd-t {
  padding-top: 30px;
}
.pd-sz-xl.pd-r {
  padding-right: 30px;
}
.pd-sz-xl.pd-b {
  padding-bottom: 30px;
}
.pd-sz-xl.pd-l {
  padding-left: 30px;
}
/* -------------------- REMOVE PADDING --------- */
.rm-pd {
  padding: 0 !important;
}
.rm-pd-t {
  padding-top: 0 !important;
}
.rm-pd-b {
  padding-bottom: 0 !important;
}
.rm-pd-l {
  padding-left: 0 !important;
}
.rm-pd-r {
  padding-right: 0 !important;
}
/* -------------------- ADD MARGIN --------- */
.mr-sz-xs.mr-t {
  margin-top: 3px !important;
}
.mr-sz-xs.mr-r {
  margin-right: 3px !important;
}
.mr-sz-xs.mr-b {
  margin-bottom: 3px !important;
}
.mr-sz-xs.mr-l {
  margin-left: 3px !important;
}
.mr-sz-s.mr-t {
  margin-top: 6px !important;
}
.mr-sz-s.mr-r {
  margin-right: 6px !important;
}
.mr-sz-s.mr-b {
  margin-bottom: 6px !important;
}
.mr-sz-s.mr-l {
  margin-left: 6px !important;
}
.mr-sz-m.mr-t {
  margin-top: 10px !important;
}
.mr-sz-m.mr-r {
  margin-right: 10px !important;
}
.mr-sz-m.mr-b {
  margin-bottom: 10px !important;
}
.mr-sz-m.mr-l {
  margin-left: 10px !important;
}
.mr-sz-l.mr-t {
  margin-top: 15px !important;
}
.mr-sz-l.mr-r {
  margin-right: 15px !important;
}
.mr-sz-l.mr-b {
  margin-bottom: 15px !important;
}
.mr-sz-l.mr-l {
  margin-left: 15px !important;
}
.mr-sz-xl.mr-t {
  margin-top: 24px !important;
}
.mr-sz-xl.mr-r {
  margin-right: 24px !important;
}
.mr-sz-xl.mr-b {
  margin-bottom: 24px !important;
}
.mr-sz-xl.mr-l {
  margin-left: 24px !important;
}
/* -------------------- REMOVE MARGIN ---------- */
.rm-mr {
  margin: 0 !important;
}
.rm-mr-t {
  margin-top: 0 !important;
}
.rm-mr-b {
  margin-bottom: 0 !important;
}
.rm-mr-l {
  margin-left: 0 !important;
}
.rm-mr-r {
  margin-right: 0 !important;
}
.wi-fidex-nav {
  position: fixed;
  left: 0;
  top: 0;
}
/* --------------- FLOATING ----------------- */
.wi-fn {
  float: none !important;
}
.wi-fl {
  float: left;
}
.wi-fr {
  float: right;
}
/* -------------------- CLEAR ELEMENTS --------- */
.clear {
  display: block;
  clear: both;
}
.display-none {
  display: none;
}
.display-block {
  display: block !important;
}
li.divider,
li.spacer {
  margin: 6px 0;
}
.divider {
  margin: 30px 0;
  width: 100%;
  display: inline-block;
  clear: both;
  border-width: 1px 0;
  border-style: dotted;
}
.spacer {
  margin: 15px 0;
  width: 100%;
  display: inline-block;
  clear: both;
}
.align-center {
  text-align: center !important;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
/* ---------------------- LABEL ---------------- */
.label {
  border-radius: 0.25em;
  display: inline-block;
  font-size: 75%;
  line-height: 1;
  padding: 0.2em 0.6em 0.3em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
/* -------------------- MAIN SIZE -------------- */
.full-width {
  width: 100%;
}
#wi-header,
#wi-container,
#wi-footer {
  margin: auto;
  width: 100%;
  float: left;
}
#wi-header .wi-main-nav,
#wi-header .wi-tools-nav {
  width: 100%;
  float: left;
}
.wi-footer-info .last-col {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .mobile-hide {
    display: none !important;
  }
}
/* -------------------- 1.7 MQ WILESS -------------- */
@media only screen and (min-width: 768px) {
  .tablet-hide {
    display: none !important;
  }
  .fit-size {
    margin: auto;
    max-width: 1100px;
  }
  .wi-footer-info .last-col {
    text-align: right;
  }
  .is-sticky .wi-header-size {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .desktop-hide {
    display: none !important;
  }
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 02 NORMALIZE ---------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  width: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
ul {
  list-style: none;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 03 BUTTONS -----------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 3.1 BUTTON PROPERTIES ----- */
.wi-btn {
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.42857;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  padding: 6px 12px;
  font-size: 14px;
}
.wi-btn:hover,
.wi-btn:focus {
  text-decoration: none;
}
.wi-btn:active,
.wi-btn.active {
  outline: 0;
  background-image: none;
}
.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
/* -------------------- 3.2 SIZE ------------------- */
.wi-btn.wi-sz-xs,
.btn-group-xs > .wi-btn {
  padding: 1px 5px !important;
  font-size: 11px !important;
}
.wi-btn.wi-sz-s,
.btn-group-s > .wi-btn {
  padding: 3px 6px !important;
  font-size: 13px !important;
}
.wi-btn.wi-sz-l,
.btn-group-l > .wi-btn {
  padding: 10px 16px !important;
  font-size: 18px !important;
}
.wi-btn.wi-sz-xl,
.btn-group-xl > .wi-btn {
  padding: 16px 20px !important;
  font-size: 28px !important;
}
/* ------------------- 3.3 GROUP -------------------- */
.btn-group,
.btn-group-vertical {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}
.btn-group > .wi-btn,
.btn-group-vertical > .wi-btn {
  position: relative;
  float: left;
}
.btn-group > .wi-btn:hover,
.btn-group-vertical > .wi-btn:hover,
.btn-group > .wi-btn:focus,
.btn-group-vertical > .wi-btn:focus,
.btn-group > .wi-btn:active,
.btn-group-vertical > .wi-btn:active,
.btn-group > .wi-btn.active,
.btn-group-vertical > .wi-btn.active {
  z-index: 2;
}
.btn-group > .wi-btn:focus,
.btn-group-vertical > .wi-btn:focus {
  outline: 0;
}
.btn-group .wi-btn + .wi-btn,
.btn-group .wi-btn + .btn-group,
.btn-group .btn-group + .wi-btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
/*.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}*/
.btn-group > .wi-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .wi-btn:first-child {
  margin-left: 0;
}
.btn-group > .wi-btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .wi-btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .wi-btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .wi-btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .wi-btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .wi-btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .wi-btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .wi-btn {
  float: none;
}
.btn-group-vertical > .wi-btn + .wi-btn,
.btn-group-vertical > .wi-btn + .btn-group,
.btn-group-vertical > .btn-group + .wi-btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .wi-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .wi-btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .wi-btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .wi-btn-group:not(:first-child):not(:last-child) > .wi-btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .wi-btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .wi-btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .wi-btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .wi-btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 04 COMPONENTS --------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 4.1 ACCORDION -------------- */
ul.wi-accordion {
  width: 100%;
}
ul.wi-accordion li {
  display: block;
  width: 100%;
  padding: 0;
}
ul.wi-accordion li .wi-accordion-content {
  display: block;
  padding: 0 12px 12px 12px;
  margin: 0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}
ul.wi-accordion li p {
  width: 100%;
}
ul.wi-accordion span.wi-marker {
  display: block;
  padding: 6px 12px;
  margin-top: 1px;
  border: 1px solid;
}
ul.wi-accordion li a.ui-state-active span.wi-marker {
  border-bottom: none;
  font-weight: bold;
}
/* -------------------- 4.2 ALERT -------------- */
.wi-alert-message {
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  padding: 6px 12px;
}
.wi-alert-message h1,
.wi-alert-message h2,
.wi-alert-message h3,
.wi-alert-message h4,
.wi-alert-message h5,
.wi-alert-message h6,
.wi-alert-message p {
  margin: 0;
}
.alert-ico:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px;
}
.alert-info .alert-ico:before {
  content: "\f05a";
}
.alert-success .alert-ico:before {
  content: "\f058";
}
.alert-warning .alert-ico:before {
  content: "\f06a";
}
.alert-error .alert-ico:before {
  content: "\f056";
}
a.wi-alert-close:before {
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 14px;
}
/* ------------------- 4.3 DATEPICKER -------------- */
.ui-datepicker {
  border-width: 1px;
  border-style: solid;
  display: none;
  padding: 12px;
  line-height: 20px;
}
.ui-datepicker th span {
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
}
.ui-datepicker-header {
  background-color: rgba(0, 0, 0, 0);
}
table.ui-datepicker-calendar td {
  font-size: 14px;
  padding: 0;
  text-align: center;
}
a.ui-datepicker-prev,
a.ui-datepicker-next {
  background-position: center top;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 17px;
  width: 17px;
}
a.ui-datepicker-prev span,
a.ui-datepicker-next span {
  display: none;
}
a.ui-datepicker-prev:hover,
a.ui-datepicker-next:hover {
  background-color: rgba(0, 0, 0, 0);
  background-position: center bottom;
  border: medium none !important;
}
a.ui-datepicker-prev:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f060";
}
a.ui-datepicker-prev {
  margin: 0 6px 6px 0;
  float: left;
}
a.ui-datepicker-next:after {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f061";
}
a.ui-datepicker-next {
  argin: 0 0 6px 6px;
  float: right;
}
.ui-datepicker-title {
  margin-bottom: 10px;
  text-align: center;
}
.ui-datepicker .ui-state-default {
  border-width: 1px;
  border-style: solid;
  padding: 1.5px 3px;
  display: block;
  margin: 1px;
}
/* ------------------- 4.4 LISTS ----------------- */
ul.wi-list li {
  display: table;
  line-height: 22px;
}
ul.wi-list-inline li {
  display: inline-block;
  margin-right: 10px;
}
ul.wi-list-inline li.title {
  display: block;
}
ul.type-check li:before,
ul.type-arrow li:before {
  display: inline-block;
  text-align: center;
  font-family: FontAwesome;
  font-size: 16px;
  padding: 0 3px 0 0;
}
ul.type-check li.title:before,
ul.type-arrow li.title:before,
ul.type-check li.spacer:before,
ul.type-arrow li.spacer:before {
  display: none;
}
ul.type-arrow li:before {
  content: "\f105";
}
ul.type-check li:before {
  content: "\f00c";
}
ul.type-check li.disabled:before {
  content: "\f05e";
}
ul.wi-sz-xs li,
ul.wi-sz-xs li:before {
  font-size: 11px;
}
ul.wi-sz-xs li:before {
  width: 20px;
}
ul.wi-sz-s li,
ul.wi-sz-s li:before {
  font-size: 13px;
}
ul.wi-sz-s li:before {
  width: 25px;
}
ul.wi-sz-l li,
ul.wi-sz-l li:before {
  font-size: 18px;
}
ul.wi-sz-l li:before {
  width: 35px;
}
ul.wi-sz-xl li,
ul.wi-sz-xl li:before {
  font-size: 28px;
}
ul.wi-sz-xl li:before {
  width: 40px;
}
/* -------------------- 4.5 MODAL ----------- */
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  -webkit-overflow-scrolling: touch;
}
.modal-frame {
  padding: 18px;
}
.modal-dialog {
  position: relative;
  width: auto;
}
.modal-dialog.modal-sz-xs {
  max-width: 250px;
}
.modal-dialog.modal-sz-s {
  max-width: 380px;
}
.modal-dialog.modal-sz-l {
  max-width: 640px;
}
.modal-dialog.modal-sz-xl {
  max-width: 750px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 888;
  opacity: 0.5;
}
.modal button.close {
  top: 14px;
  right: 4px;
}
.modal-header {
  padding: 12px;
  border-radius: 6px 6px 0 0;
}
.modal-header .modal-title {
  margin: 0;
}
.modal-header .modal-body {
  position: relative;
}
.modal-content {
  position: relative;
  outline: none;
}
.modal-footer {
  padding: 12px;
  text-align: right;
  border-radius: 0 0 6px 6px;
}
.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px;
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 510px;
    margin: 24px auto;
  }
  .modal-open {
    margin-right: 18px;
  }
}
/* ------------------- 4.6.1 SCROLLBAR --------------- */
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
}
.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}
.mCSB_inside > .mCSB_container {
  margin-right: 24px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 15px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -15px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -15px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 18px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: auto;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  right: -1px;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: auto;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 15px;
  padding-bottom: 15px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.wi-table .mCSB_buttonUp:before,
.wi-table .mCSB_buttonDown:before {
  margin-left: -2px;
}
.mCSB_buttonUp:before,
.mCSB_buttonDown:before {
  font-family: FontAwesome;
  display: block;
}
.mCSB_buttonUp:before {
  content: "\f077";
  padding-bottom: 3px;
}
.mCSB_buttonDown:before {
  content: "\f078";
  padding-top: 6px;
}
.mCSB_buttonLeft:before,
.mCSB_buttonRight:before {
  font-family: FontAwesome;
  display: block;
}
.mCSB_buttonLeft:before {
  content: "\f053";
}
.mCSB_buttonRight:before {
  content: "\f054";
}
/* ------------------- 4.6.2 GO TOP --------------- */
.wi-go-top {
  bottom: 5px;
  display: none;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 5px;
  text-align: center;
  width: 50px;
  z-index: 150;
}
.wi-go-top i {
  margin: 0;
  font-size: 18px;
}
/* -------------------- 4.7 TABS ------------------- */
.wi-tabs {
  width: 100%;
  float: none;
}
.wi-tabs-area {
  margin: 0;
  float: none;
  padding: 18px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}
ul.wi-labels-tabs {
  margin: 0 !important;
  padding: 0 0 0 6px;
  width: 100%;
  display: block;
  float: left;
  background-color: transparent;
}
ul.wi-labels-tabs li,
ul.wi-labels-tabs li:hover {
  display: block;
  float: left;
  margin: 0 1px 0 0;
}
ul.wi-labels-tabs li a span {
  margin: 0;
  padding: 6px 12px;
  display: block;
  border-width: 1px 1px 0 1px;
  border-style: solid;
}
ul.wi-labels-tabs li.ui-state-active a span {
  border-width: 1px;
  margin-bottom: -1px;
  font-weight: bold;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
/* ------------------- 4.8 TOOLTIP ----------------- */
.ui-tooltip {
  padding: 6px 12px;
  border-radius: 4px;
  line-height: normal;
  position: absolute;
  z-index: 9999;
  max-width: 400px;
  border-width: 1px;
  border-style: solid;
}
.arrow {
  width: 70px;
  height: 17px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -17px;
  z-index: 9999;
}
.arrow.left {
  left: 20%;
}
.arrow.top {
  top: -17px;
  bottom: auto;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -19px;
  width: 25px;
  height: 25px;
  border-width: 1px;
  border-style: solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 9999;
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}
/* ------------------- 4.10 PROGRESSBAR --------------- */
.progress-wrap {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 20px;
  overflow: hidden;
}
.progress-bar {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  transition: width 0.6s ease 0s;
  width: 0;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 05 FORMS -------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 5.1 FORM PROPRIETIES ------- */
form:before,
form:after {
  display: block;
  content: "";
  clear: both;
}
input,
button,
select,
textarea,
label,
.dropdown-select {
  font-family: Helvetica, Arial, sans-serif;
}
label {
  margin-bottom: 6px;
  display: inline-block;
  font-weight: 700;
}
label.error {
  font-weight: normal;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
textarea,
select {
  display: table-cell;
  position: relative;
  resize: none;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  border-radius: 4px;
  line-height: 1.42857;
  padding: 6px 12px;
}
.wi-sz-l > input[type="text"],
.wi-sz-l > input[type="password"],
.wi-sz-l > select,
.wi-sz-l > .label-add-on,
.wi-sz-l > .btn-add-on > .wi-btn {
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.33;
  padding: 10px 16px;
}
.wi-sz-s > input[type="text"],
.wi-sz-s > input[type="password"],
.wi-sz-s > select,
.wi-sz-s > .label-add-on,
.wi-sz-s > .btn-add-on > .wi-btn {
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 10px;
}
select {
  height: 34px;
}
.wi-sz-s > select {
  height: 30px;
}
.wi-sz-l > select {
  height: 46px;
}
textarea {
  height: auto;
}
.cascade-form input[type="text"],
.cascade-form input[type="search"],
.cascade-form input[type="password"],
.cascade-form input[type="email"],
.cascade-form input[type="file"],
.cascade-form textarea,
.cascade-form select,
.cascade-form .form-item {
  margin-bottom: 10px;
}
/* -------------------- 5.2 CHECKBOX & RADIO ------- */
input[type=checkbox],
input[type=radio] {
  visibility: hidden;
  position: absolute;
}
input[type=checkbox] + label,
input[type=radio] + label {
  font-weight: normal;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  letter-spacing: 12px;
  font-size: 18px;
}
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
  letter-spacing: 6px;
}
input[type=checkbox] + label:before {
  content: "\f096";
}
input[type=checkbox]:checked + label:before {
  content: "\f046";
}
input[type=radio] + label:before {
  content: "\f10c";
}
input[type=radio]:checked + label:before {
  content: "\f192";
}
/* -------------------- 5.3 INPUT ADDON ------- */
.form-item {
  border-collapse: separate;
  display: table;
  position: relative;
}
.form-item input[type=text],
.form-item input[type=password] {
  display: table-cell;
  z-index: 2;
  float: left;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.form-item .label-add-on {
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}
.form-item .label-add-on,
.form-item .btn-add-on {
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
  display: table-cell;
}
* {
  box-sizing: border-box;
}
.form-item .label-add-on,
.form-item .btn-add-on,
.form-item input[type=text],
.form-item input[type=password],
.form-item select {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.form-item .label-add-on,
.form-item .btn-add-on {
  border-width: 1px 0 1px 1px;
}
.form-item .label-add-on:last-child,
.form-item .btn-add-on:last-child {
  border-width: 1px 1px 1px 0;
}
.btn-add-on:last-child > .wi-btn {
  margin-left: -1px;
}
.btn-add-on > .wi-btn {
  position: relative;
}
.label-add-on:not(:first-child):not(:last-child),
.btn-add-on:not(:first-child):not(:last-child),
.form-item input[type="text"]:not(:first-child):not(:last-child),
.form-item input[type="password"]:not(:first-child):not(:last-child),
.form-item select:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.form-item input[type="text"]:first-child,
.form-item input[type="password"]:first-child,
.form-item select:first-child,
.label-add-on:first-child,
.btn-add-on:first-child > .wi-btn,
.btn-add-on:first-child > .btn-group > .wi-btn,
.btn-add-on:first-child > .dropdown-toggle,
.btn-add-on:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.btn-add-on:last-child > .btn-group:not(:last-child) > .wi-btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.form-item input[type="text"]:last-child,
.form-item input[type="password"]:last-child,
.form-item select:last-child,
.label-add-on:last-child,
.btn-add-on:last-child > .wi-btn,
.btn-add-on:last-child > .btn-group > .wi-btn,
.btn-add-on:last-child > .dropdown-toggle,
.btn-add-on:first-child > .wi-btn:not(:first-child),
.btn-add-on:first-child > .btn-group:not(:first-child) > .wi-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.form-item .label-add-on:last-child {
  border-radius: 0 4px 4px 0;
  border-width: 1px 1px 1px 0;
}
.form-item .label-add-on:not(:first-child):not(:last-child),
.form-item input[type=text]:not(:first-child):not(:last-child),
.form-item input[type=password]:not(:first-child):not(:last-child),
.form-item select:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-add-on {
  position: relative;
  white-space: nowrap;
}
.btn-add-on > .wi-btn {
  position: relative;
}
.btn-add-on > .wi-btn + .wi-btn {
  margin-left: -1px;
}
.btn-add-on > .btn:hover,
.btn-add-on > .btn:focus,
.btn-add-on > .btn:active {
  z-index: 2;
}
.btn-add-on:first-child > .wi-btn,
.btn-add-on:first-child > .btn-group {
  margin-right: -1px;
}
.btn-add-on:last-child > .wi-btn,
.btn-add-on:last-child > .btn-group {
  margin-left: -1px;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 06 NAVIGATION --------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 8.1 NAV CONTAINER ---------- */
.wi-nav-bar {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.wi-nav-bar ul li {
  display: inline-block;
}
.wi-nav-bar ul li a {
  display: block;
  padding: 12px;
}
.wi-nav-bar ul li ul {
  display: none;
}
.wi-nav-bar ul li ul li {
  width: 100%;
}
.wi-nav-bar ul li ul li a {
  display: block;
  padding: 6px 12px;
  font-size: 13px;
}
.wi-nav-bar ul li ul li ul {
  display: none;
}
.wi-nav-bar ul li ul.dropdown-menu li:hover ul {
  display: block;
}
.wi-nav-bar.vertical-nav {
  display: table;
}
.wi-nav-bar.vertical-nav .wi-brand,
.wi-nav-bar.vertical-nav .wi-menu {
  display: table-row;
}
.wi-nav-bar.vertical-nav ul {
  float: none;
}
.wi-nav-bar.vertical-nav ul.sm {
  float: none;
}
.wi-nav-bar.vertical-nav ul li {
  display: block;
  float: none;
  width: 100%;
}
.wi-nav-bar.vertical-nav ul li a {
  width: 100%;
}
.wi-nav-bar.vertical-nav ul li ul li ul {
  width: auto;
  position: static;
  margin: 0 !important;
}
.wi-nav-bar:before,
.wi-nav-bar:after {
  content: "";
  display: table;
  clear: both;
}
.wi-nav-bar.nav-justified ul {
  width: 100%;
}
.wi-nav-bar ul {
  width: 100%;
  float: left;
}
.wi-nav-bar ul > li {
  width: 100%;
  float: left;
}
.wi-tools ul li {
  width: auto;
}
.wi-brand,
.wi-menu,
.wi-search,
.wi-tools,
.drop-login {
  float: left;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
}
.drop-login ul {
  float: right;
  width: 100%;
}
ul.toggle li a {
  width: 100%;
}
.wi-logo,
.wi-copy {
  max-width: 340px;
  display: inline-block;
  margin: 10px 0;
}
.wi-logo h3,
.wi-copy h3,
.wi-logo p,
.wi-copy p {
  margin: 0;
}
.wi-tools {
  width: auto;
  float: right;
}
@media only screen and (min-width: 785px) {
  ul.toggle li a {
    width: auto;
  }
  .wi-nav-bar {
    display: table;
  }
  .wi-tools {
    width: 100%;
    float: none;
  }
  .wi-brand,
  .wi-menu,
  .wi-search,
  .wi-tools,
  .drop-login {
    padding: 0 12px;
    text-align: left;
  }
  .wi-brand:first-child,
  .wi-menu:first-child,
  .wi-search:first-child,
  .wi-tools:first-child,
  .drop-login:first-child {
    padding-left: 0;
  }
  .wi-brand:last-child,
  .wi-menu:last-child,
  .wi-search:last-child,
  .wi-tools:last-child,
  .drop-login:last-child {
    padding-right: 0;
  }
  .wi-logo {
    margin-left: 10px;
  }
  .wi-nav-bar .wi-brand,
  .wi-nav-bar .wi-menu,
  .wi-nav-bar .wi-search,
  .wi-nav-bar .wi-tools,
  .wi-nav-bar .drop-login {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
  .wi-nav-bar .drop-login {
    width: 1%;
  }
  .wi-nav-bar ul {
    width: auto;
    float: none;
  }
  .wi-nav-bar ul > li {
    width: auto;
    float: left;
  }
  .wi-nav-bar.nav-justified ul.sm > li {
    float: none;
    display: table-cell;
    width: 1%;
  }
  .wi-nav-bar.nav-justified ul.sm > li > a {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .wi-logo {
    margin-left: 0;
  }
}
/* -------------------- 8.4 MOBILE TOGGLE ---------- */
.wi-nav-bar .menu-toggle {
  display: block;
  position: absolute;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 28px;
  z-index: 222;
  top: 15px;
  left: 5px;
}
.nav-right .menu-toggle {
  right: 5px;
  left: auto;
}
.wi-nav-bar .menu-toggle i {
  margin: 0;
}
.toggle {
  display: none;
}
/* -------------------- 8.5 MEGA MENU -------------- */
li.sm-megamenu {
  display: table-row;
}
li.sm-megamenu ul {
  display: table-cell;
}
/*.wi-nav-bar ul li.wi-megamenu ul li ul{
	border:none;
	padding:0;
}
.wi-nav-bar ul > li.wi-megamenu{
	position:relative;
	width:100%;
}*/
@media only screen and (min-width: 785px) {
  /* -------------------- 8.1 NAV CONTAINER ---------- */
  .nav-right ul.sm {
    float: right;
    width: auto;
  }
  .nav-left ul.sm {
    float: left;
    width: auto;
  }
  /* -------------------- 8.4 MOBILE TOGGLE ---------- */
  .wi-nav-bar .menu-toggle {
    display: none !important;
  }
  .wi-nav-bar ul.toggle {
    display: block;
  }
}
/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/
ul.sm {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative;
  text-align: left;
  top: auto;
  left: 0;
}
ul.sm.sm-slide,
ul.sm.sm-toggle {
  display: none;
}
ul.sm.sm-toggle {
  margin-bottom: 15px;
}
ul.sm ul {
  display: none;
  position: static;
  top: auto;
  left: auto;
  margin-left: 0;
  margin-top: 0;
  min-width: 0;
}
ul.sm li {
  position: relative;
}
ul.sm > li > a,
ul.sm ul.sm-nowrap > li > a {
  white-space: normal;
}
ul.sm iframe {
  display: none;
}
ul li ul li a.has-submenu:after {
  font-family: FontAwesome;
  display: block;
  position: absolute;
  content: "\f105";
  right: 8px;
  top: 8px;
}
.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
  direction: rtl;
}
ul.sm-rtl li {
  float: right;
}
ul.sm ul li,
ul.sm-vertical li {
  float: none;
}
ul.sm ul a,
ul.sm-vertical a {
  white-space: normal;
}
ul.sm {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 785px) {
  .sm-slide-default {
    margin: 0px;
    overflow: auto;
    position: relative;
    width: 100%;
  }
  .sm-slide-left {
    margin-left: 200px;
    overflow-x: hidden;
    width: 100%;
    position: relative;
  }
  .sm-slide-right {
    margin-left: -200px;
    overflow-x: hidden;
    width: 100%;
    position: relative;
  }
  ul.sm.sm-slide {
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 9999;
  }
  .sm.hide-right {
    left: 100%;
    display: none;
  }
  .sm.show-right {
    left: 100%;
    display: block !important;
  }
  .sm.hide-left {
    left: -200px;
    display: none;
  }
  .sm.show-left {
    left: -200px;
    display: block !important;
  }
}
@media screen and (min-width: 785px) {
  ul.sm {
    position: static;
    width: auto;
  }
  ul.sm.sm-slide,
  ul.sm.sm-toggle {
    display: block;
  }
  ul.sm.sm-toggle {
    margin-bottom: 0;
  }
  ul.sm ul {
    display: none;
    position: absolute;
    top: -999999px;
    width: 100px;
    direction: ltr;
    line-height: normal;
    margin: 0;
  }
  .vertical-nav ul.sm ul {
    position: static;
    width: 100%;
  }
}
.wi-mobile-view ul.sm ul {
  max-width: 100% !important;
  width: 100% !important;
}
.wi-mobile-view ul.sm ul li ul {
  margin: 0 !important;
}
.wi-mobile-view ul.sm ul li ul li ul {
  margin: 0 !important;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 07 NIVO SLIDER -------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 9.1 SLIDER CONTAINER ------- */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #ffffff url(library/img/loading.gif) no-repeat 50% 50%;
  margin-bottom: 10px;
}
/* -------------------- 9.2 SLIDER IMAGES ---------- */
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: none;
  display: none;
}
.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0;
}
/* -------------------- 9.3 SLIDER NAV ------------- */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer;
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 18px;
  border: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.nivo-directionNav a i {
  margin: 0;
}
a.nivo-prevNav i {
  margin-right: 3px;
}
a.nivo-nextNav i {
  margin-left: 3px;
}
.slider-wrapper {
  opacity: 0.99;
}
.slider-wrapper:hover .nivo-directionNav a {
  opacity: 1;
}
.nivo-prevNav {
  left: 0px;
}
.nivo-nextNav {
  right: 0px;
}
.nivo-controlNav {
  text-align: center;
  padding: 0;
}
.nivo-controlNav a {
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(library/img/bullets.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin: 0 2px;
}
.nivo-controlNav a:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  content: "";
  font-family: FontAwesome;
}
.nivo-controlNav a.active {
  font-weight: bold;
  background-position: 0 -22px;
}
a.nivo-nextNav {
  background-position: -30px 0;
  right: 15px;
}
a.nivo-prevNav {
  left: 15px;
}
.nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}
.nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}
.nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}
/* -------------------- 9.4 SLIDER CAPTION --------- */
.nivo-caption {
  padding: 6px;
  position: absolute;
  bottom: 10%;
  left: 30%;
  width: 40%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 8;
  text-align: center;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nivo-html-caption {
  display: none;
}
.nivo-caption a:hover {
  color: #fff;
}
/* -------------------- 9.5 SLIDER IMAGES ---------- */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}
.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}
.nivo-box img {
  display: block;
}
.nivo-caption h1,
.nivo-caption h2,
.nivo-caption h3,
.nivo-caption h4,
.nivo-caption h5 {
  margin: 0;
}
/* -------------------- 9.6 MQ SLIDER -------------- */
@media only screen and (min-width: 768px) {
  .nivo-caption {
    padding: 30px;
  }
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 08 COLUMNS -----------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
.wi-section {
  clear: both;
  padding: 18px;
}
.wi-group:before,
.wi-group:after {
  content: "";
  display: table;
}
.wi-group:after {
  clear: both;
}
.wi-group {
  zoom: 1;
  /* For IE 6/7 */
}
* {
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .wi-section {
    padding: 30px;
  }
}
.wi-row:before,
.wi-row:after {
  content: "";
  display: table;
}
.wi-row:after {
  clear: both;
}
.wi-row {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
}
.wi-col-sm-1,
.wi-col-tb-1,
.wi-col-ds-1,
.wi-col-sm-2,
.wi-col-tb-2,
.wi-col-ds-2,
.wi-col-sm-3,
.wi-col-tb-3,
.wi-col-ds-3,
.wi-col-sm-4,
.wi-col-tb-4,
.wi-col-ds-4,
.wi-col-sm-5,
.wi-col-tb-5,
.wi-col-ds-5,
.wi-col-sm-6,
.wi-col-tb-6,
.wi-col-ds-6,
.wi-col-sm-7,
.wi-col-tb-7,
.wi-col-ds-7,
.wi-col-sm-8,
.wi-col-tb-8,
.wi-col-ds-8,
.wi-col-sm-9,
.wi-col-tb-9,
.wi-col-ds-9,
.wi-col-sm-10,
.wi-col-tb-10,
.wi-col-ds-10,
.wi-col-sm-11,
.wi-col-tb-11,
.wi-col-ds-11,
.wi-col-sm-12,
.wi-col-tb-12,
.wi-col-ds-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.wi-col-sm-1,
.wi-col-sm-2,
.wi-col-sm-3,
.wi-col-sm-4,
.wi-col-sm-5,
.wi-col-sm-6,
.wi-col-sm-7,
.wi-col-sm-8,
.wi-col-sm-9,
.wi-col-sm-10,
.wi-col-sm-11,
.wi-col-sm-12 {
  float: left;
}
.wi-col-sm-12 {
  width: 100%;
}
.wi-col-sm-11 {
  width: 91.66666667%;
}
.wi-col-sm-10 {
  width: 83.33333333%;
}
.wi-col-sm-9 {
  width: 75%;
}
.wi-col-sm-8 {
  width: 66.66666667%;
}
.wi-col-sm-7 {
  width: 58.33333333%;
}
.wi-col-sm-6 {
  width: 50%;
}
.wi-col-sm-5 {
  width: 41.66666667%;
}
.wi-col-sm-4 {
  width: 33.33333333%;
}
.wi-col-sm-3 {
  width: 25%;
}
.wi-col-sm-2 {
  width: 16.66666667%;
}
.wi-col-sm-1 {
  width: 8.33333333%;
}
.wi-col-sm-pull-12 {
  right: 100%;
}
.wi-col-sm-pull-11 {
  right: 91.66666667%;
}
.wi-col-sm-pull-10 {
  right: 83.33333333%;
}
.wi-col-sm-pull-9 {
  right: 75%;
}
.wi-col-sm-pull-8 {
  right: 66.66666667%;
}
.wi-col-sm-pull-7 {
  right: 58.33333333%;
}
.wi-col-sm-pull-6 {
  right: 50%;
}
.wi-col-sm-pull-5 {
  right: 41.66666667%;
}
.wi-col-sm-pull-4 {
  right: 33.33333333%;
}
.wi-col-sm-pull-3 {
  right: 25%;
}
.wi-col-sm-pull-2 {
  right: 16.66666667%;
}
.wi-col-sm-pull-1 {
  right: 8.33333333%;
}
.wi-col-sm-pull-0 {
  right: auto;
}
.wi-col-sm-push-12 {
  left: 100%;
}
.wi-col-sm-push-11 {
  left: 91.66666667%;
}
.wi-col-sm-push-10 {
  left: 83.33333333%;
}
.wi-col-sm-push-9 {
  left: 75%;
}
.wi-col-sm-push-8 {
  left: 66.66666667%;
}
.wi-col-sm-push-7 {
  left: 58.33333333%;
}
.wi-col-sm-push-6 {
  left: 50%;
}
.wi-col-sm-push-5 {
  left: 41.66666667%;
}
.wi-col-sm-push-4 {
  left: 33.33333333%;
}
.wi-col-sm-push-3 {
  left: 25%;
}
.wi-col-sm-push-2 {
  left: 16.66666667%;
}
.wi-col-sm-push-1 {
  left: 8.33333333%;
}
.wi-col-sm-push-0 {
  left: auto;
}
.wi-col-sm-offset-12 {
  margin-left: 100%;
}
.wi-col-sm-offset-11 {
  margin-left: 91.66666667%;
}
.wi-col-sm-offset-10 {
  margin-left: 83.33333333%;
}
.wi-col-sm-offset-9 {
  margin-left: 75%;
}
.wi-col-sm-offset-8 {
  margin-left: 66.66666667%;
}
.wi-col-sm-offset-7 {
  margin-left: 58.33333333%;
}
.wi-col-sm-offset-6 {
  margin-left: 50%;
}
.wi-col-sm-offset-5 {
  margin-left: 41.66666667%;
}
.wi-col-sm-offset-4 {
  margin-left: 33.33333333%;
}
.wi-col-sm-offset-3 {
  margin-left: 25%;
}
.wi-col-sm-offset-2 {
  margin-left: 16.66666667%;
}
.wi-col-sm-offset-1 {
  margin-left: 8.33333333%;
}
.wi-col-sm-offset-0 {
  margin-left: 0;
}
@media (max-width: 1024px) {
  div[class^="wi-col-ds-"],
  div[class^="wi-col-tb-"] {
    margin-bottom: 15px;
  }
  label[class^="wi-col-"] {
    margin-bottom: 6px;
  }
  .wi-row {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  label[class^="wi-col-"] {
    margin: 10px 0 0 0;
  }
  .wi-row:last-of-type {
    margin-bottom: 0;
  }
  .wi-col-tb-1,
  .wi-col-tb-2,
  .wi-col-tb-3,
  .wi-col-tb-4,
  .wi-col-tb-5,
  .wi-col-tb-6,
  .wi-col-tb-7,
  .wi-col-tb-8,
  .wi-col-tb-9,
  .wi-col-tb-10,
  .wi-col-tb-11,
  .wi-col-tb-12 {
    float: left;
  }
  .wi-col-tb-12 {
    width: 100%;
  }
  .wi-col-tb-11 {
    width: 91.66666667%;
  }
  .wi-col-tb-10 {
    width: 83.33333333%;
  }
  .wi-col-tb-9 {
    width: 75%;
  }
  .wi-col-tb-8 {
    width: 66.66666667%;
  }
  .wi-col-tb-7 {
    width: 58.33333333%;
  }
  .wi-col-tb-6 {
    width: 50%;
  }
  .wi-col-tb-5 {
    width: 41.66666667%;
  }
  .wi-col-tb-4 {
    width: 33.33333333%;
  }
  .wi-col-tb-3 {
    width: 25%;
  }
  .wi-col-tb-2 {
    width: 16.66666667%;
  }
  .wi-col-tb-1 {
    width: 8.33333333%;
  }
  .wi-col-tb-pull-12 {
    right: 100%;
  }
  .wi-col-tb-pull-11 {
    right: 91.66666667%;
  }
  .wi-col-tb-pull-10 {
    right: 83.33333333%;
  }
  .wi-col-tb-pull-9 {
    right: 75%;
  }
  .wi-col-tb-pull-8 {
    right: 66.66666667%;
  }
  .wi-col-tb-pull-7 {
    right: 58.33333333%;
  }
  .wi-col-tb-pull-6 {
    right: 50%;
  }
  .wi-col-tb-pull-5 {
    right: 41.66666667%;
  }
  .wi-col-tb-pull-4 {
    right: 33.33333333%;
  }
  .wi-col-tb-pull-3 {
    right: 25%;
  }
  .wi-col-tb-pull-2 {
    right: 16.66666667%;
  }
  .wi-col-tb-pull-1 {
    right: 8.33333333%;
  }
  .wi-col-tb-pull-0 {
    right: auto;
  }
  .wi-col-tb-push-12 {
    left: 100%;
  }
  .wi-col-tb-push-11 {
    left: 91.66666667%;
  }
  .wi-col-tb-push-10 {
    left: 83.33333333%;
  }
  .wi-col-tb-push-9 {
    left: 75%;
  }
  .wi-col-tb-push-8 {
    left: 66.66666667%;
  }
  .wi-col-tb-push-7 {
    left: 58.33333333%;
  }
  .wi-col-tb-push-6 {
    left: 50%;
  }
  .wi-col-tb-push-5 {
    left: 41.66666667%;
  }
  .wi-col-tb-push-4 {
    left: 33.33333333%;
  }
  .wi-col-tb-push-3 {
    left: 25%;
  }
  .wi-col-tb-push-2 {
    left: 16.66666667%;
  }
  .wi-col-tb-push-1 {
    left: 8.33333333%;
  }
  .wi-col-tb-push-0 {
    left: auto;
  }
  .wi-col-tb-offset-12 {
    margin-left: 100%;
  }
  .wi-col-tb-offset-11 {
    margin-left: 91.66666667%;
  }
  .wi-col-tb-offset-10 {
    margin-left: 83.33333333%;
  }
  .wi-col-tb-offset-9 {
    margin-left: 75%;
  }
  .wi-col-tb-offset-8 {
    margin-left: 66.66666667%;
  }
  .wi-col-tb-offset-7 {
    margin-left: 58.33333333%;
  }
  .wi-col-tb-offset-6 {
    margin-left: 50%;
  }
  .wi-col-tb-offset-5 {
    margin-left: 41.66666667%;
  }
  .wi-col-tb-offset-4 {
    margin-left: 33.33333333%;
  }
  .wi-col-tb-offset-3 {
    margin-left: 25%;
  }
  .wi-col-tb-offset-2 {
    margin-left: 16.66666667%;
  }
  .wi-col-tb-offset-1 {
    margin-left: 8.33333333%;
  }
  .wi-col-tb-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .wi-col-ds-1,
  .wi-col-ds-2,
  .wi-col-ds-3,
  .wi-col-ds-4,
  .wi-col-ds-5,
  .wi-col-ds-6,
  .wi-col-ds-7,
  .wi-col-ds-8,
  .wi-col-ds-9,
  .wi-col-ds-10,
  .wi-col-ds-11,
  .wi-col-ds-12 {
    float: left;
  }
  .wi-col-ds-12 {
    width: 100%;
  }
  .wi-col-ds-11 {
    width: 91.66666667%;
  }
  .wi-col-ds-10 {
    width: 83.33333333%;
  }
  .wi-col-ds-9 {
    width: 75%;
  }
  .wi-col-ds-8 {
    width: 66.66666667%;
  }
  .wi-col-ds-7 {
    width: 58.33333333%;
  }
  .wi-col-ds-6 {
    width: 50%;
  }
  .wi-col-ds-5 {
    width: 41.66666667%;
  }
  .wi-col-ds-4 {
    width: 33.33333333%;
  }
  .wi-col-ds-3 {
    width: 25%;
  }
  .wi-col-ds-2 {
    width: 16.66666667%;
  }
  .wi-col-ds-1 {
    width: 8.33333333%;
  }
  .wi-col-ds-pull-12 {
    right: 100%;
  }
  .wi-col-ds-pull-11 {
    right: 91.66666667%;
  }
  .wi-col-ds-pull-10 {
    right: 83.33333333%;
  }
  .wi-col-ds-pull-9 {
    right: 75%;
  }
  .wi-col-ds-pull-8 {
    right: 66.66666667%;
  }
  .wi-col-ds-pull-7 {
    right: 58.33333333%;
  }
  .wi-col-ds-pull-6 {
    right: 50%;
  }
  .wi-col-ds-pull-5 {
    right: 41.66666667%;
  }
  .wi-col-ds-pull-4 {
    right: 33.33333333%;
  }
  .wi-col-ds-pull-3 {
    right: 25%;
  }
  .wi-col-ds-pull-2 {
    right: 16.66666667%;
  }
  .wi-col-ds-pull-1 {
    right: 8.33333333%;
  }
  .wi-col-ds-pull-0 {
    right: auto;
  }
  .wi-col-ds-push-12 {
    left: 100%;
  }
  .wi-col-ds-push-11 {
    left: 91.66666667%;
  }
  .wi-col-ds-push-10 {
    left: 83.33333333%;
  }
  .wi-col-ds-push-9 {
    left: 75%;
  }
  .wi-col-ds-push-8 {
    left: 66.66666667%;
  }
  .wi-col-ds-push-7 {
    left: 58.33333333%;
  }
  .wi-col-ds-push-6 {
    left: 50%;
  }
  .wi-col-ds-push-5 {
    left: 41.66666667%;
  }
  .wi-col-ds-push-4 {
    left: 33.33333333%;
  }
  .wi-col-ds-push-3 {
    left: 25%;
  }
  .wi-col-ds-push-2 {
    left: 16.66666667%;
  }
  .wi-col-ds-push-1 {
    left: 8.33333333%;
  }
  .wi-col-ds-push-0 {
    left: auto;
  }
  .wi-col-ds-offset-12 {
    margin-left: 100%;
  }
  .wi-col-ds-offset-11 {
    margin-left: 91.66666667%;
  }
  .wi-col-ds-offset-10 {
    margin-left: 83.33333333%;
  }
  .wi-col-ds-offset-9 {
    margin-left: 75%;
  }
  .wi-col-ds-offset-8 {
    margin-left: 66.66666667%;
  }
  .wi-col-ds-offset-7 {
    margin-left: 58.33333333%;
  }
  .wi-col-ds-offset-6 {
    margin-left: 50%;
  }
  .wi-col-ds-offset-5 {
    margin-left: 41.66666667%;
  }
  .wi-col-ds-offset-4 {
    margin-left: 33.33333333%;
  }
  .wi-col-ds-offset-3 {
    margin-left: 25%;
  }
  .wi-col-ds-offset-2 {
    margin-left: 16.66666667%;
  }
  .wi-col-ds-offset-1 {
    margin-left: 8.33333333%;
  }
  .wi-col-ds-offset-0 {
    margin-left: 0;
  }
}
.wi-frame,
.wi-frame-xs,
.wi-frame-s,
.wi-frame-m,
.wi-frame-l,
.wi-frame-xl {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.wi-frame-xs {
  padding: 3px;
}
.wi-frame-s {
  padding: 6px;
}
.wi-frame-m {
  padding: 12px;
}
.wi-frame-l {
  padding: 18px;
}
.wi-frame-xl {
  padding: 30px;
}
.wi-frame:after,
.wi-frame-s:after,
.wi-frame-m:after,
.wi-frame-l:after,
.wi-frame-xl:after {
  display: block;
  content: "";
  clear: both;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 09 TABLES ------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
table.wi-table {
  width: 100%;
  margin: 0 auto;
  clear: both;
}
table.wi-table table {
  width: 100%;
}
table.wi-table tr td {
  cursor: default;
}
table.wi-table thead th,
table.wi-table tfoot th {
  font-weight: bold;
  position: relative;
}
table.wi-table thead tr {
  border-bottom: 1px solid #111111;
}
table.wi-table tfoot tr {
  border-top: 1px solid #111111;
}
table.wi-table thead th:active,
table.wi-table thead td:active {
  outline: none;
}
table.wi-table thead .sorting_asc,
table.wi-table thead .sorting_desc,
table.wi-table thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.wi-table td {
  vertical-align: middle;
}
table.wi-table tbody tr.selected {
  font-weight: bold;
}
table.wi-table tbody td {
  padding: 3px 6px;
}
table.wi-table tbody tr {
  border-width: 0 0 1px 0;
  border-style: solid;
}
table.wi-table tbody tr:last-child,
table.wi-table tbody tr:last-child th {
  border: none;
}
table.wi-table thead th,
table.wi-table tfoot th {
  padding: 6px;
}
th[class^="wi-col-"] {
  padding-left: 0;
  padding-right: 0;
}
table.dataTable {
  text-align: center;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  display: block;
  font-family: FontAwesome;
  float: right;
  margin-top: 4px;
}
table.dataTable thead .sorting:before {
  content: "\f0dc";
}
table.dataTable thead .sorting_asc:before {
  content: "\f0de";
}
table.dataTable thead .sorting_desc:before {
  content: "\f0dd";
}
table.dataTable thead .sorting_asc_disabled:before {
  content: "\f0de";
  opacity: 0.5;
}
table.dataTable thead .sorting_desc_disabled:before {
  content: "\f0dd";
  opacity: 0.5;
}
datatable .dataTables_paginate {
  margin-top: 15px;
}
.dataTables_paginate a {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  min-width: 20px;
  vertical-align: middle;
  text-align: center;
  border-radius: 3px;
}
.dataTables_info {
  float: left;
  width: 100%;
  padding-top: 12px;
  margin-bottom: 10px;
}
.dataTables_wrapper a.previous,
.dataTables_wrapper a.next {
  font-family: FontAwesome;
}
.dataTables_length,
.dataTables_filter {
  padding: 12px;
  width: 50%;
  float: left;
}
.dataTables_length label,
.dataTables_filter label {
  margin: 0;
}
.dataTables_scrollHead,
.dataTables_scrollBody,
.dataTables_scrollFoot {
  float: left;
}
.dataTables_filter {
  text-align: right;
}
.dataTables_filter input {
  width: auto;
  padding: 3px;
  margin: 0 0 0 6px;
}
.dataTables_length select {
  margin: 0 6px;
  width: auto;
  padding: 3px;
}
.dataTables_paginate,
.dataTables_info {
  text-align: center;
}
.dataTables_scrollBody thead tr {
  border: none !important;
}
.dataTables_scrollBody thead th:before {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  table th,
  table td,
  table tr,
  table thead,
  table tbody {
    display: block;
  }
  table tfoot {
    display: none;
  }
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 10 ICONS -------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 13.1 ul class ------------- */
.angle-right > li a:before {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f105";
  margin: 0 6px 0 3px;
}
.arrow-right > li a:before {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f061";
  margin: 0 6px 0 3px;
}
.arrow-circle-right > li a:before {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f0a9";
  margin: 0 6px 0 3px;
}
.caret-right li > a:before {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f0da";
  margin: 0 6px 0 3px;
}
.chevron-circle-right > li a:before {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f138";
  margin: 0 6px 0 3px;
}
/* -------------------- 13.2 a class ------------- */
ul li a.lock:after {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f023";
  margin-left: 6px;
}
ul li a.help:after {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f128";
  margin-left: 6px;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 11 DROPDOWN ----------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 14.1 DROPDOWN CONTAINER ----------- */
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
/* -------------------- 14.2 DROPDOWN MENU ----------- */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2000;
  display: none;
  float: left;
  list-style: none;
  background-clip: padding-box;
  margin: 0 ;
  min-width: 180px;
}
.dropdown-menu > li > a {
  padding: 6px 12px;
  font-size: 14px;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: normal;
  white-space: nowrap;
}
.dropdown-menu li .divider {
  margin: 10px 0;
}
.vertical-nav .dropdown-menu {
  margin: 0;
  box-shadow: none;
}
.vertical-nav .dropdown-menu ul {
  box-shadow: none;
}
.dropup .dropdown-menu {
  bottom: 100%;
  margin-bottom: 1px;
  top: auto;
}
@media only screen and (max-width: 785px) {
  .toggle .dropdown-menu {
    position: relative;
    display: none;
    list-style: none;
    float: left;
    background-clip: padding-box;
    margin: 0;
    width: 100%;
  }
  .toggle .dropdown-menu li {
    display: block;
    float: left;
  }
}
.dropdown-menu:after,
.dropdown-menu:before {
  display: block;
  clear: both;
}
/* -------------------- 14.3 DROPDOWN OPEN ----------- */
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
ul li ul li a.dropdown-toggle {
  position: relative;
}
ul li ul li a.dropdown-toggle:after {
  font-family: FontAwesome;
  display: block;
  position: absolute;
  content: "\f105";
  right: 8px;
  top: 8px;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.wi-btn.selectpicker:after {
  position: absolute;
  display: inline-block;
  right: 0;
  margin-right: 10px;
  content: "\f107";
  font-family: 'FontAwesome';
}
.popover-title button.close {
  font-family: 'FontAwesome';
  margin-right: 6px;
}
.dropdown-select,
button.selectpicker {
  width: 100%;
}
.dropdown-select.btn-group .dropdown-menu dt {
  cursor: default;
  display: block;
  padding: 3px 12px;
}
.dropdown-select.btn-group .dropdown-menu li.disabled > a {
  cursor: not-allowed;
}
.popover-title {
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 8px 14px;
}
.popover-title p {
  display: block;
  padding-right: 30px;
  margin: 0;
}
.dropup .dropdown-menu {
  bottom: 100%;
  top: auto;
}
.dropdown-menu.inner {
  position: static;
  padding: 0;
  border-radius: 0;
  border: none;
}
.dropdown-menu.inner li {
  position: relative;
}
.dropdown-select-searchbox {
  margin: 6px;
}
.dropdown > a:after,
.dropdown > button:after,
.dropdown > input[type="submit"]:after,
li a.has-submenu:after {
  font-family: 'FontAwesome';
  font-size: 13px;
  content: "\f107";
  margin-left: 6px;
}
.dropup .dropdown > a:after,
.dropup .dropdown > button:after,
.dropup .dropdown > input[type="submit"]:after,
.dropup li a.has-submenu:after {
  content: "\f106";
}
/* -------------------- 14.4 DROPDOWN CONTENT ----------- */
.drop-header {
  padding: 12px;
}
.drop-body {
  padding: 12px;
}
.drop-footer {
  padding: 12px;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 12 MEDIA -------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 11.0 IMAGES ----------------- */
img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}
.wi-thumbnail {
  width: 100%;
}
/* -------------------- 11.1 MAPS ------------------- */
.wi-maps-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 42px;
  height: 0;
  overflow: hidden;
}
.wi-maps-container iframe,
.wi-maps-container object,
.wi-maps-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* -------------------- 11.2 VIDEO ------------------ */
.wi-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 42px;
  height: 0;
  overflow: hidden;
}
.wi-video-container iframe,
.wi-video-container object,
.wi-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 13 GALLERY -----------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 6.1 GRID GALLERY ----------- */
.wi-gallery a.wi-col {
  display: block;
  text-align: center;
}
.wi-gallery img {
  margin: 0;
  padding: 0;
  display: inline-block;
}
p.gallery-caption {
  margin: 10px 0 0 0;
}
/* -------------------- 6.2 MODAL GALLERY ---------- */
.wi-lightbox-container {
  position: relative;
}
.modal-body .wi-gallery-nav a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  padding-top: 45%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.modal-body .wi-gallery-nav a:hover {
  color: #fff;
}
.wi-gallery-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.wi-gallery-nav a:empty {
  width: 49%;
}
.wi-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}
.wi-lightbox .wi-prev,
.wi-lightbox .wi-next {
  display: block;
  font-weight: bold;
}
.wi-lightbox .wi-prev {
  float: left;
}
.wi-lightbox .wi-next {
  float: right;
  text-align: right;
}
.wi-lightbox .modal-footer {
  text-align: left;
}
/* -------------------- 6.3 MQ GALLERY ------------- */
@media only screen and (min-width: 480px) {
  .wi-gallery .wi-section {
    padding: 30px;
  }
  .wi-gallery .wi-col {
    margin: 1%;
  }
  .wi-gallery .wi-col:first-child {
    margin-left: 1%;
  }
  .wi-gallery .wi-1-1 {
    width: 100%;
  }
  .wi-gallery .wi-1-2 {
    width: 48%;
  }
  .wi-gallery .wi-1-3 {
    width: 31.32%;
  }
  .wi-gallery .wi-1-4 {
    width: 23%;
  }
  .wi-gallery .wi-1-5 {
    width: 18%;
  }
  .wi-gallery .wi-1-6 {
    width: 14.65%;
  }
  .wi-gallery .wi-1-7 {
    width: 12.27%;
  }
  .wi-gallery .wi-1-8 {
    width: 10.5%;
  }
  .wi-gallery .wi-1-9 {
    width: 9.1%;
  }
}
/* ----------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |---------------------------------------------------- 14 WORDPRESS ---------------------------------------|
   |---------------------------------------------------------------------------------------------------------|
   |--------------------------------------------------------------------------------------------------------- */
/* -------------------- 11.1 WP IMAGES ------------- */
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignnone {
  margin: auto;
}
img.alignleft {
  margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
  margin: 5px 10px 5px 0;
}
img.alignright {
  margin: 5px 0 5px 20px;
}
img.aligncenter {
  margin: 5px auto;
}
img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* >>> caption <<< */
.wp-caption.alignright {
  margin: 5px 0 5px 10px;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
  list-style-position: inside;
}
/* -------------------- 11.2 WP BREADCRUMBS -------- */
.home .wi-breadcrumbs {
  display: none;
}
.wi-breadcrumbs {
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 3px 6px;
}
.wi-breadcrumbs i {
  font-size: 14px;
  margin: 0 6px;
}
.wi-breadcrumbs i.fa-home {
  margin: 0;
}
/* -------------------- 11.3 WP POST LIST ---------- */
.wi-entry-title {
  margin: 0;
}
.wi-recent-posts:after {
  content: '';
  display: block;
  clear: both;
}
.wi-recent-posts .wi-col {
  margin-bottom: 0;
}
.wi-recent-posts li.wi-col:last-child {
  margin: 0;
}
.wi-recent-posts span.wi-excerpt {
  display: block;
  padding: 18px;
}
b.wi-date {
  border-bottom: 1px dotted;
  display: block;
  padding: 6px;
}
.wi-post-list:last-child {
  margin-right: 0;
}
.wi-frame-list {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  padding: 18px;
}
/* -------------------- 11.4 WP SINGLE ------------- */
.wi-post-single {
  border: none;
}
.wi-single-content {
  padding: 12px;
}
.wi-post-navigation {
  padding: 30px;
}
.wi-date span {
  display: block;
  padding: 12px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}
/* --------------------- SHORTCODE ----------------- */
ul.wi-arrow-list li.title:before,
ul.wi-arrow-list li.spacer:before,
ul.wi-check-list li.title:before,
ul.wi-check-list li.spacer:before {
  display: none;
}
ul.wi-arrow-list li:before,
ul.wi-check-list li:before {
  display: table-cell;
  width: 1%;
  font-family: FontAwesome;
  font-size: 15px;
  padding: 0 6px 0 0;
}
ul.wi-arrow-list li:before {
  content: "\f105";
}
ul.wi-check-list li.disabled:before {
  content: "\f05e";
}
ul.wi-check-list li:before {
  content: "\f00c";
}