/*
//==========================================================
//
//       ___           ___           ___           ___           ___           ___           ___           ___           ___     
//      /\__\         /\  \         /\__\         /\  \         /\__\         /\  \         /\  \         /\__\         /\  \    
//     /:/  /        /::\  \       /::|  |       /::\  \       /:/ _/_       /::\  \       /::\  \       /:/  /        /::\  \   
//    /:/__/        /:/\:\  \     /:|:|  |      /:/\:\  \     /:/ /\__\     /:/\:\  \     /:/\:\  \     /:/__/        /:/\ \  \  
//   /::\  \ ___   /:/  \:\  \   /:/|:|__|__   /::\~\:\  \   /:/ /:/ _/_   /:/  \:\  \   /::\~\:\  \   /::\__\____   _\:\~\ \  \ 
//  /:/\:\  /\__\ /:/__/ \:\__\ /:/ |::::\__\ /:/\:\ \:\__\ /:/_/:/ /\__\ /:/__/ \:\__\ /:/\:\ \:\__\ /:/\:::::\__\ /\ \:\ \ \__\
//  \/__\:\/:/  / \:\  \ /:/  / \/__/~~/:/  / \:\~\:\ \/__/ \:\/:/ /:/  / \:\  \ /:/  / \/_|::\/:/  / \/_|:|~~|~    \:\ \:\ \/__/
//       \::/  /   \:\  /:/  /        /:/  /   \:\ \:\__\    \::/_/:/  /   \:\  /:/  /     |:|::/  /     |:|  |      \:\ \:\__\  
//       /:/  /     \:\/:/  /        /:/  /     \:\ \/__/     \:\/:/  /     \:\/:/  /      |:|\/__/      |:|  |       \:\/:/  /  
//      /:/  /       \::/  /        /:/  /       \:\__\        \::/  /       \::/  /       |:|  |        |:|  |        \::/  /   
//      \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \|__|         \|__|         \/__/    
//
//
//
// @ HOMEWORKS FRAMEWORK
// @ All Rights Reserved IGAWorks Inc.
//
//==========================================================
//
// @ UPDATE  2017.03.24
// @ AUTHOR  Kenneth
//
//=========================================================
*/


