@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Fahkwang:400,700");
@import url("https://fonts.googleapis.com/css2?family=Oswald&family=Poppins&family=Quattrocento+Sans&display=swap");
@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}
body {
  font-size: 1.1em;
  font-family: "Quattrocento Sans", sans-serif;
}
@media (min-width: 720px) {
  body {
    font-size: 1em;
  }
}

p {
  text-align: justify;
}

.menuBottomAds {
  margin: 20px 0;
}

.slideTopAds {
  margin: 0 0 20px 0;
}

.fullads {
  margin: 0 0 20px 0;
}

.slidebarads {
  margin: 0 0 20px 0;
  text-align: center;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

/*! @license
*
* Buttons
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* Compass (optional)
*
* We recommend the use of autoprefixer instead of Compass
* when using buttons. However, buttons does support Compass.
* simply change $ubtn-use-compass to true and uncomment the
* @import 'compass' code below to use Compass.
*/
/*
* Required Files
*
* These files include the variables and options
* and base css styles that are required to generate buttons.
*/
/*
* $ubtn prefix (reserved)
*
* This prefix stands for Unicorn Button - ubtn
* We provide a prefix to the Sass Variables to
* prevent namespace collisions that could occur if
* you import buttons as part of your Sass build process.
* We kindly ask you not to use the prefix $ubtn in your project
* in order to avoid possilbe name conflicts. Thanks!
*/
/*
* Button Namespace (ex .button or .btn)
*
*/
/*
* Button Defaults
*
* Some default settings that are used throughout the button library.
* Changes to these settings will be picked up by all of the other modules.
* The colors used here are the default colors for the base button (gray).
* The font size and height are used to set the base size for the buttons.
* The size values will be used to calculate the larger and smaller button sizes.
*/
/*
* Button Colors
*
* $ubtn-colors is used to generate the different button colors.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, background, color)
* The class is generated using the name: (ex .button-primary)
*/
/*
* Button Shapes
*
* $ubtn-shapes is used to generate the different button shapes.
* Edit or add shapes to the list below and recompile.
* Each block contains the (name, border-radius).
* The class is generated using the name: (ex .button-square).
*/
/*
* Button Sizes
*
* $ubtn-sizes is used to generate the different button sizes.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, size multiplier).
* The class is generated using the name: (ex .button-giant).
*/
/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/
/*
* No Animation
*
* Sets animation property to none
*/
/*
* Clearfix
*
* Clears floats inside the container
*/
/*
* Base Button Style
*
* The default values for the .button class
*/
.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;
  box-sizing: border-box;
  transition-property: all;
  transition-duration: 0.3s;
  /*
  * Disabled State
  *
  * The disabled state uses the class .disabled, is-disabled,
  * and the form attribute disabled="disabled".
  * The use of !important is only added because this is a state
  * that must be applied to all buttons when in a disabled state.
  */
}
.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: #d5d5d5;
  transition-duration: 0s;
  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;
  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: #00b3e3;
  border-color: #00b3e3;
  color: #FFF;
}
.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: #17ceff;
  border-color: #17ceff;
  color: #FFF;
}
.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: #0bacd8;
  border-color: #0bacd8;
  color: #008bb0;
}

.button-secondary,
.button-secondary-flat {
  background-color: #7d9d3a;
  border-color: #7d9d3a;
  color: #FFF;
}
.button-secondary:visited,
.button-secondary-flat:visited {
  color: #FFF;
}
.button-secondary:hover, .button-secondary:focus,
.button-secondary-flat:hover,
.button-secondary-flat:focus {
  background-color: #99bd4d;
  border-color: #99bd4d;
  color: #FFF;
}
.button-secondary:active, .button-secondary.active, .button-secondary.is-active,
.button-secondary-flat:active,
.button-secondary-flat.active,
.button-secondary-flat.is-active {
  background-color: #799245;
  border-color: #799245;
  color: #5f782c;
}

.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;
}

.button-subprimary,
.button-subprimary-flat {
  background-color: #7d9d3a;
  border-color: #7d9d3a;
  color: #00b3e3;
}
.button-subprimary:visited,
.button-subprimary-flat:visited {
  color: #00b3e3;
}
.button-subprimary:hover, .button-subprimary:focus,
.button-subprimary-flat:hover,
.button-subprimary-flat:focus {
  background-color: #99bd4d;
  border-color: #99bd4d;
  color: #00b3e3;
}
.button-subprimary:active, .button-subprimary.active, .button-subprimary.is-active,
.button-subprimary-flat:active,
.button-subprimary-flat.active,
.button-subprimary-flat.is-active {
  background-color: #799245;
  border-color: #799245;
  color: #5f782c;
}

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

