/* ==========================================================================
   Imports
   ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300,900);
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*! @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 .btn 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 .btn-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 .btn-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 .btn-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 .btn class
*/
.btn {
  color: #666666;
  background-color: #eeeeee;
  border-color: #eeeeee;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .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.
  */
}

.btn:visited {
  color: #666666;
}

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

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

.btn.disabled, .btn.is-disabled, .btn: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;
}

.btn.disabled else, .btn.is-disabled else, .btn:disabled else {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: .8 !important;
}

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

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

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

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

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

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

/*
* Base Colors
*
* Create colors for buttons
* (.btn-primary, .btn-secondary, etc.)
*/
.btn-primary,
.btn-primary-flat {
  background-color: #1b9af7;
  border-color: #1b9af7;
  color: white;
}

.btn-primary:visited,
.btn-primary-flat:visited {
  color: white;
}

.btn-primary:hover, .btn-primary:focus,
.btn-primary-flat:hover,
.btn-primary-flat:focus {
  background-color: #4cb0f9;
  border-color: #4cb0f9;
  color: white;
}

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

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

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

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

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

.btn-inverse,
.btn-inverse-flat {
  background-color: #222222;
  border-color: #222222;
  color: #eeeeee;
}

.btn-inverse:visited,
.btn-inverse-flat:visited {
  color: #eeeeee;
}

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

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

.btn-action,
.btn-action-flat {
  background-color: #a5de37;
  border-color: #a5de37;
  color: white;
}

.btn-action:visited,
.btn-action-flat:visited {
  color: white;
}

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

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

.btn-highlight,
.btn-highlight-flat {
  background-color: #feae1b;
  border-color: #feae1b;
  color: white;
}

.btn-highlight:visited,
.btn-highlight-flat:visited {
  color: white;
}

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

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

.btn-caution,
.btn-caution-flat {
  background-color: #ff4351;
  border-color: #ff4351;
  color: white;
}

.btn-caution:visited,
.btn-caution-flat:visited {
  color: white;
}

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

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

.btn-royal,
.btn-royal-flat {
  background-color: #7b72e9;
  border-color: #7b72e9;
  color: white;
}

.btn-royal:visited,
.btn-royal-flat:visited {
  color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-border.btn-plain, .btn-plain.btn-border-thin, .btn-plain.btn-border-thick,
.btn-border-thin.btn-plain,
.btn-border-thick.btn-plain {
  color: white;
}

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

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

.btn-border.btn-inverse, .btn-inverse.btn-border-thin, .btn-inverse.btn-border-thick,
.btn-border-thin.btn-inverse,
.btn-border-thick.btn-inverse {
  color: #222222;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-borderless.btn-plain {
  color: white;
}

.btn-borderless.btn-inverse {
  color: #222222;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-dropdown.btn-dropdown-primary .btn-dropdown-list > li > a {
  color: white;
}

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

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

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

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

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

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

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

.btn-dropdown.btn-dropdown-inverse .btn-dropdown-list > li > a {
  color: #eeeeee;
}

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

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

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

.btn-dropdown.btn-dropdown-action .btn-dropdown-list > li > a {
  color: white;
}

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

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

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

.btn-dropdown.btn-dropdown-highlight .btn-dropdown-list > li > a {
  color: white;
}

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

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

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

.btn-dropdown.btn-dropdown-caution .btn-dropdown-list > li > a {
  color: white;
}

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

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

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

.btn-dropdown.btn-dropdown-royal .btn-dropdown-list > li > a {
  color: white;
}

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

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

.btn-group:after, .btn-group:before {
  content: '.';
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

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

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

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

.btn-group .btn:last-child,
.btn-group .btn-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.
*/
.btn-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(white));
  background: linear-gradient(#f2f2f2, white);
  border-radius: 200px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

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

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

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

.btn-longshadow.btn-plain,
.btn-longshadow-right.btn-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;
}

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

.btn-longshadow.btn-inverse,
.btn-longshadow-right.btn-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;
}

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

