/*! Colors */ /*! Layout */ /*! Depth */ .dropdown-header, .lv-header, .t-uppercase {
  text-transform: uppercase
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
  text-decoration: none
}
.md__header, .toggle-switch {
  -webkit-touch-callout: none;
  -khtml-user-select: none
}
.m-0 {
  margin: 0 !important
}
.m-t-0 {
  margin-top: 0 !important
}
.m-b-0 {
  margin-bottom: 0 !important
}
.m-l-0 {
  margin-left: 0 !important
}
.m-r-0 {
  margin-right: 0 !important
}
.m-5 {
  margin: 5px !important
}
.m-t-5 {
  margin-top: 5px !important
}
.m-b-5 {
  margin-bottom: 5px !important
}
.m-l-5 {
  margin-left: 5px !important
}
.m-r-5 {
  margin-right: 5px !important
}
.m-10 {
  margin: 10px !important
}
.m-t-10 {
  margin-top: 10px !important
}
.m-b-10 {
  margin-bottom: 10px !important
}
.m-l-10 {
  margin-left: 10px !important
}
.m-r-10 {
  margin-right: 10px !important
}
.m-15 {
  margin: 15px !important
}
.m-t-15 {
  margin-top: 15px !important
}
.m-b-15 {
  margin-bottom: 15px !important
}
.m-l-15 {
  margin-left: 15px !important
}
.m-r-15 {
  margin-right: 15px !important
}
.m-20 {
  margin: 20px !important
}
.m-t-20 {
  margin-top: 20px !important
}
.m-b-20 {
  margin-bottom: 20px !important
}
.m-l-20 {
  margin-left: 20px !important
}
.m-r-20 {
  margin-right: 20px !important
}
.m-25 {
  margin: 25px !important
}
.m-t-25 {
  margin-top: 25px !important
}
.m-b-25 {
  margin-bottom: 25px !important
}
.media-heading, p {
  margin-bottom: 10px
}
.m-l-25 {
  margin-left: 25px !important
}
.m-r-25 {
  margin-right: 25px !important
}
.p-0 {
  padding: 0 !important
}
.p-t-0 {
  padding-top: 0 !important
}
.p-b-0 {
  padding-bottom: 0 !important
}
.p-l-0 {
  padding-left: 0 !important
}
.p-r-0 {
  padding-right: 0 !important
}
.p-5 {
  padding: 5px !important
}
.p-t-5 {
  padding-top: 5px !important
}
.p-b-5 {
  padding-bottom: 5px !important
}
.p-l-5 {
  padding-left: 5px !important
}
.p-r-5 {
  padding-right: 5px !important
}
.p-10 {
  padding: 10px !important
}
.p-t-10 {
  padding-top: 10px !important
}
.p-b-10 {
  padding-bottom: 10px !important
}
.p-l-10 {
  padding-left: 10px !important
}
.p-r-10 {
  padding-right: 10px !important
}
.p-15 {
  padding: 15px !important
}
.p-t-15 {
  padding-top: 15px !important
}
.p-b-15 {
  padding-bottom: 15px !important
}
.p-l-15 {
  padding-left: 15px !important
}
.p-r-15 {
  padding-right: 15px !important
}
.p-20 {
  padding: 20px !important
}
.p-t-20 {
  padding-top: 20px !important
}
.p-b-20 {
  padding-bottom: 20px !important
}
.p-l-20 {
  padding-left: 20px !important
}
.p-r-20 {
  padding-right: 20px !important
}
.p-25 {
  padding: 25px !important
}
.p-t-25 {
  padding-top: 25px !important
}
.p-b-25 {
  padding-bottom: 25px !important
}
.p-l-25 {
  padding-left: 25px !important
}
.p-r-25 {
  padding-right: 25px !important
}
.f-300 {
  font-weight: 300 !important
}
.f-400 {
  font-weight: 400 !important
}
.f-500 {
  font-weight: 500 !important
}
.f-700 {
  font-weight: 700 !important
}
.close, body {
  font-weight: 400
}
.p-relative {
  position: relative !important
}
.p-absolute {
  position: absolute !important
}
.p-fixed {
  position: fixed !important
}
.p-static {
  position: static !important
}
#main, #menu-trigger, body {
  position: relative
}
.o-hidden {
  overflow: hidden !important
}
.o-visible {
  overflow: visible !important
}
.o-auto {
  overflow: auto !important
}
.d-block {
  display: block !important
}
.di-block {
  display: inline-block !important
}
.bgm-white {
  background-color: #fff !important
}
.c-white {
  color: #fff !important
}
.bgm-black {
  background-color: #000 !important
}
.c-black {
  color: #000 !important
}
.bgm-brown {
  background-color: #795548 !important
}
.c-brown {
  color: #795548 !important
}
.bgm-pink {
  background-color: #E91E63 !important
}
.c-pink {
  color: #E91E63 !important
}
.bgm-red {
  background-color: #F44336 !important
}
.c-red {
  color: #F44336 !important
}
.bgm-blue {
  background-color: #2196F3 !important
}
.c-blue {
  color: #2196F3 !important
}
.bgm-purple {
  background-color: #9C27B0 !important
}
.c-purple {
  color: #9C27B0 !important
}
.bgm-deeppurple {
  background-color: #673AB7 !important
}
.c-deeppurple {
  color: #673AB7 !important
}
.bgm-lightblue {
  background-color: #03A9F4 !important
}
.c-lightblue {
  color: #03A9F4 !important
}
.bgm-cyan {
  background-color: #00BCD4 !important
}
.c-cyan {
  color: #00BCD4 !important
}
.bgm-teal {
  background-color: #009688 !important
}
.c-teal {
  color: #009688 !important
}
.bgm-green {
  background-color: #4CAF50 !important
}
.c-green {
  color: #4CAF50 !important
}
.bgm-lightgreen {
  background-color: #8BC34A !important
}
.c-lightgreen {
  color: #8BC34A !important
}
.bgm-lime {
  background-color: #CDDC39 !important
}
.c-lime {
  color: #CDDC39 !important
}
.bgm-yellow {
  background-color: #FFEB3B !important
}
.c-yellow {
  color: #FFEB3B !important
}
.bgm-amber {
  background-color: #FFC107 !important
}
.c-amber {
  color: #FFC107 !important
}
.bgm-orange {
  background-color: #FF9800 !important
}
.c-orange {
  color: #FF9800 !important
}
.bgm-deeporange {
  background-color: #FF5722 !important
}
.c-deeporange {
  color: #FF5722 !important
}
.bgm-gray {
  background-color: #9E9E9E !important
}
.c-gray {
  color: #9E9E9E !important
}
.bgm-bluegray {
  background-color: #607D8B !important
}
.c-bluegray {
  color: #607D8B !important
}
.bgm-indigo {
  background-color: #3F51B5 !important
}
.c-indigo {
  color: #3F51B5 !important
}
.bg-black-trp {
  background-color: rgba(0, 0, 0, .1) !important
}
.b-0 {
  border: 0 !important
}
.brd-2, .media-object {
  border-radius: 2px
}
.w-100 {
  width: 100% !important
}
.media {
  overflow: visible
}
.media::after {
  clear: both;
  content: "";
  display: table
}
.media > .pull-left {
  padding-right: 15px
}
.media > .pull-right {
  padding-left: 15px
}
#footer .f-menu, .list-inline, .list-unstyled {
  padding-left: 0;
  list-style: none
}
.media-heading {
  font-size: 14px
}
.media-body {
  zoom: 1;
  display: block;
  width: auto
}
.close {
  opacity: .5;
  filter: alpha(opacity=50);
  text-shadow: none
}
.close:hover {
  color: inherit;
  opacity: 1;
  filter: alpha(opacity=100)
}
.dl-horizontal dt {
  text-align: left
}
*, :active, :hover {
  outline: 0;
  -webkit-tap-highlight-color: transparent !important
}
html {
  -ms-overflow-style: none
}
audio, video {
  outline: 0
}
small {
  font-size: 11px
}
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 12px
}
.clist {
  list-style: none
}
.clist > li:before {
  font-family: Material-Design-Iconic-Font;
  margin: 0 10px 0 -20px;
  vertical-align: middle
}
.clist.clist-angle > li:before {
  content: "\f2fb"
}
.clist.clist-check > li:before {
  content: "\f26b"
}
.clist.clist-star > li:before {
  content: "\f27d"
}
#footer .f-menu, .list-inline {
  margin-left: -5px
}
#footer .f-menu > li, .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}
.md__header {
  background: #4285f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  z-index: 10;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: opacity;
  -o-transition: opacity;
  transition: opacity;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#menu-trigger:before, #notifications:before {
  -webkit-transition: all;
  -o-transition: all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  content: ""
}
.md__header:not(.sidebar-toggled).header-up {
  -webkit-transform: translate3d(0, -70px, 0);
  -moz-transform: translate3d(0, -70px, 0);
  -ms-transform: translate3d(0, -70px, 0);
  -o-transform: translate3d(0, -70px, 0);
  transform: translate3d(0, -70px, 0)
}
#menu-trigger:before, .main-menu > li.sub-menu > a:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0)
}
.md__header.subtle {
  box-shadow: none
}
#sidebar, body:not(.sw-toggled) #sidebar {
  box-shadow: 0 0 10px rgba(51, 51, 51, .38)
}
.header-inner {
  list-style: none;
  padding: 15px 0
}
.top-menu, .top-menu > li .dropdown-menu-lg {
  padding: 0
}
.header-inner .header__nav li:not(.pull-right) {
  float: left
}
.header-inner .header__nav li:not(:last-child) {
  margin-right: -2px
}
#menu-trigger {
  width: 50px;
  height: inherit;
  cursor: pointer
}
#menu-trigger .line-wrap .line {
  background-color: #fff
}
#menu-trigger:before {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  backface-visibility: hidden;
  -moz-transform: scale(0);
  transform: scale(0);
  z-index: 0
}
#menu-trigger.open:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.top-menu {
  list-style: none
}
.top-menu > li {
  display: inline-block;
  margin: 0 1px
}
@media (max-width:767px) {
  .top-menu > li {
    position: static !important
  }
}
.top-menu > li .dropdown-menu-lg .lv-body {
  min-height: 295px;
  overflow-x: hidden
}
@media (min-width:768px) {
  .top-menu > li:not(#toggle-width) {
    position: relative
  }
  .top-menu > li:not(#toggle-width):before {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .12);
    z-index: 0;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity=0)
  }
  .top-menu > li:not(#toggle-width):hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    filter: alpha(opacity=100)
  }
  .top-menu > li:not(#toggle-width).open:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
  }
  #top-search-wrap {
    text-align: center
  }
}
.top-menu > li > a {
  height: 35px;
  min-width: 50px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1
}
.top-menu > li > a > .tmn-counts {
  position: absolute;
  color: #fff;
  font-style: normal;
  background: #F44336;
  padding: 1px 5px;
  border-radius: 2px;
  right: 7px;
  top: -3px;
  font-size: 10px;
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.top-menu > li > a.tm-chat {
  background-image: url(../img/icons/menu-2.png)
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .top-menu > li > a.tm-chat {
    background-image: url(../img/icons/menu-2$2x.png);
    background-size: 18px 12px
  }
}
.top-menu > li > a.tm-settings {
  background-image: url(../img/icons/ellipsis.png)
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .top-menu > li > a.tm-settings {
    background-image: url(../img/icons/ellipsis$2x.png);
    background-size: 24px 24px
  }
}
.top-menu > li > a.tm-notification {
  background-image: url(../img/icons/notification.png)
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .top-menu > li > a.tm-notification {
    background-image: url(../img/icons/notification$2x.png);
    background-size: 24px 24px
  }
}
.top-menu > li > a.tm-message {
  background-image: url(../img/icons/message.png)
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .top-menu > li > a.tm-message {
    background-image: url(../img/icons/message$2x.png);
    background-size: 24px 24px
  }
}
.top-menu > li > a.tm-search {
  background-image: url(../img/icons/search.png)
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .top-menu > li > a.tm-search {
    background-image: url(../img/icons/search$2x.png);
    background-size: 24px 24px
  }
}
.top-menu > li > a.tm-task {
  background-image: url(../img/icons/task.png)
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .top-menu > li > a.tm-task {
    background-image: url(../img/icons/task$2x.png);
    background-size: 24px 24px
  }
}
.top-menu > li:before {
  top: -1px !important
}
@media (max-width:767px) {
  .top-menu .dropdown-menu-lg {
    width: calc(100% - 28px) !important
  }
  .top-menu .dropdown-menu {
    right: 14px;
    top: 55px
  }
}
@media (min-width:1200px) {
  .top-menu #toggle-width .toggle-switch {
    margin: -12px 30px 0 0
  }
  .top-menu #toggle-width .toggle-switch .ts-helper {
    height: 11px;
    width: 33px
  }
  .top-menu #toggle-width .toggle-switch .ts-helper:before {
    width: 20px;
    height: 20px;
    top: -5px
  }
  .top-menu #toggle-width .toggle-switch input:checked + .ts-helper {
    background: rgba(0, 0, 0, .26)
  }
  .top-menu #toggle-width .toggle-switch input:checked + .ts-helper:before {
    left: 18px;
    background: #fff
  }
}
@media (max-width:1200px) {
  .top-menu #toggle-width {
    display: none
  }
}
#notifications {
  position: relative
}
#notifications .lv-body {
  overflow-x: hidden
}
#notifications:before {
  position: absolute;
  width: 100%;
  height: calc(100% - 70px);
  background: url(../img/notifications.png) center no-repeat;
  transition: all;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  backface-visibility: hidden;
  -webkit-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
  opacity: 0;
  filter: alpha(opacity=0);
  top: 42px
}
#sidebar, #top-search-wrap {
  -webkit-transition: all;
  -o-transition: all
}
#notifications.empty:before {
  -webkit-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  opacity: 1;
  filter: alpha(opacity=100)
}
#top-search-wrap {
  position: absolute;
  top: -65px;
  left: 0;
  width: 100%;
  height: 65px;
  background: #4285f4;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 10
}
#top-search-wrap input[type=text] {
  border: 0;
  height: 40px;
  padding: 0 10px 0 40px;
  font-size: 18px;
  margin: 12px;
  width: 500px;
  border-radius: 2px;
  color: rgba(51, 51, 51, .69);
  background-color: rgba(255, 255, 255, .26);
  background-image: url(../img/icons/search.png);
  background-repeat: no-repeat;
  background-position: 10px center
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  #top-search-wrap input[type=text] {
    background-image: url(../img/icons/search$2x.png);
    background-size: 24px 24px
  }
}
#top-search-wrap input[type=text]:focus {
  background-color: rgba(255, 255, 255, .4)
}
#top-search-wrap #top-search-close {
  position: absolute;
  top: 16px;
  font-size: 23px;
  font-style: normal;
  color: rgba(0, 0, 0, .38);
  width: 35px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  right: 20px
}
#top-search-wrap #top-search-close:hover {
  background-color: rgba(0, 0, 0, .15);
  color: #000
}
@media (max-width:767px) {
  #top-search-wrap input[type=text] {
    width: calc(100% - 60px)
  }
  #top-search-wrap #top-search-close {
    right: 7px
  }
}
.search-toggled #top-search-wrap {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100)
}
:-webkit-full-screen [data-action=fullscreen] {
  display: none
}
:-moz-full-screen [data-action=fullscreen] {
  display: none
}
:-ms-fullscreen [data-action=fullscreen] {
  display: none
}
:full-screen [data-action=fullscreen] {
  display: none
}
:fullscreen [data-action=fullscreen] {
  display: none
}
#sidebar {
  position: fixed;
  background: #F8F8F7;
  top: 50px;
  height: calc(100% - 50px);
  -webkit-transform: translate3d(-268px, 0, 0);
  -moz-transform: translate3d(-268px, 0, 0);
  -ms-transform: translate3d(-268px, 0, 0);
  -o-transform: translate3d(-268px, 0, 0);
  transform: translate3d(-268px, 0, 0);
  z-index: 5;
  width: 268px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
