@charset "UTF-8";
/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
  @include retina('/images/title-zfgl.jpg', 2, cover, center center no-repeat);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
html {
  font-size: 16px;
}

@media only screen and (max-width: 576px) {
  html {
    font-size: 14px;
  }
}

h1,
h2,
h3 {
  font-weight: 500;
}

a:link,
a:visited {
  color: #161616;
  text-decoration: none;
}

a:hover {
  color: #a5231d;
}

.gshadow {
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  transition: .3s;
  border-radius: .5rem;
}

.gshadow:hover {
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
  transition: .3s;
}

.bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.morelink {
  margin-top: auto;
  margin-bottom: auto;
  min-width: 1.5rem;
  text-align: center;
  display: block;
  opacity: .7;
}

.morelink:hover {
  opacity: 1;
}

.bgcover, .jumbotron {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.fsection {
  background-color: #f8f9fa;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid #dee2e6;
}

.fsection .section-title {
  color: #235a84;
  font-size: 1.64rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.fsection .section-title:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin-bottom: 0;
  visibility: hidden;
}

.fsection:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin-bottom: 0;
  visibility: hidden;
}

.fsection p:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin-bottom: 0;
  visibility: hidden;
}

.link-primary {
  font-size: 1.25rem;
}

.link-primary:after {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e673";
}

.b-bar {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.b-bar:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin-bottom: 0;
  visibility: hidden;
}

.jumbotron {
  background-image: url(/images/bg-reply-texture.jpg);
}