.btn-longshadow.btn-action,
.btn-longshadow-right.btn-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;
}

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

.btn-longshadow.btn-highlight,
.btn-longshadow-right.btn-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;
}

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

.btn-longshadow.btn-caution,
.btn-longshadow-right.btn-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;
}

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

.btn-longshadow.btn-royal,
.btn-longshadow-right.btn-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;
}

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

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

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

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

.btn-longshadow-left.btn-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;
}

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

.btn-longshadow-left.btn-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;
}

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

.btn-longshadow-left.btn-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;
}

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

.btn-longshadow-left.btn-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;
}

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

.btn-longshadow-left.btn-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;
}

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

.btn-longshadow-left.btn-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;
}

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

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

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

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

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

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

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

/*
    Flaticon icon font: Product Icons
    Creation date: 18/07/2016 17:03
    */
@font-face {
  font-family: "Products";
  src: url("/wp-content/themes/_ao-desktop/css/font/products/Products.eot");
  src: url("/wp-content/themes/_ao-desktop/css/font/products/Products.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_ao-desktop/css/font/products/Products.woff") format("woff"), url("/wp-content/themes/_ao-desktop/css/font/products/Products.ttf") format("truetype"), url("/wp-content/themes/_ao-desktop/css/font/products/Products.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Products";
    src: url("/wp-content/themes/_ao-desktop/css/font/products/Products.svg#Flaticon") format("svg");
  }
}

section#banner .services .item i {
  display: inline-block;
  font-family: "Products";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.product-icon-ambulance:before {
  content: "\f100";
}

.product-icon-ambulance-o:before {
  content: "\f101";
}

.product-icon-anchor:before {
  content: "\f102";
}

.product-icon-anchor-o:before {
  content: "\f103";
}

.product-icon-baby-stroller:before {
  content: "\f104";
}

.product-icon-baby-stroller-o:before {
  content: "\f105";
}

.product-icon-briefcase:before {
  content: "\f106";
}

.product-icon-briefcase-o:before {
  content: "\f107";
}

.product-icon-broken-bone:before {
  content: "\f108";
}

.product-icon-broken-bone-o:before {
  content: "\f109";
}

.product-icon-business:before {
  content: "\f10a";
}

.product-icon-cadecus:before {
  content: "\f10b";
}

.product-icon-cadecus-o:before {
  content: "\f10c";
}

.product-icon-car:before {
  content: "\f10d";
}

.product-icon-car-o:before {
  content: "\f10e";
}

.product-icon-cardio:before {
  content: "\f10f";
}

.product-icon-cardio-o:before {
  content: "\f110";
}

.product-icon-cast:before {
  content: "\f111";
}

.product-icon-cast-o:before {
  content: "\f112";
}

.product-icon-circle:before {
  content: "\f113";
}

.product-icon-closed:before {
  content: "\f114";
}

.product-icon-closed-o:before {
  content: "\f115";
}

.product-icon-cocktail:before {
  content: "\f116";
}

.product-icon-cocktail-o:before {
  content: "\f117";
}

.product-icon-coins:before {
  content: "\f118";
}

.product-icon-coins-1:before {
  content: "\f119";
}

.product-icon-coins-2:before {
  content: "\f11a";
}

.product-icon-condo:before {
  content: "\f11b";
}

.product-icon-condo-o:before {
  content: "\f11c";
}

.product-icon-construction:before {
  content: "\f11d";
}

.product-icon-construction-o:before {
  content: "\f11e";
}

.product-icon-crutch:before {
  content: "\f11f";
}

.product-icon-crutch-o:before {
  content: "\f120";
}

.product-icon-diamond:before {
  content: "\f121";
}

.product-icon-diamond-o:before {
  content: "\f122";
}

.product-icon-dog:before {
  content: "\f123";
}

.product-icon-dog-1:before {
  content: "\f124";
}

.product-icon-dollar:before {
  content: "\f125";
}