/*
* 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-thick, .button-border-thin {
  background: none;
  border-width: 2px;
  border-style: solid;
  line-height: 36px;
}
.button-border:hover, .button-border-thick:hover, .button-border-thin:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.button-border:active, .button-border-thick:active, .button-border-thin:active, .button-border.active, .active.button-border-thick, .active.button-border-thin, .button-border.is-active, .is-active.button-border-thick, .is-active.button-border-thin {
  box-shadow: none;
  text-shadow: none;
  transition-property: all;
  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 {
  /*
  * Border Button Size Adjustment
  *
  * The line-height must be adjusted to compinsate for
  * the width of the border.
  */
}
.button-border.button-primary,
.button-border-thin.button-primary,
.button-border-thick.button-primary {
  color: #00b3e3;
}
.button-border.button-primary:hover, .button-border.button-primary: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(23, 206, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-primary:active, .button-border.button-primary.active, .button-border.button-primary.is-active,
.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(11, 172, 216, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}
.button-border.button-secondary,
.button-border-thin.button-secondary,
.button-border-thick.button-secondary {
  color: #7d9d3a;
}
.button-border.button-secondary:hover, .button-border.button-secondary:focus,
.button-border-thin.button-secondary:hover,
.button-border-thin.button-secondary:focus,
.button-border-thick.button-secondary:hover,
.button-border-thick.button-secondary:focus {
  background-color: rgba(153, 189, 77, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-secondary:active, .button-border.button-secondary.active, .button-border.button-secondary.is-active,
.button-border-thin.button-secondary:active,
.button-border-thin.button-secondary.active,
.button-border-thin.button-secondary.is-active,
.button-border-thick.button-secondary:active,
.button-border-thick.button-secondary.active,
.button-border-thick.button-secondary.is-active {
  background-color: rgba(121, 146, 69, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}
.button-border.button-plain,
.button-border-thin.button-plain,
.button-border-thick.button-plain {
  color: #FFF;
}
.button-border.button-plain:hover, .button-border.button-plain: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-border.button-plain.active, .button-border.button-plain.is-active,
.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-border-thin.button-inverse,
.button-border-thick.button-inverse {
  color: #222;
}
.button-border.button-inverse:hover, .button-border.button-inverse: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-border.button-inverse.active, .button-border.button-inverse.is-active,
.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-border-thin.button-action,
.button-border-thick.button-action {
  color: #A5DE37;
}
.button-border.button-action:hover, .button-border.button-action: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-border.button-action.active, .button-border.button-action.is-active,
.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-border-thin.button-highlight,
.button-border-thick.button-highlight {
  color: #FEAE1B;
}
.button-border.button-highlight:hover, .button-border.button-highlight: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-border.button-highlight.active, .button-border.button-highlight.is-active,
.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-border-thin.button-caution,
.button-border-thick.button-caution {
  color: #FF4351;
}
.button-border.button-caution:hover, .button-border.button-caution: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-border.button-caution.active, .button-border.button-caution.is-active,
.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-border-thin.button-royal,
.button-border-thick.button-royal {
  color: #7B72E9;
}
.button-border.button-royal:hover, .button-border.button-royal: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-border.button-royal.active, .button-border.button-royal.is-active,
.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-subprimary,
.button-border-thin.button-subprimary,
.button-border-thick.button-subprimary {
  color: #7d9d3a;
}
.button-border.button-subprimary:hover, .button-border.button-subprimary:focus,
.button-border-thin.button-subprimary:hover,
.button-border-thin.button-subprimary:focus,
.button-border-thick.button-subprimary:hover,
.button-border-thick.button-subprimary:focus {
  background-color: rgba(153, 189, 77, 0.9);
  color: rgba(0, 179, 227, 0.9);
}
.button-border.button-subprimary:active, .button-border.button-subprimary.active, .button-border.button-subprimary.is-active,
.button-border-thin.button-subprimary:active,
.button-border-thin.button-subprimary.active,
.button-border-thin.button-subprimary.is-active,
.button-border-thick.button-subprimary:active,
.button-border-thick.button-subprimary.active,
.button-border-thick.button-subprimary.is-active {
  background-color: rgba(121, 146, 69, 0.7);
  color: rgba(0, 179, 227, 0.5);
  opacity: 0.3;
}
.button-border.button-giant,
.button-border-thin.button-giant,
.button-border-thick.button-giant {
  line-height: 66px;
}
.button-border.button-jumbo,
.button-border-thin.button-jumbo,
.button-border-thick.button-jumbo {
  line-height: 56px;
}
.button-border.button-large,
.button-border-thin.button-large,
.button-border-thick.button-large {
  line-height: 46px;
}
.button-border.button-normal,
.button-border-thin.button-normal,
.button-border-thick.button-normal {
  line-height: 36px;
}
.button-border.button-small,
.button-border-thin.button-small,
.button-border-thick.button-small {
  line-height: 26px;
}
.button-border.button-tiny,
.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 {
  box-shadow: none;
  text-shadow: none;
  transition-property: all;
  transition-duration: 0.3s;
  opacity: 0.3;
}
.button-borderless.button-primary {
  color: #00b3e3;
}
.button-borderless.button-secondary {
  color: #7d9d3a;
}
.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-subprimary {
  color: #7d9d3a;
}
.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: linear-gradient(#f6f6f6, #e1e1e1);
  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: linear-gradient(to bottom, white, gainsboro);
}
.button-raised:active, .button-raised.active, .button-raised.is-active {
  background: #eeeeee;
  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: #009fca;
  background: linear-gradient(#00c7fd, #009fca);
}
.button-raised.button-primary:hover, .button-raised.button-primary:focus {
  background: linear-gradient(to bottom, #0dccff, #0097bf);
}
.button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active {
  border-color: #008bb0;
  background: #0bacd8;
}
.button-raised.button-secondary {
  border-color: #6e8a33;
  background: linear-gradient(#8cb041, #6e8a33);
}
.button-raised.button-secondary:hover, .button-raised.button-secondary:focus {
  background: linear-gradient(to bottom, #95ba45, #688330);
}
.button-raised.button-secondary:active, .button-raised.button-secondary.active, .button-raised.button-secondary.is-active {
  border-color: #5f782c;
  background: #799245;
}
.button-raised.button-plain {
  border-color: #f2f2f2;
  background: linear-gradient(white, #f2f2f2);
}
.button-raised.button-plain:hover, .button-raised.button-plain:focus {
  background: linear-gradient(to bottom, 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: linear-gradient(#2f2f2f, #151515);
}
.button-raised.button-inverse:hover, .button-raised.button-inverse:focus {
  background: linear-gradient(to bottom, #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: linear-gradient(#afe24d, #9ad824);
}
.button-raised.button-action:hover, .button-raised.button-action:focus {
  background: linear-gradient(to bottom, #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: linear-gradient(#feb734, #fea502);
}
.button-raised.button-highlight:hover, .button-raised.button-highlight:focus {
  background: linear-gradient(to bottom, #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: #ff2a39;
  background: linear-gradient(#ff5d69, #ff2a39);
}
.button-raised.button-caution:hover, .button-raised.button-caution:focus {
  background: linear-gradient(to bottom, #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: linear-gradient(#9088ec, #665ce6);
}
.button-raised.button-royal:hover, .button-raised.button-royal:focus {
  background: linear-gradient(to bottom, #9c95ef, #5e53e4);
}
.button-raised.button-royal:active, .button-raised.button-royal.active, .button-raised.button-royal.is-active {
  border-color: #5246e2;
  background: #827ae1;
}
.button-raised.button-subprimary {
  border-color: #6e8a33;
  background: linear-gradient(#8cb041, #6e8a33);
}
.button-raised.button-subprimary:hover, .button-raised.button-subprimary:focus {
  background: linear-gradient(to bottom, #95ba45, #688330);
}
.button-raised.button-subprimary:active, .button-raised.button-subprimary.active, .button-raised.button-subprimary.is-active {
  border-color: #5f782c;
  background: #799245;
}

/*
* 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;
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
}
.button-3d:hover, .button-3d:focus {
  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;
  transition-property: all;
  transition-duration: 0.15s;
  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 {
  box-shadow: 0 7px 0 #008bb0, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button-3d.button-primary:hover, .button-3d.button-primary:focus {
  box-shadow: 0 7px 0 #0083a6, 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 {
  box-shadow: 0 2px 0 #00637d, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-secondary {
  box-shadow: 0 7px 0 #5f782c, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button-3d.button-secondary:hover, .button-3d.button-secondary:focus {
  box-shadow: 0 7px 0 #597029, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button-3d.button-secondary:active, .button-3d.button-secondary.active, .button-3d.button-secondary.is-active {
  box-shadow: 0 2px 0 #42531e, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-plain {
  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 {
  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 {
  box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-inverse {
  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 {
  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 {
  box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-action {
  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 {
  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 {
  box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-highlight {
  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 {
  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 {
  box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-caution {
  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 {
  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 {
  box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-royal {
  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 {
  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 {
  box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2);
}
.button-3d.button-subprimary {
  box-shadow: 0 7px 0 #5f782c, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button-3d.button-subprimary:hover, .button-3d.button-subprimary:focus {
  box-shadow: 0 7px 0 #597029, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.button-3d.button-subprimary:active, .button-3d.button-subprimary.active, .button-3d.button-subprimary.is-active {
  box-shadow: 0 2px 0 #42531e, 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
*
*/
@keyframes glowing {
  from {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}
/*
* Glowing Keyframes for various colors
*
*/
@keyframes glowing-primary {
  from {
    box-shadow: 0 0 0 rgba(0, 179, 227, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 179, 227, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(0, 179, 227, 0.3);
  }
}
@keyframes glowing-secondary {
  from {
    box-shadow: 0 0 0 rgba(125, 157, 58, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(125, 157, 58, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(125, 157, 58, 0.3);
  }
}
@keyframes glowing-plain {
  from {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}
@keyframes glowing-inverse {
  from {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}
@keyframes glowing-action {
  from {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}
@keyframes glowing-highlight {
  from {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}
@keyframes glowing-caution {
  from {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}
@keyframes glowing-royal {
  from {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
}
@keyframes glowing-subprimary {
  from {
    box-shadow: 0 0 0 rgba(125, 157, 58, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(125, 157, 58, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(125, 157, 58, 0.3);
  }
}
/*
* Glowing Buttons Base Styes
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
.button-glow {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: glowing;
}
.button-glow:active, .button-glow.active, .button-glow.is-active {
  animation-name: none;
}

/*
* Glowing Button Colors
*
* Create colors for glowing buttons
*/
.button-glow.button-primary {
  animation-name: glowing-primary;
}
.button-glow.button-secondary {
  animation-name: glowing-secondary;
}
.button-glow.button-plain {
  animation-name: glowing-plain;
}
.button-glow.button-inverse {
  animation-name: glowing-inverse;
}
.button-glow.button-action {
  animation-name: glowing-action;
}
.button-glow.button-highlight {
  animation-name: glowing-highlight;
}
.button-glow.button-caution {
  animation-name: glowing-caution;
}
.button-glow.button-royal {
  animation-name: glowing-royal;
}
.button-glow.button-subprimary {
  animation-name: glowing-subprimary;
}

/*
* 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: #d5d5d5;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  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;
  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(0, 179, 227, 0.95);
  border-color: #008bb0;
}
.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
  border-color: #0097bf;
}
.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: #009fca;
}
.button-dropdown.button-dropdown-secondary .button-dropdown-list {
  background: rgba(125, 157, 58, 0.95);
  border-color: #5f782c;
}
.button-dropdown.button-dropdown-secondary .button-dropdown-list .button-dropdown-divider {
  border-color: #688330;
}
.button-dropdown.button-dropdown-secondary .button-dropdown-list > li > a {
  color: #FFF;
}
.button-dropdown.button-dropdown-secondary .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #6e8a33;
}
.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: #ff2a39;
}
.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;
}
.button-dropdown.button-dropdown-subprimary .button-dropdown-list {
  background: rgba(125, 157, 58, 0.95);
  border-color: #5f782c;
}
.button-dropdown.button-dropdown-subprimary .button-dropdown-list .button-dropdown-divider {
  border-color: #688330;
}
.button-dropdown.button-dropdown-subprimary .button-dropdown-list > li > a {
  color: #00b3e3;
}
.button-dropdown.button-dropdown-subprimary .button-dropdown-list > li > a:hover {
  color: #009fca;
  background: #6e8a33;
}

/*
* 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: linear-gradient(#f2f2f2, #FFF);
  border-radius: 200px;
  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 #008bb0, 1px 1px #008bb0, 2px 2px #008bb0, 3px 3px #008bb0, 4px 4px #008bb0, 5px 5px #008bb0, 6px 6px #008bb0, 7px 7px #008bb0, 8px 8px #008bb0, 9px 9px #008bb0, 10px 10px #008bb0, 11px 11px #008bb0, 12px 12px #008bb0, 13px 13px #008bb0, 14px 14px #008bb0, 15px 15px #008bb0, 16px 16px #008bb0, 17px 17px #008bb0, 18px 18px #008bb0, 19px 19px #008bb0, 20px 20px #008bb0, 21px 21px #008bb0, 22px 22px #008bb0, 23px 23px #008bb0, 24px 24px #008bb0, 25px 25px #008bb0, 26px 26px #008bb0, 27px 27px #008bb0, 28px 28px #008bb0, 29px 29px #008bb0, 30px 30px #008bb0, 31px 31px #008bb0, 32px 32px #008bb0, 33px 33px #008bb0, 34px 34px #008bb0, 35px 35px #008bb0, 36px 36px #008bb0, 37px 37px #008bb0, 38px 38px #008bb0, 39px 39px #008bb0, 40px 40px #008bb0, 41px 41px #008bb0, 42px 42px #008bb0, 43px 43px #008bb0, 44px 44px #008bb0, 45px 45px #008bb0, 46px 46px #008bb0, 47px 47px #008bb0, 48px 48px #008bb0, 49px 49px #008bb0, 50px 50px #008bb0, 51px 51px #008bb0, 52px 52px #008bb0, 53px 53px #008bb0, 54px 54px #008bb0, 55px 55px #008bb0, 56px 56px #008bb0, 57px 57px #008bb0, 58px 58px #008bb0, 59px 59px #008bb0, 60px 60px #008bb0, 61px 61px #008bb0, 62px 62px #008bb0, 63px 63px #008bb0, 64px 64px #008bb0, 65px 65px #008bb0, 66px 66px #008bb0, 67px 67px #008bb0, 68px 68px #008bb0, 69px 69px #008bb0, 70px 70px #008bb0, 71px 71px #008bb0, 72px 72px #008bb0, 73px 73px #008bb0, 74px 74px #008bb0, 75px 75px #008bb0, 76px 76px #008bb0, 77px 77px #008bb0, 78px 78px #008bb0, 79px 79px #008bb0, 80px 80px #008bb0, 81px 81px #008bb0, 82px 82px #008bb0, 83px 83px #008bb0, 84px 84px #008bb0, 85px 85px #008bb0;
}
.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-secondary,
.button-longshadow-right.button-secondary {
  text-shadow: 0px 0px #5f782c, 1px 1px #5f782c, 2px 2px #5f782c, 3px 3px #5f782c, 4px 4px #5f782c, 5px 5px #5f782c, 6px 6px #5f782c, 7px 7px #5f782c, 8px 8px #5f782c, 9px 9px #5f782c, 10px 10px #5f782c, 11px 11px #5f782c, 12px 12px #5f782c, 13px 13px #5f782c, 14px 14px #5f782c, 15px 15px #5f782c, 16px 16px #5f782c, 17px 17px #5f782c, 18px 18px #5f782c, 19px 19px #5f782c, 20px 20px #5f782c, 21px 21px #5f782c, 22px 22px #5f782c, 23px 23px #5f782c, 24px 24px #5f782c, 25px 25px #5f782c, 26px 26px #5f782c, 27px 27px #5f782c, 28px 28px #5f782c, 29px 29px #5f782c, 30px 30px #5f782c, 31px 31px #5f782c, 32px 32px #5f782c, 33px 33px #5f782c, 34px 34px #5f782c, 35px 35px #5f782c, 36px 36px #5f782c, 37px 37px #5f782c, 38px 38px #5f782c, 39px 39px #5f782c, 40px 40px #5f782c, 41px 41px #5f782c, 42px 42px #5f782c, 43px 43px #5f782c, 44px 44px #5f782c, 45px 45px #5f782c, 46px 46px #5f782c, 47px 47px #5f782c, 48px 48px #5f782c, 49px 49px #5f782c, 50px 50px #5f782c, 51px 51px #5f782c, 52px 52px #5f782c, 53px 53px #5f782c, 54px 54px #5f782c, 55px 55px #5f782c, 56px 56px #5f782c, 57px 57px #5f782c, 58px 58px #5f782c, 59px 59px #5f782c, 60px 60px #5f782c, 61px 61px #5f782c, 62px 62px #5f782c, 63px 63px #5f782c, 64px 64px #5f782c, 65px 65px #5f782c, 66px 66px #5f782c, 67px 67px #5f782c, 68px 68px #5f782c, 69px 69px #5f782c, 70px 70px #5f782c, 71px 71px #5f782c, 72px 72px #5f782c, 73px 73px #5f782c, 74px 74px #5f782c, 75px 75px #5f782c, 76px 76px #5f782c, 77px 77px #5f782c, 78px 78px #5f782c, 79px 79px #5f782c, 80px 80px #5f782c, 81px 81px #5f782c, 82px 82px #5f782c, 83px 83px #5f782c, 84px 84px #5f782c, 85px 85px #5f782c;
}
.button-longshadow.button-secondary:active, .button-longshadow.button-secondary.active, .button-longshadow.button-secondary.is-active,
.button-longshadow-right.button-secondary:active,
.button-longshadow-right.button-secondary.active,
.button-longshadow-right.button-secondary.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);
}
.button-longshadow.button-subprimary,
.button-longshadow-right.button-subprimary {
  text-shadow: 0px 0px #5f782c, 1px 1px #5f782c, 2px 2px #5f782c, 3px 3px #5f782c, 4px 4px #5f782c, 5px 5px #5f782c, 6px 6px #5f782c, 7px 7px #5f782c, 8px 8px #5f782c, 9px 9px #5f782c, 10px 10px #5f782c, 11px 11px #5f782c, 12px 12px #5f782c, 13px 13px #5f782c, 14px 14px #5f782c, 15px 15px #5f782c, 16px 16px #5f782c, 17px 17px #5f782c, 18px 18px #5f782c, 19px 19px #5f782c, 20px 20px #5f782c, 21px 21px #5f782c, 22px 22px #5f782c, 23px 23px #5f782c, 24px 24px #5f782c, 25px 25px #5f782c, 26px 26px #5f782c, 27px 27px #5f782c, 28px 28px #5f782c, 29px 29px #5f782c, 30px 30px #5f782c, 31px 31px #5f782c, 32px 32px #5f782c, 33px 33px #5f782c, 34px 34px #5f782c, 35px 35px #5f782c, 36px 36px #5f782c, 37px 37px #5f782c, 38px 38px #5f782c, 39px 39px #5f782c, 40px 40px #5f782c, 41px 41px #5f782c, 42px 42px #5f782c, 43px 43px #5f782c, 44px 44px #5f782c, 45px 45px #5f782c, 46px 46px #5f782c, 47px 47px #5f782c, 48px 48px #5f782c, 49px 49px #5f782c, 50px 50px #5f782c, 51px 51px #5f782c, 52px 52px #5f782c, 53px 53px #5f782c, 54px 54px #5f782c, 55px 55px #5f782c, 56px 56px #5f782c, 57px 57px #5f782c, 58px 58px #5f782c, 59px 59px #5f782c, 60px 60px #5f782c, 61px 61px #5f782c, 62px 62px #5f782c, 63px 63px #5f782c, 64px 64px #5f782c, 65px 65px #5f782c, 66px 66px #5f782c, 67px 67px #5f782c, 68px 68px #5f782c, 69px 69px #5f782c, 70px 70px #5f782c, 71px 71px #5f782c, 72px 72px #5f782c, 73px 73px #5f782c, 74px 74px #5f782c, 75px 75px #5f782c, 76px 76px #5f782c, 77px 77px #5f782c, 78px 78px #5f782c, 79px 79px #5f782c, 80px 80px #5f782c, 81px 81px #5f782c, 82px 82px #5f782c, 83px 83px #5f782c, 84px 84px #5f782c, 85px 85px #5f782c;
}
.button-longshadow.button-subprimary:active, .button-longshadow.button-subprimary.active, .button-longshadow.button-subprimary.is-active,
.button-longshadow-right.button-subprimary:active,
.button-longshadow-right.button-subprimary.active,
.button-longshadow-right.button-subprimary.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 #008bb0, -1px 1px #008bb0, -2px 2px #008bb0, -3px 3px #008bb0, -4px 4px #008bb0, -5px 5px #008bb0, -6px 6px #008bb0, -7px 7px #008bb0, -8px 8px #008bb0, -9px 9px #008bb0, -10px 10px #008bb0, -11px 11px #008bb0, -12px 12px #008bb0, -13px 13px #008bb0, -14px 14px #008bb0, -15px 15px #008bb0, -16px 16px #008bb0, -17px 17px #008bb0, -18px 18px #008bb0, -19px 19px #008bb0, -20px 20px #008bb0, -21px 21px #008bb0, -22px 22px #008bb0, -23px 23px #008bb0, -24px 24px #008bb0, -25px 25px #008bb0, -26px 26px #008bb0, -27px 27px #008bb0, -28px 28px #008bb0, -29px 29px #008bb0, -30px 30px #008bb0, -31px 31px #008bb0, -32px 32px #008bb0, -33px 33px #008bb0, -34px 34px #008bb0, -35px 35px #008bb0, -36px 36px #008bb0, -37px 37px #008bb0, -38px 38px #008bb0, -39px 39px #008bb0, -40px 40px #008bb0, -41px 41px #008bb0, -42px 42px #008bb0, -43px 43px #008bb0, -44px 44px #008bb0, -45px 45px #008bb0, -46px 46px #008bb0, -47px 47px #008bb0, -48px 48px #008bb0, -49px 49px #008bb0, -50px 50px #008bb0, -51px 51px #008bb0, -52px 52px #008bb0, -53px 53px #008bb0, -54px 54px #008bb0, -55px 55px #008bb0, -56px 56px #008bb0, -57px 57px #008bb0, -58px 58px #008bb0, -59px 59px #008bb0, -60px 60px #008bb0, -61px 61px #008bb0, -62px 62px #008bb0, -63px 63px #008bb0, -64px 64px #008bb0, -65px 65px #008bb0, -66px 66px #008bb0, -67px 67px #008bb0, -68px 68px #008bb0, -69px 69px #008bb0, -70px 70px #008bb0, -71px 71px #008bb0, -72px 72px #008bb0, -73px 73px #008bb0, -74px 74px #008bb0, -75px 75px #008bb0, -76px 76px #008bb0, -77px 77px #008bb0, -78px 78px #008bb0, -79px 79px #008bb0, -80px 80px #008bb0, -81px 81px #008bb0, -82px 82px #008bb0, -83px 83px #008bb0, -84px 84px #008bb0, -85px 85px #008bb0;
}
.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-secondary {
  text-shadow: 0px 0px #5f782c, -1px 1px #5f782c, -2px 2px #5f782c, -3px 3px #5f782c, -4px 4px #5f782c, -5px 5px #5f782c, -6px 6px #5f782c, -7px 7px #5f782c, -8px 8px #5f782c, -9px 9px #5f782c, -10px 10px #5f782c, -11px 11px #5f782c, -12px 12px #5f782c, -13px 13px #5f782c, -14px 14px #5f782c, -15px 15px #5f782c, -16px 16px #5f782c, -17px 17px #5f782c, -18px 18px #5f782c, -19px 19px #5f782c, -20px 20px #5f782c, -21px 21px #5f782c, -22px 22px #5f782c, -23px 23px #5f782c, -24px 24px #5f782c, -25px 25px #5f782c, -26px 26px #5f782c, -27px 27px #5f782c, -28px 28px #5f782c, -29px 29px #5f782c, -30px 30px #5f782c, -31px 31px #5f782c, -32px 32px #5f782c, -33px 33px #5f782c, -34px 34px #5f782c, -35px 35px #5f782c, -36px 36px #5f782c, -37px 37px #5f782c, -38px 38px #5f782c, -39px 39px #5f782c, -40px 40px #5f782c, -41px 41px #5f782c, -42px 42px #5f782c, -43px 43px #5f782c, -44px 44px #5f782c, -45px 45px #5f782c, -46px 46px #5f782c, -47px 47px #5f782c, -48px 48px #5f782c, -49px 49px #5f782c, -50px 50px #5f782c, -51px 51px #5f782c, -52px 52px #5f782c, -53px 53px #5f782c, -54px 54px #5f782c, -55px 55px #5f782c, -56px 56px #5f782c, -57px 57px #5f782c, -58px 58px #5f782c, -59px 59px #5f782c, -60px 60px #5f782c, -61px 61px #5f782c, -62px 62px #5f782c, -63px 63px #5f782c, -64px 64px #5f782c, -65px 65px #5f782c, -66px 66px #5f782c, -67px 67px #5f782c, -68px 68px #5f782c, -69px 69px #5f782c, -70px 70px #5f782c, -71px 71px #5f782c, -72px 72px #5f782c, -73px 73px #5f782c, -74px 74px #5f782c, -75px 75px #5f782c, -76px 76px #5f782c, -77px 77px #5f782c, -78px 78px #5f782c, -79px 79px #5f782c, -80px 80px #5f782c, -81px 81px #5f782c, -82px 82px #5f782c, -83px 83px #5f782c, -84px 84px #5f782c, -85px 85px #5f782c;
}
.button-longshadow-left.button-secondary:active, .button-longshadow-left.button-secondary.active, .button-longshadow-left.button-secondary.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-longshadow-left.button-subprimary {
  text-shadow: 0px 0px #5f782c, -1px 1px #5f782c, -2px 2px #5f782c, -3px 3px #5f782c, -4px 4px #5f782c, -5px 5px #5f782c, -6px 6px #5f782c, -7px 7px #5f782c, -8px 8px #5f782c, -9px 9px #5f782c, -10px 10px #5f782c, -11px 11px #5f782c, -12px 12px #5f782c, -13px 13px #5f782c, -14px 14px #5f782c, -15px 15px #5f782c, -16px 16px #5f782c, -17px 17px #5f782c, -18px 18px #5f782c, -19px 19px #5f782c, -20px 20px #5f782c, -21px 21px #5f782c, -22px 22px #5f782c, -23px 23px #5f782c, -24px 24px #5f782c, -25px 25px #5f782c, -26px 26px #5f782c, -27px 27px #5f782c, -28px 28px #5f782c, -29px 29px #5f782c, -30px 30px #5f782c, -31px 31px #5f782c, -32px 32px #5f782c, -33px 33px #5f782c, -34px 34px #5f782c, -35px 35px #5f782c, -36px 36px #5f782c, -37px 37px #5f782c, -38px 38px #5f782c, -39px 39px #5f782c, -40px 40px #5f782c, -41px 41px #5f782c, -42px 42px #5f782c, -43px 43px #5f782c, -44px 44px #5f782c, -45px 45px #5f782c, -46px 46px #5f782c, -47px 47px #5f782c, -48px 48px #5f782c, -49px 49px #5f782c, -50px 50px #5f782c, -51px 51px #5f782c, -52px 52px #5f782c, -53px 53px #5f782c, -54px 54px #5f782c, -55px 55px #5f782c, -56px 56px #5f782c, -57px 57px #5f782c, -58px 58px #5f782c, -59px 59px #5f782c, -60px 60px #5f782c, -61px 61px #5f782c, -62px 62px #5f782c, -63px 63px #5f782c, -64px 64px #5f782c, -65px 65px #5f782c, -66px 66px #5f782c, -67px 67px #5f782c, -68px 68px #5f782c, -69px 69px #5f782c, -70px 70px #5f782c, -71px 71px #5f782c, -72px 72px #5f782c, -73px 73px #5f782c, -74px 74px #5f782c, -75px 75px #5f782c, -76px 76px #5f782c, -77px 77px #5f782c, -78px 78px #5f782c, -79px 79px #5f782c, -80px 80px #5f782c, -81px 81px #5f782c, -82px 82px #5f782c, -83px 83px #5f782c, -84px 84px #5f782c, -85px 85px #5f782c;
}
.button-longshadow-left.button-subprimary:active, .button-longshadow-left.button-subprimary.active, .button-longshadow-left.button-subprimary.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;
}

.header {
  background: transparent;
  padding: 10px 0px 0px;
  color: #00b3e3;
}
.header .row {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .header .col_flex_board {
    justify-content: center;
  }
}
@media (min-width: 720px) {
  .header .col_flex_board {
    justify-content: flex-start;
  }
}
.header .todaydate {
  color: #00b3e3;
  font-size: 14px;
  text-align: center;
}
@media (min-width: 720px) {
  .header .todaydate {
    text-align: left;
  }
}
.header .sociallink {
  text-align: center;
  margin: 0;
  padding: 0;
}
.header .lang {
  text-align: center;
}
@media (min-width: 720px) {
  .header .lang {
    text-align: right;
  }
}
.header .lang a {
  color: #00b3e3;
  margin: 0 10px;
  font-size: 14px;
}
@media (min-width: 720px) {
  .header .lang a {
    margin: 0 0 5px 20px;
  }
}

.brand {
  display: block;
}

.headerads {
  margin: 15px 0;
  line-height: normal;
  text-align: right;
}

.todaydate {
  color: #00b3e3;
  font-size: 14px;
  margin: 12px 0;
}

.logo,
.logo:hover {
  font-family: "Fahkwang", sans-serif;
  font-size: 46px;
  font-weight: 700;
  color: #00b3e3;
  text-decoration: none;
}
.logo span,
.logo:hover span {
  color: #5f782c;
}

.main-search-box {
  line-height: 40px;
  background-color: #fff;
  border-radius: 0;
  margin: 0;
  width: 300px;
  font-size: 15px;
  color: #000;
  border: none;
  padding: 0 14px;
  float: left;
}

.search-block {
  position: relative;
  background-color: rgba(255, 255, 255, 0.14);
  color: #fff;
  height: 40px;
  width: 48px;
  padding-top: 14px;
  text-align: center;
  float: right;
}

.search-block button {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 980px) {
  .main-search-box {
    width: 85%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .search-block {
    width: 15%;
  }
}
@media (max-width: 768px) {
  .logo {
    margin: 0px;
    padding: 0px;
  }

  .brand {
    margin: 0px;
    padding: 0px 15px;
  }

  .main-search-box {
    width: 85%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .search-block {
    width: 15%;
  }
}
.search-popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0);
  transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
}
.search-popup:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(101%);
  -ms-transform: translateY(101%);
  transform: translateY(101%);
}
.search-popup:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  -webkit-transform: translateY(101%);
  -ms-transform: translateY(101%);
  transform: translateY(101%);
}
.search-popup.popup-visible {
  opacity: 1;
  visibility: visible;
}
.search-popup.popup-visible:before {
  transition: all 500ms ease 600ms;
  -moz-transition: all 500ms ease 600ms;
  -webkit-transition: all 500ms ease 600ms;
  -ms-transition: all 500ms ease 600ms;
  -o-transition: all 500ms ease 600ms;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.search-popup.popup-visible:after {
  transition: all 500ms ease 100ms;
  -moz-transition: all 500ms ease 100ms;
  -webkit-transition: all 500ms ease 100ms;
  -ms-transition: all 500ms ease 100ms;
  -o-transition: all 500ms ease 100ms;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.search-popup .overlay-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
}
.search-popup .close-search {
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 22px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
}
.search-popup .close-search:hover {
  opacity: 0.7;
}
.search-popup .search-form {
  position: relative;
  padding: 0px 15px 0px;
  max-width: 550px;
  margin: 0 auto;
  margin-top: 150px;
  margin-bottom: 0px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 10;
}
@media (min-width: 720px) {
  .search-popup .search-form {
    margin-top: 225px;
  }
}
.search-popup .search-form.type_2 {
  max-width: 1080px;
  margin-bottom: 100px;
}
.search-popup .search-form fieldset {
  position: relative;
  border: none;
  border-radius: 0;
}
.search-popup .search-form fieldset input[type=search] {
  position: relative;
  height: 50px;
  padding: 20px 220px 20px 30px;
  background: #ffffff;
  line-height: 28px;
  font-size: 18px;
  color: #233145;
  border-radius: 0;
}
.search-popup .search-form fieldset input[type=text] {
  position: relative;
  height: 50px;
  padding: 20px;
  width: 27.1%;
  background: #ffffff;
  line-height: 28px;
  font-size: 18px;
  color: #233145;
  border-radius: 0;
}
@media (max-width: 576px) {
  .search-popup .search-form fieldset input[type=text] {
    padding: 10px;
    width: 25.1%;
    line-height: 18px;
    font-size: 14px;
  }
}
.search-popup .search-form fieldset select {
  position: relative;
  height: 50px;
  padding: 12px;
  width: 27.1%;
  background: #ffffff;
  line-height: 20px;
  font-size: 18px;
  color: #233145;
  border-radius: 0;
}
@media (max-width: 576px) {
  .search-popup .search-form fieldset select {
    padding: 10px;
    width: 25.1%;
    line-height: 18px;
    font-size: 14px;
  }
}
.search-popup .search-form fieldset input[type=submit] {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  text-align: center;
  width: 150px;
  height: 51px;
  padding: 20px 10px 20px 10px;
  color: #ffffff !important;
  background: #7d9d3a;
  line-height: 10px;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0;
  border-color: #6e8a33;
}
.search-popup .search-form fieldset input[type=submit].type_2 {
  width: 185px;
}
@media (max-width: 576px) {
  .search-popup .search-form fieldset input[type=submit].type_2 {
    width: 80px;
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .search-popup .search-form fieldset input[type=submit] {
    width: 175px;
    font-size: 18px;
  }
}
.search-popup .search-form fieldset input[type=submit]:hover {
  background: transparent;
  border-color: #7d9d3a;
  color: #7d9d3a !important;
  font-weight: bold;
}
.search-popup h3 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-align: center;
}
.search-popup .recent-searches {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}
.search-popup .recent-searches li {
  display: inline-block;
  margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
  display: block;
  line-height: 24px;
  border: 1px solid #ffffff;
  padding: 7px 15px;
  color: #ffffff;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.search-popup .recent-searches li a:hover {
  color: #f47629;
  border-color: #f47629;
}

body.search-visible {
  overflow: hidden;
}

.search-popup.popup-visible .search-form {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: all 500ms ease 1100ms;
  -moz-transition: all 900ms ease 1100ms;
  -webkit-transition: all 900ms ease 1100ms;
  -ms-transition: all 900ms ease 1100ms;
  -o-transition: all 900ms ease 1100ms;
}

.search-wrapper {
  width: 100%;
  height: 50px;
  position: absolute;
  z-index: 200;
  left: 0;
  background-color: #D3D3D3;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0.05s;
}
.search-wrapper form {
  position: relative;
  z-index: 1;
}
.search-wrapper form input {
  height: 40px;
  border: 2px solid #fff;
  font-size: 12px;
  font-style: italic;
  padding: 0 20px;
  margin: 5px 0;
}
.search-wrapper form button {
  position: absolute;
  width: 60px;
  height: 40px;
  z-index: 1;
  top: 15px;
  border: none;
  right: 10%;
  cursor: pointer;
  outline: none;
  color: #ffffff !important;
  background: #00b3e3;
}
@media (max-width: 420px) {
  .search-wrapper form button {
    right: 20%;
  }
}
.search-wrapper fieldset {
  position: relative;
  border: none;
  border-radius: 0;
}
.search-wrapper fieldset input[type=search] {
  background: #ffffff;
  line-height: 22px;
  font-size: 14px;
  color: #233145;
  border-radius: 0;
}
.search-wrapper fieldset input[type=text] {
  padding: 15px;
  width: 27.1%;
  background: #ffffff;
  line-height: 22px;
  font-size: 14px;
  color: #233145;
  border-radius: 0;
}
@media (max-width: 576px) {
  .search-wrapper fieldset input[type=text] {
    padding: 10px;
    width: 25.1%;
    line-height: 18px;
    font-size: 12px;
  }
}
.search-wrapper fieldset select {
  padding: 12px;
  width: 27.1%;
  background: #ffffff;
  line-height: 20px;
  font-size: 14px;
  color: #233145;
  border-radius: 0;
}
@media (max-width: 576px) {
  .search-wrapper fieldset select {
    padding: 10px;
    width: 25.1%;
    line-height: 18px;
    font-size: 14px;
  }
}
.search-wrapper fieldset input[type=submit] {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  text-align: center;
  width: 150px;
  color: #ffffff !important;
  background: #7d9d3a;
  line-height: 10px;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0;
  border-color: #6e8a33;
}
.search-wrapper fieldset input[type=submit].type_2 {
  width: 185px;
}
@media (max-width: 576px) {
  .search-wrapper fieldset input[type=submit].type_2 {
    width: 70px;
    font-size: 12px;
    padding: 0;
  }
}
@media (max-width: 576px) {
  .search-wrapper fieldset input[type=submit] {
    width: 175px;
    font-size: 18px;
  }
}
.search-wrapper fieldset input[type=submit]:hover {
  background: transparent;
  border-color: #7d9d3a;
  color: #7d9d3a !important;
  font-weight: bold;
}
@media (max-width: 576px) {
  .search-wrapper .close_search_col {
    padding: 0;
  }
}
.search-wrapper .close-search-btn {
  width: 100%;
  background-color: #00b3e3;
  line-height: 50px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  z-index: 100;
}
.search-wrapper.on {
  visibility: visible;
  opacity: 1;
}
.search-wrapper.on.sticky-search {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1020;
  top: 5%;
}
@media (max-width: 576px) {
  .search-wrapper.on.sticky-search {
    top: 0%;
  }
}
@media (min-width: 1200px) {
  .search-wrapper.on.sticky-search {
    top: 8%;
  }
}

nav.navbar {
  padding: 4px 0px;
  background: #fff;
}
@media (min-width: 720px) {
  nav.navbar {
    background: #7d9d3a;
  }
}
nav.navbar .navbar-brand img {
  width: 200px;
}
@media (min-width: 720px) {
  nav.navbar .navbar-brand {
    margin-top: -160px;
    left: 0;
  }
}
nav.navbar .navbar-collapse {
  background: #7d9d3a;
}
nav.navbar ul.navbar-nav li.nav-item a.nav-link {
  color: #ffffff;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  text-align: center;
}
nav.navbar ul.navbar-nav li.nav-item a.nav-link:hover, nav.navbar ul.navbar-nav li.nav-item a.nav-link.active {
  background: transparent;
  color: #afff02;
}
@media (min-width: 720px) {
  nav.navbar ul.navbar-nav li.nav-item a.nav-link {
    text-align: left;
  }
}

.dropdown-menu {
  margin-top: 0;
}

@media (max-width: 768px) {
  .navbar-toggler {
    margin-right: 15px;
  }
}
.btn_search, .btn_search2 {
  background: transparent;
  color: #fff;
  font-weight: bold;
  border: none;
  outline: none !important;
  cursor: pointer;
}

@media (max-width: 576px) {
  .search-btn, .search-btn2 {
    text-align: center;
  }
}

.breakingnews_wrap {
  background: #f1f1f1;
  padding: 10px 0px;
}
@media (min-width: 720px) {
  .breakingnews_wrap .breakingnews {
    display: flex;
  }
}
.breakingnews_wrap .breakingnews .news_title {
  background: #7d9d3a;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  border-left: 4px solid #00b3e3;
}
@media (min-width: 720px) {
  .breakingnews_wrap .breakingnews .news_title {
    max-width: 160px;
    flex-basis: 160px;
    margin-right: 20px;
  }
}
@media (min-width: 720px) {
  .breakingnews_wrap .breakingnews .news_wrap {
    max-width: calc(100% - 280px);
    flex-basis: calc(100% - 280px);
  }
}
.breakingnews_wrap .breakingnews .news_wrap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breakingnews_wrap .breakingnews .news_wrap ul li a {
  color: #00b3e3;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
}
@media (min-width: 720px) {
  .breakingnews_wrap .breakingnews .news_wrap ul li a {
    text-align: left;
    line-height: 30px;
  }
}
.breakingnews_wrap .breakingnews .news_wrap .owl-nav {
  display: none;
}
@media (min-width: 720px) {
  .breakingnews_wrap .breakingnews .news_wrap .owl-nav {
    display: block;
    position: absolute;
    right: -100px;
    top: 0;
    overflow: hidden;
  }
}
.breakingnews_wrap .breakingnews .news_wrap .owl-nav .owl-prev {
  float: left;
  margin-right: 5px;
}
.breakingnews_wrap .breakingnews .news_wrap .owl-nav .owl-next {
  float: right;
}

#main_slide .item .caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
  padding: 10px;
  background: rgba(0, 0, 0, 0.9);
}
@media (min-width: 720px) {
  #main_slide .item .caption {
    padding: 20px;
  }
}
#main_slide .item .caption h2,
#main_slide .item .caption p {
  margin: 0;
  padding: 0;
}
#main_slide .item .caption h2 {
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 720px) {
  #main_slide .item .caption h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
#main_slide .item .caption h2 a {
  color: #00b3e3;
}
#main_slide .item .caption p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
}
@media (min-width: 720px) {
  #main_slide .item .caption p {
    font-size: 14px;
  }
}
#main_slide .item .caption p .fa {
  color: #7d9d3a;
}
#main_slide .owl-nav {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin-top: -10px;
}
#main_slide .owl-nav .owl-prev {
  float: left;
}
#main_slide .owl-nav .owl-next {
  float: right;
}
#main_slide .owl-nav .btn {
  padding: 0 5px;
  background: #7d9d3a;
}

.slides_bottom_col:nth-child(even) {
  background: rgba(77, 77, 77, 0.07);
}
.slides_bottom_col.type_home:nth-child(odd) {
  background: rgba(77, 77, 77, 0.16);
}
@media (min-width: 960px) {
  .slides_bottom_col.type_home {
    min-height: 420px;
  }
}

.slides_bottom h4 {
  padding-top: 10px;
  font-size: 18px;
  margin: 0 0 5px 0;
}
.slides_bottom h4 a {
  color: #00b3e3;
  text-decoration: none;
  line-height: 28px;
}
.slides_bottom h4 a:hover {
  color: #7d9d3a;
}
.slides_bottom p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  margin: 0;
}
@media (min-width: 720px) {
  .slides_bottom p {
    font-size: 14px;
  }
}
.slides_bottom p .fa {
  color: #7d9d3a;
}

.tab-list {
  background: white;
  margin: 0;
  padding: 0;
}
.tab-list .title {
  overflow: hidden;
  border-left: 5px solid #00b3e3;
}
.tab-list .title h2 {
  margin: 0;
  padding: 10px 25px 10px 15px;
  font-size: 18px;
  color: #fff;
  background: #7d9d3a;
  float: left;
}
.tab-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tab-list ul li a {
  display: block;
  padding: 6px 0;
  border-bottom: 1px solid #d2e2e7;
  position: relative;
  padding-left: 35px;
  color: #00b3e3;
  font-size: 15px;
}
.tab-list ul li a:hover {
  color: #7d9d3a;
}
.tab-list ul li a:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 8px;
  left: 5px;
  color: #7d9d3a;
}
.tab-list ul li:last-child a {
  border: none;
}

.rightads {
  margin-bottom: 10px;
}

.headernews_wrap {
  margin-bottom: 15px;
}
.headernews_wrap .headernews .news_wrap {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.headernews_wrap .headernews .news_wrap .news_wrap_contents {
  padding: 15px 15px 30px;
  border-bottom: 1px solid #eee;
}
.headernews_wrap .headernews .news_wrap .news_wrap_contents:nth-last-child {
  border-bottom: none;
}
.headernews_wrap .headernews .news_wrap .news_wrap_contents span {
  color: #334018;
}
.headernews_wrap .headernews .news_wrap .news_wrap_contents span i {
  color: #7d9d3a;
}

.newswrap {
  position: relative;
  margin-bottom: 20px;
}
.newswrap .newstitle {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff9f0;
  border-bottom: solid 1px rgba(77, 77, 77, 0.2);
  border-left: 4px solid #00b3e3;
  margin-bottom: 15px;
  overflow: hidden;
}
.newswrap .newstitle h2 {
  color: #fff;
  margin: 0;
  padding: 12px 20px;
  font-size: 18px;
  background: #7d9d3a;
  float: left;
}
.newswrap .newstitle a.view-all {
  display: inline-block;
  line-height: 34px;
  padding: 2px 15px;
  background-color: rgba(77, 77, 77, 0.08);
  font-size: 14px;
  text-decoration: none;
  vertical-align: top;
  margin-right: 5px;
}
.newswrap .newstitle a.view-all:hover {
  color: #7d9d3a;
}
.newswrap .newsbox {
  padding-top: 10px;
}
.newswrap .newsbox .mainnews h3 {
  font-size: 22px;
  margin: 0;
  line-height: 32px;
  padding: 5px 0;
}
.newswrap .newsbox .mainnews h3 a {
  color: #008bb0;
}
.newswrap .newsbox .mainnews h3 a:hover {
  color: #42531e;
}
.newswrap .newsbox .mainnews p.reporters {
  padding: 0;
  margin: 0;
  color: #666;
  font-size: 14px;
}
.newswrap .newsbox .thumblist {
  overflow: hidden;
  max-height: 100px;
  margin-bottom: 20px;
}
.newswrap .newsbox .thumblist:nth-child(even) {
  background: rgba(77, 77, 77, 0.08);
}
.newswrap .newsbox .thumblist img {
  max-width: 100px;
  margin-right: 20px;
  float: left;
}
.newswrap .newsbox .thumblist h4 {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  padding: 5px 0;
}
.newswrap .newsbox .thumblist h4 a {
  color: #00b3e3;
}
.newswrap .newsbox .thumblist h4 a:hover {
  color: #7d9d3a;
}
.newswrap .newsbox .thumblist p {
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.newswrap .newsbox .thumblist p.reporters {
  color: #666;
  font-size: 12px;
}
.newswrap .newsbox .list li a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #bbd0d7;
  color: #00637d;
}
.newswrap .newsbox .list li a:hover {
  color: #42531e;
}
.newswrap .sayings {
  padding: 40px 30px 30px 30px;
  background: #fff;
}
.newswrap .sayings .quote {
  position: relative;
}
.newswrap .sayings .quote h4 {
  font-size: 22px;
  line-height: 32px;
}
.newswrap .sayings .quote .quoter {
  font-size: 16px;
  font-weight: bold;
  color: #00b3e3;
}

.eventgallery .gallerytitle {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-bottom: solid 1px rgba(77, 77, 77, 0.2);
  border-left: 4px solid #1565c0;
  margin-bottom: 15px;
  overflow: hidden;
}
.eventgallery .gallerytitle h2 {
  color: #fff;
  margin: 0;
  padding: 10px 20px;
  font-size: 18px;
  background: #7d9d3a;
  float: left;
}
.eventgallery .gallery_slide {
  margin: 10px 0;
}
.eventgallery .gallery_slide .item p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  margin: 0;
  padding: 10px;
}
.eventgallery .gallery_slide .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -10px;
}
.eventgallery .gallery_slide .owl-nav .owl-prev {
  float: left;
}
.eventgallery .gallery_slide .owl-nav .owl-next {
  float: right;
}
.eventgallery .gallery_slide .owl-nav .btn {
  padding: 0 5px;
  background: #7d9d3a;
}

.videogallery {
  margin-bottom: 20px;
}
.videogallery .videotitle {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-bottom: solid 1px rgba(77, 77, 77, 0.2);
  border-left: 4px solid #1565c0;
  margin-bottom: 15px;
  border-bottom: 1px solid #7d9d3a;
  overflow: hidden;
}
.videogallery .videotitle h2 {
  color: #fff;
  margin: 0;
  padding: 10px 20px;
  font-size: 18px;
  background: #7d9d3a;
  float: left;
}
.videogallery .videoslide {
  margin: 10px 40px;
}
.videogallery .videoslide .videowrap .video {
  margin: 0 10px;
}
.videogallery .videoslide .videowrap .video h3 {
  font-size: 14px;
  color: #3d3d3d;
  line-height: 20px;
  margin: 0;
  padding: 10px 0 0 0;
}
.videogallery .videoslide .owl-nav {
  position: absolute;
  top: 50%;
  left: -40px;
  right: -40px;
  margin-top: -10px;
}
.videogallery .videoslide .owl-nav .owl-prev {
  float: left;
}
.videogallery .videoslide .owl-nav .owl-next {
  float: right;
}
.videogallery .videoslide .owl-nav .btn {
  padding: 0 5px;
  background: #7d9d3a;
}

.thumbright .newsbox .thumblist {
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}
.thumbright .newsbox .thumblist img {
  margin-right: 0;
  margin-left: 20px;
  float: right;
  width: 120px;
  height: 90px;
  max-width: 120px;
}
.thumbright .newsbox .thumblist .desc {
  float: left;
  width: calc(100% - 140px);
  max-width: calc(100% - 140px);
}

.footer {
  padding: 20px 0;
  background: #297fe2;
  color: #fff;
  font-size: 14px;
}
.footer .row {
  margin: 0;
}
.footer p {
  font-size: 14px;
  padding: 0;
  margin: 0;
  text-align: center;
}
.footer p a {
  color: #fff;
  padding: 0 14px;
}
@media (min-width: 720px) {
  .footer p.copyright {
    text-align: left;
  }
  .footer p.developed {
    text-align: right;
  }
}

.inner-page {
  padding: 40px 0;
}
.inner-page h1 {
  font-size: 36px;
  margin: 0 0 20px 0;
  padding: 0;
}
.inner-page h2 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 0;
}
.inner-page h3 {
  font-size: 24px;
}

.newslist {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #d2e2e7;
}
.newslist img {
  width: 200px;
  float: left;
  margin-right: 20px;
}
.newslist .description h3 {
  font-size: 26px;
  padding: 10px 0;
  margin: 0;
}
.newslist .description p {
  margin: 0;
  padding: 0;
}

.post h1 {
  margin: 0 0 10px 0;
  color: #00b3e3;
  line-height: 50px;
}
.post span.date,
.post span.author {
  padding: 0;
  color: #666;
  font-size: 14px;
  margin-right: 15px;
}
.post .post-details img {
  max-width: 100%;
  height: 100% !important;
  float: left;
  margin: 10px;
}
.post .commentbox {
  background: #f1f1f1;
  padding: 30px;
}
.post .commentbox .input-field input,
.post .commentbox .input-field textarea {
  background: #f1f1f1;
}
.post .commentbox .input-field label {
  color: red;
}

.postnews {
  position: fixed;
  bottom: 20px;
  margin: 0;
  left: 0;
  right: 0;
  width: 100%;
  transform: rotate(-90deg);
  z-index: 9999;
}
@media (min-width: 720px) {
  .postnews {
    transform: rotate(0deg);
    top: 30%;
    right: auto;
    left: 0;
    width: auto;
  }
}

.social_side_block {
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  width: 100%;
  transform: rotate(-90deg);
  z-index: 9999;
}
@media (min-width: 720px) {
  .social_side_block {
    transform: rotate(270deg);
    top: 45%;
    left: auto;
    right: -60px;
    width: auto;
  }
}
.social_side_block .sociallink {
  text-align: center;
  margin: 0;
  padding: 0;
}

.newsletter-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #b0eeff;
}

.newsletter h4 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
}
.newsletter p {
  padding: 0;
  margin: 0 0 10px 0;
  text-align: left;
}
.newsletter form {
  display: flex;
  padding: 0;
  margin: 0;
}
.newsletter form .field {
  max-width: calc(100% - 160px);
  flex-basis: calc(100% - 160px);
  background: white;
  margin: 0;
  margin-right: 10px;
  padding: 0 20px;
  border-radius: 5px;
}
.newsletter form .field input {
  width: 100%;
  color: #333;
  border: none;
  margin-bottom: 0;
}
.newsletter form .field input:focus {
  outline: none;
  box-shadow: none !important;
  border: none !important;
}
.newsletter form .action {
  max-width: 150px;
  flex-basis: 150px;
}
.newsletter form .action button {
  padding: 0 30px;
  line-height: 50px;
  height: 50px;
}

.poll {
  background: #7d9d3a;
  margin-bottom: 20px;
  padding: 30px;
}
.poll h4 {
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 22px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.poll .option {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  background: #eef4e2;
  border: 2px solid #6e8a33;
}
.poll .option label {
  color: #00b3e3;
  display: inline-block;
  padding: 0px 8px;
}
.poll .poll_p_sec {
  margin-bottom: 0;
}
.poll .progress {
  margin-bottom: 1rem;
}
.poll .progress .progress-bar {
  color: #000;
  font-weight: bold;
}

.upcoming {
  margin-bottom: 20px;
}
.upcoming .title {
  border-bottom: 1px solid #4ad9ff;
  overflow: hidden;
}
.upcoming .title h4 {
  color: #fff;
  margin: 0;
  padding: 10px 20px;
  font-size: 18px;
  background: #4ad9ff;
  float: left;
}
.upcoming .events {
  margin-bottom: 10px;
}
.upcoming .events .event {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.upcoming .events .event img {
  float: left;
  margin-right: 10px;
}
.upcoming .events .event h5 {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 16px;
}
.upcoming .events .event h5 a {
  color: #7d9d3a;
  text-decoration: none;
}
.upcoming .events .event p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.english {
  padding: 60px 0;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  min-height: 300px;
}

.related_post h4 a {
  color: #00b3e3;
  font-size: 18px;
}

.container.d-none.d-sm-block {
  padding: 10px 0px;
}

footer .main_footer .footer_top {
  background: #18181d;
  padding: 20px 0px;
  color: #fff;
  font-family: "Quattrocento Sans", sans-serif;
}
footer .main_footer .footer_top .footer_widget_header {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  margin: 25px 0;
  font-family: "Oswald", sans-serif;
}
footer .main_footer .footer_top .footer_contact_widget ul li i {
  color: #048fb6;
}
footer .main_footer .footer_top .footer_contact_widget h6 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
footer .main_footer .footer_top .footer_contact_widget .media .media-body {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
footer .main_footer .footer_top .footer_connect_widget ul li {
  display: flex;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
footer .main_footer .footer_top .footer_connect_widget ul li a {
  margin-right: 10px;
  margin-bottom: 6px;
}
footer .main_footer .footer_top .footer_advertisement_widget .advertisement_inquiry_header {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  font-family: "Oswald", sans-serif;
}
footer .main_footer .footer_top .footer_advertisement_widget .media i {
  color: #048fb6;
  text-shadow: none;
}
footer .main_footer .footer_top .footer_advertisement_widget .media .media-body a {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  font-family: "Quattrocento Sans", sans-serif;
}
footer .main_footer .footer_top .footer_newsletter_widget .footer_newsletter_form {
  position: relative;
  margin-bottom: 20px;
}
footer .main_footer .footer_top .footer_newsletter_widget .footer_newsletter_form input {
  width: 100%;
  height: 40px;
  background: #F5FBFF;
  padding-left: 20px;
  font-size: 15px;
  color: #000;
  border: none;
  border: 1px solid #E8E8E8;
}
footer .main_footer .footer_top .footer_newsletter_widget .footer_newsletter_form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #00b3e3;
  padding: 10px;
  padding: 0 22px;
  cursor: pointer;
  /* border-radius: 30px; */
  top: 5px;
  right: 5px;
  font-size: 13px;
  font-weight: 500;
}
footer .main_footer .footer_bottom {
  background: #000;
  padding: 30px 0 10px;
}
footer .main_footer .footer_bottom .footer_bottom_link ul li a {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  font-family: "Quattrocento Sans", sans-serif;
}
footer .main_footer .footer_bottom .footer_bootom_copyright h6 {
  color: #fff;
  font-family: "Oswald", sans-serif;
}
footer .main_footer .footer_bottom .footer_bootom_copyright h6 a {
  color: #fff;
  font-style: italic;
}

.footer-top {
  background: #00b3e3;
  padding: 20px 0px;
}

.footer-top h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.footer-top li a {
  color: #ffffff;
  font-size: 14px;
}

.footer-top ul {
  list-style-type: none;
}

.footer-top a {
  text-decoration: none;
}

.adevertisement li {
  padding: 8px 0px;
}

.adevertisement a {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  list-style: none;
}

.socal-news a {
  display: inline-block;
  padding: 5px 10px;
}

.fot-heading ul {
  margin: 0px;
  padding: 0px;
}

.siz {
  margin: 0px 10px;
  display: inline-block;
}

.socal-news {
  padding: 10px 0px;
}

.socal-news h4 {
  color: #ffffff;
  font-size: 16px;
}

.socal-news p {
  color: #ffffff;
  font-size: 13px;
}

.fot-heading li {
  padding: 0px 0px 8px 0px;
}

.fot-heading a {
  font-size: 14px;
}

.line {
  border-right: 2px solid #2a75cc;
  margin: 0px 30px;
}

.menuBottomAds img {
  width: 100%;
}

.fullads img {
  width: 100%;
}

@media (max-width: 1080px) {
  .line {
    border-right: none;
  }
}
@media (max-width: 980px) {
  .line {
    border-right: none;
    margin: 0px;
  }
}
@media (max-width: 768px) {
  .title {
    margin: 10px 0px;
  }

  .tag2 {
    display: none !important;
  }

  .line {
    border-right: none;
    text-align: center;
    margin: 0px auto;
  }

  .footer-top h3 {
    text-align: center;
  }

  .fot-heading li {
    text-align: center;
  }

  .adevertisement li {
    padding: 5px 0px;
    margin: 0px auto;
  }

  .socal-news {
    padding: 10px 0px;
    text-align: center;
  }

  .newsletter {
    display: none;
  }
}
.form-control {
  border-radius: 0;
}

.btn_main_design {
  border-radius: 0;
  border: 1px solid #00b3e3;
  background: #00b3e3;
  color: #fff;
}
.btn_main_design:hover {
  color: #00b3e3;
  border: 1px solid #00b3e3;
  background: transparent;
}

.btn_main_design_border {
  border-radius: 0;
  border: 1px solid #00b3e3;
  background: transparent;
  color: #00b3e3;
}
.btn_main_design_border:hover {
  color: #fff !important;
  border: 1px solid #00b3e3;
  background: #00b3e3;
}

.btn_main_design_reverse {
  border-radius: 0;
  border: 1px solid #7d9d3a;
  background: #7d9d3a;
  color: #fff;
}
.btn_main_design_reverse:hover {
  color: #7d9d3a;
  border: 1px solid #7d9d3a;
  background: transparent;
}

.btn_main_design_reverse_border {
  border-radius: 0;
  border: 1px solid #7d9d3a;
  background: transparent;
  color: #7d9d3a;
}
.btn_main_design_reverse_border:hover {
  color: #fff;
  background: #7d9d3a;
}

.btn_edition {
  margin-bottom: 5px;
}

#sliderad .owl-nav {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin-top: -10px;
  opacity: 0.85;
}
#sliderad .owl-nav .owl-prev {
  float: left;
}
#sliderad .owl-nav .owl-next {
  float: right;
}

.contactd_info {
  padding: 15px 20px;
  margin-bottom: 20px;
  background: #f1f1f1;
}
.contactd_info:nth-child(even) {
  background: #e9e9e9;
}
@media (min-width: 960px) {
  .contactd_info {
    margin-bottom: 50px;
  }
  .contactd_info:first-child {
    margin-top: 30px;
  }
}
.contactd_info i {
  font-size: 30px;
  color: #00b3e3;
}
@media (min-width: 720px) {
  .contactd_info i {
    font-size: 40px;
  }
}
.contactd_info .media-body h4 {
  color: #7d9d3a;
}

.team_top_block {
  border: none;
}
.team_top_block .card-img-top {
  border-radius: 50% !important;
  border: 1px solid #dee2e6 !important;
}
.team_top_block .card-body .card-title {
  color: #7d9d3a;
}

@media (min-width: 720px) {
  .team_bottom_block {
    margin: 30px 0;
  }
}
.team_bottom_block thead {
  background: #7d9d3a;
}
.team_bottom_block thead tr > th {
  color: #fff;
}
.team_bottom_block tbody tr > td {
  vertical-align: middle;
}
.team_bottom_block tbody .team_img_td img {
  border: 1px solid #dee2e6 !important;
}
.team_bottom_block tbody .team_name_td {
  color: #00b3e3;
}

.comment_box {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 5px;
}
.comment_box h6 {
  color: #7d9d3a;
}
.comment_box p {
  margin-bottom: 0;
}
.comment_box p a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.9);
}

.bg_posts {
  background: #fff;
}

.share_options_post {
  display: flex;
  align-items: center;
}
.share_options_post .share_number {
  font-weight: bold;
}
.share_options_post .share_number span {
  font-weight: normal;
  font-size: 0.9rem;
}

span.marker {
  background-color: #ffff66;
}

#st-1.st-has-labels .st-btn.st-remove-label {
  min-width: 120px !important;
  display: inline-block !important;
}

#st-1.st-has-labels .st-btn.st-remove-label > span {
  display: inherit !important;
}

/*# sourceMappingURL=app.css.map */