#sidebar .sidebar-inner {
  height: 100%;
  overflow-y: auto;
  width: 268px
}
.listview .lv-item .lv-small, .listview .lv-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#sidebar.toggled {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  filter: alpha(opacity=100)
}
.profile-menu > a {
  display: block;
  height: 129px;
  margin-bottom: 5px;
  width: 100%;
  background: url(../img/profile-menu.png) left top no-repeat;
  background-size: 100%
}
.profile-menu > a .profile-pic {
  padding: 12px
}
.profile-menu > a .profile-pic > img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, .14);
  box-sizing: content-box
}
.profile-menu > a .profile-info {
  background: rgba(0, 0, 0, .37);
  padding: 7px 14px;
  color: #fff;
  margin-top: 20px;
  position: relative
}
.profile-menu > a .profile-info > i {
  font-size: 19px;
  line-height: 100%;
  position: absolute;
  right: 15px;
  top: 7px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.profile-menu .main-menu {
  display: none;
  margin: 0;
  border-bottom: 1px solid #E6E6E6
}
.profile-menu::after {
  clear: both;
  content: "";
  display: table
}
.profile-menu.toggled .profile-info > i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.main-menu {
  list-style: none;
  padding-left: 0;
  margin: 20px 0 0
}
.main-menu > li > a {
  padding: 14px 20px 14px 52px;
  display: block;
  color: #4C4C4C;
  font-weight: 500;
  position: relative
}
.main-menu > li > a:hover {
  color: #262626;
  background-color: #f7f7f7
}
.main-menu > li > a > i {
  position: absolute;
  left: 16px;
  font-size: 20px;
  top: 0;
  width: 25px;
  text-align: center;
  padding: 13px 0
}
.main-menu > li.sub-menu > a:after, .main-menu > li.sub-menu > a:before {
  position: absolute;
  top: 12px;
  color: #575757;
  font-family: Material-Design-Iconic-Font;
  font-size: 17px;
  right: 15px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden
}
.main-menu > li.sub-menu > a:before {
  content: "\f278";
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.main-menu > li.sub-menu > a:after {
  content: "\f273";
  transform: scale(0)
}
.main-menu > li.sub-menu.toggled > a:before {
  content: "\f278";
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.main-menu > li.sub-menu.toggled > a:after {
  content: "\f273";
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.main-menu > li.sub-menu > ul {
  list-style: none;
  display: none;
  padding: 0
}
.main-menu > li.sub-menu > ul > li > a {
  color: #7f7f7f;
  padding: 8px 20px 8px 50px;
  font-weight: 500;
  display: block
}
.main-menu > li.sub-menu > ul > li > a.active, .main-menu > li.sub-menu > ul > li > a:hover {
  color: #000
}
.main-menu > li.sub-menu > ul > li:first-child > a {
  padding-top: 14px
}
.main-menu > li.sub-menu > ul > li:last-child > a {
  padding-bottom: 16px
}
.main-menu > li.sub-menu.active > ul {
  display: block
}
.main-menu > li.active > a {
  color: #262626;
  background-color: #F4F4F4
}
@media (min-width:1200px) {
  body.sw-toggled #sidebar {
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
  }
}
@media (max-width:1200px) {
  body.sw-toggled #sidebar {
    box-shadow: 0 0 10px rgba(51, 51, 51, .38)
  }
}
#sidebar:hover .nicescroll-rails-vr {
  display: block !important;
  opacity: 1;
  filter: alpha(opacity=100)
}
.dropdown-menu {
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-top: 0px;
}
.btn-group.open .dropdown-toggle, .progress, .progress .progress-bar {
  box-shadow: none
}
.dropdown-menu > li > a {
  padding: 8px 17px;
  -webkit-transition: background-color;
  -o-transition: background-color;
  transition: background-color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.dropdown-menu.dropdown-menu-lg {
  width: 300px
}
.dropdown-menu.dropdown-menu-sm {
  width: 150px
}
.dropdown-menu.dropdown-menu-right {
  right: 0;
  left: auto
}
.dropdown-menu.dropdown-menu-right > li > a {
  text-align: right
}
.dropdown-menu.dm-icon > li > a > .zmdi {
  line-height: 100%;
  vertical-align: top;
  font-size: 18px;
  width: 28px
}
.dropdown-menu:not([class*=bgm-]) > li > a:hover {
  color: #000
}
.dropdown-menu[class*=bgm-] > li > a {
  font-weight: 300;
  color: #fff
}
.btn-group:not([data-animation]) .dropdown-menu, .dropdown:not([data-animation]) .dropdown-menu {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
  display: block
}
.bootstrap-select .dropdown-menu:not([data-animation]).dropdown-menu-right, .bootstrap-select .dropdown-menu:not([data-animation]).pull-right, .btn-group .dropdown-menu:not([data-animation]).dropdown-menu-right, .btn-group .dropdown-menu:not([data-animation]).pull-right, .dropdown .dropdown-menu:not([data-animation]).dropdown-menu-right, .dropdown .dropdown-menu:not([data-animation]).pull-right {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right
}
.bootstrap-select .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right), .btn-group .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right), .dropdown .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left
}
.dropup .dropdown-menu:not([data-animation]).dropdown-menu-right, .dropup .dropdown-menu:not([data-animation]).pull-right {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right
}
.dropup .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right) {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left
}
.bootstrap-select.open .dropdown-menu:not([data-animation]), .btn-group.open .dropdown-menu:not([data-animation]), .dropdown.open .dropdown-menu:not([data-animation]), .dropup.open .dropdown-menu:not([data-animation]) {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100)
}
.dropdown-header {
  padding: 3px 17px;
  margin-top: 10px;
  color: #b1b1b1;
  font-weight: 400
}
.listview {
  position: relative
}
.listview:not(.lv-lg):not(.lv-message) .lv-item {
  padding: 10px 20px
}
@media (min-width:480px) {
  .listview.lv-lg .lv-item {
    padding: 17px 35px 17px 25px
  }
}
@media (max-width:767px) {
  .listview.lv-lg .lv-item {
    padding: 17px 35px 17px 20px
  }
}
.listview.lv-lg .lv-item:hover {
  background-color: #ffffdb
}
.listview .lv-item {
  position: relative;
  display: block;
  -webkit-transition: background-color;
  -o-transition: background-color;
  transition: background-color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.listview .lv-item .lv-small {
  font-size: 12px;
  color: #a9a9a9;
  display: block;
  width: 100%
}
.listview .lv-item .checkbox, .listview .lv-item.media {
  margin: 0
}
.listview .lv-item .lv-actions {
  position: absolute;
  right: 15px;
  top: 10px
}
@media (max-width:480px) {
  .listview .lv-item .lv-actions {
    right: 7px
  }
}
.listview .lv-title {
  display: block
}
.listview a.lv-item:hover {
  background: #ecf9ff
}
.listview [class*=lv-img] {
  border-radius: 50%
}
.listview .lv-img {
  width: 48px;
  height: 48px
}
.listview .lv-img-sm {
  width: 35px;
  height: 35px
}
.listview.lv-bordered .lv-item:not(:last-child) {
  border-bottom: 1px solid #f0f0f0
}
.listview .lv-attrs {
  list-style: none;
  padding: 0;
  margin: 5px 0 0
}
.listview .lv-attrs > li {
  display: inline-block;
  padding: 2px 10px 3px;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 2px
}
.listview .lv-attrs > li:not(.info):not(.primary):not(.warning):not(.danger) {
  border: 1px solid #dedede;
  background: #fff;
  color: #5E5E5E
}
.listview .lv-attrs > li.info {
  border: 1px solid #00BCD4;
  background: #00BCD4;
  color: #fff
}
.listview .lv-attrs > li.primary {
  border: 1px solid #2196F3;
  background: #2196F3;
  color: #fff
}
.listview .lv-attrs > li.warning {
  border: 1px solid #FF9800;
  background: #FF9800;
  color: #fff
}
.listview .lv-attrs > li.danger {
  border: 1px solid #F44336;
  background: #F44336;
  color: #fff
}
.listview .lv-attrs > li > a {
  display: block
}
.listview:not(.lv-message) .lv-title {
  color: #000
}
[class*=lv-img] {
  border-radius: 50%
}
.lv-img {
  width: 48px;
  height: 48px
}
.lv-img-sm {
  width: 35px;
  height: 35px
}
.lvh-search, .lvhs-input {
  width: 100%;
  background: #fff
}
.lv-header {
  text-align: center;
  padding: 15px 10px 13px;
  line-height: 100%;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 500;
  color: #4c4c4c;
  margin-bottom: 10px
}
.lv-header .actions {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 10
}
.lvh-search {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 4;
  display: none
}
.lvh-search:before {
  content: "\f1c3";
  font-family: Material-Design-Iconic-Font;
  position: absolute;
  left: 24px;
  top: 17px;
  font-size: 22px
}
.lvhs-input {
  border: 0;
  padding: 0 26px 0 55px;
  height: 63px;
  font-size: 18px;
  font-weight: 100;
  border-bottom: 1px solid #eee
}
.lvh-search-close {
  font-style: normal;
  position: absolute;
  top: 23px;
  right: 22px;
  font-size: 17px;
  width: 18px;
  height: 18px;
  background-color: #adadad;
  line-height: 100%;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 50%
}
.tab-nav > li > a, .tab-nav > li > a:after {
  width: 100%;
  -webkit-transition: all
}
.lvh-search-close:hover {
  background: #333
}
.lv-header-alt {
  position: relative;
  background: #f8f8f8;
  padding: 15px
}
.lv-header-alt .lv-actions {
  z-index: 3;
  float: right;
  margin-top: 3px;
  position: relative
}
.lv-header-alt .lv-actions > li > a {
  margin: 0 3px
}
.lvh-label {
  color: #818181;
  display: inline-block;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  padding: 0 6px;
  line-height: 33px;
  vertical-align: middle;
  float: left
}
.tab-nav > li > a, .table > thead > tr > th {
  font-weight: 500;
  text-transform: uppercase
}
.lv-footer {
  display: block;
  text-align: center;
  padding: 7px 10px 8px;
  border-top: 1px solid #f0f0f0;
  line-height: 100%;
  font-size: 11px;
  margin-top: 20px;
  color: #828282
}
a.lv-footer:hover {
  color: #050505
}
.card-body .lv-item {
  padding: 12px 20px
}
.progress {
  border-radius: 0;
  height: 5px;
  margin-bottom: 0
}
.tab-nav {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  margin: 0;
  overflow: auto;
  box-shadow: inset 0 -2px 0 0 #eee
}
.card, .dash-widget-item {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}
.tab-nav > li {
  display: inline-block;
  vertical-align: top
}
.tab-nav > li > a {
  display: inline-block;
  color: #7a7a7a;
  position: relative;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms
}
.tab-nav > li > a:after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.card, .card .card-header {
  position: relative
}
@media (min-width:768px) {
  .tab-nav > li > a {
    padding: 15px
  }
}
@media (max-width:768px) {
  .tab-nav > li > a {
    padding: 15px 8px
  }
}
.tab-nav > li.active > a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.tab-nav.tab-nav-right {
  text-align: right
}
.tab-nav.tn-justified > li {
  display: table-cell;
  width: 1%;
  text-align: center
}
.tab-nav.tn-icon > li .zmdi {
  font-size: 22px;
  line-height: 100%;
  min-height: 25px
}
.tab-nav:not([data-tab-color]) > li > a:after {
  background: #4cccbb
}
.tab-nav[data-tab-color=green] > li > a:after {
  background: #4CAF50
}
.tab-nav[data-tab-color=red] > li > a:after {
  background: #F44336
}
.tab-nav[data-tab-color=teal] > li > a:after {
  background: #009688
}
.tab-nav[data-tab-color=amber] > li > a:after {
  background: #FFC107
}
.tab-nav[data-tab-color=black] > li > a:after {
  background: #000
}
.tab-nav[data-tab-color=cyan] > li > a:after {
  background: #00BCD4
}
.tab-content {
  padding: 20px 0
}
.card {
  background: #fff;
  margin-bottom: 30px
}
@media screen and (min-width:768px) {
  .card .card-header:not(.ch-alt) {
    padding: 23px 25px
  }
}
@media screen and (max-width:991px) {
  .card .card-header:not(.ch-alt) {
    padding: 18px
  }
}
.card .card-header h2 {
  margin: 0;
  line-height: 100%;
  font-size: 17px;
  font-weight: 400
}
.dash-widget-item, .form-group {
  margin-bottom: 30px
}
.card .card-header h2 small {
  display: block;
  margin-top: 8px;
  color: #aeaeae;
  line-height: 160%
}
@media screen and (min-width:768px) {
  .card .card-header.ch-alt {
    padding: 23px 26px
  }
}
@media screen and (max-width:991px) {
  .card .card-header.ch-alt {
    padding: 18px 18px 28px
  }
}
.card .card-header.ch-alt:not([class*=bgm-]) {
  background-color: #f7f7f7
}
.card .card-header[class*=bgm-] h2, .card .card-header[class*=bgm-] h2 small {
  color: #fff
}
.card .card-header .actions {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 15px
}
.dash-widget-item, .dash-widget-item .dash-widget-header {
  position: relative
}
.card .card-header .btn-float {
  right: 25px;
  bottom: -23px;
  z-index: 1
}
@media screen and (min-width:768px) {
  .card .card-body.card-padding {
    padding: 23px 26px
  }
}
@media screen and (max-width:991px) {
  .card .card-body.card-padding {
    padding: 18px
  }
}
.card .card-body.card-padding-sm {
  padding: 15px
}
.card-header:not(.ch-alt):not([class*=bgm-]) + .card-padding {
  padding-top: 0
}
.dash-widget-item {
  min-height: 380px
}
.dash-widget-item .dash-widget-header .actions {
  display: none;
  position: absolute;
  right: 4px;
  top: 6px;
  padding: 0;
  list-style: none
}
.dash-widget-item .dash-widget-header .actions > li {
  display: inline-block;
  vertical-align: baseline
}
.dash-widget-item .dash-widget-header .actions > li > a {
  color: #fff;
  font-size: 20px
}
#site-visits, #site-visits h3 {
  color: rgba(255, 255, 255, .9)
}
.dash-widget-item .dash-widget-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}
.dash-widget-item .dash-widget-title {
  padding: 12px 20px;
  position: absolute;
  width: 100%;
  left: 0;
  font-weight: 300
}
.dash-widget-item:hover .dash-widget-header .actions {
  display: block
}
#site-visits .dash-widget-header {
  padding-bottom: 38px;
  background-color: rgba(0, 0, 0, .13)
}
#site-visits .dash-widget-title {
  bottom: 0;
  background: rgba(0, 0, 0, .15);
  color: rgba(255, 255, 255, .9)
}
#best-selling {
  background-color: #fff
}
#best-selling .dash-widget-header > img {
  width: 100%;
  height: 155px
}
#best-selling .dash-widget-header .dash-widget-title {
  padding-bottom: 30px;
  top: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, .6);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, .6), transparent)
}
#best-selling .dash-widget-header .main-item {
  padding: 15px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, .6));
  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, .6))
}
#best-selling .dash-widget-header .main-item > h2 {
  font-weight: 400;
  font-size: 20px;
  margin: 5px 0 0;
  line-height: 100%;
  color: #fff
}
#weather-widget {
  color: #fff;
  padding: 20px 20px 0
}
#weather-widget .weather-status {
  font-size: 40px;
  line-height: 100%
}
#weather-widget .weather-icon {
  text-align: center;
  margin-top: 10px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center
}
#weather-widget .weather-icon .weather-info {
  list-style: none;
  padding: 0;
  margin: 3px 0 0
}
#weather-widget .weather-icon .weather-info > li {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, .39);
  padding: 2px 10px 3px;
  margin-right: 5px
}
#weather-widget .weather-icon .weather-list {
  background: rgba(0, 0, 0, .08);
  padding: 5px 12px;
  font-size: 16px;
  height: 51px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#weather-widget .weather-icon .weather-list > span {
  margin-right: 7px;
  font-weight: 300;
  display: inline-block;
  line-height: 40px;
  vertical-align: top
}
#weather-widget .weather-icon .weather-list > span > i {
  line-height: 100%;
  font-size: 39px
}
#weather-widget #pie-charts {
  background: #fff
}
#weather-widget #pie-charts .dash-widget-header {
  color: rgba(255, 255, 255, .9)
}
#weather-widget .blog-post .bp-header {
  position: relative
}
#weather-widget .blog-post .bp-header > img {
  width: 100%
}
#weather-widget .blog-post .bp-header .bp-title {
  background: #3F51B5;
  width: 100%;
  padding: 20px;
  color: #FFF;
  display: block
}
#weather-widget .blog-post .bp-header .bp-title > h2 {
  color: #FFF;
  font-weight: 400;
  margin: 0 0 2px;
  line-height: 100%;
  font-size: 21px
}
#weather-widget .profile-view {
  text-align: center
}
#weather-widget .profile-view .pv-header {
  position: relative;
  height: 145px;
  width: 100%;
  background-image: url(../img/headers/sm/4.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center
}
#weather-widget .profile-view .pv-header > .pv-main {
  border-radius: 50%;
  width: 130px;
  position: absolute;
  height: 130px;
  bottom: -50px;
  left: 50%;
  margin-left: -65px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