.product-icon-dollar-o:before {
  content: "\f126";
}

.product-icon-earthquake:before {
  content: "\f127";
}

.product-icon-earthquake-o:before {
  content: "\f128";
}

.product-icon-event:before {
  content: "\f129";
}

.product-icon-event-o:before {
  content: "\f12a";
}

.product-icon-garage:before {
  content: "\f12b";
}

.product-icon-garage-o:before {
  content: "\f12c";
}

.product-icon-gift:before {
  content: "\f12d";
}

.product-icon-gift-o:before {
  content: "\f12e";
}

.product-icon-graduation-hat:before {
  content: "\f12f";
}

.product-icon-graduation-hat-o:before {
  content: "\f130";
}

.product-icon-handshake:before {
  content: "\f131";
}

.product-icon-handshake-o:before {
  content: "\f132";
}

.product-icon-heart-plus:before {
  content: "\f133";
}

.product-icon-heart-plus-o:before {
  content: "\f134";
}

.product-icon-helm:before {
  content: "\f135";
}

.product-icon-helm-o:before {
  content: "\f136";
}

.product-icon-home:before {
  content: "\f137";
}

.product-icon-home-flood:before {
  content: "\f138";
}

.product-icon-home-o:before {
  content: "\f139";
}

.product-icon-home1-o:before {
  content: "\f13a";
}

.product-icon-hotel-o:before {
  content: "\f13b";
}

.product-icon-hotel-receptionist:before {
  content: "\f13c";
}

.product-icon-id-card:before {
  content: "\f13d";
}

.product-icon-id-card-o:before {
  content: "\f13e";
}

.product-icon-id-lock-o:before {
  content: "\f13f";
}

.product-icon-jetski:before {
  content: "\f140";
}

.product-icon-jetski-o:before {
  content: "\f141";
}

.product-icon-key:before {
  content: "\f142";
}

.product-icon-key-o:before {
  content: "\f143";
}

.product-icon-luggage:before {
  content: "\f144";
}

.product-icon-luggage-o:before {
  content: "\f145";
}

.product-icon-managers:before {
  content: "\f146";
}

.product-icon-managers-o:before {
  content: "\f147";
}

.product-icon-medical-asterick:before {
  content: "\f148";
}

.product-icon-medical-asterick-o:before {
  content: "\f149";
}

.product-icon-medical-bag:before {
  content: "\f14a";
}

.product-icon-medical-bag-o:before {
  content: "\f14b";
}

.product-icon-medical-plus:before {
  content: "\f14c";
}

.product-icon-medical-plus-o:before {
  content: "\f14d";
}

.product-icon-medication:before {
  content: "\f14e";
}

.product-icon-medication-o:before {
  content: "\f14f";
}

.product-icon-money:before {
  content: "\f150";
}

.product-icon-money-1:before {
  content: "\f151";
}

.product-icon-money-2:before {
  content: "\f152";
}

.product-icon-money-3:before {
  content: "\f153";
}

.product-icon-money-bag:before {
  content: "\f154";
}

.product-icon-money-bag-o:before {
  content: "\f155";
}

.product-icon-money-exchange:before {
  content: "\f156";
}

.product-icon-money-shield-o:before {
  content: "\f157";
}

.product-icon-mortgage:before {
  content: "\f158";
}

.product-icon-mortgage-o:before {
  content: "\f159";
}

.product-icon-motorbike:before {
  content: "\f15a";
}

.product-icon-motorbike-o:before {
  content: "\f15b";
}

.product-icon-nature:before {
  content: "\f15c";
}

.product-icon-nature-o:before {
  content: "\f15d";
}

.product-icon-office:before {
  content: "\f15e";
}

.product-icon-office-chair:before {
  content: "\f15f";
}

.product-icon-office-chair-o:before {
  content: "\f160";
}

.product-icon-people:before {
  content: "\f161";
}

.product-icon-people-1:before {
  content: "\f162";
}

.product-icon-people-o:before {
  content: "\f163";
}