@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'https://cdn.bootcss.com/pixeden-stroke-7-icon/1.2.3/dist/pe-icon-7-stroke.min.css';
.works-wrapper,
.works-header,
.works-body,
.works-sider,
.works-content {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-wrapper {
  will-change: transform;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.works-wrapper.works-sider-active {
  -webkit-transform: translate3d(230px, 0, 0);
  -ms-transform: translate3d(230px, 0, 0);
  transform: translate3d(230px, 0, 0);
}
.works-wrapper.works-enable-sub-header .works-content {
  top: 108px;
}
.works-footer {
  margin-top: 4em;
  padding: 3.2em 0;
  text-align: center;
  background-color: #242831;
  color: #999999;
  position: relative;
}
.works-footer .floating-top {
  position: absolute;
  top: -2.1em;
  right: 12em;
  line-height: 4.8em;
}
.works-footer .floating-top i {
  font-size: 180%;
}
.works-footer a {
  color: #FFFFFF;
}
.works-footer strong {
  color: #FFFFFF;
  font-weight: 600;
}
.works-footer > * > span {
  display: inline-block;
  padding: 0 1em;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  vertical-align: middle;
}
.works-footer > * > span:first-child {
  padding-left: 0;
}
.works-footer > * > span:last-child {
  padding-right: 0;
  border-right: 0;
}
.works-profile {
  background-color: #383e4d;
  padding: 40px 0;
  text-align: center;
}
.works-profile .works-profile-pic,
.works-profile .works-profile-pic img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.works-profile .works-profile-pic {
  border-radius: 50%;
  margin-bottom: 6px;
  overflow: hidden;
}
.works-profile h1,
.works-profile h2,
.works-profile .btn-logout {
  display: block;
  margin: 0;
  padding: 6px 0 0;
  color: #FFFFFF;
}
.works-profile h1 {
  font-size: 160%;
}
.works-profile h2 {
  font-size: 115%;
}
.works-profile .btn-logout {
  display: inline-block;
  margin-top: 12px;
  font-size: 100%;
  height: 2.4em;
  padding: 0 2em;
  line-height: 2.2em;
  border-radius: 1.2em;
  border: 1px solid #FFFFFF;
  transition: background-color 0.2s ease, color 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-profile .btn-logout:hover {
  background-color: #FFFFFF;
  color: #383e4d;
}
.works-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  color: #555555;
  font-size: 13px;
  z-index: 2000;
  background-color: #FFFFFF;
  text-align: center;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.175);
}
.works-header .works-header-logo {
  display: block;
  width: 230px;
  height: 80px;
  border-right: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-header .works-header-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  padding: 0 20px;
  text-align: left;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-header .works-header-action {
  display: inline-block;
  height: 56px;
  line-height: 56px;
  text-align: center;
  vertical-align: top;
}
.works-header .works-header-menu {
  float: left;
  height: 56px;
  color: #FFFFFF;
  line-height: 56px;
}
.works-header .works-header-menu:hover {
  color: #333333;
}
.works-header .works-menu {
  font-size: 115%;
  margin-right: 2.4em;
  color: rgba(255, 255, 255, 0.75);
  transition: color 0.3s ease;
}
.works-header .works-menu:hover {
  color: rgba(255, 255, 255, 0.9);
}
.works-header .works-menu:last-child {
  margin-right: 0;
}
.works-header .works-menu.active {
  color: #455370;
}
.works-header .works-menu.works-nav-menu {
  display: none;
  float: right;
}
.works-header .works-menu i {
  font-size: 160%;
}
.works-header .works-menu :last-child {
  margin-right: 0;
}
.works-header .works-header-button {
  display: inline-block;
  vertical-align: middle;
  margin-right: .6em;
  line-height: 1;
}
.works-header .works-navs {
  float: right;
  height: 56px;
  line-height: 56px;
}
.works-header .btn {
  margin: 0 .2em;
  vertical-align: initial;
}
.works-top {
  background-color: #FFFFFF;
  padding: 0;
  border-bottom: 1px solid #cccccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 50000;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-top h1 {
  float: left;
  width: 50%;
  margin: 0;
  padding: 18px 20px;
  font-size: 115%;
  font-weight: 400;
  color: #333333;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-top .works-top-action {
  float: right;
  width: 50%;
  padding: 8px 20px;
  text-align: right;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-top .works-menu {
  float: left;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-top .works-menu a {
  display: inline-block;
  height: 52px;
  padding: 18px 0;
  margin: 0 1.6em;
  border-bottom: 3px solid transparent;
  font-size: 14px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-top .works-menu a.active {
  color: #5369E3;
  border-bottom-color: #5369E3;
}
.works-top .works-menu a:first-child {
  margin-left: 0;
}
.works-top .works-menu a:last-child {
  margin-right: 0;
}
.works-header .works-header-inner .works-header-title {
  float: left;
  display: block;
  padding: 0;
  margin-right: 20px;
  text-align: left;
  vertical-align: top;
  font-size: 0;
  line-height: 56px;
}
.works-header .works-header-inner .works-header-title h2 {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #697ce7;
  margin-right: 20px;
}
.works-header .works-header-inner .works-header-title img {
  max-width: 360px;
  height: 28px;
  vertical-align: middle;
}
.works-header .works-header-inner .works-header-title .logo {
  font-weight: 300;
  font-size: 0;
}
.works-header .works-header-inner .works-header-title .logo .logo-text {
  font-size: 19px;
}
.works-header .works-header-inner .works-header-title .logo strong {
  font-weight: 400;
}
.works-header .works-header-inner .works-header-action .works-profile .works-profile-body a {
  display: block;
  padding: 0 2.4em;
  text-align: left;
  border-bottom: 1px solid #efefef;
}
.works-header .works-header-inner .works-header-action .works-profile .works-profile-body a:last-child {
  border-bottom: none;
}
.works-header .works-header-inner .works-header-action .works-profile .works-profile-body a:hover {
  background-color: #fafafa;
}
.works-header .works-header-inner .works-header-action .works-profile:before {
  content: '';
  display: block;
  width: 800px;
  height: 800px;
  background-color: #FFFFFF;
  border-radius: 400px;
  position: absolute;
  top: -400px;
  right: -400px;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  transition: transform 0.3s ease;
}
.works-header .works-header-inner .works-header-action .works-profile.toggle-active:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.works-header .works-header-inner .works-header-action .works-profile .works-profile-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #efefef;
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 40px;
  line-height: 40px;
  z-index: 5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-header .works-header-inner .works-header-action .works-profile .works-profile-body {
  margin-top: 80px;
  position: relative;
  z-index: 5;
}
.works-header .works-header-inner .works-header-action .works-header-action-pic,
.works-header .works-header-inner .works-header-action span {
  vertical-align: middle;
}
.works-header .works-header-inner .works-header-action .fa {
  font-size: 24px;
  vertical-align: middle;
}
.works-header .works-header-inner .works-header-action .works-header-action-pic {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: no-repeat center center scroll #e2e2e2;
  background-size: cover;
  margin-right: 12px;
  border-radius: 50%;
}
.works-header .works-header-inner .btn-action {
  display: inline-block;
  width: 2.8em;
  height: 2.8em;
  margin-right: .6em;
  line-height: 2.6em;
  text-align: center;
  border-radius: 50%;
  color: #455370;
  border: 1px solid rgba(192, 192, 192, 0.4);
  vertical-align: middle;
  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.works-header .works-header-inner .btn-action * {
  margin: 0;
}
.works-header .works-header-inner .btn-action.profile-pic {
  margin-right: .6em;
  overflow: hidden;
}
.works-header .works-header-inner .btn-action.profile-pic img {
  width: 100%;
}
.works-header .works-header-inner .btn-action:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: #455370;
  color: #FFFFFF;
}
.works-header .works-header-inner .btn-action.btn-bell i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation: bell-ringing 2.4s ease forwards;
  animation: bell-ringing 2.4s ease forwards;
}
.works-header .works-header-inner .btn-action .bubble {
  position: absolute;
  display: inline-block;
  font-size: 85%;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  top: -0.4em;
  right: -0.6em;
  text-align: center;
  color: #FFFFFF;
  border-radius: 50%;
  background-color: #F44747;
}
.works-header .works-header-inner .btn-action .blink {
  position: absolute;
  display: inline-block;
  width: 7px;
  height: 7px;
  top: 2px;
  right: 2px;
  background-color: #F44747;
  border-radius: 50%;
  -webkit-animation-name: notification-blink;
  animation-name: notification-blink;
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.works-header .works-header-inner .btn-action:last-child {
  margin-right: 0;
}
.works-header .works-header-inner .btn-action i {
  font-size: 140%;
  vertical-align: middle;
}
.works-header .works-header-inner .btn-profile {
  display: inline-block;
  height: 3em;
  line-height: 3em;
  vertical-align: middle;
  overflow: visible;
}
.works-header .works-header-inner .btn-profile span,
.works-header .works-header-inner .btn-profile i {
  vertical-align: middle;
}
.works-header .works-header-inner .btn-profile i {
  margin-left: .4em;
}
.works-header .works-header-inner .btn-profile .profile-name {
  font-size: 115%;
}
.works-body {
  background-color: #E3E6EB;
  overflow: hidden;
}
.works-sider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #2D323E;
  width: 230px;
  z-index: 100000;
  overflow: hidden;
  overflow-y: auto;
  -webkit-transform: translate3d(-230px, 0, 0);
  -ms-transform: translate3d(-230px, 0, 0);
  transform: translate3d(-230px, 0, 0);
  transition: transform 0.3s ease;
  -webkit-box-shadow: 3px 0 8px 0 rgba(0, 0, 0, 0.375);
  box-shadow: 3px 0 8px 0 rgba(0, 0, 0, 0.375);
}
.works-sider::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  background: #2D323E;
  border-left: 1px solid #22262f;
}
.works-sider::-webkit-scrollbar-thumb {
  background-color: #020203;
}
.works-sider.works-sider-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.works-sider .works-sider-logo {
  height: 56px;
  background-color: #242831;
  padding: 0;
  margin: 0;
  color: #FFFFFF;
  text-align: center;
  line-height: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-sider .works-sider-menu {
  padding: 24px 20px;
  background-color: #2D323E;
  font-size: 14px;
  color: #FFFFFF;
}
.works-sider .works-sider-menu.active,
.works-sider .works-sider-menu:hover {
  background-color: #5369E3;
}
.works-sider .works-sider-group .works-sider-menu {
  padding: 16px 20px;
  font-size: 13px;
  color: #a9b0c1;
}
.works-sider .works-sider-group .works-sider-menu > span {
  font-size: 100%;
}
.works-sider .works-sider-group .works-sider-menu.active,
.works-sider .works-sider-group .works-sider-menu:hover {
  background-color: #383e4d;
  border-left: 5px solid #5369E3;
  padding-left: 15px;
}
.works-sider .works-sider-group {
  display: none;
}
.works-sider .works-sider-sub-group {
  display: none;
  padding: 1.6em 0;
  background-color: #242831;
}
.works-sider .works-sider-sub-group > a {
  padding: 12px 20px;
  color: #FFFFFF;
}
.works-sider .works-sider-sub-group > a.active {
  border-top: none;
  border-left: 3px solid #22262f;
  background-color: #383e4d;
  color: #FFFFFF;
}
.works-sider .works-sider-sub-group > a:hover {
  color: #7f8fea;
}
.works-sider .works-sider-sub-group i {
  color: #FFFFFF;
}
.works-sider .works-sider-sub-group > a:last-child {
  border-bottom: none;
}
.works-sider .works-sider-menu,
.works-sider .works-sider-sub-group > a {
  display: block;
  text-align: left;
  text-decoration: none;
}
.works-sider .works-sider-menu.works-sider-group-menu,
.works-sider .works-sider-group .works-sider-menu.works-sider-sub-group-menu {
  position: relative;
}
.works-sider .works-sider-group .works-sider-menu.works-sider-sub-group-menu.active {
  font-weight: 600;
  color: #FFFFFF;
}
.works-sider .works-sider-menu.works-sider-group-menu:after,
.works-sider .works-sider-group .works-sider-menu.works-sider-sub-group-menu:after {
  content: '\e684';
  font-family: 'Pe-icon-7-stroke';
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 130%;
  transition: transform 0.3s ease;
}
.works-sider .works-sider-menu.works-sider-group-menu:after {
  top: 1.3em;
}
.works-sider .works-sider-menu.works-sider-group-menu.active:after,
.works-sider .works-sider-group .works-sider-menu.works-sider-sub-group-menu.active:after {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.works-sider .works-sider-sub-group > a span {
  font-size: 95%;
}
.works-sider .works-sider-group .works-sider-menu i,
.works-sider .works-sider-sub-group i {
  vertical-align: middle;
  font-size: 115%;
  margin-top: -0.125em;
  margin-right: .4em;
}
.works-sider .works-sider-group .works-sider-menu span,
.works-sider .works-sider-sub-group > a {
  vertical-align: middle;
}
.works-content {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  bottom: 0;
  height: auto;
  padding: 0;
  overflow: auto;
}
.works-content .works-container {
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-title {
  padding: 0;
  margin-bottom: 20px;
  font-size: 23px;
}
.works-title:first-child {
  margin-top: 0;
}
.works-section {
  position: relative;
  width: 100%;
  margin-bottom: 26px;
  background-color: #FFFFFF;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-section:after,
.works-section:before {
  display: block;
  content: '';
  height: 0;
  clear: both;
}
.works-section:last-child {
  margin-bottom: 0;
}
.works-section.works-section-transparent {
  background-color: transparent;
  border: none;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.works-section.works-section-padding {
  padding: 40px;
}
.works-section.works-section-padding .works-section-divider {
  margin: 0 -40px;
}
.works-section.works-section-padding .works-group {
  margin-left: -40px;
  margin-right: -40px;
  padding: 40px;
}
.works-section.works-section-padding .works-group:first-child {
  padding-top: 0;
}
.works-section.works-section-padding .works-group:last-child {
  padding-bottom: 0;
}
.works-section > *:last-child {
  margin-bottom: 0;
}
.works-section .works-section-divider {
  height: 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
}
.works-section .works-section-divider.works-section-divider-padding {
  margin-top: 40px;
  margin-bottom: 40px;
}
.works-section .section-title {
  height: 2.8em;
  padding-top: 0;
  line-height: 2.8em;
}
.works-section .works-article {
  margin-bottom: 26px;
  line-height: 1.6;
}
.works-section .works-article:last-child {
  margin-bottom: 0;
}
.works-section .works-group {
  border-bottom: 1px solid #e2e2e2;
}
.works-section .works-group:last-child {
  border-bottom: none;
}
.works-section .header-buttons {
  font-size: 13px;
}
.works-screen {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.works-screen .works-screen-inner {
  display: table-cell;
  vertical-align: middle;
}
.works-screen .works-login-form {
  display: inline-block;
  min-width: 240px;
  width: 80%;
  max-width: 540px;
  background-color: #fafafa;
  border: 1px solid #cccccc;
  transition: border-color 0.3s ease;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
}
.works-screen .works-login-form.error {
  border-color: #F44747;
  -webkit-animation: shake 0.5s forwards ease;
  animation: shake 0.5s forwards ease;
}
.works-screen .works-login-form .works-login-form-inner {
  padding: 70px 80px;
}
.works-screen .works-login-form .works-login-form-inner h1 {
  font-size: 240%;
  font-weight: 300;
  color: #333333;
  line-height: 1.4;
}
.works-screen .works-login-form .works-login-form-inner h1 img {
  max-width: 100%;
}
.works-screen .works-login-form .works-login-form-inner h1 .works-login-form-title-highlight {
  display: block;
  font-weight: 400;
  color: #5369E3;
}
.works-screen .works-login-form .btn {
  max-width: 12em;
  margin: 0 auto;
  border-radius: 1.3em;
  background-color: #5369E3;
  position: relative;
}
.works-screen .works-login-form .btn i {
  position: absolute;
  top: 50%;
  right: .6em;
  margin-top: -0.5em;
}
.works-screen .works-login-form label {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-screen .works-login-form label span {
  display: block;
  padding-left: .6em;
  padding-bottom: .4em;
  font-weight: 600;
  font-size: 105%;
}
.works-screen .works-login-credential {
  margin: 2em 0;
}
.works-screen .works-login-credential .works-login-input {
  width: 100%;
  padding: 1em 1em 1em 2.6em;
  margin: 1em 0;
  border: none;
  font-size: 115%;
  background-color: transparent;
  border-bottom: 1px solid #d8d8d8;
  outline: none;
  transition: border-bottom-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-screen .works-login-credential .works-login-input:focus {
  border-bottom-color: #5369E3;
}
.works-screen .works-login-credential .works-login-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 10000px #fafafa inset;
  box-shadow: 0 0 0 10000px #fafafa inset;
}
.works-screen .works-login-credential .works-login-deco {
  position: absolute;
  left: 0;
  bottom: 2.3em;
  display: block;
  width: 1em;
  height: 1em;
}
.works-screen .works-login-credential .works-login-id .works-login-deco {
  background: url('../../images/icon_login_id.png') no-repeat center center scroll transparent;
}
.works-screen .works-login-credential .works-login-password .works-login-deco {
  background: url('../../images/icon_login_password.png') no-repeat center center scroll transparent;
}
.works-screen .works-login-footer {
  margin-top: 20px;
  text-align: center;
}
.works-screen .works-login-footer a {
  display: inline-block;
  height: 1.2em;
  line-height: 1em;
  padding-right: .8em;
  border-right: 1px solid #d8d8d8;
  margin-right: .8em;
  color: #555555;
  text-align: center;
  vertical-align: middle;
}
.works-screen .works-login-footer a i {
  vertical-align: middle;
}
.works-screen .works-login-footer a:last-child {
  border: none;
  margin: 0;
  padding-right: 0;
}
.works-screen .works-login-footer a:hover {
  color: #9FA2A9;
}
.works-screen .works-page {
  border-top: 3px solid #242831;
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 3px;
  background-color: #FFFFFF;
  padding: 40px;
  font-size: 115%;
  -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.125);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-screen .works-page h1 {
  margin: 0 auto;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #e2e2e2;
}
.works-screen .works-page h2 {
  margin-bottom: 1em;
  font-size: 130%;
}
.works-screen .works-page .works-page-body {
  text-align: left;
}
.works-screen .works-page .works-page-body .works-page-section:first-child {
  margin-top: 0;
}
.works-screen .works-page .works-page-body .works-page-section {
  margin-top: 10px;
  margin-bottom: 40px;
}
.works-screen .works-page .works-page-body .works-page-section:last-child {
  margin-bottom: 0;
}
.works-login-loader {
  display: none;
  margin-bottom: 20px;
}
.works-login-loader.active {
  display: block;
}
.works-loader-txt {
  display: inline-block;
  margin-top: 1em;
}
.works-loader {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #333333;
  -webkit-animation: works-loader 2s infinite ease;
  animation: works-loader 2s infinite ease;
}
.works-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #333333;
  -webkit-animation: works-loader-inner 2s infinite ease;
  animation: works-loader-inner 2s infinite ease;
}
.works-content-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  margin-top: 25px;
  margin-left: -50px;
  z-index: 9999;
}
.works-content-loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.works-content-loader-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 50000;
}
.works-content-loader-overlay .works-content-loader-wrapper {
  display: inline-block;
  background-color: #FFFFFF;
  border-radius: 50%;
  padding: 6px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -16px;
  z-index: 9999;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
}
.works-content-loader-overlay .works-content-loader-wrapper p {
  width: 800px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 50%;
  bottom: -40px;
  margin-left: -400px;
  color: #FFFFFF;
  text-align: center;
}
.works-content-loader-overlay .works-content-loader {
  position: relative;
  top: 0;
  left: 0;
  z-index: auto;
  margin: 0;
  width: 32px;
}
.works-content-loader-inner {
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: works-content-loader 2s linear infinite;
  animation: works-content-loader 2s linear infinite;
}
.works-content-loader-inner .path {
  stroke-dasharray: 1px, 200px;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: works-content-loader-dash 1.5s ease-in-out infinite, works-loader-color 6s ease-in-out infinite;
  animation: works-content-loader-dash 1.5s ease-in-out infinite, works-loader-color 6s ease-in-out infinite;
}
@-webkit-keyframes works-content-loader {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes works-content-loader {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes works-content-loader-dash {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89px, 200px;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89px, 200px;
    stroke-dashoffset: -124px;
  }
}
@keyframes works-content-loader-dash {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89px, 200px;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89px, 200px;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes works-loader-color {
  100%,
  0% {
    stroke: #5369E3;
  }
  40% {
    stroke: #F44747;
  }
  66% {
    stroke: #FF8556;
  }
  80%,
  90% {
    stroke: #4B98FF;
  }
}
@keyframes works-loader-color {
  100%,
  0% {
    stroke: #5369E3;
  }
  40% {
    stroke: #F44747;
  }
  66% {
    stroke: #FF8556;
  }
  80%,
  90% {
    stroke: #4B98FF;
  }
}
@-webkit-keyframes works-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes works-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes works-loader-inner {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes works-loader-inner {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  40%,
  70%,
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  25%,
  60%,
  80% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  40%,
  70%,
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  25%,
  60%,
  80% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}
@-webkit-keyframes bell-ringing {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  70% {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  80% {
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  90% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes bell-ringing {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  70% {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  80% {
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  90% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media (max-width: 960px) {
  .works-screen .works-login-form .works-login-form-inner {
    padding: 40px;
  }
  .works-screen .works-login-form .works-login-form-inner h1 {
    margin: .2em 0;
    padding-bottom: 0;
  }
  .works-screen .works-login-credential {
    margin: .6em 0;
  }
}
@media (max-width: 768px) {
  .works-content .works-container {
    padding: 20px;
  }
}
@media (max-width: 540px) {
  .works-content .works-container {
    padding: 20px 0;
  }
  .works-content .works-container .works-title {
    padding-left: 20px;
    padding-right: 20px;
  }
  .works-section.works-section-padding {
    padding: 20px;
  }
  .works-section.works-section-padding .works-group {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
  }
  .works-header .works-header-menu {
    float: none;
    width: 100%;
  }
  .works-header .works-menu.works-nav-menu {
    display: inline-block;
  }
  .works-header .works-navs {
    display: none;
    float: none;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    line-height: initial;
    top: 56px;
    background-color: #232A38;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    z-index: 2000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
  }
  .works-header .works-navs .works-header-button {
    display: block;
    width: 100%;
  }
  .works-header .works-navs .works-header-button .btn {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .works-wrapper.works-navs-active .works-navs {
    display: block;
  }
  .works-footer .floating-top {
    left: 50%;
    right: auto;
    margin-left: -2.1em;
  }
}
::-moz-selection {
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff !important;
}
::selection {
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff !important;
}
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: #FFFFFF;
  border-left: 1px solid rgba(36, 40, 49, 0.25);
}
::-webkit-scrollbar-thumb {
  background-color: #383e4d;
}
html,
body,
ul,
li,
a,
span,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea,
label,
table,
tr,
th,
td,
dd,
dl,
dt,
section,
article,
footer,
header,
video,
audio {
  padding: 0;
  margin: 0;
}
html,
body {
  position: relative;
  font-size: 13px;
  color: #333333;
  height: 100%;
}
table {
  border-spacing: 0;
}
a {
  text-decoration: none;
  color: #4e6de1;
}
a:hover {
  color: #647fe5;
}
a:active {
  color: #385bdd;
}
.clearfix {
  zoom: 1;
}
.clearfix:after,
.clearfix:before {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: middle;
}
.row {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.row-table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.row.row-table.row-auto {
  table-layout: auto;
}
.row.row-table .col,
.row.row-table .col-lg,
.row.row-table .col-md,
.row.row-table .col-sm,
.row.row-table .col-xs,
.row.row-table .col-1,
.row.row-table .col-2,
.row.row-table .col-3,
.row.row-table .col-4,
.row.row-table .col-5,
.row.row-table .col-6,
.row.row-table .col-7,
.row.row-table .col-8,
.row.row-table .col-9,
.row.row-table .col-10,
.row.row-table .col-11,
.row.row-table .col-12,
.row.row-table .col-lg-1,
.row.row-table .col-lg-2,
.row.row-table .col-lg-3,
.row.row-table .col-lg-4,
.row.row-table .col-lg-5,
.row.row-table .col-lg-6,
.row.row-table .col-lg-7,
.row.row-table .col-lg-8,
.row.row-table .col-lg-9,
.row.row-table .col-lg-10,
.row.row-table .col-lg-11,
.row.row-table .col-lg-12,
.row.row-table .col-md-1,
.row.row-table .col-md-2,
.row.row-table .col-md-3,
.row.row-table .col-md-4,
.row.row-table .col-md-5,
.row.row-table .col-md-6,
.row.row-table .col-md-7,
.row.row-table .col-md-8,
.row.row-table .col-md-9,
.row.row-table .col-md-10,
.row.row-table .col-md-11,
.row.row-table .col-md-12,
.row.row-table .col-sm-1,
.row.row-table .col-sm-2,
.row.row-table .col-sm-3,
.row.row-table .col-sm-4,
.row.row-table .col-sm-5,
.row.row-table .col-sm-6,
.row.row-table .col-sm-7,
.row.row-table .col-sm-8,
.row.row-table .col-sm-9,
.row.row-table .col-sm-10,
.row.row-table .col-sm-11,
.row.row-table .col-sm-12,
.row.row-table .col-xs-1,
.row.row-table .col-xs-2,
.row.row-table .col-xs-3,
.row.row-table .col-xs-4,
.row.row-table .col-xs-5,
.row.row-table .col-xs-6,
.row.row-table .col-xs-7,
.row.row-table .col-xs-8,
.row.row-table .col-xs-9,
.row.row-table .col-xs-10,
.row.row-table .col-xs-11,
.row.row-table .col-xs-12,
.row.row-table .col-auto {
  display: table-cell;
  vertical-align: top;
}
.row.row-compact > .col-pd:first-child,
.row.row-compact > .col-pd-lg:first-child {
  padding-left: 0;
}
.row.row-compact > .col-pd:last-child,
.row.row-compact > .col-pd-lg:last-child {
  padding-right: 0;
}
.row.row-flex-start {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.row.row-flex-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.row.row-flex-end {
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.row:last-child {
  margin-bottom: 0;
}
.row .col {
  -moz-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.row .col-lg,
.row .col-md,
.row .col-sm,
.row .col-xs,
.row .col-1,
.row .col-2,
.row .col-3,
.row .col-4,
.row .col-5,
.row .col-6,
.row .col-7,
.row .col-8,
.row .col-9,
.row .col-10,
.row .col-11,
.row .col-12,
.row .col-lg-1,
.row .col-lg-2,
.row .col-lg-3,
.row .col-lg-4,
.row .col-lg-5,
.row .col-lg-6,
.row .col-lg-7,
.row .col-lg-8,
.row .col-lg-9,
.row .col-lg-10,
.row .col-lg-11,
.row .col-lg-12,
.row .col-md-1,
.row .col-md-2,
.row .col-md-3,
.row .col-md-4,
.row .col-md-5,
.row .col-md-6,
.row .col-md-7,
.row .col-md-8,
.row .col-md-9,
.row .col-md-10,
.row .col-md-11,
.row .col-md-12,
.row .col-sm-1,
.row .col-sm-2,
.row .col-sm-3,
.row .col-sm-4,
.row .col-sm-5,
.row .col-sm-6,
.row .col-sm-7,
.row .col-sm-8,
.row .col-sm-9,
.row .col-sm-10,
.row .col-sm-11,
.row .col-sm-12,
.row .col-xs-1,
.row .col-xs-2,
.row .col-xs-3,
.row .col-xs-4,
.row .col-xs-5,
.row .col-xs-6,
.row .col-xs-7,
.row .col-xs-8,
.row .col-xs-9,
.row .col-xs-10,
.row .col-xs-11,
.row .col-xs-12,
.row .col-auto {
  -moz-flex: initial;
  -ms-flex: initial;
  -webkit-flex: initial;
  flex: initial;
}
.row .col-lg,
.row .col-md,
.row .col-sm,
.row .col-xs,
.row .col-lg-1,
.row .col-lg-2,
.row .col-lg-3,
.row .col-lg-4,
.row .col-lg-5,
.row .col-lg-6,
.row .col-lg-7,
.row .col-lg-8,
.row .col-lg-9,
.row .col-lg-10,
.row .col-lg-11,
.row .col-lg-12,
.row .col-md-1,
.row .col-md-2,
.row .col-md-3,
.row .col-md-4,
.row .col-md-5,
.row .col-md-6,
.row .col-md-7,
.row .col-md-8,
.row .col-md-9,
.row .col-md-10,
.row .col-md-11,
.row .col-md-12,
.row .col-sm-1,
.row .col-sm-2,
.row .col-sm-3,
.row .col-sm-4,
.row .col-sm-5,
.row .col-sm-6,
.row .col-sm-7,
.row .col-sm-8,
.row .col-sm-9,
.row .col-sm-10,
.row .col-sm-11,
.row .col-sm-12,
.row .col-xs-1,
.row .col-xs-2,
.row .col-xs-3,
.row .col-xs-4,
.row .col-xs-5,
.row .col-xs-6,
.row .col-xs-7,
.row .col-xs-8,
.row .col-xs-9,
.row .col-xs-10,
.row .col-xs-11,
.row .col-xs-12 {
  width: 100%;
}
.row .col,
.row .col-lg,
.row .col-md,
.row .col-sm,
.row .col-xs,
.row .col-1,
.row .col-2,
.row .col-3,
.row .col-4,
.row .col-5,
.row .col-6,
.row .col-7,
.row .col-8,
.row .col-9,
.row .col-10,
.row .col-11,
.row .col-12,
.row .col-lg-1,
.row .col-lg-2,
.row .col-lg-3,
.row .col-lg-4,
.row .col-lg-5,
.row .col-lg-6,
.row .col-lg-7,
.row .col-lg-8,
.row .col-lg-9,
.row .col-lg-10,
.row .col-lg-11,
.row .col-lg-12,
.row .col-md-1,
.row .col-md-2,
.row .col-md-3,
.row .col-md-4,
.row .col-md-5,
.row .col-md-6,
.row .col-md-7,
.row .col-md-8,
.row .col-md-9,
.row .col-md-10,
.row .col-md-11,
.row .col-md-12,
.row .col-sm-1,
.row .col-sm-2,
.row .col-sm-3,
.row .col-sm-4,
.row .col-sm-5,
.row .col-sm-6,
.row .col-sm-7,
.row .col-sm-8,
.row .col-sm-9,
.row .col-sm-10,
.row .col-sm-11,
.row .col-sm-12,
.row .col-xs-1,
.row .col-xs-2,
.row .col-xs-3,
.row .col-xs-4,
.row .col-xs-5,
.row .col-xs-6,
.row .col-xs-7,
.row .col-xs-8,
.row .col-xs-9,
.row .col-xs-10,
.row .col-xs-11,
.row .col-xs-12 {
  position: relative;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row .col.col-sm,
.row .col-lg.col-sm,
.row .col-md.col-sm,
.row .col-sm.col-sm,
.row .col-xs.col-sm,
.row .col-1.col-sm,
.row .col-2.col-sm,
.row .col-3.col-sm,
.row .col-4.col-sm,
.row .col-5.col-sm,
.row .col-6.col-sm,
.row .col-7.col-sm,
.row .col-8.col-sm,
.row .col-9.col-sm,
.row .col-10.col-sm,
.row .col-11.col-sm,
.row .col-12.col-sm,
.row .col-lg-1.col-sm,
.row .col-lg-2.col-sm,
.row .col-lg-3.col-sm,
.row .col-lg-4.col-sm,
.row .col-lg-5.col-sm,
.row .col-lg-6.col-sm,
.row .col-lg-7.col-sm,
.row .col-lg-8.col-sm,
.row .col-lg-9.col-sm,
.row .col-lg-10.col-sm,
.row .col-lg-11.col-sm,
.row .col-lg-12.col-sm,
.row .col-md-1.col-sm,
.row .col-md-2.col-sm,
.row .col-md-3.col-sm,
.row .col-md-4.col-sm,
.row .col-md-5.col-sm,
.row .col-md-6.col-sm,
.row .col-md-7.col-sm,
.row .col-md-8.col-sm,
.row .col-md-9.col-sm,
.row .col-md-10.col-sm,
.row .col-md-11.col-sm,
.row .col-md-12.col-sm,
.row .col-sm-1.col-sm,
.row .col-sm-2.col-sm,
.row .col-sm-3.col-sm,
.row .col-sm-4.col-sm,
.row .col-sm-5.col-sm,
.row .col-sm-6.col-sm,
.row .col-sm-7.col-sm,
.row .col-sm-8.col-sm,
.row .col-sm-9.col-sm,
.row .col-sm-10.col-sm,
.row .col-sm-11.col-sm,
.row .col-sm-12.col-sm,
.row .col-xs-1.col-sm,
.row .col-xs-2.col-sm,
.row .col-xs-3.col-sm,
.row .col-xs-4.col-sm,
.row .col-xs-5.col-sm,
.row .col-xs-6.col-sm,
.row .col-xs-7.col-sm,
.row .col-xs-8.col-sm,
.row .col-xs-9.col-sm,
.row .col-xs-10.col-sm,
.row .col-xs-11.col-sm,
.row .col-xs-12.col-sm {
  padding-left: 10px;
  padding-right: 10px;
}
.row .col.col-pd,
.row .col-lg.col-pd,
.row .col-md.col-pd,
.row .col-sm.col-pd,
.row .col-xs.col-pd,
.row .col-1.col-pd,
.row .col-2.col-pd,
.row .col-3.col-pd,
.row .col-4.col-pd,
.row .col-5.col-pd,
.row .col-6.col-pd,
.row .col-7.col-pd,
.row .col-8.col-pd,
.row .col-9.col-pd,
.row .col-10.col-pd,
.row .col-11.col-pd,
.row .col-12.col-pd,
.row .col-lg-1.col-pd,
.row .col-lg-2.col-pd,
.row .col-lg-3.col-pd,
.row .col-lg-4.col-pd,
.row .col-lg-5.col-pd,
.row .col-lg-6.col-pd,
.row .col-lg-7.col-pd,
.row .col-lg-8.col-pd,
.row .col-lg-9.col-pd,
.row .col-lg-10.col-pd,
.row .col-lg-11.col-pd,
.row .col-lg-12.col-pd,
.row .col-md-1.col-pd,
.row .col-md-2.col-pd,
.row .col-md-3.col-pd,
.row .col-md-4.col-pd,
.row .col-md-5.col-pd,
.row .col-md-6.col-pd,
.row .col-md-7.col-pd,
.row .col-md-8.col-pd,
.row .col-md-9.col-pd,
.row .col-md-10.col-pd,
.row .col-md-11.col-pd,
.row .col-md-12.col-pd,
.row .col-sm-1.col-pd,
.row .col-sm-2.col-pd,
.row .col-sm-3.col-pd,
.row .col-sm-4.col-pd,
.row .col-sm-5.col-pd,
.row .col-sm-6.col-pd,
.row .col-sm-7.col-pd,
.row .col-sm-8.col-pd,
.row .col-sm-9.col-pd,
.row .col-sm-10.col-pd,
.row .col-sm-11.col-pd,
.row .col-sm-12.col-pd,
.row .col-xs-1.col-pd,
.row .col-xs-2.col-pd,
.row .col-xs-3.col-pd,
.row .col-xs-4.col-pd,
.row .col-xs-5.col-pd,
.row .col-xs-6.col-pd,
.row .col-xs-7.col-pd,
.row .col-xs-8.col-pd,
.row .col-xs-9.col-pd,
.row .col-xs-10.col-pd,
.row .col-xs-11.col-pd,
.row .col-xs-12.col-pd {
  padding-left: 20px;
  padding-right: 20px;
}
.row .col.col-pd-lg,
.row .col-lg.col-pd-lg,
.row .col-md.col-pd-lg,
.row .col-sm.col-pd-lg,
.row .col-xs.col-pd-lg,
.row .col-1.col-pd-lg,
.row .col-2.col-pd-lg,
.row .col-3.col-pd-lg,
.row .col-4.col-pd-lg,
.row .col-5.col-pd-lg,
.row .col-6.col-pd-lg,
.row .col-7.col-pd-lg,
.row .col-8.col-pd-lg,
.row .col-9.col-pd-lg,
.row .col-10.col-pd-lg,
.row .col-11.col-pd-lg,
.row .col-12.col-pd-lg,
.row .col-lg-1.col-pd-lg,
.row .col-lg-2.col-pd-lg,
.row .col-lg-3.col-pd-lg,
.row .col-lg-4.col-pd-lg,
.row .col-lg-5.col-pd-lg,
.row .col-lg-6.col-pd-lg,
.row .col-lg-7.col-pd-lg,
.row .col-lg-8.col-pd-lg,
.row .col-lg-9.col-pd-lg,
.row .col-lg-10.col-pd-lg,
.row .col-lg-11.col-pd-lg,
.row .col-lg-12.col-pd-lg,
.row .col-md-1.col-pd-lg,
.row .col-md-2.col-pd-lg,
.row .col-md-3.col-pd-lg,
.row .col-md-4.col-pd-lg,
.row .col-md-5.col-pd-lg,
.row .col-md-6.col-pd-lg,
.row .col-md-7.col-pd-lg,
.row .col-md-8.col-pd-lg,
.row .col-md-9.col-pd-lg,
.row .col-md-10.col-pd-lg,
.row .col-md-11.col-pd-lg,
.row .col-md-12.col-pd-lg,
.row .col-sm-1.col-pd-lg,
.row .col-sm-2.col-pd-lg,
.row .col-sm-3.col-pd-lg,
.row .col-sm-4.col-pd-lg,
.row .col-sm-5.col-pd-lg,
.row .col-sm-6.col-pd-lg,
.row .col-sm-7.col-pd-lg,
.row .col-sm-8.col-pd-lg,
.row .col-sm-9.col-pd-lg,
.row .col-sm-10.col-pd-lg,
.row .col-sm-11.col-pd-lg,
.row .col-sm-12.col-pd-lg,
.row .col-xs-1.col-pd-lg,
.row .col-xs-2.col-pd-lg,
.row .col-xs-3.col-pd-lg,
.row .col-xs-4.col-pd-lg,
.row .col-xs-5.col-pd-lg,
.row .col-xs-6.col-pd-lg,
.row .col-xs-7.col-pd-lg,
.row .col-xs-8.col-pd-lg,
.row .col-xs-9.col-pd-lg,
.row .col-xs-10.col-pd-lg,
.row .col-xs-11.col-pd-lg,
.row .col-xs-12.col-pd-lg {
  padding-left: 40px;
  padding-right: 40px;
}
.row .col.justify,
.row .col-lg.justify,
.row .col-md.justify,
.row .col-sm.justify,
.row .col-xs.justify,
.row .col-1.justify,
.row .col-2.justify,
.row .col-3.justify,
.row .col-4.justify,
.row .col-5.justify,
.row .col-6.justify,
.row .col-7.justify,
.row .col-8.justify,
.row .col-9.justify,
.row .col-10.justify,
.row .col-11.justify,
.row .col-12.justify,
.row .col-lg-1.justify,
.row .col-lg-2.justify,
.row .col-lg-3.justify,
.row .col-lg-4.justify,
.row .col-lg-5.justify,
.row .col-lg-6.justify,
.row .col-lg-7.justify,
.row .col-lg-8.justify,
.row .col-lg-9.justify,
.row .col-lg-10.justify,
.row .col-lg-11.justify,
.row .col-lg-12.justify,
.row .col-md-1.justify,
.row .col-md-2.justify,
.row .col-md-3.justify,
.row .col-md-4.justify,
.row .col-md-5.justify,
.row .col-md-6.justify,
.row .col-md-7.justify,
.row .col-md-8.justify,
.row .col-md-9.justify,
.row .col-md-10.justify,
.row .col-md-11.justify,
.row .col-md-12.justify,
.row .col-sm-1.justify,
.row .col-sm-2.justify,
.row .col-sm-3.justify,
.row .col-sm-4.justify,
.row .col-sm-5.justify,
.row .col-sm-6.justify,
.row .col-sm-7.justify,
.row .col-sm-8.justify,
.row .col-sm-9.justify,
.row .col-sm-10.justify,
.row .col-sm-11.justify,
.row .col-sm-12.justify,
.row .col-xs-1.justify,
.row .col-xs-2.justify,
.row .col-xs-3.justify,
.row .col-xs-4.justify,
.row .col-xs-5.justify,
.row .col-xs-6.justify,
.row .col-xs-7.justify,
.row .col-xs-8.justify,
.row .col-xs-9.justify,
.row .col-xs-10.justify,
.row .col-xs-11.justify,
.row .col-xs-12.justify {
  text-align: justify;
}
.row .col.left,
.row .col-lg.left,
.row .col-md.left,
.row .col-sm.left,
.row .col-xs.left,
.row .col-1.left,
.row .col-2.left,
.row .col-3.left,
.row .col-4.left,
.row .col-5.left,
.row .col-6.left,
.row .col-7.left,
.row .col-8.left,
.row .col-9.left,
.row .col-10.left,
.row .col-11.left,
.row .col-12.left,
.row .col-lg-1.left,
.row .col-lg-2.left,
.row .col-lg-3.left,
.row .col-lg-4.left,
.row .col-lg-5.left,
.row .col-lg-6.left,
.row .col-lg-7.left,
.row .col-lg-8.left,
.row .col-lg-9.left,
.row .col-lg-10.left,
.row .col-lg-11.left,
.row .col-lg-12.left,
.row .col-md-1.left,
.row .col-md-2.left,
.row .col-md-3.left,
.row .col-md-4.left,
.row .col-md-5.left,
.row .col-md-6.left,
.row .col-md-7.left,
.row .col-md-8.left,
.row .col-md-9.left,
.row .col-md-10.left,
.row .col-md-11.left,
.row .col-md-12.left,
.row .col-sm-1.left,
.row .col-sm-2.left,
.row .col-sm-3.left,
.row .col-sm-4.left,
.row .col-sm-5.left,
.row .col-sm-6.left,
.row .col-sm-7.left,
.row .col-sm-8.left,
.row .col-sm-9.left,
.row .col-sm-10.left,
.row .col-sm-11.left,
.row .col-sm-12.left,
.row .col-xs-1.left,
.row .col-xs-2.left,
.row .col-xs-3.left,
.row .col-xs-4.left,
.row .col-xs-5.left,
.row .col-xs-6.left,
.row .col-xs-7.left,
.row .col-xs-8.left,
.row .col-xs-9.left,
.row .col-xs-10.left,
.row .col-xs-11.left,
.row .col-xs-12.left {
  text-align: left;
}
.row .col.center,
.row .col-lg.center,
.row .col-md.center,
.row .col-sm.center,
.row .col-xs.center,
.row .col-1.center,
.row .col-2.center,
.row .col-3.center,
.row .col-4.center,
.row .col-5.center,
.row .col-6.center,
.row .col-7.center,
.row .col-8.center,
.row .col-9.center,
.row .col-10.center,
.row .col-11.center,
.row .col-12.center,
.row .col-lg-1.center,
.row .col-lg-2.center,
.row .col-lg-3.center,
.row .col-lg-4.center,
.row .col-lg-5.center,
.row .col-lg-6.center,
.row .col-lg-7.center,
.row .col-lg-8.center,
.row .col-lg-9.center,
.row .col-lg-10.center,
.row .col-lg-11.center,
.row .col-lg-12.center,
.row .col-md-1.center,
.row .col-md-2.center,
.row .col-md-3.center,
.row .col-md-4.center,
.row .col-md-5.center,
.row .col-md-6.center,
.row .col-md-7.center,
.row .col-md-8.center,
.row .col-md-9.center,
.row .col-md-10.center,
.row .col-md-11.center,
.row .col-md-12.center,
.row .col-sm-1.center,
.row .col-sm-2.center,
.row .col-sm-3.center,
.row .col-sm-4.center,
.row .col-sm-5.center,
.row .col-sm-6.center,
.row .col-sm-7.center,
.row .col-sm-8.center,
.row .col-sm-9.center,
.row .col-sm-10.center,
.row .col-sm-11.center,
.row .col-sm-12.center,
.row .col-xs-1.center,
.row .col-xs-2.center,
.row .col-xs-3.center,
.row .col-xs-4.center,
.row .col-xs-5.center,
.row .col-xs-6.center,
.row .col-xs-7.center,
.row .col-xs-8.center,
.row .col-xs-9.center,
.row .col-xs-10.center,
.row .col-xs-11.center,
.row .col-xs-12.center {
  text-align: center;
}
.row .col.right,
.row .col-lg.right,
.row .col-md.right,
.row .col-sm.right,
.row .col-xs.right,
.row .col-1.right,
.row .col-2.right,
.row .col-3.right,
.row .col-4.right,
.row .col-5.right,
.row .col-6.right,
.row .col-7.right,
.row .col-8.right,
.row .col-9.right,
.row .col-10.right,
.row .col-11.right,
.row .col-12.right,
.row .col-lg-1.right,
.row .col-lg-2.right,
.row .col-lg-3.right,
.row .col-lg-4.right,
.row .col-lg-5.right,
.row .col-lg-6.right,
.row .col-lg-7.right,
.row .col-lg-8.right,
.row .col-lg-9.right,
.row .col-lg-10.right,
.row .col-lg-11.right,
.row .col-lg-12.right,
.row .col-md-1.right,
.row .col-md-2.right,
.row .col-md-3.right,
.row .col-md-4.right,
.row .col-md-5.right,
.row .col-md-6.right,
.row .col-md-7.right,
.row .col-md-8.right,
.row .col-md-9.right,
.row .col-md-10.right,
.row .col-md-11.right,
.row .col-md-12.right,
.row .col-sm-1.right,
.row .col-sm-2.right,
.row .col-sm-3.right,
.row .col-sm-4.right,
.row .col-sm-5.right,
.row .col-sm-6.right,
.row .col-sm-7.right,
.row .col-sm-8.right,
.row .col-sm-9.right,
.row .col-sm-10.right,
.row .col-sm-11.right,
.row .col-sm-12.right,
.row .col-xs-1.right,
.row .col-xs-2.right,
.row .col-xs-3.right,
.row .col-xs-4.right,
.row .col-xs-5.right,
.row .col-xs-6.right,
.row .col-xs-7.right,
.row .col-xs-8.right,
.row .col-xs-9.right,
.row .col-xs-10.right,
.row .col-xs-11.right,
.row .col-xs-12.right {
  text-align: right;
}
.row .col-1 {
  width: 8.33%;
}
.row .col-ofs-1 {
  margin-left: 8.33%;
}
.row.row-auto .col-1 {
  width: auto;
  min-width: 8.33%;
}
.row.row-auto.row-table .col-1 {
  width: 8.33%;
}
.row.row-weight .col-1 {
  -moz-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.row .col-2 {
  width: 16.66%;
}
.row .col-ofs-2 {
  margin-left: 16.66%;
}
.row.row-auto .col-2 {
  width: auto;
  min-width: 16.66%;
}
.row.row-auto.row-table .col-2 {
  width: 16.66%;
}
.row.row-weight .col-2 {
  -moz-flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.row .col-3 {
  width: 25%;
}
.row .col-ofs-3 {
  margin-left: 25%;
}
.row.row-auto .col-3 {
  width: auto;
  min-width: 25%;
}
.row.row-auto.row-table .col-3 {
  width: 25%;
}
.row.row-weight .col-3 {
  -moz-flex: 3;
  -ms-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}
.row .col-4 {
  width: 33.33%;
}
.row .col-ofs-4 {
  margin-left: 33.33%;
}
.row.row-auto .col-4 {
  width: auto;
  min-width: 33.33%;
}
.row.row-auto.row-table .col-4 {
  width: 33.33%;
}
.row.row-weight .col-4 {
  -moz-flex: 4;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
}
.row .col-5 {
  width: 41.65%;
}
.row .col-ofs-5 {
  margin-left: 41.65%;
}
.row.row-auto .col-5 {
  width: auto;
  min-width: 41.65%;
}
.row.row-auto.row-table .col-5 {
  width: 41.65%;
}
.row.row-weight .col-5 {
  -moz-flex: 5;
  -ms-flex: 5;
  -webkit-flex: 5;
  flex: 5;
}
.row .col-6 {
  width: 50%;
}
.row .col-ofs-6 {
  margin-left: 50%;
}
.row.row-auto .col-6 {
  width: auto;
  min-width: 50%;
}
.row.row-auto.row-table .col-6 {
  width: 50%;
}
.row.row-weight .col-6 {
  -moz-flex: 6;
  -ms-flex: 6;
  -webkit-flex: 6;
  flex: 6;
}
.row .col-7 {
  width: 58.33%;
}
.row .col-ofs-7 {
  margin-left: 58.33%;
}
.row.row-auto .col-7 {
  width: auto;
  min-width: 58.33%;
}
.row.row-auto.row-table .col-7 {
  width: 58.33%;
}
.row.row-weight .col-7 {
  -moz-flex: 7;
  -ms-flex: 7;
  -webkit-flex: 7;
  flex: 7;
}
.row .col-8 {
  width: 66.65%;
}
.row .col-ofs-8 {
  margin-left: 66.65%;
}
.row.row-auto .col-8 {
  width: auto;
  min-width: 66.65%;
}
.row.row-auto.row-table .col-8 {
  width: 66.65%;
}
.row.row-weight .col-8 {
  -moz-flex: 8;
  -ms-flex: 8;
  -webkit-flex: 8;
  flex: 8;
}
.row .col-9 {
  width: 75%;
}
.row .col-ofs-9 {
  margin-left: 75%;
}
.row.row-auto .col-9 {
  width: auto;
  min-width: 75%;
}
.row.row-auto.row-table .col-9 {
  width: 75%;
}
.row.row-weight .col-9 {
  -moz-flex: 9;
  -ms-flex: 9;
  -webkit-flex: 9;
  flex: 9;
}
.row .col-10 {
  width: 83.33%;
}
.row .col-ofs-10 {
  margin-left: 83.33%;
}
.row.row-auto .col-10 {
  width: auto;
  min-width: 83.33%;
}
.row.row-auto.row-table .col-10 {
  width: 83.33%;
}
.row.row-weight .col-10 {
  -moz-flex: 10;
  -ms-flex: 10;
  -webkit-flex: 10;
  flex: 10;
}
.row .col-11 {
  width: 91.63%;
}
.row .col-ofs-11 {
  margin-left: 91.63%;
}
.row.row-auto .col-11 {
  width: auto;
  min-width: 91.63%;
}
.row.row-auto.row-table .col-11 {
  width: 91.63%;
}
.row.row-weight .col-11 {
  -moz-flex: 11;
  -ms-flex: 11;
  -webkit-flex: 11;
  flex: 11;
}
.row .col-12 {
  width: 100%;
}
.row .col-ofs-12 {
  margin-left: 100%;
}
.row.row-auto .col-12 {
  width: auto;
  min-width: 100%;
}
.row.row-auto.row-table .col-12 {
  width: 100%;
}
.row.row-weight .col-12 {
  -moz-flex: 12;
  -ms-flex: 12;
  -webkit-flex: 12;
  flex: 12;
}
@media (min-width: 540px) {
  .row .col-xs {
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: auto;
  }
  .row .col-xs-1 {
    width: 8.33%;
  }
  .row .col-xs-ofs-1 {
    margin-left: 8.33%;
  }
  .row.row-auto .col-xs-1 {
    width: auto;
    min-width: 8.33%;
  }
  .row.row-auto.row-table .col-xs-1 {
    width: 8.33%;
  }
  .row .col-xs-2 {
    width: 16.66%;
  }
  .row .col-xs-ofs-2 {
    margin-left: 16.66%;
  }
  .row.row-auto .col-xs-2 {
    width: auto;
    min-width: 16.66%;
  }
  .row.row-auto.row-table .col-xs-2 {
    width: 16.66%;
  }
  .row .col-xs-3 {
    width: 25%;
  }
  .row .col-xs-ofs-3 {
    margin-left: 25%;
  }
  .row.row-auto .col-xs-3 {
    width: auto;
    min-width: 25%;
  }
  .row.row-auto.row-table .col-xs-3 {
    width: 25%;
  }
  .row .col-xs-4 {
    width: 33.33%;
  }
  .row .col-xs-ofs-4 {
    margin-left: 33.33%;
  }
  .row.row-auto .col-xs-4 {
    width: auto;
    min-width: 33.33%;
  }
  .row.row-auto.row-table .col-xs-4 {
    width: 33.33%;
  }
  .row .col-xs-5 {
    width: 41.65%;
  }
  .row .col-xs-ofs-5 {
    margin-left: 41.65%;
  }
  .row.row-auto .col-xs-5 {
    width: auto;
    min-width: 41.65%;
  }
  .row.row-auto.row-table .col-xs-5 {
    width: 41.65%;
  }
  .row .col-xs-6 {
    width: 50%;
  }
  .row .col-xs-ofs-6 {
    margin-left: 50%;
  }
  .row.row-auto .col-xs-6 {
    width: auto;
    min-width: 50%;
  }
  .row.row-auto.row-table .col-xs-6 {
    width: 50%;
  }
  .row .col-xs-7 {
    width: 58.33%;
  }
  .row .col-xs-ofs-7 {
    margin-left: 58.33%;
  }
  .row.row-auto .col-xs-7 {
    width: auto;
    min-width: 58.33%;
  }
  .row.row-auto.row-table .col-xs-7 {
    width: 58.33%;
  }
  .row .col-xs-8 {
    width: 66.65%;
  }
  .row .col-xs-ofs-8 {
    margin-left: 66.65%;
  }
  .row.row-auto .col-xs-8 {
    width: auto;
    min-width: 66.65%;
  }
  .row.row-auto.row-table .col-xs-8 {
    width: 66.65%;
  }
  .row .col-xs-9 {
    width: 75%;
  }
  .row .col-xs-ofs-9 {
    margin-left: 75%;
  }
  .row.row-auto .col-xs-9 {
    width: auto;
    min-width: 75%;
  }
  .row.row-auto.row-table .col-xs-9 {
    width: 75%;
  }
  .row .col-xs-10 {
    width: 83.33%;
  }
  .row .col-xs-ofs-10 {
    margin-left: 83.33%;
  }
  .row.row-auto .col-xs-10 {
    width: auto;
    min-width: 83.33%;
  }
  .row.row-auto.row-table .col-xs-10 {
    width: 83.33%;
  }
  .row .col-xs-11 {
    width: 91.63%;
  }
  .row .col-xs-ofs-11 {
    margin-left: 91.63%;
  }
  .row.row-auto .col-xs-11 {
    width: auto;
    min-width: 91.63%;
  }
  .row.row-auto.row-table .col-xs-11 {
    width: 91.63%;
  }
  .row .col-xs-12 {
    width: 100%;
  }
  .row .col-xs-ofs-12 {
    margin-left: 100%;
  }
  .row.row-auto .col-xs-12 {
    width: auto;
    min-width: 100%;
  }
  .row.row-auto.row-table .col-xs-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row .col-sm {
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: auto;
  }
  .row .col-sm-1 {
    width: 8.33%;
  }
  .row .col-sm-ofs-1 {
    margin-left: 8.33%;
  }
  .row.row-auto .col-sm-1 {
    width: auto;
    min-width: 8.33%;
  }
  .row.row-auto.row-table .col-sm-1 {
    width: 8.33%;
  }
  .row .col-sm-2 {
    width: 16.66%;
  }
  .row .col-sm-ofs-2 {
    margin-left: 16.66%;
  }
  .row.row-auto .col-sm-2 {
    width: auto;
    min-width: 16.66%;
  }
  .row.row-auto.row-table .col-sm-2 {
    width: 16.66%;
  }
  .row .col-sm-3 {
    width: 25%;
  }
  .row .col-sm-ofs-3 {
    margin-left: 25%;
  }
  .row.row-auto .col-sm-3 {
    width: auto;
    min-width: 25%;
  }
  .row.row-auto.row-table .col-sm-3 {
    width: 25%;
  }
  .row .col-sm-4 {
    width: 33.33%;
  }
  .row .col-sm-ofs-4 {
    margin-left: 33.33%;
  }
  .row.row-auto .col-sm-4 {
    width: auto;
    min-width: 33.33%;
  }
  .row.row-auto.row-table .col-sm-4 {
    width: 33.33%;
  }
  .row .col-sm-5 {
    width: 41.65%;
  }
  .row .col-sm-ofs-5 {
    margin-left: 41.65%;
  }
  .row.row-auto .col-sm-5 {
    width: auto;
    min-width: 41.65%;
  }
  .row.row-auto.row-table .col-sm-5 {
    width: 41.65%;
  }
  .row .col-sm-6 {
    width: 50%;
  }
  .row .col-sm-ofs-6 {
    margin-left: 50%;
  }
  .row.row-auto .col-sm-6 {
    width: auto;
    min-width: 50%;
  }
  .row.row-auto.row-table .col-sm-6 {
    width: 50%;
  }
  .row .col-sm-7 {
    width: 58.33%;
  }
  .row .col-sm-ofs-7 {
    margin-left: 58.33%;
  }
  .row.row-auto .col-sm-7 {
    width: auto;
    min-width: 58.33%;
  }
  .row.row-auto.row-table .col-sm-7 {
    width: 58.33%;
  }
  .row .col-sm-8 {
    width: 66.65%;
  }
  .row .col-sm-ofs-8 {
    margin-left: 66.65%;
  }
  .row.row-auto .col-sm-8 {
    width: auto;
    min-width: 66.65%;
  }
  .row.row-auto.row-table .col-sm-8 {
    width: 66.65%;
  }
  .row .col-sm-9 {
    width: 75%;
  }
  .row .col-sm-ofs-9 {
    margin-left: 75%;
  }
  .row.row-auto .col-sm-9 {
    width: auto;
    min-width: 75%;
  }
  .row.row-auto.row-table .col-sm-9 {
    width: 75%;
  }
  .row .col-sm-10 {
    width: 83.33%;
  }
  .row .col-sm-ofs-10 {
    margin-left: 83.33%;
  }
  .row.row-auto .col-sm-10 {
    width: auto;
    min-width: 83.33%;
  }
  .row.row-auto.row-table .col-sm-10 {
    width: 83.33%;
  }
  .row .col-sm-11 {
    width: 91.63%;
  }
  .row .col-sm-ofs-11 {
    margin-left: 91.63%;
  }
  .row.row-auto .col-sm-11 {
    width: auto;
    min-width: 91.63%;
  }
  .row.row-auto.row-table .col-sm-11 {
    width: 91.63%;
  }
  .row .col-sm-12 {
    width: 100%;
  }
  .row .col-sm-ofs-12 {
    margin-left: 100%;
  }
  .row.row-auto .col-sm-12 {
    width: auto;
    min-width: 100%;
  }
  .row.row-auto.row-table .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .row .col-md {
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: auto;
  }
  .row .col-md-1 {
    width: 8.33%;
  }
  .row .col-md-ofs-1 {
    margin-left: 8.33%;
  }
  .row.row-auto .col-md-1 {
    width: auto;
    min-width: 8.33%;
  }
  .row.row-auto.row-table .col-md-1 {
    width: 8.33%;
  }
  .row .col-md-2 {
    width: 16.66%;
  }
  .row .col-md-ofs-2 {
    margin-left: 16.66%;
  }
  .row.row-auto .col-md-2 {
    width: auto;
    min-width: 16.66%;
  }
  .row.row-auto.row-table .col-md-2 {
    width: 16.66%;
  }
  .row .col-md-3 {
    width: 25%;
  }
  .row .col-md-ofs-3 {
    margin-left: 25%;
  }
  .row.row-auto .col-md-3 {
    width: auto;
    min-width: 25%;
  }
  .row.row-auto.row-table .col-md-3 {
    width: 25%;
  }
  .row .col-md-4 {
    width: 33.33%;
  }
  .row .col-md-ofs-4 {
    margin-left: 33.33%;
  }
  .row.row-auto .col-md-4 {
    width: auto;
    min-width: 33.33%;
  }
  .row.row-auto.row-table .col-md-4 {
    width: 33.33%;
  }
  .row .col-md-5 {
    width: 41.65%;
  }
  .row .col-md-ofs-5 {
    margin-left: 41.65%;
  }
  .row.row-auto .col-md-5 {
    width: auto;
    min-width: 41.65%;
  }
  .row.row-auto.row-table .col-md-5 {
    width: 41.65%;
  }
  .row .col-md-6 {
    width: 50%;
  }
  .row .col-md-ofs-6 {
    margin-left: 50%;
  }
  .row.row-auto .col-md-6 {
    width: auto;
    min-width: 50%;
  }
  .row.row-auto.row-table .col-md-6 {
    width: 50%;
  }
  .row .col-md-7 {
    width: 58.33%;
  }
  .row .col-md-ofs-7 {
    margin-left: 58.33%;
  }
  .row.row-auto .col-md-7 {
    width: auto;
    min-width: 58.33%;
  }
  .row.row-auto.row-table .col-md-7 {
    width: 58.33%;
  }
  .row .col-md-8 {
    width: 66.65%;
  }
  .row .col-md-ofs-8 {
    margin-left: 66.65%;
  }
  .row.row-auto .col-md-8 {
    width: auto;
    min-width: 66.65%;
  }
  .row.row-auto.row-table .col-md-8 {
    width: 66.65%;
  }
  .row .col-md-9 {
    width: 75%;
  }
  .row .col-md-ofs-9 {
    margin-left: 75%;
  }
  .row.row-auto .col-md-9 {
    width: auto;
    min-width: 75%;
  }
  .row.row-auto.row-table .col-md-9 {
    width: 75%;
  }
  .row .col-md-10 {
    width: 83.33%;
  }
  .row .col-md-ofs-10 {
    margin-left: 83.33%;
  }
  .row.row-auto .col-md-10 {
    width: auto;
    min-width: 83.33%;
  }
  .row.row-auto.row-table .col-md-10 {
    width: 83.33%;
  }
  .row .col-md-11 {
    width: 91.63%;
  }
  .row .col-md-ofs-11 {
    margin-left: 91.63%;
  }
  .row.row-auto .col-md-11 {
    width: auto;
    min-width: 91.63%;
  }
  .row.row-auto.row-table .col-md-11 {
    width: 91.63%;
  }
  .row .col-md-12 {
    width: 100%;
  }
  .row .col-md-ofs-12 {
    margin-left: 100%;
  }
  .row.row-auto .col-md-12 {
    width: auto;
    min-width: 100%;
  }
  .row.row-auto.row-table .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .row .col-lg {
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: auto;
  }
  .row .col-lg-1 {
    width: 8.33%;
  }
  .row .col-lg-ofs-1 {
    margin-left: 8.33%;
  }
  .row.row-auto .col-lg-1 {
    width: auto;
    min-width: 8.33%;
  }
  .row.row-auto.row-table .col-lg-1 {
    width: 8.33%;
  }
  .row .col-lg-2 {
    width: 16.66%;
  }
  .row .col-lg-ofs-2 {
    margin-left: 16.66%;
  }
  .row.row-auto .col-lg-2 {
    width: auto;
    min-width: 16.66%;
  }
  .row.row-auto.row-table .col-lg-2 {
    width: 16.66%;
  }
  .row .col-lg-3 {
    width: 25%;
  }
  .row .col-lg-ofs-3 {
    margin-left: 25%;
  }
  .row.row-auto .col-lg-3 {
    width: auto;
    min-width: 25%;
  }
  .row.row-auto.row-table .col-lg-3 {
    width: 25%;
  }
  .row .col-lg-4 {
    width: 33.33%;
  }
  .row .col-lg-ofs-4 {
    margin-left: 33.33%;
  }
  .row.row-auto .col-lg-4 {
    width: auto;
    min-width: 33.33%;
  }
  .row.row-auto.row-table .col-lg-4 {
    width: 33.33%;
  }
  .row .col-lg-5 {
    width: 41.65%;
  }
  .row .col-lg-ofs-5 {
    margin-left: 41.65%;
  }
  .row.row-auto .col-lg-5 {
    width: auto;
    min-width: 41.65%;
  }
  .row.row-auto.row-table .col-lg-5 {
    width: 41.65%;
  }
  .row .col-lg-6 {
    width: 50%;
  }
  .row .col-lg-ofs-6 {
    margin-left: 50%;
  }
  .row.row-auto .col-lg-6 {
    width: auto;
    min-width: 50%;
  }
  .row.row-auto.row-table .col-lg-6 {
    width: 50%;
  }
  .row .col-lg-7 {
    width: 58.33%;
  }
  .row .col-lg-ofs-7 {
    margin-left: 58.33%;
  }
  .row.row-auto .col-lg-7 {
    width: auto;
    min-width: 58.33%;
  }
  .row.row-auto.row-table .col-lg-7 {
    width: 58.33%;
  }
  .row .col-lg-8 {
    width: 66.65%;
  }
  .row .col-lg-ofs-8 {
    margin-left: 66.65%;
  }
  .row.row-auto .col-lg-8 {
    width: auto;
    min-width: 66.65%;
  }
  .row.row-auto.row-table .col-lg-8 {
    width: 66.65%;
  }
  .row .col-lg-9 {
    width: 75%;
  }
  .row .col-lg-ofs-9 {
    margin-left: 75%;
  }
  .row.row-auto .col-lg-9 {
    width: auto;
    min-width: 75%;
  }
  .row.row-auto.row-table .col-lg-9 {
    width: 75%;
  }
  .row .col-lg-10 {
    width: 83.33%;
  }
  .row .col-lg-ofs-10 {
    margin-left: 83.33%;
  }
  .row.row-auto .col-lg-10 {
    width: auto;
    min-width: 83.33%;
  }
  .row.row-auto.row-table .col-lg-10 {
    width: 83.33%;
  }
  .row .col-lg-11 {
    width: 91.63%;
  }
  .row .col-lg-ofs-11 {
    margin-left: 91.63%;
  }
  .row.row-auto .col-lg-11 {
    width: auto;
    min-width: 91.63%;
  }
  .row.row-auto.row-table .col-lg-11 {
    width: 91.63%;
  }
  .row .col-lg-12 {
    width: 100%;
  }
  .row .col-lg-ofs-12 {
    margin-left: 100%;
  }
  .row.row-auto .col-lg-12 {
    width: auto;
    min-width: 100%;
  }
  .row.row-auto.row-table .col-lg-12 {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .works-screen .works-login-form .works-login-form-inner {
    padding: 30px 40px;
  }
  .works-screen .works-login-form .works-login-form-inner h1 {
    margin: .2em 0;
    padding-bottom: 0;
  }
  .works-screen .works-login-credential {
    margin: .6em 0;
  }
}
@media (max-width: 540px) {
  .row .col.col-pd,
  .row .col-lg.col-pd,
  .row .col-md.col-pd,
  .row .col-sm.col-pd,
  .row .col-xs.col-pd,
  .row .col-1.col-pd,
  .row .col-2.col-pd,
  .row .col-3.col-pd,
  .row .col-4.col-pd,
  .row .col-5.col-pd,
  .row .col-6.col-pd,
  .row .col-7.col-pd,
  .row .col-8.col-pd,
  .row .col-9.col-pd,
  .row .col-10.col-pd,
  .row .col-11.col-pd,
  .row .col-12.col-pd,
  .row .col-lg-1.col-pd,
  .row .col-lg-2.col-pd,
  .row .col-lg-3.col-pd,
  .row .col-lg-4.col-pd,
  .row .col-lg-5.col-pd,
  .row .col-lg-6.col-pd,
  .row .col-lg-7.col-pd,
  .row .col-lg-8.col-pd,
  .row .col-lg-9.col-pd,
  .row .col-lg-10.col-pd,
  .row .col-lg-11.col-pd,
  .row .col-lg-12.col-pd,
  .row .col-md-1.col-pd,
  .row .col-md-2.col-pd,
  .row .col-md-3.col-pd,
  .row .col-md-4.col-pd,
  .row .col-md-5.col-pd,
  .row .col-md-6.col-pd,
  .row .col-md-7.col-pd,
  .row .col-md-8.col-pd,
  .row .col-md-9.col-pd,
  .row .col-md-10.col-pd,
  .row .col-md-11.col-pd,
  .row .col-md-12.col-pd,
  .row .col-sm-1.col-pd,
  .row .col-sm-2.col-pd,
  .row .col-sm-3.col-pd,
  .row .col-sm-4.col-pd,
  .row .col-sm-5.col-pd,
  .row .col-sm-6.col-pd,
  .row .col-sm-7.col-pd,
  .row .col-sm-8.col-pd,
  .row .col-sm-9.col-pd,
  .row .col-sm-10.col-pd,
  .row .col-sm-11.col-pd,
  .row .col-sm-12.col-pd,
  .row .col-xs-1.col-pd,
  .row .col-xs-2.col-pd,
  .row .col-xs-3.col-pd,
  .row .col-xs-4.col-pd,
  .row .col-xs-5.col-pd,
  .row .col-xs-6.col-pd,
  .row .col-xs-7.col-pd,
  .row .col-xs-8.col-pd,
  .row .col-xs-9.col-pd,
  .row .col-xs-10.col-pd,
  .row .col-xs-11.col-pd,
  .row .col-xs-12.col-pd,
  .row .col-auto.col-pd {
    padding-left: 10px;
    padding-right: 10px;
  }
}
ol,
ul {
  margin: 0 0 0 1.2em;
  padding: 0;
}
h1 {
  font-size: 26px;
  color: #222222;
  margin-bottom: 11px;
}
h2 {
  font-size: 20px;
  color: #333333;
  margin-bottom: 8px;
}
h3 {
  font-size: 16px;
  color: #555555;
  margin-bottom: 7px;
}
h4 {
  font-size: 13px;
  color: #666666;
  margin-bottom: 6px;
}
h5 {
  font-size: 11px;
  color: #777777;
  margin-bottom: 5px;
}
h6 {
  font-size: 9px;
  color: #777777;
  margin-bottom: 4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: .4em 0;
  font-weight: 400;
}
pre,
.guide {
  padding: 2.4em 3.2em;
  margin-bottom: 1.2em;
  background-color: #f4f4f4;
  color: #333333;
  line-height: 2.4;
}
pre,
pre code {
  margin: 0;
  font-family: 'Hack', 'Consolas';
  line-height: 1.6;
}
pre {
  display: block;
  margin-bottom: 1.6em;
}
.guide {
  word-break: break-word;
}
.pagination {
  width: 100%;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  text-align: right;
}
.pagination a {
  display: inline-block;
  font-size: .9rem;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2em;
  color: #333333;
  margin: 0 .6em;
  text-align: center;
  vertical-align: middle;
}
.pagination a:last-child {
  margin-right: 0;
}
.pagination a.arrow {
  width: auto;
}
.pagination a.active {
  background-color: #5369E3;
  color: #FFFFFF;
}
.pagination a i {
  font-size: 160%;
  vertical-align: middle;
}
.pagination.pagination-material a {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
  background-color: #fafafa;
  border-radius: 2px;
  color: #b2b2b2;
  margin: 0 .4em;
  width: 3.6em;
  height: 2.4em;
  line-height: 2.5em;
  text-align: center;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.175);
}
.pagination.pagination-material a.arrow i {
  font-size: 160%;
}
.pagination.pagination-material a.active {
  color: #FFFFFF;
  background-color: #5369E3;
  -webkit-box-shadow: 0 1px 5px rgba(48, 73, 168, 0.5);
  box-shadow: 0 1px 5px rgba(48, 73, 168, 0.5);
}
.floating {
  display: block;
  width: 4.2em;
  height: 4.2em;
  border-radius: 50%;
  text-align: center;
  line-height: 4.2em;
  background-color: #fafafa;
  outline: none;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}
.floating i {
  font-size: 130%;
  color: #333333;
}
.floating:hover {
  -webkit-box-shadow: 0 4px 12px #000000;
  box-shadow: 0 4px 12px #000000;
}
.floating.floating-default {
  background-color: #9FA2A9;
}
.floating.floating-default:hover {
  background-color: #acafb5;
}
.floating.floating-primary {
  background-color: #5369E3;
}
.floating.floating-primary:hover {
  background-color: #697ce7;
}
.floating.floating-cobalt {
  background-color: #455370;
}
.floating.floating-cobalt:hover {
  background-color: #4f5f80;
}
.floating.floating-success {
  background-color: #008D8B;
}
.floating.floating-success:hover {
  background-color: #00a7a4;
}
.floating.floating-danger {
  background-color: #F44747;
}
.floating.floating-danger:hover {
  background-color: #f55f5f;
}
.floating.floating-alert {
  background-color: #FF8556;
}
.floating.floating-alert:hover {
  background-color: #ff9770;
}
.floating.floating-notice {
  background-color: #4B98FF;
}
.floating.floating-notice:hover {
  background-color: #65a7ff;
}
.floating.floating-force {
  background-color: #42454a;
  color: #FFFFFF;
}
.floating.floating-force:hover {
  background-color: #4e5257;
}
.floating.floating-default i,
.floating.floating-primary i,
.floating.floating-cobalt i,
.floating.floating-success i,
.floating.floating-danger i,
.floating.floating-alert i,
.floating.floating-notice i,
.floating.floating-force i {
  color: #FFFFFF;
}
.btn {
  display: inline-block;
  min-width: 39px;
  border: none;
  vertical-align: middle;
  padding: 11px 16px;
  margin: 3px 0;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  border-radius: 2px;
  text-align: center;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn > * {
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
}
.btn.btn-block {
  display: block;
  width: 100%;
}
.btn.btn-bordered {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.btn.btn-rounded {
  border-radius: 999px;
}
.btn.btn-xs {
  font-size: 11px;
}
.btn.btn-sm {
  font-size: 12px;
}
.btn.btn-lg {
  font-size: 15px;
}
.btn.btn-xg {
  font-size: 16px;
}
.btn.btn-disabled,
.btn.btn-soft {
  opacity: .6;
}
.btn.btn-material {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.375);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.375);
}
.btn.btn-center {
  margin: 0 auto;
}
.btn.btn-default {
  background-color: #9FA2A9;
  color: #FFFFFF;
}
.btn.btn-default.btn-bordered {
  background-color: transparent;
  color: #9FA2A9;
  border: 1px solid #9FA2A9;
}
.btn.btn-default:hover {
  background-color: #acafb5;
  color: #FFFFFF;
}
.btn.btn-default:active {
  background-color: #92959d;
  color: #FFFFFF;
}
.btn.btn-primary {
  background-color: #5369E3;
  color: #FFFFFF;
}
.btn.btn-primary.btn-bordered {
  background-color: transparent;
  color: #5369E3;
  border: 1px solid #5369E3;
}
.btn.btn-primary:hover {
  background-color: #697ce7;
  color: #FFFFFF;
}
.btn.btn-primary:active {
  background-color: #3d56df;
  color: #FFFFFF;
}
.btn.btn-cobalt {
  background-color: #455370;
  color: #FFFFFF;
}
.btn.btn-cobalt.btn-bordered {
  background-color: transparent;
  color: #455370;
  border: 1px solid #455370;
}
.btn.btn-cobalt:hover {
  background-color: #4f5f80;
  color: #FFFFFF;
}
.btn.btn-cobalt:active {
  background-color: #3b4760;
  color: #FFFFFF;
}
.btn.btn-success {
  background-color: #008D8B;
  color: #FFFFFF;
}
.btn.btn-success.btn-bordered {
  background-color: transparent;
  color: #008D8B;
  border: 1px solid #008D8B;
}
.btn.btn-success:hover {
  background-color: #00a7a4;
  color: #FFFFFF;
}
.btn.btn-success:active {
  background-color: #007472;
  color: #FFFFFF;
}
.btn.btn-danger {
  background-color: #F44747;
  color: #FFFFFF;
}
.btn.btn-danger.btn-bordered {
  background-color: transparent;
  color: #F44747;
  border: 1px solid #F44747;
}
.btn.btn-danger:hover {
  background-color: #f55f5f;
  color: #FFFFFF;
}
.btn.btn-danger:active {
  background-color: #f32f2f;
  color: #FFFFFF;
}
.btn.btn-alert {
  background-color: #FF8556;
  color: #FFFFFF;
}
.btn.btn-alert.btn-bordered {
  background-color: transparent;
  color: #FF8556;
  border: 1px solid #FF8556;
}
.btn.btn-alert:hover {
  background-color: #ff9770;
  color: #FFFFFF;
}
.btn.btn-alert:active {
  background-color: #ff733d;
  color: #FFFFFF;
}
.btn.btn-notice {
  background-color: #4B98FF;
  color: #FFFFFF;
}
.btn.btn-notice.btn-bordered {
  background-color: transparent;
  color: #4B98FF;
  border: 1px solid #4B98FF;
}
.btn.btn-notice:hover {
  background-color: #65a7ff;
  color: #FFFFFF;
}
.btn.btn-notice:active {
  background-color: #3189ff;
  color: #FFFFFF;
}
.btn.btn-force {
  background-color: #42454a;
  color: #FFFFFF;
}
.btn.btn-force.btn-bordered {
  background-color: transparent;
  color: #42454a;
  border: 1px solid #42454a;
}
.btn.btn-force:hover {
  background-color: #4e5257;
  color: #FFFFFF;
}
.btn.btn-force:active {
  background-color: #36383d;
  color: #FFFFFF;
}
.btn-group {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.btn-group .btn {
  float: left;
  border: 1px solid #e6e6e6;
  margin: 0;
  border-radius: 0;
  margin-left: -1px;
  position: relative;
  z-index: 0;
}
.btn-group .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-left: 0;
}
.btn-group .btn:first-child.btn-rounded {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.btn-group .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.btn-group .btn:last-child.btn-rounded {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.btn-group .btn.btn-default {
  border-color: #848891;
}
.btn-group .btn.btn-force {
  border-color: #2a2c2f;
}
.btn-group .btn.btn-primary {
  border-color: #2743dc;
}
.btn-group .btn.btn-notice {
  border-color: #187bff;
}
.btn-group .btn.btn-cobalt {
  border-color: #323c50;
}
.btn-group .btn.btn-danger {
  border-color: #f11717;
}
.btn-group .btn.btn-alert {
  border-color: #ff6023;
}
.btn-group .btn.btn-success {
  border-color: #005a59;
}
.btn-group .btn.btn-material {
  -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.375);
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.375);
}
.btn-group:after,
.btn-group:before {
  display: block;
}
.btn-group.btn-group-xs .btn {
  font-size: 85%;
}
.btn-group.btn-group-sm .btn {
  font-size: 95%;
}
.btn-group.btn-group-lg .btn {
  font-size: 105%;
}
.btn-group.btn-group-xg .btn {
  font-size: 115%;
  padding: 1em 2em;
}
.btn-file {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
}
.btn-file > span {
  display: block;
}
.btn-file .file {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1000px;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.btn-file:hover .btn-default {
  background-color: #9FA2A9;
  color: #FFFFFF;
}
.btn-file:active .btn-default {
  background-color: #d8d8d8;
  color: #333333;
}
.btn-ripple {
  position: relative;
  overflow: hidden;
}
.btn-ripple.btn-ripple-start {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.btn-ripple .btn-ripple-effect {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.375);
  opacity: .2;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  transition: transform 0.3s ease, opacity 0.75s ease;
}
.btn-ripple.btn-ripple-dark .btn-ripple-effect {
  background-color: rgba(0, 0, 0, 0.5);
}
.btn-ripple .btn-ripple-effect.anim-end {
  transition: transform 0.3s ease, opacity 0.5s ease;
}
.chart-bar {
  display: inline-block;
  width: 100%;
  height: .4em;
  background-color: #efefef;
  position: relative;
  overflow: hidden;
}
.chart-bar .chart-bar-inner {
  display: inline-block;
  background-color: #999999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  transition: width 0.3s ease;
}
.chart-bar.chart-primary .chart-bar-inner {
  background-color: #5369E3;
}
.chart-bar.chart-cobalt .chart-bar-inner {
  background-color: #455370;
}
.chart-bar.chart-success .chart-bar-inner {
  background-color: #008D8B;
}
.chart-bar.chart-danger .chart-bar-inner {
  background-color: #F44747;
}
.chart-bar.chart-alert .chart-bar-inner {
  background-color: #FF8556;
}
.chart-bar.chart-notice .chart-bar-inner {
  background-color: #4B98FF;
}
.chart-bar.chart-force .chart-bar-inner {
  background-color: #42454a;
}
.works-checkbox-wrapper {
  display: inline-block;
  cursor: pointer;
  line-height: 1.2;
  vertical-align: middle;
}
.works-checkbox-wrapper i,
.works-checkbox-wrapper input,
.works-checkbox-wrapper span {
  vertical-align: middle;
}
.works-checkbox {
  display: inline-block;
  width: 21px;
  height: 21px;
  font-family: 'FontAwesome';
  margin-right: 2.6px;
  border-radius: 2px;
  border: 2px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
  line-height: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-checkbox:active {
  border-color: #777777;
}
.works-checkbox:before {
  content: '\f00c';
  color: #777777;
  opacity: 0;
}
.works-checkbox.works-checkbox-input-default:before {
  color: #a8a8a8;
}
.works-checkbox.works-checkbox-checked:before {
  opacity: 1;
}
.works-checkbox-input-primary:hover,
.works-checkbox-input-primary.works-checkbox-checked {
  border-color: #5369E3;
}
.works-checkbox-input-primary:hover:before,
.works-checkbox-input-primary.works-checkbox-checked:before {
  color: #5369E3;
}
.works-checkbox-input-cobalt:hover,
.works-checkbox-input-cobalt.works-checkbox-checked {
  border-color: #455370;
}
.works-checkbox-input-cobalt:hover:before,
.works-checkbox-input-cobalt.works-checkbox-checked:before {
  color: #455370;
}
.works-checkbox-input-success:hover,
.works-checkbox-input-success.works-checkbox-checked {
  border-color: #008D8B;
}
.works-checkbox-input-success:hover:before,
.works-checkbox-input-success.works-checkbox-checked:before {
  color: #008D8B;
}
.works-checkbox-input-danger:hover,
.works-checkbox-input-danger.works-checkbox-checked {
  border-color: #F44747;
}
.works-checkbox-input-danger:hover:before,
.works-checkbox-input-danger.works-checkbox-checked:before {
  color: #F44747;
}
.works-checkbox-input-alert:hover,
.works-checkbox-input-alert.works-checkbox-checked {
  border-color: #FF8556;
}
.works-checkbox-input-alert:hover:before,
.works-checkbox-input-alert.works-checkbox-checked:before {
  color: #FF8556;
}
.works-checkbox-input-notice:hover,
.works-checkbox-input-notice.works-checkbox-checked {
  border-color: #4B98FF;
}
.works-checkbox-input-notice:hover:before,
.works-checkbox-input-notice.works-checkbox-checked:before {
  color: #4B98FF;
}
.works-checkbox-input-force:hover,
.works-checkbox-input-force.works-checkbox-checked {
  border-color: #42454a;
}
.works-checkbox-input-force:hover:before,
.works-checkbox-input-force.works-checkbox-checked:before {
  color: #42454a;
}
.dropdown {
  position: absolute;
}
.dropdown {
  max-height: 13em;
  padding: .4em 0;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 2px;
  opacity: 0;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  overflow-y: auto;
  z-index: 100002;
  transition: opacity 0.3s ease-in;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
}
.dropdown::-webkit-scrollbar {
  height: 3px;
  width: 3px;
  background: #FFFFFF;
  border: none;
}
.dropdown::-webkit-scrollbar-thumb {
  background-color: #a8a8a8;
}
.dropdown.anim-start {
  opacity: 1;
}
.dropdown .dropdown-menu {
  display: block;
  min-width: 4em;
  padding: .8em 1.6em;
  color: #555555;
  white-space: nowrap;
  text-align: left;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dropdown .dropdown-menu i,
.dropdown .dropdown-menu span {
  vertical-align: middle;
}
.dropdown .dropdown-menu i {
  width: 1.2em;
  margin-right: .6em;
  font-size: 100%;
  text-align: left;
}
.dropdown .dropdown-menu:hover {
  background-color: #d8d8d8;
  color: #333333;
}
.dropdown .dropdown-divider {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
}
.input {
  display: inline-block;
  min-width: 3em;
  height: 2.4em;
  margin: .2em 0;
  line-height: 2.2em;
  background-color: transparent;
  border: none;
  color: #555555;
  font-family: inherit;
  border-bottom: 1px solid #cccccc;
  outline: none;
  vertical-align: middle;
  transition: border-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.input[disabled],
.input[readonly] {
  cursor: not-allowed;
}
.input.input-block {
  display: block;
  width: 100%;
}
.input:focus {
  border-color: #b2b2b2;
}
.input-lg {
  font-size: 115%;
}
.input-xg {
  font-size: 130%;
}
.input-sm {
  font-size: 95%;
}
.input-xs {
  font-size: 85%;
}
.input-primary:focus {
  border-color: #5369E3;
}
.input-cobalt:focus {
  border-color: #455370;
}
.input-success:focus {
  border-color: #008D8B;
}
.input-danger:focus {
  border-color: #F44747;
}
.input-alert:focus {
  border-color: #FF8556;
}
.input-notice:focus {
  border-color: #4B98FF;
}
.input-force:focus {
  border-color: #42454a;
}
.input-primary.input-light:focus {
  border-color: #697ce7;
}
.input-cobalt.input-light:focus {
  border-color: #4f5f80;
}
.input-success.input-light:focus {
  border-color: #00a7a4;
}
.input-danger.input-light:focus {
  border-color: #f55f5f;
}
.input-alert.input-light:focus {
  border-color: #ff9770;
}
.input-notice.input-light:focus {
  border-color: #65a7ff;
}
.input-force.input-light:focus {
  border-color: #333333;
}
.input-block {
  display: block;
  width: 100%;
}
.input.input-round {
  padding: 0 1.2em;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.075) inset, 1px 1px 0 rgba(255, 255, 255, 0.85);
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.075) inset, 1px 1px 0 rgba(255, 255, 255, 0.85);
}
.input.input-round:focus {
  border-color: #5369E3;
  -webkit-box-shadow: 0 0 5px rgba(96, 146, 254, 0.75);
  box-shadow: 0 0 5px rgba(96, 146, 254, 0.75);
}
select.input {
  border-width: 1px;
  border-color: #b2b2b2;
  border-style: solid;
  border-radius: 2px;
  padding: 0 .6em;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.125);
}
select.input:focus {
  border-bottom: 1px solid #b2b2b2;
}
select.input.input-xs {
  font-size: 85%;
}
select.input.input-sm {
  font-size: 95%;
}
select.input.input-lg {
  font-size: 105%;
}
select.input.input-xg {
  font-size: 115%;
}
select.input.input-primary {
  border-color: #5369E3;
}
select.input.input-cobalt {
  border-color: #455370;
}
select.input.input-success {
  border-color: #008D8B;
}
select.input.input-danger {
  border-color: #F44747;
}
select.input.input-alert {
  border-color: #FF8556;
}
select.input.input-notice {
  border-color: #4B98FF;
}
select.input.input-force {
  border-color: #42454a;
}
textarea.input {
  width: 100%;
  height: auto;
  padding: 1.2em 0;
  line-height: 1.6;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea[readonly].input {
  background-color: #fafafa;
  cursor: not-allowed;
}
.works-input-label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.works-input-label:before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.works-input-label:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 1px solid #b2b2b2;
  z-index: 10;
  transition: width 0.75s ease;
}
.works-input-label.works-input-block {
  width: 100%;
}
.works-input-label.works-input-disabled input {
  border-bottom-color: #e2e2e2 !important;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
  color: #a8a8a8 !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.works-input-label.works-input-disabled .works-input-placeholder {
  color: #b2b2b2 !important;
  color: rgba(0, 0, 0, 0.375) !important;
}
.works-input-focus .works-input-primary .works-input-placeholder {
  color: #5369E3;
}
.works-input-focus .works-input-cobalt .works-input-placeholder {
  color: #455370;
}
.works-input-focus .works-input-success .works-input-placeholder {
  color: #008D8B;
}
.works-input-focus .works-input-danger .works-input-placeholder {
  color: #F44747;
}
.works-input-focus .works-input-alert .works-input-placeholder {
  color: #FF8556;
}
.works-input-focus .works-input-notice .works-input-placeholder {
  color: #4B98FF;
}
.works-input-focus .works-input-force .works-input-placeholder {
  color: #42454a;
}
.works-input-primary.works-input-focus:after {
  border-bottom-color: #5369E3;
}
.works-input-cobalt.works-input-focus:after {
  border-bottom-color: #455370;
}
.works-input-success.works-input-focus:after {
  border-bottom-color: #008D8B;
}
.works-input-danger.works-input-focus:after {
  border-bottom-color: #F44747;
}
.works-input-alert.works-input-focus:after {
  border-bottom-color: #FF8556;
}
.works-input-notice.works-input-focus:after {
  border-bottom-color: #4B98FF;
}
.works-input-force.works-input-focus:after {
  border-bottom-color: #42454a;
}
.works-input-label-validation-success.works-input-label-validation-active:after {
  border-bottom-color: #5369E3;
}
.works-input-label-validation-error.works-input-label-validation-active:after {
  border-bottom-color: #F44747;
}
.works-input-label.works-input-focus:after,
.works-input-label.works-input-label-validation-active:after {
  width: 100%;
}
.works-input-label input {
  position: relative;
  z-index: 5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100%;
  border-bottom: none;
}
.works-input-label.works-input-label-placeholder {
  margin-bottom: 1.2em;
}
.works-input-label.works-input-label-placeholder input {
  margin-top: 1.2em;
}
.works-input-label .works-input-placeholder {
  display: block;
  position: absolute;
  width: 100%;
  top: 1.2em;
  left: 0;
  color: #999999;
  color: rgba(0, 0, 0, 0.6);
  font-size: 100%;
  padding: 0 .6em;
  height: 2.4em;
  line-height: 2.4em;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), font-size 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-input-label.works-input-lock .works-input-placeholder {
  font-size: 80%;
  -webkit-transform: translate3d(-0.6em, -1.6em, 0);
  -ms-transform: translate3d(-0.6em, -1.6em, 0);
  transform: translate3d(-0.6em, -1.6em, 0);
}
.works-input-label.works-input-lg {
  font-size: 115%;
}
.works-input-label.works-input-xg {
  font-size: 130%;
}
.works-input-label.works-input-sm {
  font-size: 95%;
}
.works-input-label.works-input-xs {
  font-size: 85%;
}
.works-input-label.works-input-label-validation input {
  padding-right: 2.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.works-input-label .works-input-validation {
  position: absolute;
  top: .3em;
  right: .6em;
}
.works-input-label.works-input-label-placeholder .works-input-validation {
  top: 1.4em;
}
.works-input-label.works-input-label-validation-success .works-input-validation .works-input-validation-first,
.works-input-label.works-input-label-validation-success .works-input-validation .works-input-validation-last {
  stroke: #5369E3;
}
.works-input-label.works-input-label-validation-error .works-input-validation .works-input-validation-first,
.works-input-label.works-input-label-validation-error .works-input-validation .works-input-validation-last {
  stroke: #F44747;
}
.works-input-label .works-input-validation.works-input-validation-success .works-input-validation-first {
  stroke-dashoffset: 5.6568px;
  transition: stroke-dashoffset 0.15s ease-in;
}
.works-input-label .works-input-validation.works-input-validation-success .works-input-validation-last {
  stroke-dashoffset: 10.6301px;
  transition: stroke-dashoffset 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-delay: 0.12s;
}
.works-input-label .works-input-validation.works-input-validation-error .works-input-validation-first {
  stroke-dashoffset: 11.3137px;
  transition: stroke-dashoffset 0.25s ease-in;
}
.works-input-label .works-input-validation.works-input-validation-error .works-input-validation-last {
  stroke-dashoffset: 11.3137px;
  transition: stroke-dashoffset 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-delay: 0.25s;
}
.works-input-label.works-input-label-validation-active.works-input-label-validation-success .works-input-validation .works-input-validation-first {
  stroke-dashoffset: 11.3137px;
}
.works-input-label.works-input-label-validation-active.works-input-label-validation-error .works-input-validation .works-input-validation-first {
  stroke-dashoffset: 0;
}
.works-input-label.works-input-label-validation-active .works-input-validation .works-input-validation-last {
  stroke-dashoffset: 0;
}
.badge,
.label {
  display: inline-block;
  margin-left: 6px;
  padding: 6px 8px;
  border-radius: 2px;
  font-size: 13px;
  background-color: #efefef;
  color: #555555;
  white-space: nowrap;
  word-break: break-all;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
.badge *,
.label * {
  vertical-align: middle;
}
.badge span,
.label span {
  vertical-align: baseline;
}
.badge {
  border-radius: 12px;
}
.badge-xg,
.label-xg {
  font-size: 15px;
}
.badge-lg,
.label-lg {
  font-size: 14px;
}
.badge-sm,
.label-sm {
  font-size: 13px;
}
.badge-xs,
.label-xs {
  font-size: 12px;
}
.badge-default,
.label-default {
  background-color: #9FA2A9;
  color: #FFFFFF;
}
.badge-primary,
.label-primary {
  background-color: #5369E3;
  color: #FFFFFF;
}
.badge-cobalt,
.label-cobalt {
  background-color: #455370;
  color: #FFFFFF;
}
.badge-success,
.label-success {
  background-color: #008D8B;
  color: #FFFFFF;
}
.badge-danger,
.label-danger {
  background-color: #F44747;
  color: #FFFFFF;
}
.badge-alert,
.label-alert {
  background-color: #FF8556;
  color: #FFFFFF;
}
.badge-notice,
.label-notice {
  background-color: #4B98FF;
  color: #FFFFFF;
}
.badge-force,
.label-force {
  background-color: #42454a;
  color: #FFFFFF;
}
.badge-code,
.label-code {
  color: #5369E3;
  background-color: #dfe2e8;
  font-family: 'Hack', 'Consolas';
  font-weight: 600;
  padding: .3em;
}
.modal-opener {
  filter: blur(3px);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 92%;
  min-width: 480px;
  background-color: #FFFFFF;
  overflow: hidden;
  z-index: 100001;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: transform 0.15s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modal.anim-start {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: #000000;
  opacity: 0;
  z-index: 100000;
  transition: opacity 0.3s ease;
}
.modal .btn-close-circle {
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 20px;
  top: 30px;
  right: 40px;
  font-size: 24px;
  color: #555555;
}
.modal.modal-full {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal.modal-full .btn-close {
  color: #000000;
  font-size: 48px;
  width: 48px;
  height: 48px;
  top: 30px;
  right: 60px;
  z-index: 5000;
}
.modal.modal-full .modal-inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  overflow-y: auto;
}
.modal .modal-header {
  padding: 1.6em 1.2em;
  border-bottom: 1px solid #d8d8d8;
  background-color: #efefef;
}
.modal.modal-full .modal-inner .modal-header {
  padding-bottom: 1.6em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
  font-size: 145%;
  font-weight: 400;
}
.modal .modal-header .btn-close {
  display: block;
  width: 1.4em;
  height: 1.4em;
  text-align: center;
  line-height: 1.4em;
  color: #333333;
  position: absolute;
  right: .2em;
  top: .425em;
  font-size: 240%;
}
.modal .modal-header .btn-close i {
  line-height: inherit;
}
.modal .modal-header .btn-close:hover {
  color: #222222;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
}
.modal .modal-header .btn-close:active {
  color: #000000;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5,
.modal .modal-header h6 {
  padding: 0;
  margin: 0;
  font-size: 160%;
  text-align: center;
}
.modal .modal-body {
  max-height: 620px;
  padding: 2.4em 2.8em;
  line-height: 1.6;
  color: #777777;
  overflow: hidden;
  overflow-y: auto;
}
.modal.modal-full .modal-inner .modal-body {
  max-height: 100%;
  padding: 4em 0;
}
.modal .modal-footer {
  padding: 1em 1.2em;
  background-color: #fafafa;
  border-top: 1px solid #e2e2e2;
  text-align: center;
}
.modal .modal-footer a {
  margin-right: 1.6em;
}
.modal .modal-footer a:last-child {
  margin-right: 0;
}
.modal .modal-footer a span,
.modal .modal-footer a i {
  vertical-align: middle;
}
.modal .modal-footer .disabled {
  opacity: .3;
  cursor: not-allowed;
}
.modal.modal-full .modal-inner .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.6em 0 0;
  background-color: transparent;
  text-align: center;
}
.modal.modal-full .modal-inner .modal-footer a {
  display: inline-block;
  height: 3.2em;
  font-size: 130%;
  margin: 0 .6em;
  padding: 0 1em;
  color: #555555;
  vertical-align: middle;
  line-height: 3em;
}
.modal.modal-full .modal-inner .modal-footer a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
@-webkit-keyframes notification-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .3;
  }
}
@keyframes notification-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .3;
  }
}
.notification-box {
  position: absolute;
  bottom: 30px;
  right: 30px;
  max-width: 480px;
  width: 80%;
  z-index: 1001;
}
.notification-box .notification {
  padding: 30px;
  background-color: #FFFFFF;
  margin-top: 20px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
}
.notification-box .notification:hover {
  background-color: #fafafa;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.5);
}
.notification-box .notification.notification-real {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.notification-box .notification .notification-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  z-index: 10;
  width: 0;
  background-color: #555555;
  transition-property: width;
  transition-timing-function: ease;
}
.notification-box .notification.notification-primary .notification-bar {
  background-color: #5369E3;
}
.notification-box .notification.notification-cobalt .notification-bar {
  background-color: #455370;
}
.notification-box .notification.notification-success .notification-bar {
  background-color: #008D8B;
}
.notification-box .notification.notification-danger .notification-bar {
  background-color: #F44747;
}
.notification-box .notification.notification-alert .notification-bar {
  background-color: #FF8556;
}
.notification-box .notification.notification-notice .notification-bar {
  background-color: #4B98FF;
}
.notification-box .notification.notification-force .notification-bar {
  background-color: #42454a;
}
.notification-box .notification.notification-real.notification-anim-start {
  opacity: 1;
}
.notification-box .notification.notification-real.notification-anim-start .notification-bar {
  width: 100%;
}
.notification-box .notification.notification-empty {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: -10000px;
  top: -10000px;
}
.notification-box .notification.notification-empty.notification-anim {
  position: relative;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  transition: height 0.3s ease;
}
.notification-box .notification .notification-content {
  margin-left: 50px;
}
.notification-box .notification .notification-btn-group {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50px;
  border-right: 1px solid #e2e2e2;
}
.notification-box .notification .notification-btn-group .notification-btn {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  position: absolute;
  width: 100%;
  height: 50%;
  font-size: 200%;
  border-bottom: 1px solid #e2e2e2;
  transition: background-color 0.3s ease;
}
.notification-box .notification .notification-btn-group .notification-btn:hover,
.notification-box .notification .notification-btn-group .notification-btn:focus {
  background-color: #f4f4f4;
}
.notification-box .notification .notification-btn-group .notification-btn-close {
  top: 50%;
}
.notification-box .notification .notification-btn-group .notification-btn-ok i {
  margin-top: .125em;
}
.notification-box .notification .notification-btn-group .notification-btn-close i {
  font-size: 130%;
}
.notification-box .notification .notification-btn-group .notification-btn .notification-btn-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.notification-box .notification .notification-btn-group .notification-btn:last-child {
  border-bottom: none;
}
.notification-box .notification .notification-header {
  font-weight: 600;
  color: #222222;
}
.notification-box .notification .notification-body {
  line-height: 1.6;
  color: #777777;
}
.panel {
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
  line-height: 1.6;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.375);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.375);
}
.panel.panel-default .panel-header {
  background-color: #9FA2A9;
  color: #FFFFFF;
}
.panel.panel-primary .panel-header {
  background-color: #5369E3;
  color: #FFFFFF;
}
.panel.panel-cobalt .panel-header {
  background-color: #455370;
  color: #FFFFFF;
}
.panel.panel-success .panel-header {
  background-color: #008D8B;
  color: #FFFFFF;
}
.panel.panel-danger .panel-header {
  background-color: #F44747;
  color: #FFFFFF;
}
.panel.panel-alert .panel-header {
  background-color: #FF8556;
  color: #FFFFFF;
}
.panel.panel-notice .panel-header {
  background-color: #4B98FF;
  color: #FFFFFF;
}
.panel.panel-force .panel-header {
  background-color: #42454a;
  color: #FFFFFF;
}
.panel:last-child {
  margin-bottom: 0;
}
.panel .panel-header {
  border-bottom: 1px solid #cccccc;
  padding: 12px 20px;
  font-weight: 600;
}
.panel .panel-header h1,
.panel .panel-header h2,
.panel .panel-header h3,
.panel .panel-header h4,
.panel .panel-header h5,
.panel .panel-header h6 {
  font: inherit;
  color: inherit;
  font-size: 115%;
  margin: 0;
  padding: 0;
}
.panel .panel-body {
  padding: 20px;
}
.spinner {
  display: inline-block;
  height: 2.4em;
  line-height: 2.2em;
  padding: 0 .6em;
  margin: 0 .2em;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spinner.spinner-block {
  display: block;
  width: 100%;
}
.spinner.spinner-disabled,
.spinner.spinner-readonly {
  color: #777777;
  background-color: rgba(0, 0, 0, 0.125);
  cursor: not-allowed;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125) inset;
}
.spinner.spinner-disabled:hover,
.spinner.spinner-readonly:hover {
  color: #999999;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
}
.spinner.spinner-disabled:focus,
.spinner.spinner-readonly:focus {
  color: #777777;
}
.spinner:hover {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.spinner:hover,
.spinner:focus {
  color: inherit;
}
.spinner .spinner-arrow,
.spinner .spinner-txt {
  vertical-align: middle;
}
.spinner .spinner-arrow {
  font-size: 130%;
}
.spinner .spinner-txt {
  margin-right: 1.2em;
}
.spinner-wrapper {
  max-height: 13em;
  padding: .4em 0;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 2px;
  opacity: 0;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  overflow-y: auto;
  z-index: 100002;
  transition: opacity 0.3s ease-in;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.375);
}
.spinner-wrapper::-webkit-scrollbar {
  height: 3px;
  width: 3px;
  background: #FFFFFF;
  border: none;
}
.spinner-wrapper::-webkit-scrollbar-thumb {
  background-color: #a8a8a8;
}
.spinner-wrapper.anim-start {
  opacity: 1;
}
.spinner-wrapper .spinner-option {
  display: block;
  min-width: 4em;
  padding: .8em 1.6em;
  color: #555555;
  white-space: nowrap;
  text-align: left;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.spinner-wrapper .spinner-option i,
.spinner-wrapper .spinner-option span {
  vertical-align: middle;
}
.spinner-wrapper .spinner-option i {
  width: 1.2em;
  margin-right: .6em;
  font-size: 100%;
  text-align: left;
}
.spinner-wrapper .spinner-option:hover {
  background-color: #d8d8d8;
  color: #333333;
}
.spinner-wrapper .spinner-option.spinner-selected {
  background-color: #d8d8d8;
  color: #333333;
  font-weight: 600;
}
.tab,
.step {
  display: block;
  height: 3.3em;
  padding: 40px 40px 0;
  margin: 0;
  border-bottom: 1px solid #d8d8d8;
}
.tab .tab-item,
.step .step-item {
  display: inline-block;
  height: 2.4em;
  line-height: 2.4em;
  margin: 0 1.6em;
  padding: .4em 1.4em;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.tab .tab-item:hover,
.step .step-item:hover {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.tab .tab-item:first-child,
.step .step-item:first-child {
  margin-left: 0;
}
.tab .tab-item:last-child,
.step .step-item:last-child {
  margin-right: 0;
}
.tab .tab-item.active,
.step .step-item.active {
  border-bottom-color: #5369E3;
  font-weight: 600;
}
.tab-container,
.step-container {
  padding: 40px;
}
.tab-container .tab-container-item,
.step-container .step-container-item {
  display: none;
}
.tab-container .tab-container-item.active,
.step-container .step-container-item.active {
  display: block;
}
.works-section.works-section-padding .tab,
.works-section.works-section-padding .step {
  padding-top: 0;
  margin-left: -40px;
  margin-right: -40px;
}
.table {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1.2em;
  border-collapse: separate;
  text-align: left;
}
.table .left {
  text-align: left;
}
.table .right {
  text-align: right;
}
.table .center {
  text-align: center;
}
.table thead {
  overflow: hidden;
}
.table thead th,
.table thead td {
  height: 3.6em;
}
.table thead th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.table thead tr:first-child th,
.table thead tr:first-child td {
  -webkit-box-shadow: 0 2px 2px -1px rgba(255, 255, 255, 0.75) inset;
  box-shadow: 0 2px 2px -1px rgba(255, 255, 255, 0.75) inset;
}
.table tbody tr:fist-child th,
.table tbody tr:fist-child td {
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1) inset;
}
.table tbody tr:last-child th,
.table tbody tr:last-child td {
  border-bottom: none;
}
.table th,
.table td {
  height: 2.4em;
  padding: .6em 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
  word-break: break-word;
  line-height: 1.4;
}
.table th:last-child,
.table td:last-child {
  border-right: none;
}
.table th {
  font-weight: 600;
  background-color: #f4f4f4;
}
.table.table-bordered {
  border: 1px solid #d8d8d8;
}
.table.table-auto {
  table-layout: auto;
}
.table.table-layout thead th .table.table-layout thead td,
.table.table-layout tbody th,
.table.table-layout tbody td {
  border: none;
}
.table.table-layout tbody tr:first-child td {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.table.table-classic thead tr th,
.table.table-classic thead tr td,
.table.table-classic tbody tr th,
.table.table-classic tbody tr td {
  background-color: #f4f4f4;
  border-left-color: #cccccc;
  border-right-color: #e2e2e2;
  border-top-color: #cccccc;
  border-bottom-color: #e2e2e2;
}
.table.table-classic tr > *:last-child {
  border-right-color: #cccccc;
}
.table.table-classic tr:last-child {
  border-bottom-color: #cccccc;
}
.table.table-striped tbody tr th,
.table.table-striped tbody tr td {
  background-color: rgba(255, 255, 255, 0.05);
}
.table.table-hover tbody tr:hover th,
.table.table-hover tbody tr:hover td,
.table.table-striped tbody tr:nth-child(2n) th,
.table.table-striped tbody tr:nth-child(2n) td {
  background-color: rgba(0, 0, 0, 0.05);
}
.table.table-click tbody tr {
  cursor: pointer;
}
@media (max-width: 540px) {
  .table {
    display: block;
  }
  .table.table-striped tbody tr {
    background-color: rgba(255, 255, 255, 0.05);
  }
  .table.table-striped.table-hover tr:hover,
  .table.table-striped.table-striped tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .table.table-striped thead tr th,
  .table.table-hovered thead tr th,
  .table.table-striped tbody tr th,
  .table.table-hovered tbody tr th,
  .table.table-striped thead tr td,
  .table.table-hovered thead tr td,
  .table.table-striped tbody tr td,
  .table.table-hovered tbody tr td {
    background-color: transparent !important;
  }
  .table thead,
  .table tbody {
    display: block;
  }
  .table thead tr,
  .table tbody tr {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .table thead tr th,
  .table tbody tr th,
  .table thead tr td,
  .table tbody tr td {
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .table thead tr:first-child th,
  .table tbody tr:first-child th,
  .table thead tr:first-child td,
  .table tbody tr:first-child td {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .table thead {
    background-color: #f4f4f4;
    border-bottom: 2px solid #e2e2e2;
    -webkit-box-shadow: 0 2px 2px -1px rgba(255, 255, 255, 0.75) inset;
    box-shadow: 0 2px 2px -1px rgba(255, 255, 255, 0.75) inset;
  }
  .table tbody tr {
    border-bottom: 1px solid #e2e2e2;
  }
  .table tbody tr:last-child {
    border-bottom: none;
  }
}
.toast-box {
  max-width: 480px;
  width: 60%;
  position: fixed;
  bottom: 20%;
  left: 50%;
  z-index: 5000000;
  font-size: 0;
  text-align: center;
  perspective: 300;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
.toast-box .toast {
  display: inline-block;
  margin: 0 auto 1em;
  border-radius: 2px;
  background-color: #333333;
  color: #FFFFFF;
  padding: 1em 1.6em;
  font-size: 1.15rem;
  line-height: 1.6;
  word-break: break-all;
  overflow: hidden;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.toast-box .toast.toast-real {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.6s ease;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
}
.toast-box .toast.toast-real.toast-anim-start {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.toast-box .toast.toast-empty {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.toast-box .toast.toast-empty.toast-anim {
  position: relative;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  transition: height 0.3s ease;
}
@-webkit-keyframes toggle-shuffle-in {
  0% {
    width: translate3d(26px);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    width: translate3d(32px);
    -webkit-transform: translate3d(12px, 0, 0);
    -ms-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  100% {
    width: translate3d(26px);
    -webkit-transform: translate3d(15px, 0, 0);
    -ms-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }
}
@keyframes toggle-shuffle-in {
  0% {
    width: translate3d(26px);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    width: translate3d(32px);
    -webkit-transform: translate3d(12px, 0, 0);
    -ms-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  100% {
    width: translate3d(26px);
    -webkit-transform: translate3d(15px, 0, 0);
    -ms-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }
}
@keyframes toggle-shuffle-out {
  0% {
    width: 26px;
    -webkit-transform: translate3d(15px, 0, 0);
    -ms-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }
  50% {
    width: 32px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    width: 26px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes toggle-shuffle-out {
  0% {
    width: 26px;
    -webkit-transform: translate3d(15px, 0, 0);
    -ms-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }
  50% {
    width: 32px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    width: 26px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.toggle-wrapper .toggle-label {
  font-size: 13px;
  color: #cccccc;
}
.toggle-wrapper .toggle-label:first-child {
  margin-right: .6em;
}
.toggle-wrapper .toggle-label:last-child {
  margin-left: .6em;
}
.toggle {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.toggle input {
  display: none;
}
.toggle span,
.toggle input {
  vertical-align: bottom;
}
.toggle input + .switch {
  display: inline-block;
  width: 47px;
  height: 32px;
  background-color: #f4f4f4;
  border: 1px solid #e2e2e2;
  border-radius: 16px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.toggle input + .switch .switch-ball {
  position: absolute;
  top: 2px;
  left: 3px;
  z-index: 5;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #FFFFFF;
  border-radius: 13px;
  -webkit-animation-name: toggle-shuffle-out;
  animation-name: toggle-shuffle-out;
  -webkit-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.toggle input + .switch .switch-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background-color: #FFFFFF;
  transition: background-color 0.4s ease;
}
.toggle input:checked + .switch .switch-bg {
  background-color: #cccccc;
}
.toggle input:checked + .switch .switch-ball {
  border-color: #b2b2b2;
  -webkit-animation-name: toggle-shuffle-in;
  animation-name: toggle-shuffle-in;
  -webkit-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  -webkit-transform: translate3d(17px, 0, 0);
  -ms-transform: translate3d(17px, 0, 0);
  transform: translate3d(17px, 0, 0);
}
.toggle-label.toggle-label-active {
  color: #555555;
}
.works-primary .toggle input:checked + .switch .switch-bg {
  background-color: #5369E3;
}
.works-primary .toggle input:checked + .switch .switch-ball {
  border-color: #5369E3;
}
.works-primary .toggle-label.toggle-label-active {
  color: #5369E3;
}
.works-cobalt .toggle input:checked + .switch .switch-bg {
  background-color: #455370;
}
.works-cobalt .toggle input:checked + .switch .switch-ball {
  border-color: #455370;
}
.works-cobalt .toggle-label.toggle-label-active {
  color: #455370;
}
.works-success .toggle input:checked + .switch .switch-bg {
  background-color: #008D8B;
}
.works-success .toggle input:checked + .switch .switch-ball {
  border-color: #008D8B;
}
.works-success .toggle-label.toggle-label-active {
  color: #008D8B;
}
.works-danger .toggle input:checked + .switch .switch-bg {
  background-color: #F44747;
}
.works-danger .toggle.toggle-danger input:checked + .switch .switch-ball {
  border-color: #F44747;
}
.works-danger .toggle-label.toggle-label-active {
  color: #F44747;
}
.works-alert .toggle input:checked + .switch .switch-bg {
  background-color: #FF8556;
}
.works-alert .toggle input:checked + .switch .switch-ball {
  border-color: #FF8556;
}
.works-alert .toggle-label.toggle-label-active {
  color: #FF8556;
}
.works-notice .toggle input:checked + .switch .switch-bg {
  background-color: #4B98FF;
}
.works-notice .toggle input:checked + .switch .switch-ball {
  border-color: #4B98FF;
}
.works-notice .toggle-label.toggle-label-active {
  color: #4B98FF;
}
.works-force .toggle input:checked + .switch .switch-bg {
  background-color: #42454a;
}
.works-force .toggle input:checked + .switch .switch-ball {
  border-color: #42454a;
}
.works-force .toggle-label.toggle-label-active {
  color: #42454a;
}
.works-tooltip-wrapper {
  position: relative;
}
.works-tooltip {
  display: none;
  position: absolute;
  z-index: 10;
  border-radius: 2px;
  font-size: 12px;
  padding: .4em .6em;
  color: #FFFFFF;
  background-color: #383e4d;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.49, 0.75, 0.08, 1.57), opacity 0.2s ease;
  -webkit-box-shadow: 0 1px 3px rgba(0, 16, 32, 0.375);
  box-shadow: 0 1px 3px rgba(0, 16, 32, 0.375);
}
.works-tooltip.works-tooltip-left {
  right: 100%;
  margin-right: .6em;
}
.works-tooltip.works-tooltip-top {
  bottom: 100%;
  margin-bottom: .4em;
}
.works-tooltip.works-tooltip-bottom {
  top: 100%;
  margin-top: .4em;
}
.works-tooltip.works-tooltip-right {
  left: 100%;
  margin-left: .6em;
}
.works-tooltip.anim-ready {
  display: block;
}
.works-tooltip.anim-start {
  opacity: 1;
}
.works-tooltip.works-tooltip-left.anim-start {
  -webkit-transform: translate3d(0.4em, 0, 0);
  -ms-transform: translate3d(0.4em, 0, 0);
  transform: translate3d(0.4em, 0, 0);
}
.works-tooltip.works-tooltip-top.anim-start {
  -webkit-transform: translate3d(0, 0.4em, 0);
  -ms-transform: translate3d(0, 0.4em, 0);
  transform: translate3d(0, 0.4em, 0);
}
.works-tooltip.works-tooltip-bottom.anim-start {
  -webkit-transform: translate3d(0, -0.4em, 0);
  -ms-transform: translate3d(0, -0.4em, 0);
  transform: translate3d(0, -0.4em, 0);
}
.works-tooltip.works-tooltip-right.anim-start {
  -webkit-transform: translate3d(-0.4em, 0, 0);
  -ms-transform: translate3d(-0.4em, 0, 0);
  transform: translate3d(-0.4em, 0, 0);
}
.works-tooltip .works-tooltip-arrow {
  display: block;
  border-color: transparent;
  border-width: 6px;
  position: absolute;
}
.works-tooltip.works-tooltip-left .works-tooltip-arrow {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-style: solid;
  border-left-color: #383e4d;
  margin-top: -4px;
  top: 50%;
  right: -12px;
}
.works-tooltip.works-tooltip-top .works-tooltip-arrow {
  border-left-width: 4px;
  border-right-width: 4px;
  border-style: solid;
  border-top-color: #383e4d;
  bottom: -12px;
  left: 50%;
  margin-left: -4px;
}
.works-tooltip.works-tooltip-bottom .works-tooltip-arrow {
  border-left-width: 4px;
  border-right-width: 4px;
  border-style: solid;
  border-bottom-color: #383e4d;
  top: -12px;
  left: 50%;
  margin-left: -4px;
}
.works-tooltip.works-tooltip-right .works-tooltip-arrow {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-style: solid;
  border-right-color: #383e4d;
  margin-top: -4px;
  top: 50%;
  left: -12px;
}
.wizard {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 40px;
  border-collapse: collapse;
  overflow: hidden;
}
.wizard .wizard-item {
  display: table-cell;
  height: 2.8em;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.wizard .wizard-item:first-child {
  border-radius: 3px 0 0 3px;
}
.wizard .wizard-item:last-child {
  border-radius: 0 3px 3px 0;
}
.wizard-item {
  background-color: #455370;
  color: #FFFFFF;
}
.wizard-item:first-child:after,
.wizard-item:first-child:before {
  display: none;
}
.wizard-item:hover {
  color: #FFFFFF;
  background-color: #4f5f80;
}
.wizard-item:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  border-top: 1.4em solid transparent;
  border-right: 1.4em solid transparent;
  border-bottom: 1.4em solid transparent;
  border-left: 1.4em solid #555555;
}
.wizard-item:before {
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  content: '';
  border-top: 1.4em solid transparent;
  border-right: 1.4em solid transparent;
  border-bottom: 1.4em solid transparent;
  border-left: 1.4em solid #455370;
  z-index: 3;
}
.wizard-item.active ~ .wizard-item {
  background-color: #fafafa;
  color: #455370;
}
.wizard-item.active ~ .wizard-item:hover {
  background-color: #fafafa;
}
.wizard-item.active ~ .wizard-item:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  border-top: 1.4em solid transparent;
  border-right: 1.4em solid transparent;
  border-bottom: 1.4em solid transparent;
  border-left: 1.4em solid #d8d8d8;
}
.wizard-item.active ~ .wizard-item:before {
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  content: '';
  border-top: 1.4em solid transparent;
  border-right: 1.4em solid transparent;
  border-bottom: 1.4em solid transparent;
  border-left: 1.4em solid #fafafa;
  z-index: 3;
}
.wizard-item.active + .wizard-item:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  border-top: 1.4em solid transparent;
  border-right: 1.4em solid transparent;
  border-bottom: 1.4em solid transparent;
  border-left: 1.4em solid #455370;
}
.wizard-item.active + .wizard-item:before {
  display: none;
}
.wizard-item:hover + .wizard-item:before,
.wizard-item.active:hover + .wizard-item:after {
  border-left-color: #4f5f80;
}
.wizard-item.active ~ .wizard-item:hover {
  background-color: #fafafa;
}
.wizard-item.active ~ .wizard-item:hover + .wizard-item:before {
  border-left-color: #fafafa;
}
.works-wrapper.works-theme-dark .works-header {
  background-color: #242831;
  color: #FFFFFF;
}
.works-wrapper.works-theme-dark .works-header * {
  color: #FFFFFF;
}
.works-wrapper.works-theme-dark .works-top h1 {
  color: #242831;
}
.works-wrapper.works-theme-dark .works.works-top .works-menu a.active {
  border-bottom-color: #4e6de1;
}
.works-wrapper.works-theme-dark .works-header .works-header-inner .works-header-action.works-header-menu .works-menu.active {
  color: #E5E98B;
}
.works-wrapper.works-theme-dark .works-header-inner .btn-action:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #242831;
}
.works-wrapper.works-theme-dark .works-header-inner .btn-action:hover i {
  color: #242831;
}