#weather-widget .profile-view .pv-body {
  margin-top: 70px;
  padding: 0 20px 20px
}
#weather-widget .profile-view .pv-body > h2 {
  margin: 0;
  line-height: 100%;
  font-size: 20px;
  font-weight: 400
}
#weather-widget .profile-view .pv-body > small {
  display: block;
  color: #8E8E8E;
  margin: 10px 0 15px
}
#weather-widget .profile-view .pv-body .pv-contact, #weather-widget .profile-view .pv-body .pv-follow {
  padding: 0;
  list-style: none
}
#weather-widget .profile-view .pv-body .pv-contact > li, #weather-widget .profile-view .pv-body .pv-follow > li {
  display: inline-block
}
#weather-widget .profile-view .pv-body .pv-follow {
  margin: 20px -20px;
  padding: 10px;
  background-color: #F7F7F7;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE
}
#weather-widget .profile-view .pv-body .pv-follow > li {
  padding: 0 10px
}
#weather-widget .profile-view .pv-body .pv-contact > li {
  margin: 0 5px
}
#weather-widget .profile-view .pv-body .pv-contact > li > .zmdi {
  line-height: 100%;
  vertical-align: text-bottom;
  font-size: 22px
}
#weather-widget .profile-view .pv-body .pv-follow-btn {
  padding: 7px 20px;
  background: #00BCD4;
  color: #FFF;
  border-radius: 3px;
  text-transform: uppercase;
  display: block;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