.product-icon-person:before {
  content: "\f164";
}

.product-icon-person-o:before {
  content: "\f165";
}

.product-icon-piggy-bank:before {
  content: "\f166";
}

.product-icon-piggy-bank-o:before {
  content: "\f167";
}

.product-icon-quad:before {
  content: "\f168";
}

.product-icon-quad-o:before {
  content: "\f169";
}

.product-icon-rent:before {
  content: "\f16a";
}

.product-icon-rent-o:before {
  content: "\f16b";
}

.product-icon-rings:before {
  content: "\f16c";
}

.product-icon-rings-o:before {
  content: "\f16d";
}

.product-icon-rv:before {
  content: "\f16e";
}

.product-icon-rv-o:before {
  content: "\f16f";
}

.product-icon-ship:before {
  content: "\f170";
}

.product-icon-ship-o:before {
  content: "\f171";
}

.product-icon-shop:before {
  content: "\f172";
}

.product-icon-shop-o:before {
  content: "\f173";
}

.product-icon-silverware:before {
  content: "\f174";
}

.product-icon-silverware-o:before {
  content: "\f175";
}

.product-icon-statistics:before {
  content: "\f176";
}

.product-icon-steth:before {
  content: "\f177";
}

.product-icon-steth-o:before {
  content: "\f178";
}

.product-icon-stores:before {
  content: "\f179";
}

.product-icon-sunglasses:before {
  content: "\f17a";
}

.product-icon-sunglasses-o:before {
  content: "\f17b";
}

.product-icon-time:before {
  content: "\f17c";
}

.product-icon-time-o:before {
  content: "\f17d";
}

.product-icon-tool:before {
  content: "\f17e";
}

.product-icon-tooth:before {
  content: "\f17f";
}

.product-icon-tooth-o:before {
  content: "\f180";
}

.product-icon-toothbrush-o:before {
  content: "\f181";
}

.product-icon-tractor:before {
  content: "\f182";
}

.product-icon-tractor-o:before {
  content: "\f183";
}

.product-icon-transport:before {
  content: "\f184";
}

.product-icon-transport-truck:before {
  content: "\f185";
}

.product-icon-transport-truck-o:before {
  content: "\f186";
}

.product-icon-truck:before {
  content: "\f187";
}

.product-icon-truck-o:before {
  content: "\f188";
}

.product-icon-umbrella:before {
  content: "\f189";
}

.product-icon-umbrella-o:before {
  content: "\f18a";
}

.product-icon-water-drop:before {
  content: "\f18b";
}

.product-icon-water-drop-o:before {
  content: "\f18c";
}

.product-icon-worker:before {
  content: "\f18d";
}

.product-icon-worker-o:before {
  content: "\f18e";
}

/* ==========================================================================
   Color Scheme
   ========================================================================== */
/* ==========================================================================
   Defaults / Mixins / Placsholders
   ========================================================================== */
body {
  font-family: 'Lato', sans-serif;
  color: gray;
}

main {
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
  padding-top: 50px;
  margin-bottom: 50px;
}

header#main:after, #blog .post:after {
  content: "";
  display: table;
  clear: both;
}

header#main button.btn, section#banner button.btn {
  background-color: #ffc54d;
  color: white;
  position: relative;
  margin-top: -1px;
  padding-left: 20px;
  padding-right: 20px;
}

.btn-dropdown.btn-dropdown-plain .btn-dropdown-list > li > a {
  color: #58595B !important;
  font-size: 90%;
  padding: 0 10px;
}