.promos-section {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.promos-section .row > div {
  margin-bottom: 1rem;
}

.promos-section img {
  max-width: none;
  border-radius: 4px;
  width: 100%;
}

.promos-section h3 {
  font-size: 1rem;
  text-align: center;
  margin-top: 1rem;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
}

@font-face {
  /*font-family: "iconfont";*/
  /*src: url("iconfont.eot?t=1550759992738");*/
  /* IE9 */
  /*src: url("iconfont.eot?t=1550759992738#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("iconfont.woff?t=1550759992738") format("woff"), url("iconfont.ttf?t=1550759992738") format("truetype"), url("iconfont.svg?t=1550759992738#iconfont") format("svg");*/
  /* iOS 4.1- */
}

.iconfont, .pagination-container .next, .pagination-container .prev {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fanhui1:before {
  content: "\e600";
}

.icon-guanbi:before {
  content: "\e601";
}

.icon-search:before {
  content: "\e632";
}

.icon-iconfontmianxingtubiao1ziyuanguanli:before {
  content: "\e620";
}

.icon-fanhui:before {
  content: "\e654";
}

.icon-weibo1:before {
  content: "\e642";
}

.icon-xiayiye:before {
  content: "\e673";
}

.icon-shangyiye:before {
  content: "\e674";
}

.icon-xinwen:before {
  content: "\e641";
}

.icon-icon_on_the_top:before {
  content: "\e626";
}

.icon-weixin:before {
  content: "\e609";
}

.icon-xiayiyeshi:before {
  content: "\e798";
}

.icon-shangyiyeshi:before {
  content: "\e7a5";
}

.icon-menu:before {
  content: "\e704";
}

.icon-mobile:before {
  content: "\e651";
}

.icon-gengduo:before {
  content: "\e628";
}

.icon-shangyiyehoutuifanhui-yuankuang:before {
  content: "\e8ef";
}

.icon-xiayiyeqianjinchakangengduo-yuankuang:before {
  content: "\e8f0";
}

.icon-dayinji:before {
  content: "\e610";
}

.icon-hangyebiaozhunmobanhebaobiao:before {
  content: "\e6f6";
}

.icon-kefuzixunhui:before {
  content: "\e615";
}

.icon-zhengwugongkai:before {
  content: "\e684";
}

.icon-annualreport:before {
  content: "\e7ab";
}

.icon-play:before {
  content: "\e754";
}

.icon-wangshangbanshifuwu:before {
  content: "\e65d";
}

.icon-lingdao:before {
  content: "\e6cf";
}

.icon-zhinan:before {
  content: "\e62b";
}

.icon-zhengwuminsheng:before {
  content: "\e60e";
}

.icon-shenqing:before {
  content: "\e604";
}

.icon-pdf:before {
  content: "\e66a";
}

.icon-zip:before {
  content: "\e66e";
}

.icon-word:before {
  content: "\e66d";
}

.icon-kefuzixunhui-copy:before {
  content: "\e8f2";
}

.icon-wangshangbanshifuwu-copy:before {
  content: "\e8f3";
}

.icon-xinwen-copy:before {
  content: "\e8f4";
}

.icon-zhengwuminsheng-copy:before {
  content: "\e8f5";
}

.icon-hangyebiaozhunmobanhebaobiao-copy-copy-copy-copy:before {
  content: "\e8f9";
}

.navbar {
  background-color: #fff;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 0;
}

.navbar .navbar-nav .current {
  color: #235a84 !important;
}

.navbar-default .navbar-nav > li > a {
  font-size: 20px;
  color: #000;
}

@media screen and (max-width: 576px) {
  .navbar-brand {
    font-size: 16px;
    max-width: 75vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.navbar-toggler {
  border: none;
}

.navbar-toggler-right {
  position: absolute;
  top: 15px;
  right: 10px;
}

@media screen and (max-width: 576px) {
  .navbar-toggler-right {
    top: 12px;
  }
}

/* Scss Document */
.subject-header {
  padding: 5px;
  background-color: #e9ecef;
}

.subject-header img {
  max-width: 100%;
}

.subject-header .website-header-logo {
  width: 60vw;
  max-width: 300px;
  display: inline-block;
}

.subject-hero {
  padding: 0;
  background-color: #095d55;
}

.subject-hero .container-fluid {
  padding: 0;
}

.subject-hero .container-fluid img {
  max-width: 100%;
}

.jumbotron {
  background-image: -moz-linear-gradient(121deg, #059477 0%, #0b6e6f 100%);
  background-image: -webkit-linear-gradient(121deg, #059477 0%, #0b6e6f 100%);
  background-image: -ms-linear-gradient(121deg, #059477 0%, #0b6e6f 100%);
  border-radius: 0;
}

.jumbotron .topic-title {
  color: #fff;
  text-shadow: 1.509px 1.312px 4.32px rgba(0, 0, 0, 0.42);
  font-size: 2rem;
}

.thumbnail .caption {
  position: absolute;
  display: block;
  padding: 7px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 12px 28px;
  z-index: 99;
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  transition: .3s;
  cursor: pointer;
  background-image: linear-gradient(transparent, #161616);
}

@media screen and (max-width: 450px) {
  .thumbnail .caption {
    font-size: 1rem;
  }
}

.text-list {
  margin: 0;
  padding: 0;
}

.text-list li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 6px;
}

.text-list li a {
  color: #235a84;
}

.b-bar {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 50px;
}

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

.container-fluid:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin-bottom: 0;
  visibility: hidden;
}

.col-md-5 {
  margin-bottom: 20px;
}

.noimg {
  display: none;
}

.card-deck {
  display: flex;
  flex-direction: column;
}

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

.card-deck .card .thumbnail {
  height: 100%;
}

.card-deck .card .thumbnail a {
  display: block;
  height: 100%;
}

@media screen and (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
  }
  .card-deck .card {
    flex: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }
}

.card-img-container {
  max-height: 250px;
  overflow: hidden;
}

.card-img-container img {
  margin-top: -8%;
}

@media screen and (max-width: 576px) {
  .card-img-container {
    max-height: none;
  }
  .card-img-container img {
    margin-top: 0;
  }
}

.card a {
  flex-shrink: 0;
}

.footer-wrapper {
  background-color: #e9ecef;
  overflow: hidden;
}

.copyright {
  padding-top: 3rem;
  font-size: 12px;
  margin-bottom: 1rem;
  clear: both;
}

.copyright a {
  text-decoration: none;
  color: #161616;
  white-space: nowrap;
}

.copyright a:hover {
  opacity: .7;
}

.copyright ul {
  margin: 0;
  padding: 0;
}

.copyright li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  white-space: nowrap;
}

.copyright li img {
  display: inline;
}

.copyright li p {
  display: inline-block;
  float: none !important;
}

.subnav-link {
  margin-bottom: 5px;
  overflow: hidden;
  padding: 0;
  margin-left: 0;
}

.subnav-link li {
  font-size: 14px;
  margin-bottom: 5px;
}

.subnav-link li a {
  text-decoration: none;
  color: #161616;
  white-space: nowrap;
}

.subnav-link li a:hover {
  opacity: .7;
}

.iconlink {
  overflow: hidden;
  float: right;
  margin-right: 10px;
}

@media only screen and (max-width: 991px) {
  .iconlink {
    float: none;
  }
  .iconlink span {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
  }
  .iconlink span img {
    max-height: 60px;
  }
}

.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none;
}

.bellows__item.bellows--is-open > .bellows__content-wrapper, .bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block;
}

.bellows__content-wrapper {
  display: none;
}

.bellows {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bellows__header {
  position: relative;
  padding: 12px 0px;
  border: 1px solid #ddd;
  border-width: 0 0 1px;
  -webkit-tap-highlight-color: transparent;
}

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

.bellows__header::before, .bellows__header::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 2;
  display: block;
  width: 10px;
  height: 1px;
  margin-top: -2px;
  background: #666;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
}

.bellows__header::before {
  content: '';
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.bellows__header::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.bellows-is-open .bellows__header:before, .bellows__item.bellows--is-opening > .bellows__header:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.bellows-is-open .bellows__header:after, .bellows__item.bellows--is-opening > .bellows__header:after {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.bellows__header h1, .bellows__header h2, .bellows__header h3, .bellows__header h4 {
  margin: 0;
}

.bellows__content {
  padding-top: 10px;
}

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

@media only screen and (min-width: 992px) {
  .bellows {
    height: auto !important;
    margin-right: 120px;
  }
  .bellows__content-wrapper {
    display: block !important;
    height: auto !important;
  }
  .bellows__header {
    border: none;
  }
  .bellows__header h3 {
    font-size: 14px;
  }
  .bellows__header:after, .bellows__header:before {
    display: none !important;
  }
  .bellows__content {
    padding-top: 0;
  }
  .bellows__item {
    float: left;
    width: 22%;
  }
}

.gototop {
  display: none;
  -webkit-animation: hide 350ms ease-out forwards 1;
  animation: hide 350ms ease-out forwards 1;
  border: 0;
  text-align: center;
  background-color: #D5D6E2;
  color: #494A5F;
  position: fixed;
  bottom: 16px;
  right: 16px;
  -webkit-transition: background-color 100ms ease-in-out;
  transition: background-color 100ms ease-in-out;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  z-index: 9;
}

.gototop > span {
  display: inline-block;
  -webkit-transition: transform 100ms 100ms ease-in-out;
  transition: transform 100ms 100ms ease-in-out;
}

.gototop:hover,
.gototop:focus {
  background-color: #D5D6E2;
}

.gototop:hover > span,
.gototop:focus > span {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.isvisible {
  -webkit-animation: show 1s ease-out forwards 1;
  animation: show 1s ease-out forwards 1;
}

@-webkit-keyframes hide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  25% {
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75% {
    -webkit-transform: rotate(3deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  25% {
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75% {
    transform: rotate(3deg);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}

@-webkit-keyframes show {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75% {
    -webkit-transform: rotate(3deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
  }
}

@keyframes show {
  0% {
    transform: rotate(0deg);
  }
  25% {
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75% {
    transform: rotate(3deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.button {
  color: #666;
  background-color: #eee;
  border-color: #eee;
  font-weight: 300;
  font-size: 16px;
  font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.button:visited {
  color: #666;
}

.button:hover,
.button:focus {
  background-color: #f6f6f6;
  text-decoration: none;
  outline: none;
}

.button:active,
.button.active,
.button.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  text-decoration: none;
  background-color: #eeeeee;
  border-color: #cfcfcf;
  color: #d4d4d4;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.button.disabled,
.button.is-disabled,
.button:disabled {
  top: 0 !important;
  background: #eee !important;
  border: 1px solid #ddd !important;
  text-shadow: 0 1px 1px white !important;
  color: #ccc !important;
  cursor: default !important;
  appearance: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.8 !important;
}

/*
* Base Button Tyography
*
*/
.button-uppercase {
  text-transform: uppercase;
}

.button-lowercase {
  text-transform: lowercase;
}

.button-capitalize {
  text-transform: capitalize;
}

.button-small-caps {
  font-variant: small-caps;
}

.button-icon-txt-large {
  font-size: 36px !important;
}

/*
* Base padding
*
*/
.button-width-small {
  padding: 0 10px !important;
}

/*
* Base Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-primary,
.button-primary-flat {
  background-color: #235a84;
  border-color: #1b9af7;
  color: #fff !important;
}

.button-primary:visited,
.button-primary-flat:visited {
  color: #fff;
}

.button-primary:hover,
.button-primary:focus,
.button-primary-flat:hover,
.button-primary-flat:focus {
  background-color: #4cb0f9;
  border-color: #4cb0f9;
  color: #fff !important;
}

.button-primary:active,
.button-primary.active,
.button-primary.is-active,
.button-primary-flat:active,
.button-primary-flat.active,
.button-primary-flat.is-active {
  background-color: #2798eb;
  border-color: #2798eb;
  color: #0880d7;
}

.button-plain,
.button-plain-flat {
  background-color: #fff;
  border-color: #fff;
  color: #1b9af7;
}

.button-plain:visited,
.button-plain-flat:visited {
  color: #1b9af7;
}

.button-plain:hover,
.button-plain:focus,
.button-plain-flat:hover,
.button-plain-flat:focus {
  background-color: white;
  border-color: white;
  color: #1b9af7;
}

.button-plain:active,
.button-plain.active,
.button-plain.is-active,
.button-plain-flat:active,
.button-plain-flat.active,
.button-plain-flat.is-active {
  background-color: white;
  border-color: white;
  color: #e6e6e6;
}

.button-inverse,
.button-inverse-flat {
  background-color: #222;
  border-color: #222;
  color: #eee;
}

.button-inverse:visited,
.button-inverse-flat:visited {
  color: #eee;
}

.button-inverse:hover,
.button-inverse:focus,
.button-inverse-flat:hover,
.button-inverse-flat:focus {
  background-color: #3c3c3c;
  border-color: #3c3c3c;
  color: #eee;
}

.button-inverse:active,
.button-inverse.active,
.button-inverse.is-active,
.button-inverse-flat:active,
.button-inverse-flat.active,
.button-inverse-flat.is-active {
  background-color: #222222;
  border-color: #222222;
  color: #090909;
}

.button-action,
.button-action-flat {
  background-color: #a5de37;
  border-color: #a5de37;
  color: #fff;
}

.button-action:visited,
.button-action-flat:visited {
  color: #fff;
}

.button-action:hover,
.button-action:focus,
.button-action-flat:hover,
.button-action-flat:focus {
  background-color: #b9e563;
  border-color: #b9e563;
  color: #fff;
}

.button-action:active,
.button-action.active,
.button-action.is-active,
.button-action-flat:active,
.button-action-flat.active,
.button-action-flat.is-active {
  background-color: #a1d243;
  border-color: #a1d243;
  color: #8bc220;
}

.button-highlight,
.button-highlight-flat {
  background-color: #feae1b;
  border-color: #feae1b;
  color: #fff;
}

.button-highlight:visited,
.button-highlight-flat:visited {
  color: #fff;
}

.button-highlight:hover,
.button-highlight:focus,
.button-highlight-flat:hover,
.button-highlight-flat:focus {
  background-color: #fec04e;
  border-color: #fec04e;
  color: #fff;
}

.button-highlight:active,
.button-highlight.active,
.button-highlight.is-active,
.button-highlight-flat:active,
.button-highlight-flat.active,
.button-highlight-flat.is-active {
  background-color: #f3ab26;
  border-color: #f3ab26;
  color: #e59501;
}

.button-caution,
.button-caution-flat {
  background-color: #ff4351;
  border-color: #ff4351;
  color: #fff;
}

.button-caution:visited,
.button-caution-flat:visited {
  color: #fff;
}

.button-caution:hover,
.button-caution:focus,
.button-caution-flat:hover,
.button-caution-flat:focus {
  background-color: #ff7680;
  border-color: #ff7680;
  color: #fff;
}

.button-caution:active,
.button-caution.active,
.button-caution.is-active,
.button-caution-flat:active,
.button-caution-flat.active,
.button-caution-flat.is-active {
  background-color: #f64c59;
  border-color: #f64c59;
  color: #ff1022;
}

.button-royal,
.button-royal-flat {
  background-color: #7b72e9;
  border-color: #7b72e9;
  color: #fff;
}

.button-royal:visited,
.button-royal-flat:visited {
  color: #fff;
}

.button-royal:hover,
.button-royal:focus,
.button-royal-flat:hover,
.button-royal-flat:focus {
  background-color: #a49ef0;
  border-color: #a49ef0;
  color: #fff;
}

.button-royal:active,
.button-royal.active,
.button-royal.is-active,
.button-royal-flat:active,
.button-royal-flat.active,
.button-royal-flat.is-active {
  background-color: #827ae1;
  border-color: #827ae1;
  color: #5246e2;
}

/*
* Base Layout Styles
*
* Very Miminal Layout Styles
*/
.button-block,
.button-stacked {
  display: block;
}

/*
* Button Types (optional)
*
* All of the files below represent the various button
* types (including shapes & sizes). None of these files
* are required. Simple remove the uneeded type below and
* the button type will be excluded from the final build
*/
/*
* Button Shapes
*
* This file creates the various button shapes
* (ex. Circle, Rounded, Pill)
*/
.button-square {
  border-radius: 0;
}

.button-box {
  border-radius: 10px;
}

.button-rounded {
  border-radius: 4px;
}

.button-pill {
  border-radius: 200px;
}

.button-circle {
  border-radius: 100%;
}

/*
* Size Adjustment for equal height & widht buttons
*
* Remove padding and set a fixed width.
*/
.button-circle,
.button-box,
.button-square {
  padding: 0 !important;
  width: 40px;
}

.button-circle.button-giant,
.button-box.button-giant,
.button-square.button-giant {
  width: 70px;
}

.button-circle.button-jumbo,
.button-box.button-jumbo,
.button-square.button-jumbo {
  width: 60px;
}

.button-circle.button-large,
.button-box.button-large,
.button-square.button-large {
  width: 50px;
}

.button-circle.button-normal,
.button-box.button-normal,
.button-square.button-normal {
  width: 40px;
}

.button-circle.button-small,
.button-box.button-small,
.button-square.button-small {
  width: 30px;
}

.button-circle.button-tiny,
.button-box.button-tiny,
.button-square.button-tiny {
  width: 24px;
}

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-border,
.button-border-thin,
.button-border-thick {
  background: none;
  border-width: 2px;
  border-style: solid;
  line-height: 36px;
}

.button-border:hover,
.button-border-thin:hover,
.button-border-thick:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.button-border:active,
.button-border-thin:active,
.button-border-thick:active,
.button-border.active,
.active.button-border-thin,
.active.button-border-thick,
.button-border.is-active,
.is-active.button-border-thin,
.is-active.button-border-thick {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/*
* Border Optional Sizes
*
* A slight variation in border thickness
*/
.button-border-thin {
  border-width: 1px;
}

.button-border-thick {
  border-width: 3px;
}

/*
* Border Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-border,
.button-border-thin,
.button-border-thick,
.button-border-thin,
.button-border-thick {
  /*
  * Border Button Size Adjustment
  *
  * The line-height must be adjusted to compinsate for
  * the width of the border.
  */
}

.button-border.button-primary,
.button-primary.button-border-thin,
.button-primary.button-border-thick,
.button-border-thin.button-primary,
.button-border-thick.button-primary {
  color: #1b9af7;
}

.button-border.button-primary:hover,
.button-primary.button-border-thin:hover,
.button-primary.button-border-thick:hover,
.button-border.button-primary:focus,
.button-primary.button-border-thin:focus,
.button-primary.button-border-thick:focus,
.button-border-thin.button-primary:hover,
.button-border-thin.button-primary:focus,
.button-border-thick.button-primary:hover,
.button-border-thick.button-primary:focus {
  background-color: rgba(76, 176, 249, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-primary:active,
.button-primary.button-border-thin:active,
.button-primary.button-border-thick:active,
.button-border.button-primary.active,
.button-primary.active.button-border-thin,
.button-primary.active.button-border-thick,
.button-border.button-primary.is-active,
.button-primary.is-active.button-border-thin,
.button-primary.is-active.button-border-thick,
.button-border-thin.button-primary:active,
.button-border-thin.button-primary.active,
.button-border-thin.button-primary.is-active,
.button-border-thick.button-primary:active,
.button-border-thick.button-primary.active,
.button-border-thick.button-primary.is-active {
  background-color: rgba(39, 152, 235, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button-border.button-plain,
.button-plain.button-border-thin,
.button-plain.button-border-thick,
.button-border-thin.button-plain,
.button-border-thick.button-plain {
  color: #fff;
}

.button-border.button-plain:hover,
.button-plain.button-border-thin:hover,
.button-plain.button-border-thick:hover,
.button-border.button-plain:focus,
.button-plain.button-border-thin:focus,
.button-plain.button-border-thick:focus,
.button-border-thin.button-plain:hover,
.button-border-thin.button-plain:focus,
.button-border-thick.button-plain:hover,
.button-border-thick.button-plain:focus {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(27, 154, 247, 0.9);
}

.button-border.button-plain:active,
.button-plain.button-border-thin:active,
.button-plain.button-border-thick:active,
.button-border.button-plain.active,
.button-plain.active.button-border-thin,
.button-plain.active.button-border-thick,
.button-border.button-plain.is-active,
.button-plain.is-active.button-border-thin,
.button-plain.is-active.button-border-thick,
.button-border-thin.button-plain:active,
.button-border-thin.button-plain.active,
.button-border-thin.button-plain.is-active,
.button-border-thick.button-plain:active,
.button-border-thick.button-plain.active,
.button-border-thick.button-plain.is-active {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(27, 154, 247, 0.5);
  opacity: 0.3;
}

.button-border.button-inverse,
.button-inverse.button-border-thin,
.button-inverse.button-border-thick,
.button-border-thin.button-inverse,
.button-border-thick.button-inverse {
  color: #222;
}

.button-border.button-inverse:hover,
.button-inverse.button-border-thin:hover,
.button-inverse.button-border-thick:hover,
.button-border.button-inverse:focus,
.button-inverse.button-border-thin:focus,
.button-inverse.button-border-thick:focus,
.button-border-thin.button-inverse:hover,
.button-border-thin.button-inverse:focus,
.button-border-thick.button-inverse:hover,
.button-border-thick.button-inverse:focus {
  background-color: rgba(60, 60, 60, 0.9);
  color: rgba(238, 238, 238, 0.9);
}

.button-border.button-inverse:active,
.button-inverse.button-border-thin:active,
.button-inverse.button-border-thick:active,
.button-border.button-inverse.active,
.button-inverse.active.button-border-thin,
.button-inverse.active.button-border-thick,
.button-border.button-inverse.is-active,
.button-inverse.is-active.button-border-thin,
.button-inverse.is-active.button-border-thick,
.button-border-thin.button-inverse:active,
.button-border-thin.button-inverse.active,
.button-border-thin.button-inverse.is-active,
.button-border-thick.button-inverse:active,
.button-border-thick.button-inverse.active,
.button-border-thick.button-inverse.is-active {
  background-color: rgba(34, 34, 34, 0.7);
  color: rgba(238, 238, 238, 0.5);
  opacity: 0.3;
}

.button-border.button-action,
.button-action.button-border-thin,
.button-action.button-border-thick,
.button-border-thin.button-action,
.button-border-thick.button-action {
  color: #a5de37;
}

.button-border.button-action:hover,
.button-action.button-border-thin:hover,
.button-action.button-border-thick:hover,
.button-border.button-action:focus,
.button-action.button-border-thin:focus,
.button-action.button-border-thick:focus,
.button-border-thin.button-action:hover,
.button-border-thin.button-action:focus,
.button-border-thick.button-action:hover,
.button-border-thick.button-action:focus {
  background-color: rgba(185, 229, 99, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-action:active,
.button-action.button-border-thin:active,
.button-action.button-border-thick:active,
.button-border.button-action.active,
.button-action.active.button-border-thin,
.button-action.active.button-border-thick,
.button-border.button-action.is-active,
.button-action.is-active.button-border-thin,
.button-action.is-active.button-border-thick,
.button-border-thin.button-action:active,
.button-border-thin.button-action.active,
.button-border-thin.button-action.is-active,
.button-border-thick.button-action:active,
.button-border-thick.button-action.active,
.button-border-thick.button-action.is-active {
  background-color: rgba(161, 210, 67, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button-border.button-highlight,
.button-highlight.button-border-thin,
.button-highlight.button-border-thick,
.button-border-thin.button-highlight,
.button-border-thick.button-highlight {
  color: #feae1b;
}

.button-border.button-highlight:hover,
.button-highlight.button-border-thin:hover,
.button-highlight.button-border-thick:hover,
.button-border.button-highlight:focus,
.button-highlight.button-border-thin:focus,
.button-highlight.button-border-thick:focus,
.button-border-thin.button-highlight:hover,
.button-border-thin.button-highlight:focus,
.button-border-thick.button-highlight:hover,
.button-border-thick.button-highlight:focus {
  background-color: rgba(254, 192, 78, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-highlight:active,
.button-highlight.button-border-thin:active,
.button-highlight.button-border-thick:active,
.button-border.button-highlight.active,
.button-highlight.active.button-border-thin,
.button-highlight.active.button-border-thick,
.button-border.button-highlight.is-active,
.button-highlight.is-active.button-border-thin,
.button-highlight.is-active.button-border-thick,
.button-border-thin.button-highlight:active,
.button-border-thin.button-highlight.active,
.button-border-thin.button-highlight.is-active,
.button-border-thick.button-highlight:active,
.button-border-thick.button-highlight.active,
.button-border-thick.button-highlight.is-active {
  background-color: rgba(243, 171, 38, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button-border.button-caution,
.button-caution.button-border-thin,
.button-caution.button-border-thick,
.button-border-thin.button-caution,
.button-border-thick.button-caution {
  color: #ff4351;
}

.button-border.button-caution:hover,
.button-caution.button-border-thin:hover,
.button-caution.button-border-thick:hover,
.button-border.button-caution:focus,
.button-caution.button-border-thin:focus,
.button-caution.button-border-thick:focus,
.button-border-thin.button-caution:hover,
.button-border-thin.button-caution:focus,
.button-border-thick.button-caution:hover,
.button-border-thick.button-caution:focus {
  background-color: rgba(255, 118, 128, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-caution:active,
.button-caution.button-border-thin:active,
.button-caution.button-border-thick:active,
.button-border.button-caution.active,
.button-caution.active.button-border-thin,
.button-caution.active.button-border-thick,
.button-border.button-caution.is-active,
.button-caution.is-active.button-border-thin,
.button-caution.is-active.button-border-thick,
.button-border-thin.button-caution:active,
.button-border-thin.button-caution.active,
.button-border-thin.button-caution.is-active,
.button-border-thick.button-caution:active,
.button-border-thick.button-caution.active,
.button-border-thick.button-caution.is-active {
  background-color: rgba(246, 76, 89, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button-border.button-royal,
.button-royal.button-border-thin,
.button-royal.button-border-thick,
.button-border-thin.button-royal,
.button-border-thick.button-royal {
  color: #7b72e9;
}

.button-border.button-royal:hover,
.button-royal.button-border-thin:hover,
.button-royal.button-border-thick:hover,
.button-border.button-royal:focus,
.button-royal.button-border-thin:focus,
.button-royal.button-border-thick:focus,
.button-border-thin.button-royal:hover,
.button-border-thin.button-royal:focus,
.button-border-thick.button-royal:hover,
.button-border-thick.button-royal:focus {
  background-color: rgba(164, 158, 240, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-royal:active,
.button-royal.button-border-thin:active,
.button-royal.button-border-thick:active,
.button-border.button-royal.active,
.button-royal.active.button-border-thin,
.button-royal.active.button-border-thick,
.button-border.button-royal.is-active,
.button-royal.is-active.button-border-thin,
.button-royal.is-active.button-border-thick,
.button-border-thin.button-royal:active,
.button-border-thin.button-royal.active,
.button-border-thin.button-royal.is-active,
.button-border-thick.button-royal:active,
.button-border-thick.button-royal.active,
.button-border-thick.button-royal.is-active {
  background-color: rgba(130, 122, 225, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button-border.button-giant,
.button-giant.button-border-thin,
.button-giant.button-border-thick,
.button-border-thin.button-giant,
.button-border-thick.button-giant {
  line-height: 66px;
}

.button-border.button-jumbo,
.button-jumbo.button-border-thin,
.button-jumbo.button-border-thick,
.button-border-thin.button-jumbo,
.button-border-thick.button-jumbo {
  line-height: 56px;
}

.button-border.button-large,
.button-large.button-border-thin,
.button-large.button-border-thick,
.button-border-thin.button-large,
.button-border-thick.button-large {
  line-height: 46px;
}

.button-border.button-normal,
.button-normal.button-border-thin,
.button-normal.button-border-thick,
.button-border-thin.button-normal,
.button-border-thick.button-normal {
  line-height: 36px;
}

.button-border.button-small,
.button-small.button-border-thin,
.button-small.button-border-thick,
.button-border-thin.button-small,
.button-border-thick.button-small {
  line-height: 26px;
}

.button-border.button-tiny,
.button-tiny.button-border-thin,
.button-tiny.button-border-thick,
.button-border-thin.button-tiny,
.button-border-thick.button-tiny {
  line-height: 20px;
}

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-borderless {
  background: none;
  border: none;
  padding: 0 8px !important;
  color: #eee;
  font-size: 20.8px;
  font-weight: 200;
  /*
  * Borderless Button Colors
  *
  * Create colors for buttons
  * (.button-primary, .button-secondary, etc.)
  */
  /*
  * Borderles Size Adjustment
  *
  * The font-size must be large to compinsate for
  * the lack of a hit target.
  */
}

.button-borderless:hover,
.button-borderless:focus {
  background: none;
}

.button-borderless:active,
.button-borderless.active,
.button-borderless.is-active {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0.3;
}

.button-borderless.button-primary {
  color: #1b9af7;
}

.button-borderless.button-plain {
  color: #fff;
}

.button-borderless.button-inverse {
  color: #222;
}

.button-borderless.button-action {
  color: #a5de37;
}

.button-borderless.button-highlight {
  color: #feae1b;
}

.button-borderless.button-caution {
  color: #ff4351;
}

.button-borderless.button-royal {
  color: #7b72e9;
}

.button-borderless.button-giant {
  font-size: 36.4px;
  height: 52.4px;
  line-height: 52.4px;
}

.button-borderless.button-jumbo {
  font-size: 31.2px;
  height: 47.2px;
  line-height: 47.2px;
}

.button-borderless.button-large {
  font-size: 26px;
  height: 42px;
  line-height: 42px;
}

.button-borderless.button-normal {
  font-size: 20.8px;
  height: 36.8px;
  line-height: 36.8px;
}

.button-borderless.button-small {
  font-size: 15.6px;
  height: 31.6px;
  line-height: 31.6px;
}

.button-borderless.button-tiny {
  font-size: 12.48px;
  height: 28.48px;
  line-height: 28.48px;
}

/*
* Raised Buttons
*
* A classic looking button that offers
* great depth and affordance.
*/
.button-raised {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  line-height: 38px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
  background: linear-gradient(#f6f6f6, #e1e1e1);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}

.button-raised:hover,
.button-raised:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
  background: linear-gradient(top, white, gainsboro);
}

.button-raised:active,
.button-raised.active,
.button-raised.is-active {
  background: #eeeeee;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
}

/*
* Raised Button Colors
*
* Create colors for raised buttons
*/
.button-raised.button-primary {
  border-color: #088ef0;
  background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
  background: linear-gradient(#34a5f8, #088ef0);
}

.button-raised.button-primary:hover,
.button-raised.button-primary:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));
  background: linear-gradient(top, #42abf8, #0888e6);
}

.button-raised.button-primary:active,
.button-raised.button-primary.active,
.button-raised.button-primary.is-active {
  border-color: #0880d7;
  background: #2798eb;
}

.button-raised.button-plain {
  border-color: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
  background: linear-gradient(white, #f2f2f2);
}

.button-raised.button-plain:hover,
.button-raised.button-plain:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
  background: linear-gradient(top, white, #ededed);
}

.button-raised.button-plain:active,
.button-raised.button-plain.active,
.button-raised.button-plain.is-active {
  border-color: #e6e6e6;
  background: white;
}

.button-raised.button-inverse {
  border-color: #151515;
  background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515));
  background: linear-gradient(#2f2f2f, #151515);
}

.button-raised.button-inverse:hover,
.button-raised.button-inverse:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010));
  background: linear-gradient(top, #363636, #101010);
}

.button-raised.button-inverse:active,
.button-raised.button-inverse.active,
.button-raised.button-inverse.is-active {
  border-color: #090909;
  background: #222222;
}

.button-raised.button-action {
  border-color: #9ad824;
  background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824));
  background: linear-gradient(#afe24d, #9ad824);
}

.button-raised.button-action:hover,
.button-raised.button-action:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22));
  background: linear-gradient(top, #b5e45a, #94cf22);
}

.button-raised.button-action:active,
.button-raised.button-action.active,
.button-raised.button-action.is-active {
  border-color: #8bc220;
  background: #a1d243;
}

.button-raised.button-highlight {
  border-color: #fea502;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502));
  background: linear-gradient(#feb734, #fea502);
}

.button-raised.button-highlight:hover,
.button-raised.button-highlight:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01));
  background: linear-gradient(top, #febc44, #f49f01);
}

.button-raised.button-highlight:active,
.button-raised.button-highlight.active,
.button-raised.button-highlight.is-active {
  border-color: #e59501;
  background: #f3ab26;
}

.button-raised.button-caution {
  border-color: #ff2939;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939));
  background: linear-gradient(#ff5c69, #ff2939);
}

.button-raised.button-caution:hover,
.button-raised.button-caution:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30));
  background: linear-gradient(top, #ff6c77, #ff1f30);
}

.button-raised.button-caution:active,
.button-raised.button-caution.active,
.button-raised.button-caution.is-active {
  border-color: #ff1022;
  background: #f64c59;
}

.button-raised.button-royal {
  border-color: #665ce6;
  background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6));
  background: linear-gradient(#9088ec, #665ce6);
}

.button-raised.button-royal:hover,
.button-raised.button-royal:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4));
  background: linear-gradient(top, #9c95ef, #5e53e4);
}

.button-raised.button-royal:active,
.button-raised.button-royal.active,
.button-raised.button-royal.is-active {
  border-color: #5246e2;
  background: #827ae1;
}

/*
* 3D Buttons
*
* These buttons have a heavy three dimensional
* style that mimics the visual appearance of a
* real life button.
*/
.button-3d {
  position: relative;
  top: 0;
  -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
}

.button-3d:hover,
.button-3d:focus {
  -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
}

.button-3d:active,
.button-3d.active,
.button-3d.is-active {
  top: 5px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
}

/*
* 3D Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-3d.button-primary {
  -webkit-box-shadow: 0 7px 0 #18476b, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #18476b, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-primary:hover,
.button-3d.button-primary:focus {
  -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-primary:active,
.button-3d.button-primary.active,
.button-3d.button-primary.is-active {
  -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-plain {
  -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-plain:hover,
.button-3d.button-plain:focus {
  -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-plain:active,
.button-3d.button-plain.active,
.button-3d.button-plain.is-active {
  -webkit-box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-inverse {
  -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-inverse:hover,
.button-3d.button-inverse:focus {
  -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-inverse:active,
.button-3d.button-inverse.active,
.button-3d.button-inverse.is-active {
  -webkit-box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-action {
  -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-action:hover,
.button-3d.button-action:focus {
  -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-action:active,
.button-3d.button-action.active,
.button-3d.button-action.is-active {
  -webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-highlight {
  -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-highlight:hover,
.button-3d.button-highlight:focus {
  -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-highlight:active,
.button-3d.button-highlight.active,
.button-3d.button-highlight.is-active {
  -webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-caution {
  -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-caution:hover,
.button-3d.button-caution:focus {
  -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-caution:active,
.button-3d.button-caution.active,
.button-3d.button-caution.is-active {
  -webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-royal {
  -webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-royal:hover,
.button-3d.button-royal:focus {
  -webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-royal:active,
.button-3d.button-royal.active,
.button-3d.button-royal.is-active {
  -webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2);
}

/*
* Glowing Buttons
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
/*
* Glow animation mixin for Compass users
*
*/
/*
* Glowing Keyframes
*
*/
@-webkit-keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}

@keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}

/*
* Glowing Keyframes for various colors
*
*/
@-webkit-keyframes glowing-primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}

@keyframes glowing-primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}

@-webkit-keyframes glowing-plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}

@keyframes glowing-plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}

@-webkit-keyframes glowing-inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}

@keyframes glowing-inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}

@-webkit-keyframes glowing-action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}

@keyframes glowing-action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}

@-webkit-keyframes glowing-highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}

@keyframes glowing-highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}

@-webkit-keyframes glowing-caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}

@keyframes glowing-caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}

@-webkit-keyframes glowing-royal {
  from {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
    box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
}

@keyframes glowing-royal {
  from {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
    box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
  }
  to {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
}

/*
* Glowing Buttons Base Styes
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
.button-glow {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  animation-name: glowing;
}

.button-glow:active,
.button-glow.active,
.button-glow.is-active {
  -webkit-animation-name: none;
  animation-name: none;
}

/*
* Glowing Button Colors
*
* Create colors for glowing buttons
*/
.button-glow.button-primary {
  -webkit-animation-name: glowing-primary;
  animation-name: glowing-primary;
}

.button-glow.button-plain {
  -webkit-animation-name: glowing-plain;
  animation-name: glowing-plain;
}

.button-glow.button-inverse {
  -webkit-animation-name: glowing-inverse;
  animation-name: glowing-inverse;
}

.button-glow.button-action {
  -webkit-animation-name: glowing-action;
  animation-name: glowing-action;
}

.button-glow.button-highlight {
  -webkit-animation-name: glowing-highlight;
  animation-name: glowing-highlight;
}

.button-glow.button-caution {
  -webkit-animation-name: glowing-caution;
  animation-name: glowing-caution;
}

.button-glow.button-royal {
  -webkit-animation-name: glowing-royal;
  animation-name: glowing-royal;
}

/*
* Dropdown menu buttons
*
* A dropdown menu appears
* when a button is pressed
*/
/*
* Dropdown Container
*
*/
.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block;
}

/*
* Dropdown List Style
*
*/
.button-dropdown-list {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 1000;
  min-width: 100%;
  list-style-type: none;
  background: rgba(255, 255, 255, 0.95);
  border-style: solid;
  border-width: 1px;
  border-color: #d4d4d4;
  font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*
  * Dropdown Below
  *
  */
  /*
  * Dropdown Above
  *
  */
}

.button-dropdown-list.is-below {
  top: 100%;
  border-top: none;
  border-radius: 0 0 3px 3px;
}

.button-dropdown-list.is-above {
  bottom: 100%;
  top: auto;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
}

/*
* Dropdown Buttons
*
*/
.button-dropdown-list > li {
  padding: 0;
  margin: 0;
  display: block;
}

.button-dropdown-list > li > a {
  display: block;
  line-height: 40px;
  font-size: 12.8px;
  padding: 5px 10px;
  float: none;
  color: #666;
  text-decoration: none;
}

.button-dropdown-list > li > a:hover {
  color: #5e5e5e;
  background: #f6f6f6;
  text-decoration: none;
}

.button-dropdown-divider {
  border-top: 1px solid #e6e6e6;
}

/*
* Dropdown Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-dropdown.button-dropdown-primary .button-dropdown-list {
  background: rgba(27, 154, 247, 0.95);
  border-color: #0880d7;
}

.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
  border-color: #0888e6;
}

.button-dropdown.button-dropdown-primary .button-dropdown-list > li > a {
  color: #fff;
}

.button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #088ef0;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list {
  background: rgba(255, 255, 255, 0.95);
  border-color: #e6e6e6;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider {
  border-color: #ededed;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list > li > a {
  color: #1b9af7;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list > li > a:hover {
  color: #088ef0;
  background: #f2f2f2;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list {
  background: rgba(34, 34, 34, 0.95);
  border-color: #090909;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider {
  border-color: #101010;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a {
  color: #eee;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a:hover {
  color: #e1e1e1;
  background: #151515;
}

.button-dropdown.button-dropdown-action .button-dropdown-list {
  background: rgba(165, 222, 55, 0.95);
  border-color: #8bc220;
}

.button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider {
  border-color: #94cf22;
}

.button-dropdown.button-dropdown-action .button-dropdown-list > li > a {
  color: #fff;
}

.button-dropdown.button-dropdown-action .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #9ad824;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list {
  background: rgba(254, 174, 27, 0.95);
  border-color: #e59501;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider {
  border-color: #f49f01;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a {
  color: #fff;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #fea502;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list {
  background: rgba(255, 67, 81, 0.95);
  border-color: #ff1022;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider {
  border-color: #ff1f30;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list > li > a {
  color: #fff;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #ff2939;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list {
  background: rgba(123, 114, 233, 0.95);
  border-color: #5246e2;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider {
  border-color: #5e53e4;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list > li > a {
  color: #fff;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #665ce6;
}

/*
* Buton Groups
*
* A group of related buttons
* displayed edge to edge
*/
.button-group {
  position: relative;
  display: inline-block;
}

.button-group:after {
  content: ' ';
  display: block;
  clear: both;
}

.button-group .button,
.button-group .button-dropdown {
  float: left;
}

.button-group .button:not(:first-child):not(:last-child),
.button-group .button-dropdown:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none;
}

.button-group .button:first-child,
.button-group .button-dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.button-group .button:last-child,
.button-group .button-dropdown:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
* Button Wrapper
*
* A wrap around effect to highlight
* the shape of the button and offer
* a subtle visual effect.
*/
.button-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
  background: linear-gradient(#f2f2f2, #fff);
  border-radius: 200px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

/*
* Long Shadow Buttons
*
* A visual effect adding a flat shadow to the text of a button
*/
/*
* Long Shadow Function
*
* Loops $length times building a long shadow. Defaults downward right
*/
/*
* LONG SHADOW MIXIN
*
*/
/*
* Shadow Right
*
*/
.button-longshadow,
.button-longshadow-right {
  overflow: hidden;
}

.button-longshadow.button-primary,
.button-longshadow-right.button-primary {
  text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7;
}

.button-longshadow.button-primary:active,
.button-longshadow.button-primary.active,
.button-longshadow.button-primary.is-active,
.button-longshadow-right.button-primary:active,
.button-longshadow-right.button-primary.active,
.button-longshadow-right.button-primary.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-plain,
.button-longshadow-right.button-plain {
  text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6;
}

.button-longshadow.button-plain:active,
.button-longshadow.button-plain.active,
.button-longshadow.button-plain.is-active,
.button-longshadow-right.button-plain:active,
.button-longshadow-right.button-plain.active,
.button-longshadow-right.button-plain.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-inverse,
.button-longshadow-right.button-inverse {
  text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909;
}

.button-longshadow.button-inverse:active,
.button-longshadow.button-inverse.active,
.button-longshadow.button-inverse.is-active,
.button-longshadow-right.button-inverse:active,
.button-longshadow-right.button-inverse.active,
.button-longshadow-right.button-inverse.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-action,
.button-longshadow-right.button-action {
  text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220;
}

.button-longshadow.button-action:active,
.button-longshadow.button-action.active,
.button-longshadow.button-action.is-active,
.button-longshadow-right.button-action:active,
.button-longshadow-right.button-action.active,
.button-longshadow-right.button-action.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-highlight,
.button-longshadow-right.button-highlight {
  text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501;
}

.button-longshadow.button-highlight:active,
.button-longshadow.button-highlight.active,
.button-longshadow.button-highlight.is-active,
.button-longshadow-right.button-highlight:active,
.button-longshadow-right.button-highlight.active,
.button-longshadow-right.button-highlight.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-caution,
.button-longshadow-right.button-caution {
  text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022;
}

.button-longshadow.button-caution:active,
.button-longshadow.button-caution.active,
.button-longshadow.button-caution.is-active,
.button-longshadow-right.button-caution:active,
.button-longshadow-right.button-caution.active,
.button-longshadow-right.button-caution.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-royal,
.button-longshadow-right.button-royal {
  text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2;
}

.button-longshadow.button-royal:active,
.button-longshadow.button-royal.active,
.button-longshadow.button-royal.is-active,
.button-longshadow-right.button-royal:active,
.button-longshadow-right.button-royal.active,
.button-longshadow-right.button-royal.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/*
* Shadow Left
*
*/
.button-longshadow-left {
  overflow: hidden;
}

.button-longshadow-left.button-primary {
  text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7;
}

.button-longshadow-left.button-primary:active,
.button-longshadow-left.button-primary.active,
.button-longshadow-left.button-primary.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-plain {
  text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6;
}

.button-longshadow-left.button-plain:active,
.button-longshadow-left.button-plain.active,
.button-longshadow-left.button-plain.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-inverse {
  text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909;
}

.button-longshadow-left.button-inverse:active,
.button-longshadow-left.button-inverse.active,
.button-longshadow-left.button-inverse.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-action {
  text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220;
}

.button-longshadow-left.button-action:active,
.button-longshadow-left.button-action.active,
.button-longshadow-left.button-action.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-highlight {
  text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501;
}

.button-longshadow-left.button-highlight:active,
.button-longshadow-left.button-highlight.active,
.button-longshadow-left.button-highlight.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-caution {
  text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022;
}

.button-longshadow-left.button-caution:active,
.button-longshadow-left.button-caution.active,
.button-longshadow-left.button-caution.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-royal {
  text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2;
}

.button-longshadow-left.button-royal:active,
.button-longshadow-left.button-royal.active,
.button-longshadow-left.button-royal.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/*
* Button Sizes
*
* This file creates the various button sizes
* (ex. .button-large, .button-small, etc.)
*/
.button-giant {
  font-size: 28px;
  height: 70px;
  line-height: 70px;
  padding: 0 70px;
}

.button-jumbo {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  padding: 0 60px;
}

.button-large {
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding: 0 50px;
}

.button-normal {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
}

.button-small {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
}

.button-tiny {
  font-size: 9.6px;
  height: 24px;
  line-height: 24px;
  padding: 0 24px;
}

.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.2rem;
  margin-bottom: 3rem;
  position: relative;
}

.pagination-container a {
  border: 0;
  border-radius: 30px !important;
  transition: all .3s;
  padding: 0 11px;
  margin: 0 3px;
  min-width: 30px;
  text-align: center;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
  color: #495057;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  background: transparent;
}

.pagination-container a:hover {
  color: #235a84;
  background-color: rgba(222, 222, 222, 0.3);
  border: none;
}

.pagination-container .current {
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  background-color: #235a84 !important;
  color: #fff !important;
}

.pagination-container .first,
.pagination-container .last {
  display: none;
}

.pagination-container .next {
  position: absolute;
  right: 0;
  font-size: 0;
}

.pagination-container .next:before {
  content: "\e798";
  font-size: 1.5rem;
  display: inline;
}

.pagination-container .prev {
  position: absolute;
  left: 0;
  font-size: 0;
}

.pagination-container .prev:before {
  content: "\e7a5";
  font-size: 1.5rem;
  display: inline;
}

.subject-page .page-link {
  color: #adb5bd;
  border: none;
  background: none !important;
}

.subject-page .page-link .fas {
  font-size: 2rem;
  color: #a5231d;
}

.subject-page .page-link:focus, .subject-page .page-link:hover {
  text-decoration: none;
  color: #df5049;
}

.subject-page .page-link:focus .fas, .subject-page .page-link:hover .fas {
  color: #df5049;
}

.subject-page .page-link:active {
  text-decoration: none;
  color: #7a1a15;
}

.subject-page .active .page-link {
  color: #161616;
  font-weight: 700;
}

.subject-page .disabled .page-link {
  color: #afafaf;
}

.subject-page .disabled .page-link .fas {
  color: #afafaf;
}

.tcdPageCode {
  padding-top: 2rem;
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

@media only screen and (max-width: 576px) {
  .tcdPageCode {
    display: flex;
    justify-content: space-around;
  }
}

.tcdPageCode a {
  display: inline-block;
  color: #428bca;
  min-width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  font-size: 1.125rem;
  text-align: center;
}

.tcdPageCode a:hover {
  opacity: .7;
}

.tcdPageCode span {
  display: inline-block;
  height: 2.5rem;
  min-width: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  border-radius: 2.5rem;
}

.tcdPageCode span.current {
  color: #fff;
  background-color: #428bca;
}

.tcdPageCode span.disabled {
  color: #bfbfbf;
}

a {
  color: #161616;
}

a:focus, a:hover {
  text-decoration: none;
  color: #636363;
}

.logo-top {
  margin-top: 12px;
  display: block;
}

.navbar .topic {
  line-height: 46px;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
}

.header {
  margin: 100px auto auto;
  max-width: 1000px;
  width: 70%;
}

.thumbnail img {
  width: 100%;
}

.thumbnail {
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
  transition: .3s;
}

.thumbnail .caption {
  padding: 12px;
}

.thumbnail:hover {
  -webkit-box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.3);
  transition: .3s;
}

.news-cards .thumbnail {
  padding: 15px;
}

.news-cards .thumbnail .caption {
  padding: 0;
  margin: 0;
}

.news-cards .caption h3 {
  overflow: hidden;
  color: #666;
  height: 2.1em;
  font-size: 18px;
}

.title-full {
  text-align: center;
  position: relative;
  height: 80px;
  overflow: hidden;
}

.title-full .more {
  display: block;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 12px;
  width: 40px;
  height: 40px;
  background-image: url(../images/i-more.png);
  background-size: 40px;
}

.navbar-header .navbar-brand:hover,
.navbar-header .navbar-brand:focus {
  color: #1A1A1A;
  background-color: transparent;
}

.nav-topic .navbar-toggle {
  border: solid 1px #fff;
}

.nav-topic a {
  color: #000;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.nav-topic > li a:hover {
  background-color: transparent;
}

.nav-topic .navbar-toggle .icon-bar {
  background-color: #888888;
}

.nav-topic .button {
  padding: 0 20px;
}

.slider-wrapper {
  position: relative;
}

.flexslider-top .caption {
  position: absolute;
  z-index: 99;
  bottom: 20%;
  left: 15%;
  max-width: 40%;
}

.flexslider-top .caption h1 {
  color: #000;
  font-size: 40px;
  font-weight: 700;
}

.swiper-pagination {
  left: 0;
  right: 0;
}

.swiper-pagination-bullet {
  margin: 0 3px;
}

.swiper-pagination {
  bottom: 10px;
  z-index: 100;
}

.swiper-slide img {
  width: 100%;
}

.column-title {
  text-align: center;
}

.column-title h2 {
  margin-top: 0;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #624e23;
}

.container-fluid .module {
  margin-left: -15px;
  margin-right: -15px;
}

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

.title-full {
  border: none;
}

.news-full-list {
  overflow: hidden;
  margin-bottom: 20px;
}

.news-full-list2 .col-md-5 {
  float: right;
}

.topic-wrapper .col-md-5 a {
  display: block;
  position: relative;
  overflow: hidden;
}

.topic-wrapper .img-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.53);
  color: #fff;
  font-weight: 700;
}

.topic-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.breadcrumb-bar {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  padding: 10px 0px;
}

.breadcrumb-bar .breadcrumb {
  margin-bottom: 0;
}

.news-list li {
  margin-bottom: 12px;
}

.news-list a {
  display: block;
  font-size: 22px;
  font-weight: 400;
  color: #235a84;
}

.news-list span {
  color: #999;
  font-size: 14px;
  display: block;
}

.button {
  padding: 0 20px;
}

.topic-title {
  text-align: center;
  font-size: 30px;
  margin: 20px 0;
  font-weight: 700;
}

@media screen and (max-width: 450px) {
  .topic-title {
    font-size: 1.125rem;
  }
}

.topic-text {
  font-size: 24px;
  text-align: center;
  color: #666;
  line-height: 1.6;
  font-weight: 300;
}

@media all and (min-width: 768px) {
  .nav-topic .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .topic-wrapper .img-caption {
    display: none;
  }
  .team .thumbnail {
    border: 2px solid #d3c867;
    min-height: 500px;
  }
}

@media all and (min-width: 1000px) {
  .team .thumbnail {
    min-height: 550px;
  }
}

@media all and (min-width: 1200px) {
  .team .thumbnail {
    min-height: 480px;
  }
}

@media screen and (max-width: 1000px) {
  .topic-wrapper p {
    max-height: 7.2em;
    overflow: hidden;
  }
}

@media screen and (max-width: 749px) {
  .logo-top {
    width: 200px;
  }
  .navbar .topic {
    float: right;
    font-size: 16px;
    margin-left: 0;
  }
  .nav-topic {
    border: none;
    margin-bottom: 0;
    padding: 0px;
    height: auto;
  }
  .nav-topic .navbar-header,
  .nav-topic .navbar-collapse {
    position: relative;
  }
  .nav-topic.affix {
    position: static;
  }
  .nav-topic .navbar-collapse li {
    text-align: center;
    margin-bottom: 10px;
  }
  .header {
    margin: 20px auto auto;
  }
  .caption h3 {
    font-size: 18px;
    padding-top: 0px;
  }
  .mobile {
    display: block !important;
  }
  .desktop {
    display: none !important;
  }
  .signup {
    font-size: 12px;
  }
  .topic-wrapper .col-md-5 a {
    max-height: 300px;
  }
}

@media screen and (max-width: 450px) {
  .topic-wrapper .col-md-5 a {
    max-height: 200px;
  }
  .popup-win {
    height: 400px !important;
  }
}

/*新增 开始*/
.a1:hover {
  border: none;
  text-decoration: none !important;
  outline: none !important;
}

.a1:hover .caption {
  padding-bottom: 9px !important;
}

.flexslider-top .caption {
  position: absolute;
  z-index: 99;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 20px 35px 20px;
  color: #FFF;
  font-weight: bold;
  font-size: 26px;
  background: linear-gradient(transparent, #000);
  max-width: 100%;
}

@media screen and (max-width: 765px) {
  .flexslider-top .caption {
    font-size: 20px;
    padding: 10px 10px 20px 10px;
  }
}

/*新增 结束*/