#weather-widget .profile-view .pv-body .pv-follow-btn:hover {
  background: #00a5bb
}
#weather-widget .profile-view:hover .pv-main {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}
#weather-widget .picture-list .pl-body, #weather-widget .picture-list .pl-body [class*=col-] {
  padding: 2px
}
#weather-widget .picture-list .pl-body [class*=col-] > a {
  display: block;
  position: relative
}
#weather-widget .picture-list .pl-body [class*=col-] > a:before {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, .3);
  z-index: 0;
  border-radius: 0;
  opacity: 0;
  filter: alpha(opacity=0)
}
.table, .table > thead > tr > th {
  background-color: #FCFCFC
}
#weather-widget .picture-list .pl-body [class*=col-] > a:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  filter: alpha(opacity=100)
}
#weather-widget .picture-list .pl-body [class*=col-] > a img {
  width: 100%
}
#weather-widget .picture-list .pl-body::after {
  clear: both;
  content: "";
  display: table
}
#weather-widget .go-social .card-body {
  padding: 0 15px 20px
}
#weather-widget .go-social .card-body [class*=col-] {
  padding: 12px
}
#weather-widget .go-social .card-body [class*=col-] img {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden
}
#weather-widget .go-social .card-body [class*=col-]:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}
#weather-widget .rating-list {
  padding: 0 0 10px
}
#weather-widget .rating-list .rl-star {
  margin-top: 10px;
  margin-bottom: 4px
}
.lv-pagination, .popover-content p, .table {
  margin-bottom: 0
}
#weather-widget .rating-list .rl-star .zmdi {
  font-size: 20px
}
#weather-widget .rating-list .rl-star .zmdi:not(.active) {
  color: #ccc
}
#weather-widget .rating-list .rl-star .zmdi.active {
  color: #FF9800
}
#weather-widget .rating-list .lv-item .media .zmdi-star {
  line-height: 100%;
  font-size: 22px;
  color: #FF9800;
  vertical-align: middle;
  position: relative;
  top: -2px;
  left: 6px
}
#weather-widget .rating-list .lv-item .media .media-body {
  padding: 7px 10px 0 5px
}
.table > thead > tr > th {
  vertical-align: middle;
  color: #333;
  border-width: 1px
}
.table [class*=bg-] > tr > th {
  color: #fff;
  border-bottom: 0
}
.table [class*=bg-] + tbody > tr:first-child > td {
  border-top: 0
}
.table.table-inner {
  border: 0
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top-color: #CCC
}
.table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child, .table > tfoot > tr > td:first-child, .table > tfoot > tr > th:first-child, .table > thead > tr > td:first-child, .table > thead > tr > th:first-child {
  padding-left: 30px
}
.table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > td:last-child, .table > tfoot > tr > th:last-child, .table > thead > tr > td:last-child, .table > thead > tr > th:last-child {
  padding-right: 30px
}
.table > tbody > tr.active > td, .table > tbody > tr.danger > td, .table > tbody > tr.info > td, .table > tbody > tr.succes > td, .table > tbody > tr.warning > td, .table > tfoot > tr.active > td, .table > tfoot > tr.danger > td, .table > tfoot > tr.info > td, .table > tfoot > tr.succes > td, .table > tfoot > tr.warning > td {
  border: 0
}
.table > tbody > tr:last-child > td > , .table > tfoot > tr:last-child > td > {
  padding-bottom: 20px
}
.table-striped td, .table-striped th {
  border: 0 !important
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th {
  border-bottom: 0;
  border-left: 0
}
.table-bordered > tbody > tr > td:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > thead > tr > th:last-child {
  border-right: 0
}
.table-hover > tbody > tr:hover {
  background-color: #ECF9FF !important
}
.table-bordered {
  border-right: 0
}
.table-bordered > thead > tr > th {
  border-left: 0
}
.table-vmiddle td {
  vertical-align: middle !important
}
.btn, .table-responsive {
  border: 0
}
.btn-link, .btn-xs {
  border-radius: 2px
}
.btn .caret {
  margin-top: -3px
}
.btn.btn--raised {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .22), 0 2px 10px rgba(0, 0, 0, .12);
  z-index: 1
}
.btn-group-vertical:not(.bootstrap-select), .btn-group:not(.bootstrap-select) {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3)
}
.btn-group .btn, .btn-group .btn-group, .btn-group .btn:active, .btn-group .btn:focus, .btn-group-vertical .btn, .btn-group-vertical .btn-group, .btn-group-vertical .btn:active, .btn-group-vertical .btn:focus, input:active, input:focus {
  box-shadow: none !important
}
.btn-group .btn, .btn-group-vertical .btn {
  margin: 0
}
.btn-xs {
  padding: 2px 5px;
  font-size: 11px;
  line-height: 1.5
}
.btn-link {
  color: #797979
}
.btn-link:hover {
  color: #0a0a0a
}
.btn-inverse {
  color: #fff;
  background-color: #454545;
  border-color: transparent
}
.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .btn-inverse.dropdown-toggle {
  color: #fff;
  background-color: #2c2c2c;
  border-color: transparent
}
.btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .btn-inverse.dropdown-toggle.focus, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle:hover {
  color: #fff;
  background-color: #1a1a1a;
  border-color: transparent
}
.btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle {
  background-image: none
}
.btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover {
  background-color: #454545;
  border-color: transparent
}
.btn-inverse .badge {
  color: #454545;
  background-color: #fff
}
.btn-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center
}
.btn-icon .zmdi {
  font-size: 17px
}
.btn-icon.btn-default:hover {
  background: #fff
}
.btn-icon-text > .zmdi {
  font-size: 15px;
  vertical-align: top;
  display: inline-block;
  margin-top: 1px;
  line-height: 100%;
  margin-right: 5px
}
.btn-float {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 45px !important
}
.btn-float:not(.m-btn) {
  position: absolute !important
}
.btn-float i {
  font-size: 23px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}