/* Mixins */
/*
	.tr-fi {
		@include icon-font(Flaticon);
		
		&.auto:before { content: "\e034"; } 
		&.house:before { content: "\e075"; }
		&.health:before { content: "\e055"; }  
		&.life:before { content: "\e013"; } 
		&.business:before { content: "\e0e4"; } 
		&.boat:before { content: "\e00b"; } 
		&.motorcycle:before { content: "\e099"; } 
		&.renters:before { content: "\e0c5"; } 
	}
*/
img.border {
  -moz-border-radius-topleft: 50px;
  -webkit-border-top-left-radius: 50px;
  border-top-left-radius: 50px;
  -moz-border-radius-bottomright: 50px;
  -webkit-border-bottom-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.divider {
  height: 1px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  margin-top: 29px;
  margin-bottom: 40px;
}

/* ==========================================================================
   Theme Styles
   ========================================================================== */
/* Theme Customization */
aside .button.about:nth-of-type(1) {
  background-color: #3F365A;
}

aside .button.about:nth-of-type(2) {
  background: #342c4a;
}

aside .button.about:nth-of-type(3) {
  background: #29233a;
}

aside .button.about:nth-of-type(4) {
  background: #1e192a;
}

main#product #quote-bar .header,
main#product #quote-bar form button {
  background-color: #DB3A34;
}

#product-list.product i {
  color: #DB3A34;
}

/* Header
	   ========================================================================== */
header#top {
  background: url(../images/diagmonds-light.png) #f0f0f0;
  padding: 10px 0;
  color: #424242;
  font-size: 14px;
  line-height: 25px;
}

header#top .row {
  margin: 0;
}

header#top .data, header#top .soc {
  display: inline-block;
  float: left;
}

header#top .data.border, header#top .border.soc {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

header#top i, header#top span {
  display: inline-table;
  float: left;
}

header#top i {
  margin-right: 5px;
}

header#top i.fa-comment {
  margin-top: 5px;
}

header#top a {
  color: inherit;
  text-decoration: none;
}

header#top a:hover {
  text-decoration: underline;
}

header#top a[href*="tel"] {
  text-decoration: none !important;
  cursor: default;
}

header#top .soc {
  margin-left: 25px;
  font-size: 20px;
}

header#top .search form {
  margin: 0;
  display: table;
  float: right;
  position: relative;
}

header#top .search input[type=search] {
  font-size: 100%;
  padding: 5px 20px 5px 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 125px;
  outline: 0;
  position: relative;
}

header#top .search button {
  margin: 0;
  padding: 0;
  border: 0;
  text-shadow: 0;
  background: 0;
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1;
}

header#top .search button i:before {
  font-family: FontAwesome;
  font-style: normal;
  content: "\f002";
  color: rgba(0, 0, 0, 0.3);
}

header#main {
  margin-top: 15px;
  color: #808080;
  background: #fff;
}

header#main img#logo {
  max-height: 75px;
  margin-right: 20px;
  max-width: 100%;
}

header#main .logo {
  font-size: 36px;
  display: inline-block;
  margin-top: 5px;
}

header#main .logo b {
  font-weight: 900;
  color: #000;
}

header#main .logo span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 2px;
  padding-left: 15px;
}

/* Navigation
	   ========================================================================== */
/* Mobile Menu Adjustments */
.mm-toggle-wrap {
  background: #58595B !important;
}

.mm-toggle {
  background: none !important;
  border-right: 0 !important;
}

/* Background Color of Nav Icon */
.mobile-menu .home {
  background: #DB3A34 !important;
}

.mobile-menu .home a {
  color: white !important;
}

.mobile-menu .expand {
  color: #DB3A34 !important;
}

.mobile-menu .mm-search {
  background: #58595B !important;
}

nav {
  margin-top: 15px;
  display: table;
  float: right;
}

nav ul.menu li {
  margin-right: 5px;
}

nav ul.menu li.current-menu-item a, nav ul.menu li.active a {
  color: white;
  background: #58595B;
  border-radius: 2px;
}

nav ul.menu li.current-menu-item a:hover, nav ul.menu li.active a:hover {
  background: #58595B;
}

nav ul.menu li a {
  color: gray;
  padding: 8.5px 10px;
  font-size: 110%;
  border-radius: 5px;
}

nav ul.menu li a a {
  padding-top: 5px;
  padding-bottom: 5px;
}

nav ul.menu li:hover ul > li {
  margin: 0;
  font-size: 90%;
}

nav ul.menu li:hover > a {
  background: #58595B;
  color: white;
}

nav ul.menu li:hover > ul {
  background: #58595B;
  border-radius: 5px;
  top: 38px;
}

nav ul.menu ul li a:hover, nav ul.menu ul li:hover > a, nav ul.menu ul li:hover > ul {
  background: #58595B;
}

/* Banner
	   ========================================================================== */
section#banner {
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 450px;
}

section#banner .pattern {
  /*background: url(../images/fake-brick.png); */
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
}

section#banner .services h5 {
  color: white;
  font-size: 60px;
  text-align: center;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  padding-bottom: 15px;
  margin: 0 0 15px;
}

section#banner .services {
  padding-top: 400px;
  text-align: center;
}

section#banner .services .inner {
  padding: 20px 0 30px;
  color: #fff;
  background: url(../images/fake-brick.png) rgba(219, 58, 52, 0.92);
}

section#banner .services .item {
  display: inline-table;
  text-align: center;
  margin-right: 90px;
}

section#banner .services .item:last-child {
  margin-right: 0;
}

section#banner .services .item h6 {
  font-weight: 300;
  text-transform: uppercase;
  margin: 10px 0 0;
  font-size: 110%;
}

section#banner .services .item i {
  font-size: 30px;
  /*
			&.auto { position: relative; top: -1px; }
			&.house { font-size: 40px; }
			&.health { position: relative; top: -1px; }

			&.motorcycle { font-size: 40px; position: relative; top: 5px; }
			&.renters { font-size: 40px; position: relative; top: -3px; }
			&.life { position: relative; top: -3px; }
			&.business { font-size: 35px; position: relative; top: -1px; }
			&.boat { position: relative; top: -2px; }
*/
}

/*
		section#banner .services .item.moto i {  }
		section#banner .services .item.moto h6 { position: relative; top: -3px; }

		section#banner .services .item.house i {  }
*/
section#banner .services a {
  color: inherit;
  text-decoration: none;
}

section#banner .services a:hover {
  color: #FFC857;
}

/* Homepage
	   ========================================================================== */
#home {
  margin: 50px 0 60px;
  font-size: 125%;
  font-weight: 300;
}

#home h1 {
  text-transform: uppercase;
  font-size: 300%;
  color: #177E89;
  line-height: 100%;
  margin-top: 0;
}

#home h1 span {
  text-transform: none;
  font-size: 50%;
  font-weight: 300;
  display: block;
  color: gray;
  line-height: normal;
}

#home h6 {
  font-size: 105%;
  margin: 0 0 15px;
  border-top: 1px solid #eee;
  padding-top: 20px;
  letter-spacing: 1px;
}

section#points .point {
  color: white;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-right: 10px solid white;
  font-size: 120%;
}

section#points .point:last-of-type {
  border: 0;
}

section#points .point i:before {
  display: block;
  font-size: 200%;
}

section#points .point span {
  display: block;
  font-size: 130%;
  margin-top: 25px;
}

section#points .point p {
  font-size: 90%;
}

section#points .point:nth-of-type(1) {
  background: #3F365A;
}

section#points .point:nth-of-type(2) {
  background: #084C61;
}

section#points .point:nth-of-type(3) {
  background: #DB3A34;
}

section#points .point:nth-of-type(4) {
  background: #ffc03e;
}

#companies-home {
  padding: 25px 0 35px;
  -webkit-box-shadow: 0px -1px 5px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -1px 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 5px 5px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 5;
}

#companies-home h6 {
  text-transform: uppercase;
  border-right: 1px solid #ddd;
  padding: 5px 20px 0 0;
  margin: 4px 0 0;
  font-size: 150%;
  color: #177E89;
}

#companies-home h6 span {
  display: block;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 80%;
  color: gray;
}

#companies-home img {
  margin-right: 35px;
  padding: 5px 2px;
  background: #fff;
  border-radius: 2px;
}