.btn-float:not(.bgm-white):not(.bgm-gray) > i {
  color: #fff
}
.btn-float.bgm-gray > i, .btn-float.bgm-white > i {
  color: #333
}
.open .btn, .open .btn:active, .open .btn:focus {
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent !important
}
.m-btn {
  z-index: 1;
  bottom: 40px;
  right: 40px;
  position: fixed !important
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: 0
}
input:active, input:focus {
  outline: 0
}
.form-control {
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  resize: none
}
.form-control:active, .form-control:focus {
  border-bottom-color: #b4b4b4;
  box-shadow: none
}
.form-control:not(.fc-alt) {
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0
}
.form-control:not(.fc-alt):active, .form-control:not(.fc-alt):focus {
  border-bottom-color: #b4b4b4
}
.form-control:not(.fc-alt).auto-size {
  padding-top: 6px
}
.fc-alt {
  border: 1px solid #e4e4e4
}
.fc-alt:active, .fc-alt:focus {
  border-color: #d7d7d7
}
.checkbox label, .radio label {
  padding-left: 30px;
  position: relative
}
.checkbox input, .radio input {
  top: 0;
  left: 0;
  margin-left: 0 !important;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: 0
}
.checkbox .input-helper:after, .checkbox .input-helper:before, .radio .input-helper:after, .radio .input-helper:before {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: ""
}
.checkbox .input-helper:before, .radio .input-helper:before {
  left: 0;
  border: 1px solid #ccc
}
.checkbox.disabled, .radio.disabled {
  opacity: .6;
  filter: alpha(opacity=60)
}
.checkbox input {
  width: 17px;
  height: 17px
}
.checkbox input:checked + .input-helper:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.checkbox input:checked + .input-helper:after {
  -webkit-transform: scale(1) rotate(-50deg);
  -ms-transform: scale(1) rotate(-50deg);
  -o-transform: scale(1) rotate(-50deg);
  transform: scale(1) rotate(-50deg);
  opacity: 1;
  filter: alpha(opacity=100)
}
.checkbox .input-helper:before {
  top: 0;
  width: 17px;
  height: 17px
}
.checkbox .input-helper:after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0) rotate(80deg);
  -ms-transform: scale(0) rotate(80deg);
  -o-transform: scale(0) rotate(80deg);
  transform: scale(0) rotate(80deg);
  width: 22px;
  height: 9px;
  border-bottom: 2px solid #009688;
  border-left: 2px solid #009688;
  border-bottom-left-radius: 2px;
  left: -1px;
  top: 1px
}
.has-error .checkbox .input-helper:before {
  border-color: #f99d97
}
.has-error .checkbox .input-helper:after {
  border-bottom-color: #f77066;
  border-left-color: #f77066
}
.has-success .checkbox .input-helper:before {
  border-color: #92cf94
}
.has-success .checkbox .input-helper:after {
  border-bottom-color: #6ec071;
  border-left-color: #6ec071
}
.has-warning .checkbox .input-helper:before {
  border-color: #ffdb6d
}
.has-warning .checkbox .input-helper:after {
  border-bottom-color: #ffce3a;
  border-left-color: #ffce3a
}
.radio input {
  width: 19px;
  height: 19px
}
.radio input:checked + .input-helper:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.radio .input-helper:before {
  top: -1px;
  width: 19px;
  height: 19px;
  border-radius: 50%
}
.radio .input-helper:after {
  width: 11px;
  height: 11px;
  background: #009688;
  border-radius: 50%;
  top: 3px;
  left: 4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.checkbox-inline, .radio-inline {
  vertical-align: top;
  margin-top: 0;
  padding-left: 25px
}
html:not(.ie9) .select {
  position: relative
}
html:not(.ie9) .select:before {
  position: absolute;
  top: -1px;
  content: "";
  height: calc(100% - 1px);
  width: 30px;
  background-color: #fff;
  background-position: right calc(100% - 7px);
  background-repeat: no-repeat;
  background-image: url(../img/select.png);
  pointer-events: none;
  z-index: 5
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  html:not(.ie9) .select:before {
    background-image: url(../img/select$2x.png);
    background-size: 12px 12px
  }
}
html:not(.ie9) .select:not(.fg-line):before {
  right: 0
}
html:not(.ie9) .select.fg-line:before {
  right: 10px
}
.input-group-addon {
  border-width: 0 0 1px
}
.fg-line {
  position: relative;
  vertical-align: top
}
.fg-line:not(.form-group) {
  display: inline-block;
  width: 100%
}
.fg-line .form-control {
  resize: none
}
.fg-line .form-control:disabled {
  color: #9d9d9d;
  background: 0 0
}
.fg-line:not(.disabled):after, .fg-line:not(.readonly):after {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  content: "";
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.fg-line.fg-toggled:after, .fg-line.input-toggled:after {
  width: 100%
}
.fg-line:not([class*=has-]):after {
  background: #2196F3
}
.fg-line.readonly .form-control {
  color: #9d9d9d;
  background: 0 0
}
.fg-line.has-success:after {
  background: #4CAF50
}
.fg-line.has-warning:after {
  background: #FFC107
}
.fg-line.has-error:after {
  background: #F44336
}
.has-success .fg-line:after {
  background: #4CAF50
}
.has-warning .fg-line:after {
  background: #FFC107
}
.has-error .fg-line:after {
  background: #F44336
}
.fg-float {
  margin-top: 2px;
  position: relative
}
.fg-float .form-control {
  position: relative;
  background: 0 0;
  z-index: 1
}
.fg-float .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1
}
.fg-float .form-control:-ms-input-placeholder {
  color: #fff
}
.fg-float .form-control::-webkit-input-placeholder {
  color: #fff
}
.fg-float .fg-label {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  position: absolute;
  top: 5px;
  font-weight: 400;
  color: #959595;
  pointer-events: none;
  z-index: 0;
  left: 0;
  white-space: nowrap
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
  color: #4CAF50
}
.fg-float .input-lg + .fg-label {
  font-size: 17px
}
.fg-float .input-sm + .fg-label {
  font-size: 11px
}
.fg-float .fg-toggled + .fg-label {
  top: -20px;
  font-size: 11px
}
.has-success .form-control {
  border-color: #b5dfb7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
  border-color: #92cf94;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fcfefc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fcfefc
}
.has-success .input-group-addon {
  color: #4CAF50;
  border-color: #b5dfb7;
  background-color: transparent
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
  color: #FF9800
}
.has-warning .form-control {
  border-color: #ffd699;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
  border-color: #ffc166;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff
}
.has-warning .input-group-addon {
  color: #FF9800;
  border-color: #ffd699;
  background-color: transparent
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #F44336
}
.has-error .form-control {
  border-color: #fccbc7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
  border-color: #f99d97;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff
}
.has-error .input-group-addon {
  color: #F44336;
  border-color: #fccbc7;
  background-color: transparent
}
.has-error .form-control, .has-success .form-control, .has-warning .form-control {
  box-shadow: none
}
.form-control-feedback {
  font-size: 20px
}
.control-label {
  font-weight: 400
}
.input-group .input-group-addon {
  vertical-align: bottom;
  padding: 0
}
.toggle-switch, .toggle-switch .ts-label {
  vertical-align: top;
  display: inline-block
}
.input-group .input-group-addon .zmdi {
  line-height: 100%
}
.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon .mi, .input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon .zmdi {
  font-size: 23px
}
.input-group.input-group-lg .input-group-addon .mi, .input-group.input-group-lg .input-group-addon .zmdi {
  font-size: 30px
}
.input-group.input-group-sm .input-group-addon .mi, .input-group.input-group-sm .input-group-addon .zmdi {
  font-size: 18px
}
.input-group > [class*=col-] {
  padding: 0
}
.input-group .fg-line {
  padding: 0 10px
}
.input-group .fg-line:after {
  left: 10px
}
.input-group .fg-line.fg-toggled:after {
  width: calc(100% - 20px)
}
.toggle-switch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.toggle-switch .ts-label {
  margin: 0 20px 0 0;
  -webkit-transition: color .56s cubic-bezier(.4, 0, .2, 1);
  transition: color .56s cubic-bezier(.4, 0, .2, 1)
}
.toggle-switch .ts-helper {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .26);
  -webkit-transition: background .28s cubic-bezier(.4, 0, .2, 1);
  transition: background .28s cubic-bezier(.4, 0, .2, 1);
  vertical-align: middle;
  cursor: pointer
}
.toggle-switch .ts-helper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
  border-radius: 50%;
  webkit-transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}