#companies-home img:last-of-type {
  margin-right: 0;
}

#companies-home p {
  margin: 0;
}

#companies-home .row {
  margin: 0;
}

section#point {
  background: url(https://www.transparenttextures.com/patterns/fake-brick.png);
  padding: 50px 0;
  color: white;
  font-size: 120%;
}

section#point .row {
  margin: 0;
}

section#point.one {
  background-color: #3F365A;
}

section#point.two {
  background-color: #084C61;
}

section#point h6 {
  font-size: 250%;
  text-transform: uppercase;
  margin: 0 0 15px;
}

section#point a {
  margin-top: 10px;
}

section#point a.btn {
  background: #ffb724;
  color: white;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
  padding: 0 20px;
}

section#point .point-content {
  padding: 10px 0 0 40px;
}

section#extras .container {
  background: url(../images/diagmonds-light.png) #f0f0f0;
  margin-top: 60px;
  margin-bottom: 30px;
  padding: 60px 0 30px;
}

section#extras .blog-only .post {
  border: 0 !important;
}

section#extras h6 {
  font-size: 150%;
  font-weight: 400;
  margin: 0 0 20px;
  color: #58595B;
  text-transform: uppercase;
}

section#extras #newsletter {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 20px 30px;
  background: white;
}

section#extras #newsletter input[type="text"] {
  width: 100%;
  max-width: 100 !important;
  /*background: white;*/
}

section#extras form input[type="text"] {
  background: #eee;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  border-radius: 2px;
  outline: 0;
}

section#extras form button {
  display: table;
  margin-top: 20px;
  background: #3F365A;
  color: white;
  padding: 5px 10px;
  border: 0;
  outline: 0;
  font-size: 110%;
  border-radius: 2px;
}

#blog .post {
  margin-bottom: 20px;
  border-bottom: 1px dotted gray;
  padding-bottom: 20px;
}

#blog .post .date {
  display: table;
  background: #DB3A34;
  color: white;
  padding: 2px 3px;
  font-size: 70%;
  margin-bottom: 2px;
}

#blog .post:last-of-type {
  border-bottom: none;
  padding-bottom: none;
}

#blog .post h5 {
  margin: 0;
  line-height: normal;
  font-size: 105%;
  font-weight: bold;
  text-transform: none;
  color: #737373;
}

#blog .post h5 a {
  color: inherit;
}

#blog .post p {
  margin: 0;
}

/* TESTIMONIALS */
*, *::after, *::before {
  box-sizing: inherit;
}

.testimonials {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.testimonials *, .testimonials *::after, .testimonials *::before {
  box-sizing: inherit;
}

.testimonial {
  display: none;
}

.testi-quote {
  position: relative;
  /*dispaly: table;*/
  min-height: 120px;
  background: #DB3A34;
  border-radius: 2px;
  border-bottom-left-radius: 0;
  margin-bottom: 25px;
  padding: 10px 15px;
  color: #fff;
  font-weight: 300;
}

.testi-quote p {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
}

.testi-quote:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 0px solid transparent;
  border-top: 15px solid #bb2721;
}

.author {
  display: block;
  position: relative;
  margin-left: 0px;
  min-height: 50px;
}

.author img {
  border-radius: 2px;
  display: none !important;
}

.author .name {
  position: absolute;
  bottom: 20px;
  left: 50px;
  font-weight: bold;
}

.author .description {
  font-weight: normal;
  font-style: italic;
  font-size: 0.9em;
}

.slick-dots {
  margin-left: 50px;
}

.slick-dots li {
  display: inline;
  margin-right: 5px;
}

.slick-dots li button {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  text-indent: -999999px;
  padding: 0;
  background: #fff;
  border: 1px solid #C3C3C3;
}

.slick-dots li.slick-active button {
  background: #C3C3C3;
}

section#quote {
  background: #084C61;
  padding: 20px;
  color: white;
  text-align: center;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
  letter-spacing: 2px;
}

section#quote span {
  font-size: 200%;
}

section#quote .row {
  margin: 0;
}

/* Footer
	   ========================================================================== */
footer {
  position: relative;
  background: #58595B;
  padding-top: 20px;
}

footer .container {
  margin-bottom: 1px;
  padding: 10px;
  color: white;
  font-size: 13px;
}

footer p {
  margin: 0;
  width: auto;
  color: inherit;
}

footer .info {
  padding-top: 15px;
}

footer .info i {
  display: inline-block;
  margin-right: 10px;
  float: left;
}

footer .info i.flaticon-call10 {
  font-size: 200%;
}

footer .info i.flaticon-placeholder8 {
  font-size: 250%;
}

footer .info span {
  display: inline-block;
}

footer .info span.phone {
  font-size: 30px;
}

footer .info span.address {
  font-size: 115%;
}

footer ul.nav {
  margin-bottom: 0;
  list-style-type: none;
  font-size: 120%;
  text-align: right;
}

footer ul.nav a {
  color: white;
}

footer ul.nav a:hover {
  text-decoration: none;
}

footer .row:last-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 20px;
  margin-top: 0;
}

footer .soc i {
  font-size: 40px;
  margin-right: 3px;
}

footer .soc i:last-of-type {
  margin-right: 0;
}

footer .soc .flaticon-facebook7 {
  color: #3b5998;
}

footer .soc .flaticon-social92 {
  color: #dd4b39;
  /* Google+ */
}

footer .soc .flaticon-linkedin2 {
  color: #007bb6;
}

footer .soc .flaticon-social71 {
  color: #00aced;
  /* Linkedin */
}

footer ul.foot-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

footer ul.foot-nav li {
  display: inline-block;
  width: 45%;
  margin: 0 2% 1% 0;
}

footer ul.foot-nav a {
  color: white;
  font-size: 120%;
}

section#social-footer h6 {
  font-size: 150%;
  font-weight: 400;
  margin: 0 0 20px;
}

section#social-footer img {
  margin: 0 20px;
}

/* RESPONSIVENESS
   ========================================================================== */
/* =Media query for 960 Screens - sets nested grids to 100%
	-------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
  section#banner .services .item {
    margin-right: 50px;
  }
  section#banner .services .item:nth-child(n+7) {
    display: none;
  }
  footer .info i.flaticon-placeholder8 {
    font-size: 225%;
    display: none;
  }
  footer .info i.flaticon-call10 {
    font-size: 175%;
  }
  footer .info span.phone {
    font-size: 200%;
  }
  footer .info span.address {
    font-size: 110%;
  }
}

/* =Media query for iPad and tablets
	-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
  header#top [class^="col"], #companies-home [class^="col"], #home [class^="col"] {
    margin: 0;
  }
  header#top .data, header#top .soc {
    display: table;
    margin: auto;
    float: none;
  }
  header#main img#logo {
    display: table;
    margin: auto;
  }
  header#main #header-nav-menu {
    padding: 0;
    margin: 0;
  }
  section#banner {
    min-height: initial;
  }
  section#banner .services {
    padding-top: 0;
  }
  section#banner #item-container {
    display: none;
  }
  #companies-home h6 {
    border: 0;
  }
  #companies-home img:last-of-type {
    display: none;
  }
  #home {
    margin: 50px 0 30px;
  }
  #home h1 {
    font-size: 200%;
  }
  section#extras {
    margin: 40px 0 30px;
  }
  section#social-footer img {
    margin: 0 10px;
  }
  section#social-footer .social-64 img {
    width: 32px;
    height: 32px;
  }
}

/* ==========================================================================
   Style Hacks
   ========================================================================== */
/* Buttons
	   ========================================================================== */
.button, .form.style-3 button,
.form.style-3 .button,
.form.style-3 input[type="submit"],
.form.style-3 input[type="button"] {
  background-color: #DB3A34;
  border-radius: 5px;
}