.toggle-switch:not(.disabled) .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(128, 128, 128, .1)
}
.toggle-switch input {
  position: absolute;
  z-index: 1;
  width: 46px;
  margin: 0 0 0 -4px;
  height: 24px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}
.toggle-switch input:checked + .ts-helper:before {
  left: 18px
}
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: #009688
}
.toggle-switch.disabled {
  opacity: .6;
  filter: alpha(opacity=60)
}
.toggle-switch[data-ts-color=red] input:not(:disabled):checked + .ts-helper {
  background: #F44336
}
.toggle-switch[data-ts-color=blue] input:not(:disabled):checked + .ts-helper {
  background: #2196F3
}
.toggle-switch[data-ts-color=amber] input:not(:disabled):checked + .ts-helper {
  background: #FFC107
}
.toggle-switch[data-ts-color=purple] input:not(:disabled):checked + .ts-helper {
  background: #9C27B0
}
.toggle-switch[data-ts-color=pink] input:not(:disabled):checked + .ts-helper {
  background: #E91E63
}
.toggle-switch[data-ts-color=lime] input:not(:disabled):checked + .ts-helper {
  background: #CDDC39
}
.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked + .ts-helper {
  background: #00BCD4
}
.toggle-switch[data-ts-color=green] input:not(:disabled):checked + .ts-helper {
  background: #4CAF50
}
.toggle-switch[data-ts-color=theme] input:not(:disabled):checked + .ts-helper {
  background: #4cccbb
}
.ie9-placeholder {
  color: #888 !important;
  font-weight: 400
}
.pagination {
  border-radius: 0;
  font-family: Roboto, Helvetica, sans-serif
}
.pagination > li {
  margin: 0 2px;
  display: inline-block;
  vertical-align: top
}
.pagination > li > a, .pagination > li > span {
  border: none;
  background-color: #E2E2E2;
  border-radius: 50% !important;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  z-index: 1;
  color: #867F6F;
  position: relative
}
.lightbox .lightbox-item:before, .pagination > li > a:before, .pagination > li > span:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  content: ""
}
.pagination > li > a > .zmdi, .pagination > li > span > .zmdi {
  font-size: 22px;
  line-height: 39px
}
.pagination > li > a:hover, .pagination > li > span:hover {
  background-color: #999;
  color: #fff;
  font-weight: 700
}
.pagination > li > a i, .pagination > li > span i {
  font-size: 1.6rem
}
.pagination > li > a:before, .pagination > li > span:before {
  position: absolute;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, .1);
  z-index: 0;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0)
}
.pagination > li > a:hover:before, .pagination > li > span:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  filter: alpha(opacity=100)
}
.pagination > li.active > a {
  background-color: #999;
  color: #fff;
  font-weight: 700
}
.pagination > li.active > a:hover {
  background-color: #999
}
.pagination > li.disabled {
  opacity: .5;
  filter: alpha(opacity=50)
}
.lv-pagination {
  width: 100%;
  text-align: center;
  padding: 40px 0;
  border-top: 1px solid #F0F0F0;
  margin-top: 0
}
.pager li > a, .pager li > span {
  padding: 5px 10px 6px;
  color: #E2E2E2 !important
}
.popover {
  box-shadow: 0 2px 30px rgba(0, 0, 0, .2)
}
.popover-title {
  border-bottom: 0;
  padding: 15px;
  font-size: 12px;
  text-transform: uppercase
}
.popover-title:visible + .popover-content {
  padding-top: 0
}
.alert {
  padding-left: 30px;
  font-size: 13px
}
.alert span {
  cursor: pointer
}
.alert:not(.alert-dismissible) {
  padding-right: 20px;
  padding-left: 20px
}
.alert.alert-dismissable {
  padding-right: 44px
}
.alert-inverse {
  background: fade(#333, 90%);
  box-shadow: 0 0 5px fade(#333, 50%);
  color: #fff
}
.alert-inverse a {
  color: #fff
}
.growl-animated {
  border: 0;
  color: #fff
}
.growl-animated.alert-info {
  background: fade(#2196F3, 80%);
  box-shadow: 0 0 5px fade(#2196F3, 50%)
}
.growl-animated.alert-success {
  background: fade(#4CAF50, 80%);
  box-shadow: 0 0 5px fade(#4CAF50, 50%)
}
.growl-animated.alert-warning {
  background: fade(#FF9800, 80%);
  box-shadow: 0 0 5px fade(#FF9800, 50%)
}
.growl-animated.alert-danger {
  background: fade(#F44336, 80%);
  box-shadow: 0 0 5px fade(#F44336, 50%)
}
a .thumbnail.active, a .thumbnail:focus, a .thumbnail:hover {
  border-color: #e0e0e0;
  box-shadow: 0 0 6px #EAEAEA
}
.lightbox .lightbox-item {
  position: relative
}
.lightbox .lightbox-item > img {
  width: 100%;
  border-radius: 2px
}
.lightbox .lightbox-item:before {
  position: absolute;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, .1);
  z-index: 0;
  border-radius: 0;
  opacity: 0;
  filter: alpha(opacity=0)
}
.lightbox .lightbox-item:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  filter: alpha(opacity=100)
}
.lightbox .lightbox-item:hover {
  cursor: pointer
}
.lightbox .lightbox-item:not(.p-item) {
  position: relative
}
.lightbox [data-src]::after {
  clear: both;
  content: "";
  display: table
}
.carousel .carousel-control {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  opacity: 0;
  filter: alpha(opacity=0)
}
.carousel .carousel-control .zmdi {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 100%
}
@media screen and (min-width:768px) {
  .carousel .carousel-control .zmdi {
    font-size: 60px;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px
  }
}
@media screen and (max-width:991px) {
  .carousel .carousel-control .zmdi {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px
  }
  .carousel .carousel-caption {
    display: none
  }
}
.carousel:hover .carousel-control {
  opacity: 1;
  filter: alpha(opacity=100)
}
.carousel .carousel-caption {
  background: rgba(0, 0, 0, .6);
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 50px
}
.carousel .carousel-caption > h3 {
  color: #fff;
  margin: 0 0 5px;
  font-weight: 300
}
.carousel .carousel-caption > p {
  margin: 0
}
.carousel .carousel-indicators {
  margin: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0 6px;
  background: rgba(0, 0, 0, .6)
}
.carousel .carousel-indicators li {
  border-radius: 0;
  width: 15px;
  border: 0;
  background: #fff;
  height: 3px;
  margin: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms
}
.carousel .carousel-indicators li.active {
  width: 25px;
  height: 3px;
  background: #FF9800
}
.modal .modal-footer .btn-link:hover, .modal:not([data-modal-color]) .modal-footer .btn-link:hover {
  background-color: #eee
}
.modal .modal-content {
  box-shadow: 0 5px 20px rgba(0, 0, 0, .31);
  border: 0
}
.modal .modal-header {
  padding: 23px 26px
}
.modal .modal-footer .btn-link {
  font-size: 14px;
  color: #000;
  font-weight: 500
}
.modal:not([data-modal-color]) .modal-footer .btn-link {
  font-weight: 500
}
.modal[data-modal-color], .modal[data-modal-color] .modal-footer .btn-link, .modal[data-modal-color] .modal-title {
  color: #fff
}
.modal[data-modal-color] .modal-footer {
  background: rgba(0, 0, 0, .1)
}
.modal[data-modal-color] .modal-backdrop {
  background: #fff
}
.modal[data-modal-color] .modal-footer .btn-link {
  font-weight: 400
}
.modal[data-modal-color] .modal-footer .btn-link:hover {
  background-color: rgba(0, 0, 0, .1)
}
.modal[data-modal-color=blue] .modal-content {
  background: #2196F3
}
.modal[data-modal-color=cyan] .modal-content {
  background: #00BCD4
}
.modal[data-modal-color=green] .modal-content {
  background: #4CAF50
}
.modal[data-modal-color=lightgreen] .modal-content {
  background: #8BC34A
}
.modal[data-modal-color=lightblue] .modal-content {
  background: #03A9F4
}
.modal[data-modal-color=amber] .modal-content {
  background: #FFC107
}
.modal[data-modal-color=teal] .modal-content {
  background: #009688
}
.modal[data-modal-color=orange] .modal-content {
  background: #FF9800
}
.modal[data-modal-color=bluegray] .modal-content {
  background: #607D8B
}
.modal[data-modal-color=red] .modal-content {
  background: #F44336
}
.modal-backdrop {
  z-index: 10
}
.panel {
  box-shadow: none;
  border: 0
}
.panel-heading {
  padding: 0
}
.panel-title > a {
  padding: 10px 15px;
  display: block;
  font-size: 13px
}
.panel-collapse .panel-heading {
  position: relative
}
.panel-collapse .panel-heading .panel-title > a {
  padding: 8px 5px 16px 30px;
  color: #000;
  position: relative
}
.panel-collapse .panel-heading .panel-title > a:after, .panel-collapse .panel-heading .panel-title > a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden
}
.panel-collapse .panel-heading .panel-title > a:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.panel-collapse .panel-heading:not(.active) .panel-title > a:before {
  background: #eee
}
.panel-collapse .panel-heading:after, .panel-collapse .panel-heading:before {
  font-family: Material-Design-Iconic-Font;
  font-size: 17px;
  position: absolute;
  left: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 4px
}
.panel-collapse .panel-heading:before {
  content: "\f278";
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.panel-collapse .panel-heading:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  content: "\f273"
}
.panel-collapse .panel-heading.active .panel-title > a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.panel-collapse .panel-heading.active:before {
  -webkit-transform: scale(0) rotate(-90deg);
  -ms-transform: scale(0) rotate(-90deg);
  -o-transform: scale(0) rotate(-90deg);
  transform: scale(0) rotate(-90deg)
}
.panel-collapse .panel-heading.active:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.panel-collapse .panel-body {
  border-top: 0 !important;
  padding-left: 5px;
  padding-right: 5px
}
.tooltip-inner {
  border-radius: 1px;
  padding: 3px 10px 5px
}
.breadcrumb {
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0
}
.breadcrumb > li > a {
  color: #a9a9a9
}
.breadcrumb > li > a:hover {
  color: #7c7c7c
}
.four-zero-content {
  background: #fff;
  padding: 20px
}
.four-zero-content:before {
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #EDECEC;
  content: ""
}
.four-zero {
  background: #00BCD4;
  box-shadow: 0 1px 11px rgba(0, 0, 0, .27);
  border-radius: 2px;
  position: absolute;
  top: 50%;
  margin-top: -150px;
  color: #fff;
  text-align: center;
  padding: 15px;
  height: 300px;
  width: 500px;
  left: 50%;
  margin-left: -250px
}
.four-zero h2 {
  font-size: 130px;
  line-height: 100%;
  color: #fff;
  font-weight: 100
}
@media (max-width:767px) {
  .four-zero {
    width: calc(100% - 40px);
    left: 20px;
    margin-left: 0;
    height: 260px;
    margin-top: -130px
  }
  .four-zero h2 {
    font-size: 90px
  }
}
.four-zero small {
  display: block;
  font-size: 26px;
  margin-top: -10px
}
.four-zero footer {
  background: rgba(0, 0, 0, .13);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px
}
.four-zero footer > a {
  font-size: 21px;
  display: inline-block;
  color: #FFF;
  margin: 0 1px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, .09);
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.four-zero footer > a:hover {
  background: rgba(0, 0, 0, .2)
}
.photos {
  margin: 2px 0 0
}
.photos .lightbox {
  margin: 0 -8px
}
.photos:not(.p-timeline) [data-src] {
  padding: 3px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms
}
.p-timeline {
  position: relative;
  padding-left: 80px;
  margin-bottom: 75px
}
.p-timeline [data-src] {
  float: left;
  width: 70px;
  height: 70px;
  margin: 0 3px 3px 0
}
.p-timeline:last-child .pt-line:before, .pt-line {
  height: 100%
}
.ptb-title {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px
}
.pt-line {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 14px
}
.pt-line:after, .pt-line:before {
  content: "";
  position: absolute
}
.pt-line:before {
  width: 1px;
  height: calc(100% + 63px);
  background: #E2E2E2;
  top: 14px;
  right: -20px
}
.pt-line:after {
  top: 2px;
  right: -26px;
  width: 13px;
  height: 13px;
  border: 1px solid #C1C1C1;
  border-radius: 50%
}
.z-depth-1 {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .22), 0 2px 10px rgba(0, 0, 0, .12)
}
.z-depth-1-top {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .12)
}
.z-depth-1-bottom {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .22)
}
.z-depth-2 {
  box-shadow: 0 8px 17px rgba(0, 0, 0, .2), 0 6px 20px rgba(0, 0, 0, .19)
}
.z-depth-2-top {
  box-shadow: 0 6px 20px rgba(0, 0, 0, .19)
}
.z-depth-2-bottom {
  box-shadow: 0 8px 17px rgba(0, 0, 0, .2)
}
.z-depth-3 {
  box-shadow: 0 12px 15px rgba(0, 0, 0, .2), 0 17px 50px rgba(0, 0, 0, .19)
}
.z-depth-3-top {
  box-shadow: 0 17px 50px rgba(0, 0, 0, .19)
}
.z-depth-3-bottom {
  box-shadow: 0 12px 15px rgba(0, 0, 0, .2)
}
.z-depth-4 {
  box-shadow: 0 16px 28px rgba(0, 0, 0, .18), 0 25px 55px rgba(0, 0, 0, .21)
}
.z-depth-4-top {
  box-shadow: 0 25px 55px rgba(0, 0, 0, .21)
}
.z-depth-4-bottom {
  box-shadow: 0 16px 28px rgba(0, 0, 0, .18)
}
.z-depth-5 {
  box-shadow: 0 27px 24px rgba(0, 0, 0, .16), 0 40px 77px rgba(0, 0, 0, .22)
}
.z-depth-5-top {
  box-shadow: 0 40px 77px rgba(0, 0, 0, .22)
}
.z-depth-5-bottom {
  box-shadow: 0 27px 24px rgba(0, 0, 0, .16)
}
.z-depth-animation:hover .z-depth-1, .z-depth-animation:hover .z-depth-2, .z-depth-animation:hover .z-depth-3, .z-depth-animation:hover .z-depth-4, .z-depth-animation:hover .z-depth-5 {
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}
.block-header-alt h1, .block-header-alt h2, .block-header-alt h3, .block-header-alt h4, .block-header-alt h5 {
  color: #575757;
  font-weight: 100
}
.actions {
  list-style: none;
  padding: 0;
  z-index: 2;
  margin: 0
}
.actions > li {
  display: inline-block;
  vertical-align: baseline
}
.actions > a, .actions > li > a {
  width: 30px;
  height: 30px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  position: relative
}
.actions > a > i, .actions > li > a > i {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 1.3s;
  transition-duration: 1.3s;
  color: #adadad;
  font-size: 20px
}
.actions.open > a > i, .actions > a:hover > i, .actions > li.open > a > i, .actions > li > a:hover > i {
  color: #000
}
.actions > a:before, .actions > li > a:before {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, .1);
  z-index: 0;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0)
}
.line-wrap, .line-wrap .line {
  width: 18px;
  -webkit-transition: all;
  -o-transition: all
}
.actions > a:hover:before, .actions > li > a:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  filter: alpha(opacity=100)
}
.actions.open > a:before, .actions > li.open > a:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100)
}
.actions.actions-alt > li.open > a > i, .actions.actions-alt > li > a > i, .actions.actions-alt > li > a > i:hover {
  color: #fff
}
.actions.open {
  z-index: 3
}
.line-wrap {
  height: 12px;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  margin: 10px 20px
}
.line-wrap .line {
  height: 2px;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.line-wrap .line.center {
  margin: 3px 0
}
.open .line-wrap .line.top {
  width: 12px;
  transform: translateX(-2px) translateY(1px) rotate(-225deg);
  -webkit-transform: translateX(-2px) translateY(1px) rotate(-225deg)
}
.open .line-wrap .line.bottom {
  width: 12px;
  transform: translateX(-2px) translateY(-1px) rotate(225deg);
  -webkit-transform: translateX(-2px) translateY(-1px) rotate(225deg)
}
.load-more {
  text-align: center;
  margin-top: 30px
}
.load-more a {
  padding: 5px 10px 3px;
  display: inline-block;
  background-color: #F44336;
  color: #fff;
  border-radius: 2px;
  white-space: nowrap
}
.load-more a i {
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  margin-top: -2px
}
.load-more a:hover {
  background-color: #ea1c0d
}
.container-alt {
  max-width: 1170px
}
.ie-warning {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #000;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-family: "Courier New", Courier, monospace;
  padding: 50px 0
}
.ie-warning p {
  font-size: 17px
}
.ie-warning .iew-container {
  min-width: 1024px;
  width: 100%;
  height: 200px;
  background: #fff;
  margin: 50px 0
}
.ie-warning .iew-download {
  list-style: none;
  padding: 30px 0;
  margin: 0 auto;
  width: 720px
}
.ie-warning .iew-download > li {
  float: left;
  vertical-align: top
}
.ie-warning .iew-download > li > a {
  display: block;
  color: #000;
  width: 140px;
  font-size: 15px;
  padding: 15px 0
}
#footer, #footer .f-menu > li > a {
  color: #a2a2a2
}
.ie-warning .iew-download > li > a > div {
  margin-top: 10px
}
.ie-warning .iew-download > li > a:hover {
  background-color: #eee
}
#footer {
  width: 100%;
  height: 110px;
  padding-top: 35px;
  padding-bottom: 15px
}
#footer .f-menu {
  display: block;
  width: 100%;
  margin-top: 8px
}
#footer .f-menu > li > a:hover {
  color: #777
}
@media (min-width:1199px) {
  body.sw-toggled #footer {
    padding-left: 268px
  }
}
.plan-lite .pti-header {
  background-color: #c8e0c3
}
.plan-single .pti-header {
  background-color: #ebe19f
}
.plan-package .pti-header {
  background-color: #b3e3e9
}
.plan-professional .pti-header {
  background-color: #e99090
}
.plan-event .pti-header {
  background-color: #F78D8D
}
.pricing-table {
  max-width: 1170px;
  margin-top: 30px
}
.pricing-table .row {
  margin: 0
}
.pricing-table .row .pt-inner-box {
  padding: 0 6px
}
.pt-inner {
  text-align: center
}
.pt-inner .pti-header {
  color: #fff;
  position: relative;
  height: 250px
}
.pt-inner .pti-header .card__header-primary {
  height: 200px;
  text-align: right;
  font-size: 3.33333rem;
  font-weight: 700;
  padding-top: 100px;
  padding-right: 10px
}
.pt-inner .pti-header .card__header-primary span {
  font-size: 1.66667rem;
  vertical-align: top;
  margin-left: -10px;
  line-height: 55px
}
.pt-inner .pti-header .card__header-primary .price-desc {
  font-size: .93333rem;
  font-weight: 400
}
.pt-inner .pti-header .card__header-sub {
  color: #fff;
  background-color: rgba(0, 0, 0, .1);
  height: 50px;
  text-align: right;
  line-height: 50px;
  padding-right: 20px;
  font-size: 1.06667rem;
  font-weight: 500
}
.pt-inner .pti-header > h2 {
  margin: 0;
  line-height: 100%;
  color: #fff;
  font-weight: 100;
  font-size: 50px
}
.pt-inner .pti-header > h2 small {
  color: #fff;
  letter-spacing: 0;
  vertical-align: top;
  font-size: 16px;
  font-weight: 100
}
.pt-inner .pti-header .ptih-title {
  background-color: rgba(0, 0, 0, .1);
  padding: 8px 10px 9px;
  text-transform: uppercase;
  margin: 0 -10px;
  position: absolute;
  width: 100%;
  bottom: 0
}
.pt-inner .pti-body {
  padding: 20px 10px;
  height: 170px;
  background-color: #FCFCFC
}
.pt-inner .pti-body .ptib-item {
  padding: 0 0 20px;
  font-weight: 400
}
.pt-inner .pti-body .ptib-item .item__name {
  text-align: left;
  padding: 0
}
.pt-inner .pti-body .ptib-item .item__content {
  text-align: right;
  padding: 0;
  color: #666
}
.pt-inner .pti-action a.btn {
  color: #666;
  background-color: #ecebe7;
  font-weight: 700;
  border-radius: 0;
  height: 50px;
  width: 100%;
  line-height: 40px;
  text-transform: uppercase
}
.pt-inner .pti-event-action {
  padding-bottom: 20px
}
.pt-inner .pti-event-action a.btn {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 40px;
  width: 75%
}
.pt-inner .pti-footer {
  padding: 10px 20px 30px
}
.pt-inner .pti-footer > a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: inline-block;
  line-height: 60px;
  font-size: 30px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.pt-inner .pti-footer > a:hover {
  opacity: .85;
  filter: alpha(opacity=85);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .22), 0 2px 10px rgba(0, 0, 0, .12)
}