body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans',Helvetica, Arial, sans-serif;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  font-size-adjust: 100%;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.475;
  background-color: #FFF; }

#main {
  height: 100%;
  width: 100%;
  position: relative; }

#content_wrapper {
  position: relative;
  display: block;
  min-height: 1000px;
  left: 0px;
  margin-left: 230px; }

/* Bootstraps ".container" class has been changed to a fluid full 
 * width container */
.container {
  width: 100%; }

/*===============================================
  B. Grid
================================================= */
.row {
  margin-left: -11px;
  margin-right: -11px; }

.row.table-layout {
  margin-left: 0;
  margin-right: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 11px;
  padding-right: 11px; }

/*===============================================
  C. Typography
================================================= */
ul, ol {
  padding-left: 30px; }

li {
  margin-bottom: 7px; }

a {
  color: #666; }

a:hover {
  color: #d9534f; }

a:focus {
  outline: none; }

p {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 22px;
  font-weight: 400; }

p.small, p small {
  font-size: 13px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: inherit;
  text-rendering: optimizelegibility;
  margin-bottom: 10px; }

h1 {
  font-size: 30px;
  line-height: 45px; }

h1.small {
  font-size: 26px; }

h2 {
  font-size: 24px;
  line-height: 36px; }

h2.small {
  font-size: 20px; }

h3 {
  font-size: 18px;
  line-height: 27px; }

h3.small {
  font-size: 16px; }

h4, h5, h6 {
  line-height: 18px; }

h4 {
  font-size: 15px; }

h5 {
  font-size: 13px; }

h5.small,
h5 small {
  font-size: 12px; }

h6 {
  font-size: 11px;
  color: #999999; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  color: #999999; }

.fw400 {
  font-weight: 400; }

.fw600 {
  font-weight: 600; }

.fw700 {
  font-weight: 700; }

.text-uppercase {
  text-transform: uppercase; }

/* Specialty Header - Also a Divider */
.page-header {
  text-shadow: 0 1px #FFF;
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); }

/* Dividers */
hr {
  margin: 35px 0;
  border-top: 1px solid #DDD; }

hr.alt {
  border-top: 1px dashed #CCC; }

hr.short {
  margin: 20px 0; }

hr.tall {
  margin: 55px 0; }

.divider {
  height: 1px;
  margin: 25px 0;
  background: #e2e2e2; }

/* Carets */
.caret-xs {
  border-width: 2px; }

.caret-sm {
  border-width: 3px; }

.caret-lg {
  border-width: 5px; }

/*===============================================
  D. Animations
================================================= */
/* used in conjuction with "data-animate" 
 * attr to create a delayed page animation
 * read docs for more info on proper use*/
.animated-delay {
  opacity: 0; }

.sparkline-delay {
  height: 0;
  display: block;
  line-height: 40px; }

/* ================================================
   III. PANELS
	  A. Heading
	  B. Panel Addon - Menu
	  C. Panel Addon - Sidemenu
	  D. Panel Addon - Tray
	  E. Panel Tabs
	  F. Panel Accordion 
	  G. Alternate Styles
	  
  * Bootstrap Panels are a vital element in this
  * theme. Please read the documentation provided
  * with Fusion Admin to learn more
===================================================
  A. Heading
=================================================== */
.panel {
  position: relative;
  margin-bottom: 20px;
  border-color: #d5d5d5;
  border-radius: 2px; }

/* panel helper class */
.panel-overflow {
  overflow: hidden; }

.panel-heading {
  position: relative;
  padding: 0;
  min-height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 2px 2px 0 0;
  background: #fafafa; }

.panel-heading + .panel-body {
  border-top-color: #e5e5e5; }

.panel-title {
  font-size: 13px;
  padding-left: 15px; }

.panel-title > .fa,
.panel-title > .glyphicon,
.panel-title > .glyphicons,
.panel-title > .imoon {
  min-width: 25px;
  margin-right: 8px;
  border-right: 1px solid #ddd;
  color: #a87fc6;
  font-size: 16px;
  top: 2px; }

.panel-body {
  position: relative; }
  @media screen and (min-width: 1920px) {
    .panel-body {
      font-size: 1vw; } }

/* Colored headers - via bg-* classes */
.panel-heading[class*='bg-'] {
  margin: -1px; }

.panel-heading[class*='bg-'],
.panel-heading[class*='bg-'] .glyphicon {
  color: #FFF;
  border: none; }

.panel-heading[class*='bg-'] + .panel-body {
  border-top: none; }

.panel-footer {
  background-color: #fafafa; }

/*===============================================
  B. Panel Addon - Menu
  -----------------------------------------------
  Typically placed under the panel header 
  and used to hold buttons or menus 
================================================= */
.panel-menu {
  padding: 10px 13px;
  background-color: #fafafa;
  border-bottom: 1px solid #DDD; }

.panel .panel-menu .btn.active {
  background-color: #FFF;
  box-shadow: none; }

/*===============================================
  C. Panel Addon - Sidemenu
  -----------------------------------------------
  A side column great for housing an
  extra nav list. When used its sibling
  panel body (content) is modified 
================================================= */
/* Sidemenu and content are both floated. 
 * to create equal heights we use the 
 * "Table Layout" css helpers. These helpers
 * can be found in _helpers.scss */
.panel-sidemenu {
  padding: 15px;
  background-color: #f6f6f6; }

.panel-sidemenu ul.nav li {
  margin-bottom: 4px;
  list-style: none; }

.panel-sidemenu ul.nav li.nav-title {
  padding: 10px 0;
  color: #777;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 0 1px #FFF; }

.panel-sidemenu ul.nav li.nav-title:hover {
  color: #777; }

.panel-sidemenu ul.nav li a {
  padding: 5px 0;
  color: #888; }

.panel-sidemenu ul.nav .divider {
  width: 80%;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background: #e2e2e2; }

/*===============================================
  D. Panel Addon - Tray
  -----------------------------------------------
  A special slide out tray used to store 
  additional information. Such as online users.
================================================= */
.panel-tray {
  z-index: 11;
  position: absolute;
  top: 0;
  right: -210px;
  height: 100%;
  width: 210px;
  padding: 15px;
  border-left: 1px solid #DDD;
  background: #fafafa;
  -webkit-transition: right .1s ease-in-out;
  transition: right .1s ease-in-out; }

.panel-tray.tray-open {
  right: 0px; }

.panel-tray-toggle {
  z-index: 999;
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  left: -28px;
  top: -1px;
  width: 28px;
  height: 29px;
  border: 1px solid #DDD;
  border-right: none;
  border-radius: 0 0 0 3px;
  background: #fafafa; }

.panel-tray-toggle .fa,
.panel-tray-toggle .glyphicon,
.panel-tray-toggle .glyphicons,
.panel-tray-toggle .imoon {
  font-size: 16px;
  color: #c7b7e5;
  text-align: center;
  padding: 6px; }

/*===============================================
  E. PANEL TABS
  -----------------------------------------------
  Panel Tab Navigation must be placed inside
  ".panel-heading" see Fusion Docs for example 
================================================= */
.panel-tabs {
  position: absolute;
  bottom: 0;
  right: 0; }

.panel-tabs > li {
  position: relative;
  float: left;
  margin-bottom: -1px; }

.panel-tabs > li > a {
  line-height: 1.428571429;
  border-radius: 0;
  padding: 11px 18px 9px;
  border: 1px solid transparent;
  border-left: 1px solid #DDD;
  font-size: 12px;
  color: #777; }

.panel-tabs > li > a:hover {
  background-color: transparent; }

/* hover and active states */
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background: #ffffff;
  padding: 11px 18px 10px; }

.panel-tabs > li.active:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  height: 2px;
  background: #a87fc6;
  width: 100%; }

/* PANEL TAB CORRECTION */
/* If you want a panel-like footer inside a tababble
 * area you need to wrap the content in a ".tab-body"
 * class. See timeline.html for an example(event panel) */
.tab-body {
  padding: 15px; }

.tab-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

/*===============================================
  F. Accordion 
  -----------------------------------------------
  Created with Bootstrap Panels
================================================= */
.accordion.panel-group .panel {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.accordion.panel-group .panel + .panel {
  margin-top: 10px; }

/* Accordion Header */
.accordion .panel-heading a {
  text-decoration: none;
  display: block; }

.accordion .panel-heading a:hover {
  color: inherit; }

/* Accordion Widget Toggle Arrows */
.accordion .accordion-toggle-icon {
  padding: 12px 12px 7px;
  font-size: 18px; }

/* Accordion Toggle Arrow States */
.accordion .accordion-toggle-icon i:first-child {
  display: block; }

.accordion .accordion-toggle-icon i:last-child {
  display: none; }

.accordion .collapsed .accordion-toggle-icon i:first-child {
  display: none; }

.accordion .collapsed .accordion-toggle-icon i:last-child {
  display: block; }

/*===============================================
  G. Alternate Panel Styles
================================================= */
/* Minimal - Style */
.panel.panel-alt {
  border-color: #DDD;
  box-shadow: none;
  background: #FFF; }

.panel.panel-alt > .panel-heading {
  height: 40px;
  padding-right: 15px;
  background-color: #FFF;
  font-size: 14px;
  line-height: 40px;
  box-shadow: none; }

.panel.panel-alt .panel-body {
  padding: 20px 30px;
  background-color: #fcfcfc;
  line-height: 22px; }

/* ==============================================
   IV. THEME ELEMENTS
	  A. Icons
	  B. Labels
	  C. Badges
	  D. Alerts
	  E. Thumbnails
	  F. Media Objects
	  G. Buttons
	  H. Progress Bars
	  I. Field Elements
	  J. Checkboxes
	  K. Switches
      L. Tables
	  M. Pricing Tables
	  N. Tabs
	  O. Paginations
	  P. Bootstrap Modals
	  Q. Custom Modals
	  R. Boostrap Popover
=================================================
  A. Icons - See Documentation For More Info
================================================= */
/* Some font libraries have large file sizes. 
* We optionally can attach .wf-loading to the 
* body tag and have the fonts only visible after 
* they are fully loaded or cached. Prevents rough
* icon flash and is currently used only on index.html */
.wf-loading .glyphicons,
.wf-loading .glyphicon,
.wf-loading .imoon,
.wf-loading .fa,
.wf-loading .iconsweets {
  opacity: 0 !important; }

/* Icon Transitions */
.glyphicon, .glyphicons,
.imoon, .fa, .iconsweets {
  opacity: 1;
  transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in; }

/* Glyphicon Pro and Halfling */
.glyphicons-2x, .glyphicon-2x {
  font-size: 2em; }

.glyphicons-3x, .glyphicon-3x {
  font-size: 3em; }

.glyphicons-4x, .glyphicon-4x {
  font-size: 4em; }

.glyphicons-5x, .glyphicon-5x {
  font-size: 5em; }

/* Icomoon Font Icons */
.imoon-2x {
  font-size: 2em; }

.imoon-3x {
  font-size: 3em; }

.imoon-4x {
  font-size: 4em; }

.imoon-5x {
  font-size: 5em; }

/* IconSweets2 Font Icons */
.iconsweets-2x {
  font-size: 2em; }

.iconsweets-3x {
  font-size: 3em; }

.iconsweets-4x {
  font-size: 4em; }

.iconsweets-5x {
  font-size: 5em; }

/* Buttons with Icons 
* Cross browser problems were creating problems when
* an icon was given a larger font size than its sibling
* text. To fix Line height, vertical align, and top
* positioning have been redefined */
.btn .glyphicon, .btn .glyphicons {
  top: -1px;
  vertical-align: middle;
  line-height: 0;
  font-size: 1.1em; }

/* A Helper Class to Align Icons Right in Control-forms */
span.field-icon-right,
i.field-icon-right {
  position: absolute;
  right: 10px;
  top: 8px; }

/* Icon Background and Borders 
* properly align icons that have been placed inside of titles
* Useful for matching icon size to adjacent text 
* Icon Background Shapes */
.icon-circle {
  top: 0;
  padding: 9px;
  position: relative;
  overflow: visible;
  border-radius: 64px; }

.icon-square {
  top: 0;
  padding: 9px;
  border-radius: 4px; }

/* Icon Background Sizes */
.icon-circle.glyphicon-2x,
.icon-circle.glyphicons-2x {
  padding: 12px; }

.icon-circle.glyphicon-3x,
.icon-circle.glyphicons-3x {
  padding: 20px; }

.icon-circle.glyphicon-4x,
.icon-circle.glyphicons-4x {
  padding: 35px; }

.icon-square.glyphicon-2x,
.icon-square.glyphicons-2x {
  padding: 12px; }

.icon-square.glyphicon-3x,
.icon-square.glyphicons-3x {
  padding: 20px; }

.icon-square.glyphicon-4x,
.icon-square.glyphicons-4x {
  padding: 35px; }

/* WIDGET SPECIFIC ICON STYLING
* ALL elements which use icons have been
* moved from their respective positions
* and placed here for easy icon styling */
/* Header Button Icons */
.navbar-menus > div > button > span,
.navbar-menus > div > button > i {
  font-size: 15px;
  vertical-align: middle; }

/* Special on-hover styles for user dropdown menu */
.user-menu ul.dropdown-items > li:hover .glyphicon {
  color: #d9534f; }

.user-menu ul.dropdown-items > li:last-child:hover .glyphicon {
  color: #888; }

.user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon {
  color: #d9534f; }

/* Panel Heading Icon */
.panel-heading .panel-title .glyphicon,
.panel-heading .panel-title .glyphicons {
  padding-right: 8px;
  font-size: 16px;
  top: 2px; }

/* Breadcrumb "Home" Icon */
.breadcrumb .glyphicon,
.breadcrumb .glyphicons {
  color: #777;
  font-size: 11px;
  margin-left: 1px;
  top: 0; }

/* Panel Sidemenu Icons */
.panel-sidemenu ul.nav li.active .fa {
  color: #33bfeb; }

.panel-sidemenu ul.nav li a:hover {
  background: none; }

.panel-sidemenu ul.nav li .fa {
  width: 28px;
  color: #BBB;
  font-size: 18px; }

/* Panel Tabs Icons */
.panel-tabs li .glyphicon,
.panel-tabs li .glyphicons,
.panel-tabs li .fa {
  font-size: 14px; }

.panel-tabs .imoon,
.panel-tabs .iconsweets {
  font-size: 14px;
  vertical-align: middle; }

/* Mildly styles a font awesome based icon group
 * used in occasionaly in panel heading. Look at 
 * message widget on index.html for example */
.mini-action-icons .fa {
  position: relative;
  top: 2px;
  padding-right: 10px;
  color: #777;
  font-size: 16px;
  cursor: pointer; }

/* Pricing Table Icons */
.pricing-tables .pricing-icons li .fa-times {
  color: #e74a4a; }

.pricing-tables .pricing-icons li .fa-ellipsis-h {
  color: #555; }

/* Tab Navigation Icons */
.nav-tabs li .fa {
  font-size: 14px; }

.nav-tabs li .fa.fa-caret-down {
  font-size: 12px; }

/* Timeline Widget Icons */
.timeline-widget span.glyphicons {
  z-index: 11;
  position: relative;
  top: 2px;
  width: auto;
  padding: 6px;
  font-size: 18px;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px #AAA;
  box-shadow: 1px 1px 2px #AAA;
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

/* Flag Icons */
.flag-xs,
.flag-sm,
.flag,
.flag-lg {
  display: inline-block;
  vertical-align: middle; }

.flag-xs {
  width: 16px;
  height: 16px;
  background: url(../img/flag_icons/flag-xs.png) no-repeat top left; }

.flag-sm {
  width: 32px;
  height: 32px;
  background: url(../img/flag_icons/flag-sm.png) no-repeat top left; }

.flag-sm.flag-fr {
  background-position: 0 0; }

.flag-sm.flag-de {
  background-position: 0 -33px; }

.flag-sm.flag-in {
  background-position: 0 -66px; }

.flag-sm.flag-es {
  background-position: 0 -99px; }

.flag-sm.flag-tr {
  background-position: 0 -132px; }

.flag-sm.flag-us {
  background-position: 0 -165px; }

.flag-xs.flag-fr {
  background-position: 0 0; }

.flag-xs.flag-de {
  background-position: 0 -17px; }

.flag-xs.flag-es {
  background-position: 0 -34px; }

.flag-xs.flag-tr {
  background-position: 0 -51px; }

.flag-xs.flag-us {
  background-position: 0 -68px; }

/*===============================================
  B. Labels
================================================= */
.label {
  padding: .3em .7em .4em;
  font-size: 84%;
  font-weight: 600;
  line-height: 24px; }

/* Label Sizes - ".label" required */
.label-sm {
  padding: .1em .65em .2em;
  font-size: 75%; }

.label-lg {
  padding: .4em .9em .5em;
  font-size: 95%; }

/* Label Shapes - ".label" required */
.label.label-rounded {
  padding: .2em 0.85em .3em;
  border-radius: 1em; }

.label-sm.label-rounded {
  padding: .1em .65em .2em; }

.label-lg.label-rounded {
  padding: .4em .9em .5em; }

/* Custom Bootstrap Label */
label.error {
  color: #d9534f;
  font-size: 12px;
  font-weight: 600; }

/*===============================================
  C. Badges
================================================= */
.badge {
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 600; }

/* Badge Sizes - ".badge" required */
.badge-sm {
  padding: 2px 6px;
  font-size: 11px; }

.badge-lg {
  padding: 4px 8px; }

/*===============================================
  D. Alerts
================================================= */
/* Alert Sizes */
.alert {
  font-size: 14px; }

.alert-sm {
  padding: 8px 35px 8px 15px; }

.alert-lg {
  padding: 25px 35px 25px 15px;
  font-size: 16px; }

/* Alert Dismiss Icon */
.alert-dismissable .close {
  color: #666; }

/*===============================================
  E. Media Objects 
================================================= */
.media {
  border-bottom: 1px solid #ededed; }

.media,
.media .media {
  margin-top: 15px; }

.media:last-child {
  border-bottom: none; }

.media > .pull-left {
  margin-right: 12px; }

.media-heading small {
  font-size: 11px; }

/*===============================================
  F. Thumbnails 
================================================= */
.thumbnail {
  margin-bottom: 0; }

.thumbnail-xs {
  max-width: 35px;
  padding: 1px;
  border: 2px solid #AAA;
  box-shadow: 0 0 1px #000 inset; }

.thumbnail-sm {
  max-width: 40px;
  padding: 1px;
  border: 2px solid #AAA;
  box-shadow: 0 0 1px #000 inset; }

.thumbnail-border-lg {
  border-width: 3px; }

.thumbnail.rounded {
  border-radius: 64px; }

/*===============================================
  G. Buttons
================================================= */
/* Button Settings */
.btn {
  color: #ffffff;
  outline: none;
  line-height: 1.47;
  border-radius: 2px; }

.btn:focus, .btn:active:focus, .btn.active:focus {
  color: #ffffff;
  outline: none; }

.btn.btn-default:focus, .btn.btn-default:active:focus, .btn.btn-default.active:focus {
  color: #777777;
  outline: none; }

.btn-link {
  color: #444; }

.btn-link:hover {
  color: #444; }

/* Button Sizes */
.btn-xs {
  padding: 2px 6px;
  border-radius: 2px; }

.btn-sm {
  line-height: 1.5; }

.btn-lg {
  line-height: 1.33; }

/* Button Shapes */
.btn-square {
  border-radius: 0; }

/* Button Colors 
* These are only colors that follow Bootstraps
* color scheme. Fusion includes many more colors
* are at end of this doc or in the SASS Partials */
.btn-default,
.bg-default {
  text-shadow: none; }

.btn-success.btn-gradient,
.bg-success.bg-gradient {
  border-color: #3f9d00;
  background-color: #44ab00; }

.btn-info.btn-gradient,
.bg-info.bg-gradient {
  border-color: #269abc;
  background-color: #14abd8; }

.btn-primary.btn-gradient,
.bg-primary.bg-gradient {
  background-color: #0088cc; }

.btn-warning.btn-gradient,
.bg-warning.bg-gradient {
  background-color: #f28900; }

.btn-danger.btn-gradient,
.bg-danger.bg-gradient {
  background-color: #d3332e; }

.btn-default.btn-gradient,
.bg-default.bg-gradient {
  background-color: #f0f0f0; }

/* Adds a custom "Alert"(purple) button to 
 * the Bootstrap button lineup */
.btn-alert {
  background-color: #7857ca; }

.btn-alert.btn-gradient {
  background-color: #5d3ab5; }

.btn-alert .caret {
  border-top-color: #ffffff; }

/* Button Hover effect */
.btn:hover {
  color: #FFF;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); }

.btn-gradient:hover,
.bg-gradient:hover {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); }

/* Button Gradients 
 * Gradients are created using a transparent gradient 
 * overlay. This way you can transform any element 
 * with a background color into a gradient without 
 * having to use additional colors */
.btn-gradient,
.bg-gradient {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: "";
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#80ffffff',endColorstr='#00ffffff',GradientType=0); }

/* Custom Themed Button group using all default bootstrap classes */
.btn-group.btn-group-themed .btn-default:hover,
.btn-group.btn-group-themed .btn-default:focus,
.btn-group.btn-group-themed .btn-default:active,
.btn-group.btn-group-themed .btn-default.active,
.btn-group.btn-group-themed .open .dropdown-toggle.btn-default {
  color: #6b3fa2;
  border-color: #cbc0f8;
  background-color: #e3def8;
  box-shadow: none; }

/* Button Dropdown Menu Sizes */
.dropdown-menu.dropdown-sm {
  min-width: 120px; }

.dropdown-menu.dropdown-sm li {
  margin-bottom: 0; }

.dropdown-menu.dropdown-sm li a {
  font-size: 13px;
  padding: 2px 12px; }

/*===============================================
  H. Progress Bars
================================================= */
.progress {
  height: 18px;
  background-color: #ececec;
  box-shadow: none; }

.progress-bar {
  line-height: 18px; }

/* Progress Bar Sizes - ".progress" always required */
.progress.progress-sm {
  height: 12px;
  border-radius: 2px; }

.progress.progress-sm .progress-bar {
  line-height: 12px; }

.progress.progress-lg {
  height: 28px; }

.progress.progress-lg .progress-bar {
  line-height: 28px; }

/*===============================================
  I. Field Elements
================================================= */
/* Default Select List */
select {
  cursor: pointer; }

/* Bootstrap Help Block */
.help-block {
  margin-top: 7px;
  color: #888; }

.radio-inline, .checkbox-inline {
  line-height: 20px; }

/* Input Label  */
label {
  font-weight: 600; }

/* Input Design */
.form-control {
  box-shadow: none;
  border-radius: 0;
  border-color: #DDD; }

/* Input Sizes */
.input-xs {
  padding: 4px 10px;
  height: 26px;
  font-size: 12px;
  line-height: 1.6; }

/* Input Addon */
.input-group-addon {
  min-width: 40px;
  color: #9C9C9C;
  background-color: #fafafa;
  border-radius: 0;
  border-color: #DDD; }

/* Input Focus */
.form-control:focus {
  border-color: #b18cde;
  box-shadow: none; }

/* Disabled Input */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fafafa; }

/* Alternate Text Field Style - Gradient */
.text-field-alt {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  min-height: 40px;
  border-radius: 1px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

/*===============================================
  J. Checkboxes - Custom Fusion exlcusive
                  pure CSS Checkboxes
================================================= */
.cBox {
  position: relative; }

.cBox.cBox-inline {
  display: inline-block; }

.cBox.cBox-inline + .cBox.cBox-inline {
  margin-left: 18px; }

.cBox input {
  margin: 0; }

.cBox label {
  cursor: pointer;
  color: #AAA;
  font-size: 11px;
  font-weight: 400;
  padding-left: 10px;
  margin: 0; }

.cBox label:before {
  content: "";
  cursor: pointer;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  left: 0;
  border-radius: 2px;
  border: 1px solid #CCC;
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  background-color: #f2f2f2;
  /*
	border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
	background-color: #f28900;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/ }

.cBox.cBox-gradient label:before {
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); }

.cBox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 11px;
  height: 5px;
  background: transparent;
  top: 5px;
  left: 3px;
  border: 3px solid #555;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-58deg);
  -moz-transform: rotate(-58deg);
  -o-transform: rotate(-58deg);
  -ms-transform: rotate(-58deg);
  transform: rotate(-58deg); }

.cBox input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

/* Checkboxes - Custom Colors */
.cBox.facebook-bg label:before {
  background-color: #9de0f5; }

.cBox.twitter-bg label:before {
  background-color: #a8e9ea; }

.cBox.pinterest-bg label:before {
  background-color: #ffac9c; }

.cBox.instagram-bg label:before {
  background-color: #fbb882; }

/*===============================================
  K. Switches - Created with pure CSS
================================================= */
div.switch label {
  display: block;
  position: relative;
  color: transparent;
  background: #ddd;
  text-indent: 100%;
  width: 52px;
  height: 26px;
  cursor: pointer;
  transition: left .15s ease-out; }

div.switch input {
  display: none; }

div.switch input + label {
  margin-left: 0;
  margin-right: 0; }

div.switch label:after {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 19px;
  height: 19px;
  -webkit-transition: left .15s ease-out;
  -moz-transition: left .15s ease-out;
  transition: left .15s ease-out; }

div.switch input:checked + label {
  background: #2ba6cb; }

div.switch input:checked + label:after {
  left: 29px; }

div.switch label {
  width: 52px;
  height: 26px; }

div.switch label:after {
  width: 19px;
  height: 19px; }

div.switch input:checked + label:after {
  left: 29px; }

div.switch label {
  color: transparent;
  background: #ddd; }

div.switch label:after {
  background: #fff; }

div.switch input:checked + label {
  background: #2ba6cb; }

/* Switch Sizes */
div.switch.switch-lg label {
  width: 65px;
  height: 32px; }

div.switch.switch-lg label:after {
  width: 26px;
  height: 26px; }

div.switch.switch-lg input:checked + label:after {
  left: 35px; }

div.switch.switch-sm label {
  width: 45px;
  height: 22px; }

div.switch.switch-sm label:after {
  width: 16px;
  height: 16px; }

div.switch.switch-sm input:checked + label:after {
  left: 26px; }

div.switch.switch-xs label {
  width: 39px;
  height: 19px; }

div.switch.switch-xs label:after {
  width: 13px;
  height: 13px; }

div.switch.switch-xs input:checked + label:after {
  left: 22px; }

div.switch.radius label {
  border-radius: 4px; }

div.switch.radius label:after {
  border-radius: 3px; }

/* Switch Option - Rounded */
div.switch.round {
  border-radius: 1000px; }

div.switch.round label {
  border-radius: 26px; }

div.switch.round label:after {
  border-radius: 26px; }

/* Switch Option - Inline */
.switch.switch-inline {
  display: inline-block; }

.switch.switch-inline + .switch.switch-inline {
  margin-left: 15px; }

/*===============================================
  L. Tables
================================================= */
/* Table first item changes */
.table tbody > tr:first-child > td {
  border-top: 0; }

/* Table-striped item changes */
.table-striped > tbody > tr:nth-child(even) > td {
  background-color: #f8f8f8;
  border-bottom: 1px dashed #c9c9c9;
  padding: 8px; }

.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #FFF;
  border-bottom: 1px dashed #c9c9c9;
  padding: 8px; }

/* Rounded */
.table-curved > tbody > tr > td:first-child {
  border-radius: 4px 0 0 4px; }

.table-curved > tbody > tr > td:last-child {
  border-radius: 0 4px 4px 0; }

/*===============================================
  M. Pricing Tables
================================================= */
/* Regular Pricing Plan */
.pricing-tables .pricing-plan {
  padding: 0 0 20px 0;
  margin: 30px -16px 20px -16px;
  border: 1px solid #CCC;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

/* Pricing Table Title */
.pricing-tables .pricing-title {
  padding: 25px 5px 20px;
  border-bottom: 1px solid #DDD; }

.pricing-tables .pricing-title h3 {
  margin-bottom: 0;
  font-weight: 200;
  text-transform: none;
  font-size: 26px;
  color: #555; }

/* Pricing Table Cost Figure */
.pricing-info {
  margin: 20px 0; }

.pricing-info .currency-sign {
  color: #333;
  font-size: 26px;
  font-weight: 200;
  display: inline-block;
  vertical-align: top;
  margin-left: -20px;
  padding-left: 5px;
  padding-top: 6px; }

.pricing-info h2 {
  display: inline-block;
  margin-bottom: 0;
  color: #444;
  font-size: 54px;
  font-weight: 600; }

.pricing-info h6 {
  color: #888;
  font-weight: 200;
  margin: 4px 0 0; }

/* Pricing Table Item Features */
.pricing-features ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #DDD; }

.pricing-features li {
  padding: 10px 0;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  color: #999;
  margin: 0; }

.pricing-tables .pricing-features li b {
  font-weight: 600; }

.pricing-tables .pricing-features li i.fa {
  font-size: 15px;
  color: #777;
  padding-right: 8px; }

/* Pricing Table Icons */
.pricing-tables .pricing-icons ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.pricing-tables .pricing-icons li {
  padding: 10px 0;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  font-size: 18px;
  margin: 0; }

/* Pricing Table Sign Up Button*/
.pricing-tables a.btn {
  margin-top: 25px;
  padding: 8px 26px; }

/* Hero Pricing Plan Modifications */
.hero-plan {
  z-index: 10; }

.hero-plan .pricing-plan {
  background-color: #f6f6f6;
  padding: 0 0 20px 0;
  margin: 0 -17px 20px -17px;
  border-bottom: 1px solid #BBB;
  -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.2); }

.hero-plan .pricing-plan .pricing-title {
  color: #FFF;
  margin: -1px -1px 0 -1px; }

.hero-plan .pricing-plan .pricing-title h3 {
  color: #FFF;
  font-weight: 600; }

.hero-plan .pricing-plan .pricing-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 600; }

.hero-plan .pricing-plan a.btn {
  margin: 40px 0 20px; }

/*===============================================
  N. Tabs
================================================= */
/* TAB CONTAINER */
.tab-block {
  position: relative; }

.tab-block .tab-content {
  overflow: auto;
  background-color: #FFF; }

/* TAB CONTENT PANEL */
.tab-content {
  position: relative;
  z-index: 10;
  min-height: 125px;
  padding: 16px 12px;
  border: 1px solid #CCC; }

/* TAB NAVIGATION */
.nav-tabs {
  position: relative;
  border: 0;
  overflow: visible; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  position: relative;
  z-index: 9;
  padding: 9px 16px;
  margin-right: -1px;
  font-weight: 700;
  color: #777;
  font-size: 12px;
  border-color: #CFCFCF;
  border-radius: 0;
  background: #fafafa; }

.nav-tabs > li:first-child > a {
  margin-left: 0; }

/* TAB NAVIGATION STATES */
.nav-tabs > li > a:hover {
  color: #555;
  border-color: #CFCFCF; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  cursor: default;
  position: relative;
  z-index: 12;
  color: #555555;
  background: #FFF;
  border-color: #CFCFCF;
  border-bottom: 1px solid #FFF; }

/* open state for dropdown menus in nav 
 * containers. Also a direct bootstrap override */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  color: #428bca;
  border-color: #CFCFCF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a {
  margin-top: -1px;
  border-top: 2px solid #a287d4; }

/* TAB NAVIGATION - ALT STYLE: BORDER - BOTTOM */
.tabs-border-bottom.nav-tabs > li > a, .tabs-border-bottom .nav-tabs > li > a {
  color: #BBB;
  font-weight: 600;
  background: #f9f9f9; }

.tabs-border-bottom.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a {
  color: #555;
  font-weight: 600;
  margin-bottom: -1px;
  background: #f7f7f7;
  border-color: #DDD;
  border-bottom: 2px solid #a287d4; }

/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.nav {
  background: #f5f5f5;
  border: 1px solid #CCC;
  border-bottom: none;
  padding: 10px 10px 0; }

/* TABS - Float Right */
.nav-tabs.tabs-right > li {
  float: right; }

.nav-tabs.tabs-right > li:first-child > a {
  margin-right: 0; }

/* TABS - NAVIGATION BELOW */
.tabs-below {
  position: relative; }

.tabs-below > li {
  float: left;
  margin-top: -1px; }

.tabs-below > li > a {
  position: relative;
  z-index: 9;
  margin-right: -1px;
  padding: 11px 16px;
  font-size: 12px;
  color: #777;
  font-weight: 700;
  border: 1px solid #CFCFCF;
  background: #fafafa; }

/* TAB NAVIGATION STATES */
.tabs-below > li.active > a, .tabs-below > li.active > a:hover, .tabs-below > li.active > a:focus {
  cursor: default;
  position: relative;
  z-index: 12;
  color: #555555;
  background: #FFF;
  border-color: #CFCFCF;
  border-top: 1px solid #FFF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-below > li.active > a, .tabs-border .tabs-below > li.active > a {
  margin-bottom: -1px;
  border-bottom: 2px solid #c7b7e5; }

/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.tabs-below {
  background: #f5f5f5;
  border: 1px solid #CCC;
  border-top: none;
  padding: 0 10px 6px; }

/* TABS - NAVIGATION LEFT */
.tabs-left {
  float: left; }

.tabs-left > li {
  float: none;
  margin: 0 -1px -1px 0; }

.tabs-left > li > a {
  padding: 12px 16px;
  color: #777;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid transparent;
  border-color: #CFCFCF;
  background: #fafafa; }

/* TAB NAVIGATION STATES */
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
  color: #555;
  border-color: #CCC #FFF #CCC #CCC;
  cursor: default;
  position: relative;
  z-index: 12;
  background: #FFF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-left > li.active > a, .tabs-border .tabs-left > li.active > a {
  margin-left: -1px;
  border-left: 2px solid #c7b7e5; }

/* WELL TABS - GREY MICRO NAV TABS */
.well-tabs {
  position: relative; }

.well-tabs li {
  float: left;
  margin: 4px 6px; }

.well-tabs li:first-child {
  margin-left: 0; }

.well-tabs li a {
  font-size: 11px;
  font-weight: 600;
  padding: 6px 8px;
  line-height: 15px;
  border-radius: 4px;
  color: #8457bb;
  border: 1px solid #beaff9;
  background-color: #dfd9f7; }

.well-tabs li a:hover, .well-tabs li.active a {
  background-color: #fff; }

/* Same style but inversed colors */
.well-tabs-inverse li a {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  padding: 6px 8px;
  line-height: 15px;
  background: transparent;
  border-radius: 4px;
  border: 1px solid #ddd; }

.well-tabs-inverse li a:hover, .well-tabs-inverse li.active a {
  color: #6b3fa2;
  border-color: #cbc0f8;
  background-color: #e3def8; }

/*===============================================
  O. Paginations
================================================= */
/* MINI PAGERS */
.pager {
  margin: 5px 0;
  cursor: pointer; }

.pager li > a, .pager li > span {
  font-size: 14px; }

.pager.pager-sm li > a, .pager.pager-sm li > span {
  font-size: 12px; }

.pager.pager-lg li > a, .pager.pager-lg li > span {
  font-size: 16px; }

/* PAGINATIONS */
.pagination {
  margin: 5px 0;
  cursor: pointer; }

/* ROUNDED PAGINATION */
.pagination-rounded > li:first-child > a {
  border-radius: 50% 0 0 50%; }

.pagination-rounded > li:last-child > a {
  border-radius: 0 50% 50% 0; }

/* ALT STYLE */
.pagination-alt > li > a {
  margin: 0 4px;
  border-radius: 2px;
  font-weight: 600;
  color: #666;
  text-shadow: 0 1px #FFF;
  padding: 4px 11px;
  border-color: #ccc;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #ffffff 1%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.pagination-alt > li.active > a {
  background-color: #555;
  background-image: none;
  border-color: #444; }

/* SIZES FOR ALT STYLE */
.pagination-alt.pagination-sm > li > a {
  margin: 0 3px;
  font-weight: 700;
  padding: 4px 9px; }

.pagination-alt.pagination-lg > li > a {
  margin: 0 5px;
  padding: 4px 13px; }

/* pagination-alt fixes */
.pagination-alt.pagination-sm > li:first-child > a, .pagination-alt.pagination-lg > li:first-child > a {
  margin-left: 0; }

/*===============================================
  P. Bootstrap Modals
================================================= */
.modal-backdrop.in {
  opacity: 0.7; }

/* Modal sizes - element always requires
 * default ".modal-dialog" class */
.modal-dialog-sm {
  width: auto; }

@media screen and (min-width: 768px) {
  .modal-dialog {
    padding-top: 50px; }
  .modal-dialog-sm {
    width: 425px; } }

/* Modal Header */
.modal-header {
  position: relative;
  height: 45px;
  line-height: 35px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 0;
  border-bottom: 1px solid #c9c9c9;
  background: #f2f2f2; }

.modal-header button,
.modal-title {
  line-height: inherit; }

.modal-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-radius: 0; }

/*===============================================
  Q. Custom Modals
================================================= */
/* Login Form Modal */
#formModal .modal-content {
  width: 400px;
  margin: 0 auto;
  position: relative; }

#formModal .modal-body {
  padding: 15px 20px 0 20px; }

#formModal #login-avatar {
  margin: 15px 20px 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #DDD; }

#formModal #login-avatar img {
  display: block;
  margin: 0 auto;
  padding: 5px;
  border: 2px solid #DDD; }

#formModal .login-alert {
  font-size: 13px;
  padding: 9px 13px; }

/*===============================================
  R. Content Heading Bar
================================================= */
.content-header {
  border-radius: 4px;
  background: #f6f6f6;
  padding: 12px 15px;
  border: 1px solid #CCC; }

/*===============================================
  R. Boostrap Popover
================================================= */
.popover {
  z-index: 1100; }

/*===============================================
  S. Boostrap List
================================================= */
.list-unstyled,
.list-unstyled li {
  margin: 0; }

/*=================================================
  v. HELPERS
	 A. General
     B. Font Size 
	 C. Table Layout
	 D. Padding
	 E. Margin
	 F. Line Height
	 G. Borders
	 H. Max Width
===================================================
  A. General/Misc Helpers
=================================================== */
/* overflow Helpers */
.overflow-v {
  overflow: visible !important; }

.overflow-h {
  overflow: hidden !important; }

/* Center Grid Column Helper */
.center-column {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block; }

/* Vertical Align Helpers */
.va-t {
  vertical-align: top !important; }

.va-m {
  vertical-align: middle !important; }

.va-b {
  vertical-align: bottom !important; }

.va-s {
  vertical-align: super !important; }

/* Relative Position Helper */
.posr {
  position: relative !important; }

/* Inline Block Helper */
.ib, .inline-object {
  display: inline-block !important; }

/* pointer cursor */
.cursor {
  cursor: pointer !important; }

/* Useful for emphasizing a disabled input */
.option-disabled {
  opacity: 0.6; }

/* unstyled input */
.input-unstyled,
.input-unstyled:hover,
.input-unstyled:focus {
  border: none;
  background: none;
  box-shadow: none;
  outline: none; }

/*===================================================
  B. Table Layout Helpers - specifically for widgets
===================================================== */
.table-layout {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0; }

/* table-layout helper content */
.table-layout > div {
  display: table-cell;
  float: none; }

@media (max-width: 1300px) {
  .table-layout.table-clear-md,
  .table-layout.table-clear-md > div {
    display: block;
    float: none; } }

@media (max-width: 992px) {
  .table-layout.table-clear-sm,
  .table-layout.table-clear-sm > div {
    display: block;
    float: none; } }

@media (max-width: 767px) {
  .table-layout.table-clear-xs,
  .table-layout.table-clear-xs > div {
    display: block;
    float: none; } }

/*===============================================
  C. Font Size Helpers
================================================= */
.fs3 {
  font-size: 4px !important; }

.fs4 {
  font-size: 4px !important; }

.fs5 {
  font-size: 5px !important; }

.fs6 {
  font-size: 6px !important; }

.fs7 {
  font-size: 7px !important; }

.fs8 {
  font-size: 8px !important; }

.fs9 {
  font-size: 9px !important; }

.fs10 {
  font-size: 10px !important; }

.fs11 {
  font-size: 11px !important; }

.fs12 {
  font-size: 12px !important; }

.fs13 {
  font-size: 13px !important; }

.fs14 {
  font-size: 14px !important; }

.fs15 {
  font-size: 15px !important; }

.fs16 {
  font-size: 16px !important; }

.fs18 {
  font-size: 18px !important; }

.fs20 {
  font-size: 20px !important; }

.fs22 {
  font-size: 22px !important; }

.fs24 {
  font-size: 24px !important; }

.fs26 {
  font-size: 26px !important; }

.fs28 {
  font-size: 28px !important; }

.fs30 {
  font-size: 30px !important; }

.fs35 {
  font-size: 35px !important; }

.fs40 {
  font-size: 40px !important; }

.fs45 {
  font-size: 45px !important; }

.fs50 {
  font-size: 50px !important; }

/*===============================================
  D. Padding Helpers
================================================= */
.pn {
  padding: 0 !important; }

.p1 {
  padding: 1px !important; }

.p2 {
  padding: 2px !important; }

.p3 {
  padding: 3px !important; }

.p4 {
  padding: 4px !important; }

.p5 {
  padding: 5px !important; }

.p6 {
  padding: 6px !important; }

.p7 {
  padding: 7px !important; }

.p8 {
  padding: 8px !important; }

.p10 {
  padding: 10px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 20px !important; }

.p25 {
  padding: 25px !important; }

.p30 {
  padding: 30px !important; }

.p35 {
  padding: 35px !important; }

.p40 {
  padding: 40px !important; }

.p50 {
  padding: 50px !important; }

.ptn {
  padding-top: 0 !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.prn {
  padding-right: 0 !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr50 {
  padding-right: 50px !important; }

.pbn {
  padding-bottom: 0 !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pln {
  padding-left: 0 !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl50 {
  padding-left: 50px !important; }

/*===============================================
  E. Margin Helpers
================================================= */
.mn {
  margin: 0 !important; }

.m1 {
  margin: 1px !important; }

.m2 {
  margin: 2px !important; }

.m3 {
  margin: 3px !important; }

.m4 {
  margin: 4px !important; }

.m5 {
  margin: 5px !important; }

.m8 {
  margin: 8px !important; }

.m10 {
  margin: 10px !important; }

.m15 {
  margin: 15px !important; }

.m20 {
  margin: 20px !important; }

.m25 {
  margin: 25px !important; }

.m30 {
  margin: 30px !important; }

.m35 {
  margin: 35px !important; }

.m40 {
  margin: 40px !important; }

.m50 {
  margin: 50px !important; }

.mtn {
  margin-top: 0 !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mrn {
  margin-right: 0 !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr50 {
  margin-right: 50px !important; }

.mbn {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mln {
  margin-left: 0 !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml50 {
  margin-left: 50px !important; }

/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 {
  line-height: 0 !important; }

.lh5 {
  line-height: 5px !important; }

.lh10 {
  line-height: 10px !important; }

.lh15 {
  line-height: 15px !important; }

.lh20 {
  line-height: 20px !important; }

.lh25 {
  line-height: 25px !important; }

.lh30 {
  line-height: 30px !important; }

.lh35 {
  line-height: 35px !important; }

.lh40 {
  line-height: 40px !important; }

/*===============================================
  G. Border Helpers
================================================= */
/* Default Border */
.border {
  border: 1px solid #DDD; }

.border-left {
  border-left: 1px solid #DDD; }

.border-right {
  border-right: 1px solid #DDD; }

.border-top {
  border-top: 1px solid #DDD; }

.border-bottom {
  border-bottom: 1px solid #DDD; }

/* Border Radius */
.br0 {
  border-radius: 0px !important; }

.br1 {
  border-radius: 1px !important; }

.br2 {
  border-radius: 2px !important; }

.br3 {
  border-radius: 3px !important; }

.br4 {
  border-radius: 4px !important; }

.br6 {
  border-radius: 6px !important; }

.br8 {
  border-radius: 8px !important; }

.br12 {
  border-radius: 12px !important; }

.br24 {
  border-radius: 24px !important; }

.br64 {
  border-radius: 64px !important; }

/* circle */
/* Border Width */
.bw1 {
  border-width: 1px !important; }

.bw2 {
  border-width: 2px !important; }

.bw3 {
  border-width: 3px !important; }

.bw4 {
  border-width: 4px !important; }

.bw5 {
  border-width: 5px !important; }

/* Border Style */
.bs-dashed {
  border-style: dotted !important; }

/* Disable Border */
.border-left-none {
  border-left: none !important; }

.border-right-none {
  border-right: none !important; }

.border-top-none {
  border-top: none !important; }

.border-bottom-none {
  border-bottom: none !important; }

.border-none {
  border: none !important; }

/*===============================================
  H. Max Width Helpers
================================================= */
.mw10 {
  max-width: 10px !important; }

.mw20 {
  max-width: 20px !important; }

.mw30 {
  max-width: 30px !important; }

.mw35 {
  max-width: 35px !important; }

.mw40 {
  max-width: 40px !important; }

.mw45 {
  max-width: 45px !important; }

.mw50 {
  max-width: 50px !important; }

.mw60 {
  max-width: 60px !important; }

.mw80 {
  max-width: 80px !important; }

.mw100 {
  max-width: 100px !important; }

.mw140 {
  max-width: 140px !important; }

.mw160 {
  max-width: 160px !important; }

.mw180 {
  max-width: 180px !important; }

.mw200 {
  max-width: 200px !important; }

.mw240 {
  max-width: 240px !important; }

.mw280 {
  max-width: 280px !important; }

.mw320 {
  max-width: 320px !important; }

/* ==============================================
  * All color variables used in this stylesheet
  * are stored in modules/_colors.scss	  
  
  VII. COLOR SYSTEM
	  A. Misc Skin/Colors
	  B. Colors for Custom Elements
	  C. Tabs
	  D. Icons
	  E. Menu and Button Dropdowns
	  F. Text Input Forms
	  G. Thumbnails
	  H. Paginations
	  I. Checkboxes
	  J. Switches
	  K. RangeSlider
	  L. Progress Bar Colors
	  M. Text Colors
	  N. Border Colors
	  O. Background Colors
	  P. Background Colors - Advanced Set
  
  * The Fusion Color System has two variations
  * of every color. A Light shade and a dark
  * shade. To create a gradient we set the 
  * elements background-color to the dark shade
  * and then apply a gradient overlay via 
  * the "gradient" mixin. 
================================================= 
  A. Misc Skin/Colors
================================================= */
/* Custom Theme(purple) Alert */
.alert-theme {
  color: #715da3;
  border-color: rgba(199, 183, 229, 0.4);
  background-color: rgba(199, 183, 229, 0.4); }

.alert-theme .alert-link {
  color: #715da3; }

/*===============================================
  A. Colors for Custom Elements
================================================= */
.facebook-color {
  background-color: #6395cf; }

.twitter-color {
  background-color: #4fbdc8; }

/* custom right side menu button */
.text-cloud {
  color: #afb6c6; }

/* User Online Green Border Color */
.border-onlinegreen {
  border-color: #94d867; }

/*===============================================
  A. Tabs
================================================= */
.panel-tabs > li.active:after {
  background: #a287d4; }

/*===============================================
  A. Icons
================================================= */
/* Panel Header Icon */
.panel-title > .fa,
.panel-title > .glyphicon,
.panel-title > .glyphicons,
.panel-title > .imoon {
  color: #a287d4; }

/*===============================================
  A. Menu and Button Dropdowns
================================================= */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #ABABAB; }

/*===============================================
  A. Text Input Forms
================================================= */
.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #ffcf5a; }

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #a0d65a; }

.has-error .form-control,
.has-error .form-control:focus {
  border-color: #ff745a; }

/*===============================================
  A. Thumbnails
================================================= */
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #a287d4; }

.thumbnail-xs {
  border-color: #a287d4; }

.thumbnail-sm {
  border-color: #a287d4; }

/*===============================================
  A. Paginations
================================================= */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #a287d4;
  border-color: #a287d4; }

.pagination > li > a,
.pagination > li > span {
  color: #a287d4; }

.pagination-alt > li.active > a {
  background-color: #715da3;
  border-color: #715da3; }

/*===============================================
  A. Checkboxes
================================================= */
.cBox.cBox-teal3 label:before {
  background-color: #1e9093; }

.cBox.cBox-teal label:before {
  background-color: #a8e9ea; }

.cBox.cBox-teal2 label:before {
  background-color: #2dc5c7; }

.cBox.cBox-teal3 label:before {
  background-color: #1e9093; }

.cBox.cBox-blue label:before {
  background-color: #9de0f5; }

.cBox.cBox-blue2 label:before {
  background-color: #33bfeb; }

.cBox.cBox-blue3 label:before {
  background-color: #238bc5; }

.cBox.cBox-purple label:before {
  background-color: #c7b7e5; }

.cBox.cBox-purple2 label:before {
  background-color: #a287d4; }

.cBox.cBox-purple3 label:before {
  background-color: #715da3; }

.cBox.cBox-pink label:before {
  background-color: #ffd1ed; }

.cBox.cBox-pink2 label:before {
  background-color: #ffb2e1; }

.cBox.cBox-pink3 label:before {
  background-color: #ff7fb4; }

.cBox.cBox-red label:before {
  background-color: #ffac9c; }

.cBox.cBox-red2 label:before {
  background-color: #ff745a; }

.cBox.cBox-red3 label:before {
  background-color: #ff4f3e; }

.cBox.cBox-orange label:before {
  background-color: #fbb882; }

.cBox.cBox-orange2 label:before {
  background-color: #f9892e; }

.cBox.cBox-orange3 label:before {
  background-color: #e55e20; }

.cBox.cBox-yellow label:before {
  background-color: #ffe29c; }

.cBox.cBox-yellow2 label:before {
  background-color: #ffcf5a; }

.cBox.cBox-yellow3 label:before {
  background-color: #ff9d3e; }

.cBox.cBox-green label:before {
  background-color: #c6e69c; }

.cBox.cBox-green2 label:before {
  background-color: #a0d65a; }

.cBox.cBox-green3 label:before {
  background-color: #6fa53e; }

.cBox.cBox-grey label:before {
  background-color: #b0daec; }

.cBox.cBox-grey2 label:before {
  background-color: #6ebbdd; }

.cBox.cBox-grey3 label:before {
  background-color: #6ebbdd; }

/*===============================================
  A. Switches
================================================= */
div.switch.switch-teal input:checked + label {
  background-color: #a8e9ea; }

div.switch.switch-teal2 input:checked + label {
  background-color: #2dc5c7; }

div.switch.switch-teal3 input:checked + label {
  background-color: #1e9093; }

div.switch.switch-blue input:checked + label {
  background-color: #9de0f5; }

div.switch.switch-blue2 input:checked + label {
  background-color: #33bfeb; }

div.switch.switch-blue3 input:checked + label {
  background-color: #238bc5; }

div.switch.switch-purple input:checked + label {
  background-color: #c7b7e5; }

div.switch.switch-purple2 input:checked + label {
  background-color: #a287d4; }

div.switch.switch-purple3 input:checked + label {
  background-color: #715da3; }

div.switch.switch-pink input:checked + label {
  background-color: #ffd1ed; }

div.switch.switch-pink2 input:checked + label {
  background-color: #ffb2e1; }

div.switch.switch-pink3 input:checked + label {
  background-color: #ff7fb4; }

div.switch.switch-red input:checked + label {
  background-color: #ffac9c; }

div.switch.switch-red2 input:checked + label {
  background-color: #ff745a; }

div.switch.switch-red3 input:checked + label {
  background-color: #ff4f3e; }

div.switch.switch-orange input:checked + label {
  background-color: #fbb882; }

div.switch.switch-orange2 input:checked + label {
  background-color: #f9892e; }

div.switch.switch-orange3 input:checked + label {
  background-color: #e55e20; }

div.switch.switch-yellow input:checked + label {
  background-color: #ffe29c; }

div.switch.switch-yellow2 input:checked + label {
  background-color: #ffcf5a; }

div.switch.switch-yellow3 input:checked + label {
  background-color: #ff9d3e; }

div.switch.switch-green input:checked + label {
  background-color: #c6e69c; }

div.switch.switch-green2 input:checked + label {
  background-color: #a0d65a; }

div.switch.switch-green3 input:checked + label {
  background-color: #6fa53e; }

div.switch.switch-grey input:checked + label {
  background-color: #b0daec; }

div.switch.switch-grey2 input:checked + label {
  background-color: #6ebbdd; }

div.switch.switch-grey3 input:checked + label {
  background-color: #6ebbdd; }

/*===============================================
  A. RangeSlider
================================================= */
/* take note of where color class is applied(parent container)
 * See sliders.html for example */
.ui-rangeSlider.slider-teal .ui-rangeSlider-bar {
  background-color: #a8e9ea; }

.ui-rangeSlider.slider-teal2 .ui-rangeSlider-bar {
  background-color: #2dc5c7; }

.ui-rangeSlider.slider-teal3 .ui-rangeSlider-bar {
  background-color: #1e9093; }

.ui-rangeSlider.slider-blue .ui-rangeSlider-bar {
  background-color: #9de0f5; }

.ui-rangeSlider.slider-blue2 .ui-rangeSlider-bar {
  background-color: #33bfeb; }

.ui-rangeSlider.slider-blue3 .ui-rangeSlider-bar {
  background-color: #238bc5; }

.ui-rangeSlider.slider-purple .ui-rangeSlider-bar {
  background-color: #c7b7e5; }

.ui-rangeSlider.slider-purple2 .ui-rangeSlider-bar {
  background-color: #a287d4; }

.ui-rangeSlider.slider-purple3 .ui-rangeSlider-bar {
  background-color: #715da3; }

.ui-rangeSlider.slider-pink .ui-rangeSlider-bar {
  background-color: #ffd1ed; }

.ui-rangeSlider.slider-pink2 .ui-rangeSlider-bar {
  background-color: #ffb2e1; }

.ui-rangeSlider.slider-pink3 .ui-rangeSlider-bar {
  background-color: #ff7fb4; }

.ui-rangeSlider.slider-red .ui-rangeSlider-bar {
  background-color: #ffac9c; }

.ui-rangeSlider.slider-red2 .ui-rangeSlider-bar {
  background-color: #ff745a; }

.ui-rangeSlider.slider-red3 .ui-rangeSlider-bar {
  background-color: #ff4f3e; }

.ui-rangeSlider.slider-orange .ui-rangeSlider-bar {
  background-color: #fbb882; }

.ui-rangeSlider.slider-orange2 .ui-rangeSlider-bar {
  background-color: #f9892e; }

.ui-rangeSlider.slider-orange3 .ui-rangeSlider-bar {
  background-color: #e55e20; }

.ui-rangeSlider.slider-yellow .ui-rangeSlider-bar {
  background-color: #ffe29c; }

.ui-rangeSlider.slider-yellow2 .ui-rangeSlider-bar {
  background-color: #ffcf5a; }

.ui-rangeSlider.slider-yellow3 .ui-rangeSlider-bar {
  background-color: #ff9d3e; }

.ui-rangeSlider.slider-green .ui-rangeSlider-bar {
  background-color: #c6e69c; }

.ui-rangeSlider.slider-green2 .ui-rangeSlider-bar {
  background-color: #a0d65a; }

.ui-rangeSlider.slider-green3 .ui-rangeSlider-bar {
  background-color: #6fa53e; }

.ui-rangeSlider.slider-grey .ui-rangeSlider-bar {
  background-color: #b0daec; }

.ui-rangeSlider.slider-grey2 .ui-rangeSlider-bar {
  background-color: #6ebbdd; }

.ui-rangeSlider.slider-grey3 .ui-rangeSlider-bar {
  background-color: #6ebbdd; }

/*===============================================
  B. Progress Bar Colors
================================================= */
.progress-bar-teal {
  background-color: #a8e9ea !important; }

.progress-bar-teal2 {
  background-color: #2dc5c7 !important; }

.progress-bar-teal3 {
  background-color: #1e9093 !important; }

.progress-bar-blue {
  background-color: #9de0f5 !important; }

.progress-bar-blue2 {
  background-color: #33bfeb !important; }

.progress-bar-blue3 {
  background-color: #238bc5 !important; }

.progress-bar-purple {
  background-color: #c7b7e5 !important; }

.progress-bar-purple2 {
  background-color: #a287d4 !important; }

.progress-bar-purple3 {
  background-color: #715da3 !important; }

.progress-bar-pink {
  background-color: #ffd1ed !important; }

.progress-bar-pink2 {
  background-color: #ffb2e1 !important; }

.progress-bar-pink3 {
  background-color: #ff7fb4 !important; }

.progress-bar-red {
  background-color: #ffac9c !important; }

.progress-bar-red2 {
  background-color: #ff745a !important; }

.progress-bar-red3 {
  background-color: #ff4f3e !important; }

.progress-bar-orange {
  background-color: #fbb882 !important; }

.progress-bar-orange2 {
  background-color: #f9892e !important; }

.progress-bar-orange3 {
  background-color: #e55e20 !important; }

.progress-bar-yellow {
  background-color: #ffe29c !important; }

.progress-bar-yellow2 {
  background-color: #ffcf5a !important; }

.progress-bar-yellow3 {
  background-color: #ff9d3e !important; }

.progress-bar-green {
  background-color: #c6e69c !important; }

.progress-bar-green2 {
  background-color: #a0d65a !important; }

.progress-bar-green3 {
  background-color: #6fa53e !important; }

.progress-bar-grey {
  background-color: #b0daec !important; }

.progress-bar-grey2 {
  background-color: #6ebbdd !important; }

.progress-bar-grey3 {
  border-color: #6ebbdd !important; }

/* Neutral Colors */
.progress-bar-white {
  background-color: #ffffff !important; }

.progress-bar-light {
  background-color: #ffffff !important; }

.progress-bar-light2 {
  background-color: #f0f0f0 !important; }

.progress-bar-light3 {
  background-color: #e8e8e8 !important; }

.progress-bar-light4 {
  background-color: #dddddd !important; }

.progress-bar-light5 {
  background-color: #cccccc !important; }

.progress-bar-light6 {
  background-color: #bbbbbb !important; }

.progress-bar-light7 {
  background-color: #aaaaaa !important; }

.progress-bar-dark {
  background-color: #777777 !important; }

.progress-bar-dark2 {
  background-color: #666666 !important; }

.progress-bar-dark3 {
  background-color: #494949 !important; }

.progress-bar-dark4 {
  background-color: #323232 !important; }

.progress-bar-dark5 {
  background-color: #1e1c1f !important; }

/*===============================================
  A. Text Colors
================================================= */
.text-teal {
  color: #a8e9ea !important; }

.text-teal2 {
  color: #2dc5c7 !important; }

.text-teal3 {
  color: #1e9093 !important; }

.text-blue {
  color: #9de0f5 !important; }

.text-blue2 {
  color: #33bfeb !important; }

.text-blue3 {
  color: #238bc5 !important; }

.text-purple {
  color: #c7b7e5 !important; }

.text-purple2 {
  color: #a287d4 !important; }

.text-purple3 {
  color: #715da3 !important; }

.text-pink {
  color: #ffd1ed !important; }

.text-pink2 {
  color: #ffb2e1 !important; }

.text-pink3 {
  color: #ff7fb4 !important; }

.text-red {
  color: #ffac9c !important; }

.text-red2 {
  color: #ff745a !important; }

.text-red3 {
  color: #ff4f3e !important; }

.text-orange {
  color: #fbb882 !important; }

.text-orange2 {
  color: #f9892e !important; }

.text-orange3 {
  color: #e55e20 !important; }

.text-yellow {
  color: #ffe29c !important; }

.text-yellow2 {
  color: #ffcf5a !important; }

.text-yellow3 {
  color: #ff9d3e !important; }

.text-green {
  color: #c6e69c !important; }

.text-green2 {
  color: #a0d65a !important; }

.text-green3 {
  color: #6fa53e !important; }

.text-grey {
  color: #b0daec !important; }

.text-grey2 {
  color: #6ebbdd !important; }

.text-grey3 {
  color: #4b87ae !important; }

/* Neutral Colors */
.text-white {
  color: #ffffff !important; }

.text-light {
  color: #ffffff !important; }

.text-light2 {
  color: #f0f0f0 !important; }

.text-light3 {
  color: #e8e8e8 !important; }

.text-light4 {
  color: #dddddd !important; }

.text-light5 {
  color: #cccccc !important; }

.text-light6 {
  color: #bbbbbb !important; }

.text-light7 {
  color: #aaaaaa !important; }

.text-dark {
  color: #777777 !important; }

.text-dark2 {
  color: #666666 !important; }

.text-dark3 {
  color: #494949 !important; }

.text-dark4 {
  color: #323232 !important; }

.text-dark5 {
  color: #1e1c1f !important; }

/*===============================================
  B. Border Colors
================================================= */
.border-teal {
  border-color: #a8e9ea !important; }

.border-teal2 {
  border-color: #2dc5c7 !important; }

.border-teal3 {
  border-color: #1e9093 !important; }

.border-blue {
  border-color: #9de0f5 !important; }

.border-blue2 {
  border-color: #33bfeb !important; }

.border-blue3 {
  border-color: #238bc5 !important; }

.border-purple {
  border-color: #c7b7e5 !important; }

.border-purple2 {
  border-color: #a287d4 !important; }

.border-purple3 {
  border-color: #715da3 !important; }

.border-pink {
  border-color: #ffd1ed !important; }

.border-pink2 {
  border-color: #ffb2e1 !important; }

.border-pink3 {
  border-color: #ff7fb4 !important; }

.border-red {
  border-color: #ffac9c !important; }

.border-red2 {
  border-color: #ff745a !important; }

.border-red3 {
  border-color: #ff4f3e !important; }

.border-orange {
  border-color: #fbb882 !important; }

.border-orange2 {
  border-color: #f9892e !important; }

.border-orange3 {
  border-color: #e55e20 !important; }

.border-yellow {
  border-color: #ffe29c !important; }

.border-yellow2 {
  border-color: #ffcf5a !important; }

.border-yellow3 {
  border-color: #ff9d3e !important; }

.border-green {
  border-color: #c6e69c !important; }

.border-green2 {
  border-color: #a0d65a !important; }

.border-green3 {
  border-color: #6fa53e !important; }

.border-grey {
  border-color: #b0daec !important; }

.border-grey2 {
  border-color: #6ebbdd !important; }

.border-grey3 {
  border-color: #4b87ae !important; }

/* Neutral Colors */
.border-white {
  border-color: #ffffff !important; }

.border-light {
  border-color: #ffffff !important; }

.border-light2 {
  border-color: #f0f0f0 !important; }

.border-light3 {
  border-color: #e8e8e8 !important; }

.border-light4 {
  border-color: #dddddd !important; }

.border-light5 {
  border-color: #cccccc !important; }

.border-light6 {
  border-color: #bbbbbb !important; }

.border-light7 {
  border-color: #aaaaaa !important; }

.border-dark {
  border-color: #777777 !important; }

.border-dark2 {
  border-color: #666666 !important; }

.border-dark3 {
  border-color: #494949 !important; }

.border-dark4 {
  border-color: #323232 !important; }

.border-dark5 {
  border-color: #1e1c1f !important; }

/*===============================================
  B. Background Colors
================================================= */
.bg-teal {
  background-color: #a8e9ea !important; }

.bg-teal2 {
  background-color: #2dc5c7 !important; }

.bg-teal3 {
  background-color: #1e9093 !important; }

.bg-blue {
  background-color: #9de0f5 !important; }

.bg-blue2 {
  background-color: #33bfeb !important; }

.bg-blue3 {
  background-color: #238bc5 !important; }

.bg-purple {
  background-color: #c7b7e5 !important; }

.bg-purple2 {
  background-color: #a287d4 !important; }

.bg-purple3 {
  background-color: #715da3 !important; }

.bg-pink {
  background-color: #ffd1ed !important; }

.bg-pink2 {
  background-color: #ffb2e1 !important; }

.bg-pink3 {
  background-color: #ff7fb4 !important; }

.bg-red {
  background-color: #ffac9c !important; }

.bg-red2 {
  background-color: #ff745a !important; }

.bg-red3 {
  background-color: #ff4f3e !important; }

.bg-orange {
  background-color: #fbb882 !important; }

.bg-orange2 {
  background-color: #f9892e !important; }

.bg-orange3 {
  background-color: #e55e20 !important; }

.bg-yellow {
  background-color: #ffe29c !important; }

.bg-yellow2 {
  background-color: #ffcf5a !important; }

.bg-yellow3 {
  background-color: #ff9d3e !important; }

.bg-green {
  background-color: #c6e69c !important; }

.bg-green2 {
  background-color: #a0d65a !important; }

.bg-green3 {
  background-color: #6fa53e !important; }

.bg-grey {
  background-color: #b0daec !important; }

.bg-grey2 {
  background-color: #6ebbdd !important; }

.bg-grey3 {
  background-color: #4b87ae !important; }

/* Neutral Colors */
.bg-white {
  background-color: transparent !important; }

.bg-white {
  background-color: #ffffff !important; }

.bg-light {
  background-color: #ffffff !important; }

.bg-light2 {
  background-color: #f0f0f0 !important; }

.bg-light3 {
  background-color: #e8e8e8 !important; }

.bg-light4 {
  background-color: #dddddd !important; }

.bg-light5 {
  background-color: #cccccc !important; }

.bg-light6 {
  background-color: #bbbbbb !important; }

.bg-light7 {
  background-color: #aaaaaa !important; }

.bg-dark {
  background-color: #777777 !important; }

.bg-dark2 {
  background-color: #666666 !important; }

.bg-dark3 {
  background-color: #494949 !important; }

.bg-dark4 {
  background-color: #323232 !important; }

.bg-dark5 {
  background-color: #1e1c1f !important; }

/* Used for gradient creation of Neutral Colors */
.bg-dark.bg-gradient {
  background-color: #777777 !important; }

.bg-dark2.bg-gradient {
  background-color: #666666 !important; }

.bg-dark3.bg-gradient {
  background-color: #494949 !important; }

.bg-dark4.bg-gradient {
  background-color: #323232 !important; }

.bg-dark5.bg-gradient {
  background-color: #1e1c1f !important; }

/*===============================================
  B. Background Colors - Advanced Set
================================================= */
.bg-blue-alt {
  background-color: #35b5d7; }

.bg-blue2-alt {
  background-color: #3093c7; }

.bg-blue3-alt {
  background-color: #4f96b4; }

.bg-blue4-alt {
  background-color: #287bab; }

.bg-blue5-alt {
  background-color: #1c5b86; }

.bg-blue6-alt {
  background-color: #205066; }

.bg-blue7-alt {
  background-color: #21334b; }

.bg-green-alt {
  background-color: #6db54b; }

.bg-green2-alt {
  background-color: #71aa61; }

.bg-green3-alt {
  background-color: #417447; }

.bg-green4-alt {
  background-color: #47741A; }

.bg-green5-alt {
  background-color: #1C4905; }

.bg-red-alt {
  background-color: #e4151d; }

.bg-red2-alt {
  background-color: #d10011; }

.bg-red3-alt {
  background-color: #bf0d14; }

.bg-red4-alt {
  background-color: #930b1f; }

.bg-purple-alt {
  background-color: #BB7EA6; }

.bg-purple2-alt {
  background-color: #7a5067; }

.bg-purple3-alt {
  background-color: #89264f; }

.bg-purple4-alt {
  background-color: #462b4c; }

.bg-orange-alt {
  background-color: #E94216; }

.bg-orange2-alt {
  background-color: #f56333; }

.bg-orange3-alt {
  background-color: #fb7e2a; }

.bg-yellow-alt {
  background-color: #f0c92f; }

.bg-yellow2-alt {
  background-color: #E1BC4A; }

.bg-creme-alt {
  background-color: #feda83; }

.bg-creme2-alt {
  background-color: #fae3b4; }

.bg-creme3-alt {
  background-color: #d3c27b; }

.bg-brown-alt {
  background-color: #b29579; }

.bg-brown2-alt {
  background-color: #7b5d3a; }

.bg-brown3-alt {
  background-color: #563330; }

/* Secondary color useful for making darker toned gradients */
.bg-blue-alt.bg-gradient {
  background-color: #008aaf; }

.bg-blue2-alt.bg-gradient {
  background-color: #0070ab; }

.bg-blue3-alt.bg-gradient {
  background-color: #066b95; }

.bg-blue4-alt.bg-gradient {
  background-color: #005789; }

.bg-blue5-alt.bg-gradient {
  background-color: #00416d; }

.bg-blue6-alt.bg-gradient {
  background-color: #043a53; }

.bg-blue7-alt.bg-gradient {
  background-color: #09203f; }

.bg-green-alt.bg-gradient {
  background-color: #368d0d; }

.bg-green2-alt.bg-gradient {
  background-color: #33881b; }

.bg-green3-alt.bg-gradient {
  background-color: #00520a; }

.bg-green4-alt.bg-gradient {
  background-color: #274d00; }

.bg-green5-alt.bg-gradient {
  background-color: #0d2f00; }

.bg-red-alt.bg-gradient {
  background-color: #eb050e; }

.bg-red2-alt.bg-gradient {
  background-color: #d10011; }

.bg-red3-alt.bg-gradient {
  background-color: #a6050b; }

.bg-red4-alt.bg-gradient {
  background-color: #930b1f; }

.bg-purple-alt.bg-gradient {
  background-color: #9c457e; }

.bg-purple2-alt.bg-gradient {
  background-color: #6a254b; }

.bg-purple3-alt.bg-gradient {
  background-color: #71002f; }

.bg-purple4-alt.bg-gradient {
  background-color: #36143e; }

.bg-orange-alt.bg-gradient {
  background-color: #f93e0d; }

.bg-orange2-alt.bg-gradient {
  background-color: #fe561f; }

.bg-orange3-alt.bg-gradient {
  background-color: #ff7214; }

.bg-yellow-alt.bg-gradient {
  background-color: #fac908; }

.bg-yellow2-alt.bg-gradient {
  background-color: #e9bb2d; }

.bg-creme-alt.bg-gradient {
  background-color: #ffd266; }

.bg-creme2-alt.bg-gradient {
  background-color: #fedd9a; }

.bg-creme3-alt.bg-gradient {
  background-color: #bca339; }

.bg-brown-alt.bg-gradient {
  background-color: #99714b; }

.bg-brown2-alt.bg-gradient {
  background-color: #6c4517; }

.bg-brown3-alt.bg-gradient {
  background-color: #4f1a16; }

/* COLOR MODIFICATIONS SPECIFICALLY FOR BUTTONS
* Any variations to buttons were placed below so that
* the above classes contain only color styles. This
* allows the styles to be used on any element rather 
* than just "Text" or "Buttons" as their name suggest
----------------------------------------------------------*/
.bg-creme-alt {
  border-color: #f5c348; }

.bg-creme2-alt {
  border-color: #f7ca5c; }

.bg-light6 {
  border-color: #e5e5e5; }

.bg-light7 {
  border-color: #eee; }

.bg-light, .bg-light2, .bg-light3, .bg-light4, .bg-light5, .bg-light6, .bg-light7, .btn-default {
  color: #555; }

.bg-light:focus, .bg-light2:focus, .bg-light3:focus, .bg-light4:focus, .bg-light5:focus, .bg-light6:focus, .bg-light7:focus, .bg-default:focus, .btn-default:focus {
  color: #555; }

.bg-light:active:focus, .bg-light2:active:focus, .bg-light3:active:focus, .bg-light4:active:focus, .bg-light5:active:focus, .bg-light6:active:focus, .bg-light7:active:focus, .bg-default:active:focus, .btn-default:active:focus {
  color: #555; }

.bg-light.bg-gradient, .bg-light2.bg-gradient, .bg-light3.bg-gradient, .bg-light4.bg-gradient, .bg-light5.bg-gradient, .bg-light6.bg-gradient, .bg-light7.bg-gradient, .btn-default.btn-gradient, .bg-default.bg-gradient {
  text-shadow: 0 1px #ffffff;
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: "";
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.bg-creme-alt:focus, .bg-creme2-alt:focus, .bg-yellow-alt:focus, .bg-yellow2-alt:focus {
  color: #ca8f00; }

.bg-creme-alt, .bg-creme2-alt, .bg-yellow-alt, .bg-yellow2-alt {
  color: #ca8f00;
  font-weight: 600;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.55); }

.bg-yellow-alt:hover, .bg-yellow2-alt:hover, .bg-creme-alt:hover, .bg-creme2-alt:hover, .bg-creme3-alt:hover, .bg-light:hover, .bg-light2:hover, .bg-light3:hover, .bg-light4:hover, .bg-light5:hover, .bg-light6:hover, .bg-light7:hover, .bg-default:hover, .btn-default:hover {
  color: #555; }

/* ================================================
   IX. GRID MODIFICATIONS - Custom Size (XL)
===================================================
   Fusion Admin has created another column size
   which helps create an even better responsive
   layout for larger resolutions. This new column 
   has been labeled "xl" and is set for 1560px
=================================================== */
.visible-xl {
  display: none !important; }

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

@media (min-width: 1560px) {
  .container {
    width: 1324px; } }

@media (min-width: 1560px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-11 {
    width: 91.66666667%; }
  .col-xl-10 {
    width: 83.33333333%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-8 {
    width: 66.66666667%; }
  .col-xl-7 {
    width: 58.33333333%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-5 {
    width: 41.66666667%; }
  .col-xl-4 {
    width: 33.33333333%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-2 {
    width: 16.66666667%; }
  .col-xl-1 {
    width: 8.33333333%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-pull-11 {
    right: 91.66666667%; }
  .col-xl-pull-10 {
    right: 83.33333333%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-8 {
    right: 66.66666667%; }
  .col-xl-pull-7 {
    right: 58.33333333%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-5 {
    right: 41.66666667%; }
  .col-xl-pull-4 {
    right: 33.33333333%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-2 {
    right: 16.66666667%; }
  .col-xl-pull-1 {
    right: 8.33333333%; }
  .col-xl-pull-0 {
    right: 0%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-push-11 {
    left: 91.66666667%; }
  .col-xl-push-10 {
    left: 83.33333333%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-8 {
    left: 66.66666667%; }
  .col-xl-push-7 {
    left: 58.33333333%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-5 {
    left: 41.66666667%; }
  .col-xl-push-4 {
    left: 33.33333333%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-2 {
    left: 16.66666667%; }
  .col-xl-push-1 {
    left: 8.33333333%; }
  .col-xl-push-0 {
    left: 0%; }
  .col-xl-offset-12 {
    margin-left: 100%; }
  .col-xl-offset-11 {
    margin-left: 91.66666667%; }
  .col-xl-offset-10 {
    margin-left: 83.33333333%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-8 {
    margin-left: 66.66666667%; }
  .col-xl-offset-7 {
    margin-left: 58.33333333%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-5 {
    margin-left: 41.66666667%; }
  .col-xl-offset-4 {
    margin-left: 33.33333333%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-2 {
    margin-left: 16.66666667%; }
  .col-xl-offset-1 {
    margin-left: 8.33333333%; }
  .col-xl-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1560px) {
  .visible-xl {
    display: block !important; }
  table.visible-xl {
    display: table; }
  tr.visible-xl {
    display: table-row !important; }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important; } }

@media (min-width: 1560px) {
  .hidden-xl {
    display: none !important; } }

/*===============================================
  XII. ANIMATE.CSS
================================================= */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated-shortest {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animated-short {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s; }

.animated-long {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

.animated-longest {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.multiselect-container .input-group {
  margin: 5px; }

.multiselect-container > li {
  padding: 0; }

.multiselect-container > li > a.multiselect-all label {
  font-weight: 700; }

.multiselect-container > li > label.multiselect-group {
  margin: 0;
  padding: 3px 20px;
  height: 100%;
  font-weight: 700; }

.multiselect-container > li > a {
  padding: 0; }

.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 40px; }

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
  margin: 0; }

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px; }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.icon {
  padding: 4px 4px 0;
  font-size: 16px;
  line-height: 1; }

.form-control:focus {
  border-color: #9c9c9c; }

form {
  margin: 0; }

.modal-header {
  border-radius: 6px 6px 0 0; }

.modal-footer {
  border-radius: 0 0 6px 6px;
  border-top: 0 none; }

.tab-content {
  background-color: #fff; }

ul.list-group.form_wrapper {
  margin-bottom: 0;
  overflow: visible;
  list-style-type: none; }

select#navSet,
select#pageParent {
  width: 99.8%;
  max-width: 100%; }
  select#navSet option,
  select#pageParent option {
    padding: 2px 5px 2px 10px; }
    select#navSet option:disabled,
    select#pageParent option:disabled {
      color: #bdbdbd;
      cursor: not-allowed; }

#staticEventURL,
p#staticInstanceURL,
p#staticPageURL {
  display: inline-block;
  padding-left: 10px; }

/* Page Display toggle switch */
input.switch:empty {
  margin-left: -9999px; }
  input.switch:empty ~ label {
    position: relative;
    float: right;
    line-height: 1.6em;
    text-indent: 3.2em;
    margin: 0.2em 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    input.switch:empty ~ label:before {
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      content: '\2718';
      width: 3.6em;
      text-indent: 2.4em;
      color: #900;
      background-color: #c33;
      border-radius: 0.25em;
      box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.3); }
    input.switch:empty ~ label:after {
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      content: '\2718';
      width: 3.6em;
      text-indent: 2.4em;
      color: #900;
      background-color: #c33;
      border-radius: 0.25em;
      box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.3);
      content: ' ';
      width: 1.4em;
      top: 0.1em;
      bottom: 0.1em;
      text-align: center;
      text-indent: 0;
      margin-left: 0.1em;
      color: #f88;
      background-color: #fff;
      border-radius: 0.15em;
      box-shadow: inset 0 -0.2em 0 rgba(0, 0, 0, 0.2);
      transition: all 0.2s ease-in; }

input.switch:checked ~ label:before {
  content: '\2714';
  text-indent: 0.5em;
  color: #6f6;
  background-color: #393; }

input.switch:checked ~ label:after {
  margin-left: 2.1em;
  color: #6c6; }

div.sending {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(71, 71, 71, 0.74);
  height: 100%;
  width: 100%;
  z-index: 999; }
  div.sending p {
    color: #fff;
    margin: 23% auto 0;
    text-align: center;
    width: 90%;
    font-size: 3em;
    line-height: 3; }

div.validation_response {
  padding: 5px 20px; }
  div.validation_response p {
    margin: 0; }

/* Page Display toggle switch */
/*image preview styles */
#delete_img,
.img_preview {
  display: none; }

div#thumbnail {
  min-height: 210px; }

.dropdown-menu#img_menu {
  min-width: 300px;
  max-height: 211px;
  overflow-y: scroll; }

li.row {
  margin: 0 0 7px; }

li.row > .col-sm-4 {
  padding: 0 2px 4px; }

.mini_thumb {
  width: 95%; }

.tiny_thumb {
  margin: 0 auto; }

span.img-tooltip {
  display: block;
  text-align: center; }

.image_preview_menu {
  padding-top: 9px; }

.mini_link:hover img.img-thumbnail {
  background-color: #D9EDF7;
  border: 1px solid #1371A0; }

img.mini_thumb.disabled {
  opacity: 0.3;
  cursor: not-allowed; }

.img_preview .panel-body img.shrink-img {
  width: 100%;
  height: auto; }

/* end image preview */
/* Sending overlay / validation messages */
div.loading,
div.sending,
div.sendingForm {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(226, 226, 226, 0.74);
  height: 100%;
  width: 100%;
  z-index: 999; }
  div.loading p,
  div.sending p,
  div.sendingForm p {
    color: #000;
    margin: 15% auto 0;
    text-align: center;
    width: 90%;
    font-size: 3em;
    line-height: 3; }

div.sending#delete p {
  color: #000;
  margin: 0 auto;
  text-align: center;
  width: 90%;
  font-size: 3em;
  line-height: 1.7; }

div.validation_response {
  min-height: 10px; }
  div.validation_response p {
    margin: 0;
    padding: 5px 20px; }

/* Sending overlay / validation messages */
ul.form_wrapper label.display_block {
  display: block;
  font-size: 1em; }

.block .errmsg {
  text-align: center;
  bottom: 25px; }

.login {
  position: relative;
  margin: 0 auto;
  padding: 20px 20px 20px;
  width: 310px;
  background-color: #fff; }

.login p.submit {
  text-align: center; }

.login-help {
  margin: 20px 0;
  font-size: 12px;
  color: #555;
  text-align: center;
  text-shadow: 0 1px #E1E1E1; }

.login-help a {
  color: #527881;
  text-decoration: none; }

.login-help a:hover {
  text-decoration: underline; }

:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 13px; }

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px; }

.login:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  /*z-index: -1;*/
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px; }

.login h1 {
  margin: -20px -20px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  text-align: center;
  text-shadow: 0 1px white;
  background: #f3f3f3;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke; }

.login h2 {
  font-size: 1.5em;
  text-align: center; }

.login p {
  margin: 20px 0 0; }

.login p:first-child {
  margin-top: 0; }

.login ul.form_wrapper {
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  z-index: 2; }

.login ul.form_wrapper input[type=text], .login ul.form_wrapper input[type=password] {
  width: 260px; }

.login ul.form_wrapper input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px; }

.login ul.form_wrapper li {
  margin: 0 0 10px; }

.login ul.form_wrapper input[type=text], .login ul.form_wrapper input[type=password] {
  margin: 5px;
  padding: 0 10px;
  height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); }

.login ul.form_wrapper input[type=text]:focus, .login ul.form_wrapper input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0; }

.login ul.form_wrapper input[type=submit] {
  display: block;
  margin: 0 auto;
  padding: 0 18px;
  height: 29px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  background: #cde5ef;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15); }

.login ul.form_wrapper input[type=submit]:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }

.list-group-item {
  background-color: rgba(0, 0, 0, 0); }

html {
  height: 100%; }

body {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.475;
  background: #4F3F2C;
  color: #262626;
  overflow-x: hidden; }

a:focus {
  outline: -webkit-focus-ring-color auto 5px; }

* html #container {
  height: 100%; }

#container {
  min-height: 100%;
  margin: 0;
  padding: 0; }

body#tinymce {
  background: #fff;
  padding: 10px; }

div,
form,
img,
table,
td,
th,
tr {
  border: 0;
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  line-height: 1;
  margin: 10px 0;
  padding: 0; }

h1,
h4 {
  color: #bca558; }

h2,
h5 {
  color: #4c9d2a; }

h3,
h6 {
  color: #905926; }

h1 {
  font-size: 2.2em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.8em; }

h4 {
  font-size: 1.6em; }

h5 {
  font-size: 1.4em; }

h6 {
  font-size: 1.2em; }

ul {
  list-style: disc; }

p {
  position: relative;
  line-height: 1.6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  margin: 0 0 10px; }
  @media screen and (min-width: 2120px) {
    p {
      font-size: 1.4em; } }

.page_title {
  font-size: 2.4em;
  color: #4d3c29; }
  @media screen and (min-width: 992px) {
    .page_title {
      font-size: 3vw; } }
  @media screen and (min-width: 2120px) {
    .page_title {
      font-size: 2vw; } }

a {
  text-decoration: none;
  color: #905926; }
  a:hover {
    text-decoration: underline;
    color: #d08c4c; }
  a:active {
    background-color: transparent; }
  a img {
    border: 0 none; }

hr {
  margin: 10px 0; }

ol,
ul {
  padding-left: 30px;
  overflow: hidden; }

.row {
  margin: 0; }

#main.inside li,
#tinymce li {
  color: #383838;
  line-height: 1.2;
  font-size: 1.1em; }

.modal-header {
  cursor: move; }

.align_image_left {
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  z-index: 100; }

.align_image_right {
  float: right;
  margin: 0 0 10px 10px;
  position: relative;
  z-index: 100; }

.table-bordered {
  border: 1px solid #DDD; }

.errmsg {
  color: #C60808;
  font-weight: bold;
  text-shadow: 0 1px #E1E1E1; }

.clear {
  clear: both; }

.bg-white {
  background: white; }

.flex {
  display: flex; }
  @media screen and (min-width: 992px) {
    .flex-desktop {
      display: flex; } }
  .flex-column {
    display: flex;
    flex-direction: column; }
    .flex-column--vcenter {
      justify-content: center; }
  .flex--hcenter {
    justify-content: center; }
  .flex--vcenter {
    align-items: center; }
  .flex-start {
    align-self: flex-start; }
  .flex.space-between {
    justify-content: space-between; }
  .flex.space-around {
    justify-content: space-around; }

.flex-wrap {
  flex-wrap: wrap;
  justify-content: center; }

.plr {
  padding-left: 11px;
  padding-right: 11px; }

@media screen and (min-width: 992px) {
  .hidden-on-desktop {
    display: none; } }

@media screen and (max-width: 992px) {
  .hidden-on-mobile {
    display: none; } }

@media screen and (min-width: 768px) {
  .small-only {
    display: none; } }

@media screen and (max-width: 768px) {
  .large-only {
    display: none !important; } }

.img-full {
  width: 100%; }

.printOnly {
  display: none; }

html {
  height: 100%; }

body.error-page {
  color: #565656;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  height: 100%;
  line-height: 1.475; }
  body.error-page #container {
    height: 100%;
    min-height: 100%;
    padding: 0; }
  body.error-page #header {
    background: #fff;
    border-left: 0 none; }
  body.error-page p {
    font-family: 'Raleway', sans-serif; }
  body.error-page #content {
    position: relative; }

.img-responsive {
  display: inline; }

.mid-section {
  background: #fff;
  height: auto; }

.top-content {
  position: relative;
  padding: 0 20px 80px; }
  .top-content p {
    color: #767677;
    font-size: 5.5vw;
    margin: 0;
    padding: 30px 40px 0 0;
    text-align: right; }
    .top-content p:last-child {
      color: #696969;
      font-size: 5.8vw;
      margin: -20px 0 0;
      padding: 0;
      text-align: left; }
  .top-content img {
    height: auto;
    max-width: 100%; }

.bottom-content {
  border-top: 4px solid #4d4d4d;
  padding-top: 2px; }
  .bottom-content p {
    padding: 20px 0;
    font-size: 20px;
    margin: 0;
    text-align: center;
    position: relative; }

.cat {
  display: block;
  position: absolute;
  bottom: 80%;
  right: 0;
  width: 100%; }
  .cat #cat-img {
    height: auto;
    max-width: 100%; }

@media screen and (min-width: 380px) {
  .cat {
    bottom: 75%; } }

@media screen and (min-width: 431px) {
  .cat {
    bottom: 64%; } }

@media screen and (min-width: 464px) {
  .cat {
    bottom: 57%; } }

@media screen and (min-width: 530px) {
  .top-content {
    margin: 0 auto;
    width: 513px; }
    .top-content p {
      font-size: 24px; }
      .top-content p:last-child {
        font-size: 27px; } }

@media screen and (min-width: 1320px) {
  .top-content,
  .bottom-content p {
    width: 480px;
    margin: 0 auto; }
  .top-content {
    padding: 0; }
  .bottom-content p {
    color: #2f322e;
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    padding: 0; }
  .cat {
    display: block;
    position: absolute;
    bottom: -2px;
    right: -420px; } }

.page {
  background: white; }

.page_breadcrumb {
  margin-bottom: 30px; }
  .page_breadcrumb h5 {
    color: black;
    font-size: 0.875em;
    margin: 10px 0 0; }
    .page_breadcrumb h5:after {
      clear: both;
      content: "";
      display: block; }
    .page_breadcrumb h5 a {
      display: block;
      float: left;
      color: #4c9d2a; }

.breadcrumb_divider {
  display: block;
  float: left;
  margin: -1px 4px 0; }

.logo {
  padding: 10px 0 5px; }
  .logo img {
    width: 100%; }
    @media screen and (min-width: 992px) {
      .logo img {
        width: 30%;
        margin: 0 35%; } }

@media screen and (min-width: 992px) {
  .header {
    flex-direction: row; } }

.header-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #4d3c29; }

.header-phone {
  flex: 0 0 60%;
  text-align: center;
  align-self: center; }
  @media screen and (min-width: 414px) {
    .header-phone {
      text-align: left;
      flex: 0 0 70%;
      padding-left: 15px; } }
  @media screen and (min-width: 992px) {
    .header-phone {
      flex: 0 0 80%;
      padding-left: 30px; } }
  @media screen and (min-width: 1920px) {
    .header-phone {
      flex: 0 0 85%;
      padding-left: 60px; } }
  .header-phone-text {
    font-size: 0.9em;
    color: white;
    margin: 0; }
    @media screen and (min-width: 992px) {
      .header-phone-text {
        font-size: 1.5vw; } }
    @media screen and (min-width: 1920px) {
      .header-phone-text {
        font-size: 1.2vw; } }

.header-dealer {
  flex: 0 0 40%;
  background: #564634; }
  @media screen and (min-width: 414px) {
    .header-dealer {
      flex: 0 0 30%; } }
  @media screen and (min-width: 992px) {
    .header-dealer {
      flex: 0 0 20%; } }
  @media screen and (min-width: 1920px) {
    .header-dealer {
      flex: 0 0 15%; } }
  .header-dealer-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
  .header-dealer-icon {
    width: 40px;
    height: auto; }
    @media screen and (min-width: 540px) {
      .header-dealer-icon {
        margin: 15px; } }
    @media screen and (min-width: 992px) {
      .header-dealer-icon {
        margin: 15px 25px; } }
    @media screen and (min-width: 1920px) {
      .header-dealer-icon {
        margin: 15px 35px; } }
  .header-dealer-text {
    font-size: 0.9em;
    color: white;
    align-self: center;
    margin: 0; }
    @media screen and (min-width: 992px) {
      .header-dealer-text {
        font-size: 1.5vw; } }
    @media screen and (min-width: 1920px) {
      .header-dealer-text {
        font-size: 1.2vw; } }
    .header-dealer-text:hover {
      color: #d08c4c; }

.main {
  min-height: 200px; }
  .main:after {
    clear: both;
    content: "";
    display: block; }
  .main.inside {
    bottom: 100%;
    padding: 10px 20px;
    min-height: 470px; }
    @media screen and (min-width: 992px) {
      .main.inside {
        padding: 40px; } }

.news-details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .news-details-img {
    text-align: right; }

.text-danger {
  color: #A94442; }
  .text-danger p {
    color: #A94442; }

.text-success {
  color: #3C763D; }
  .text-success p {
    color: #3C763D; }

#wide {
  min-height: 400px;
  background-color: #EEEEEE;
  padding: 20px 20px; }

.navigation {
  background: #f6f6f6;
  padding: 20px;
  width: 100%;
  border-top: 1px solid #929292; }
  @media screen and (min-width: 992px) {
    .navigation {
      flex: 1 0 70%;
      order: 2;
      padding: 0;
      border-bottom: 1px solid #929292; } }

@media screen and (min-width: 992px) {
  .nav-icon {
    display: none; } }

.nav-button {
  font-size: 7vw;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .nav-button {
      font-size: 4vw; } }

.nav-btn {
  color: #4d3c29; }

.nav-text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #4d3c29; }

#nav {
  background: #fff;
  padding: 10px 0;
  overflow: visible;
  margin: 0 -20px;
  position: absolute;
  top: -99999px;
  left: 0; }
  @media screen and (min-width: 992px) {
    #nav {
      height: 100%;
      margin: 0;
      position: static;
      background: #f6f6f6;
      text-align: center; } }
  #nav.open {
    position: static;
    border-top: 5px solid #4c9d2a;
    border-left: 2px solid #a38526;
    border-bottom: 2px solid #a38526;
    border-right: 2px solid #a38526; }
  #nav li {
    position: relative; }
    #nav li.top {
      cursor: pointer;
      display: block;
      margin: 0;
      padding: 0;
      position: relative;
      top: 0;
      border-bottom: 1px solid #4d3c29; }
      #nav li.top:nth-last-child(1) {
        border: none; }
      @media screen and (min-width: 992px) {
        #nav li.top {
          display: inline-block;
          border-bottom: none; } }
      #nav li.top.selected a.top_link {
        color: #4c9d2a; }
      #nav li.top > ul {
        padding: 0 10vw 0 10vw; }
        @media screen and (min-width: 768px) {
          #nav li.top > ul {
            padding: 0 0 0 7vw; } }
        #nav li.top > ul ul {
          padding: 0 7vw 0 7vw; }
    #nav li a.top_link {
      cursor: pointer;
      display: block;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 7vw;
      line-height: 1.2;
      margin: 0;
      padding: 10px 0 10px 9.5vw;
      position: relative;
      text-decoration: none;
      color: #4d3c29;
      text-transform: uppercase;
      font-weight: 600; }
      @media screen and (min-width: 768px) {
        #nav li a.top_link {
          font-size: 4vw;
          padding: 10px 0 10px 7.5vw; } }
      @media screen and (min-width: 992px) {
        #nav li a.top_link {
          padding: 10px 0.9vw;
          font-size: 1.5vw; } }
      #nav li a.top_link:hover {
        color: #4c9d2a; }
    #nav li ul.subnav {
      border: 0;
      height: auto;
      overflow: visible;
      width: auto; }
      @media screen and (min-width: 992px) {
        #nav li ul.subnav {
          position: absolute;
          top: -9999px;
          left: 0; } }
      #nav li ul.subnav li {
        margin: 0;
        position: relative;
        width: 100%;
        padding: 5px 5px;
        border-bottom: 1px solid #4d3c29; }
        #nav li ul.subnav li:nth-last-child(1) {
          border: none; }
        #nav li ul.subnav li a {
          display: block;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 5vw;
          margin: 0;
          text-align: left;
          text-decoration: none;
          color: #4d3c29;
          text-transform: uppercase; }
          #nav li ul.subnav li a.selected {
            color: #4c9d2a; }
          @media screen and (min-width: 768px) {
            #nav li ul.subnav li a {
              font-size: 3vw; } }
          @media screen and (min-width: 992px) {
            #nav li ul.subnav li a {
              font-size: 1.5vw;
              text-align: left; } }
          #nav li ul.subnav li a:hover {
            color: #4c9d2a; }
    @media screen and (min-width: 992px) {
      #nav li:hover {
        position: relative;
        z-index: 4000; }
        #nav li:hover > ul.subnav {
          min-width: 100%;
          padding: 10px 0 10px;
          top: 100%;
          white-space: nowrap;
          background: white;
          border-top: 5px solid #4c9d2a;
          border-left: 2px solid #a38526;
          border-bottom: 2px solid #a38526;
          border-right: 2px solid #a38526; }
        #nav li:hover li:hover ul ul {
          height: 0;
          left: -9999px;
          list-style: none;
          margin: 0;
          padding: 0;
          position: absolute;
          top: -9999px;
          width: 0; }
        #nav li:hover li:hover li:hover ul ul {
          height: 0;
          left: -9999px;
          list-style: none;
          margin: 0;
          padding: 0;
          position: absolute;
          top: -9999px;
          width: 0; }
        #nav li:hover li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover li:hover ul ul {
          height: 0;
          left: -9999px;
          list-style: none;
          margin: 0;
          padding: 0;
          position: absolute;
          top: -9999px;
          width: 0; }
        #nav li:hover li:hover ul {
          height: auto;
          left: 100%;
          overflow: visible;
          padding: 10px 10px;
          top: 0;
          white-space: nowrap;
          width: auto;
          z-index: 4000; }
        #nav li:hover li:hover li:hover ul {
          height: auto;
          left: 100%;
          overflow: visible;
          padding: 0;
          top: 0;
          white-space: nowrap;
          width: auto;
          z-index: 4000; }
        #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
          height: auto;
          left: 100%;
          overflow: visible;
          padding: 0;
          top: 0;
          white-space: nowrap;
          width: auto;
          z-index: 4000; } }
  #nav ul {
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto; }

.sidenav {
  display: none; }

.subpage-nav-button {
  display: none; }

.plr20 {
  padding-left: 20px;
  padding-right: 20px; }

@media screen and (min-width: 992px) {
  .plr20 {
    padding-left: 40px;
    padding-right: 40px; } }

.home__heading {
  background: url("/assets/images/board-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2; }
  .home__heading::after {
    content: " ";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    z-index: 1;
    border-radius: 16%;
    box-shadow: 0 0 20px 11px rgba(0, 0, 0, 0.45); }

.home__image {
  position: relative; }
  .home__image img {
    opacity: 0.65; }

.home__contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; }
  .home__contact input {
    background: rgba(34, 17, 1, 0.38);
    border: inset 2px rgba(0, 0, 0, 0.54);
    box-shadow: inset 0 0 5px 66px rgba(0, 0, 0, 0.31), inset 0 2px 3px 0 rgba(0, 0, 0, 0.31);
    color: white;
    width: 100%;
    padding: 5px; }

.home__requestInfo p {
  font-size: 0.95em; }

.home__requestInfo .contact-container {
  margin-bottom: 25px; }

.home__products {
  width: 100%;
  padding: 20px;
  background: white; }
  @media screen and (min-width: 645px) {
    .home__products {
      display: grid;
      grid-template-columns: 50% 50%;
      grid-template-rows: 50% 50%;
      display: -ms-grid;
      -ms-grid-columns: 50% 50%;
      -ms-grid-rows: 50% 50%;
      padding: 10px; } }
  @media screen and (min-width: 992px) {
    .home__products {
      grid-template-columns: 25% 25% 25% 25%;
      grid-template-rows: min-content;
      -ms-grid-columns: 25% 25% 25% 25%;
      -ms-grid-rows: min-content;
      justify-content: space-around;
      padding: 10px;
      width: 100%; } }
  @media screen and (min-width: 1920px) {
    .home__products {
      padding: 100px;
      width: 100%; } }

.product {
  color: #4d3c29;
  margin: 10px auto;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 480px) {
    .product {
      margin: 0 auto 10px; } }
  @media screen and (min-width: 645px) {
    .product {
      margin: 10px; } }
  @media screen and (min-width: 645px) {
    .product:nth-child(1) {
      grid-column: 1;
      grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-row: 1; } }
  @media screen and (min-width: 992px) {
    .product:nth-child(1) {
      grid-column: 1;
      grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-row: 1; } }
  @media screen and (min-width: 645px) {
    .product:nth-child(2) {
      grid-column: 2;
      grid-row: 1;
      -ms-grid-column: 2;
      -ms-grid-row: 1; } }
  @media screen and (min-width: 992px) {
    .product:nth-child(2) {
      grid-column: 2;
      grid-row: 1;
      -ms-grid-column: 2;
      -ms-grid-row: 1; } }
  @media screen and (min-width: 645px) {
    .product:nth-child(3) {
      grid-column: 1;
      grid-row: 2;
      -ms-grid-column: 1;
      -ms-grid-row: 2; } }
  @media screen and (min-width: 992px) {
    .product:nth-child(3) {
      grid-column: 3;
      grid-row: 1;
      -ms-grid-column: 3;
      -ms-grid-row: 1; } }
  @media screen and (min-width: 645px) {
    .product:nth-child(4) {
      grid-column: 2;
      grid-row: 2;
      -ms-grid-column: 2;
      -ms-grid-row: 2; } }
  @media screen and (min-width: 992px) {
    .product:nth-child(4) {
      grid-column: 4;
      grid-row: 1;
      -ms-grid-column: 4;
      -ms-grid-row: 1; } }
  .product-image {
    width: 100%;
    border: 2px solid #aa9867; }
  .product__title {
    color: #4d3c29;
    font-size: 10vw;
    margin: 25px 0;
    line-height: 1;
    text-shadow: 2px 2px rgba(169, 169, 169, 0.5); }
    @media screen and (min-width: 645px) {
      .product__title {
        font-size: 4.5vw; } }
    @media screen and (min-width: 992px) {
      .product__title {
        font-size: 2.5vw; } }
  .product-title-container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center; }
    @media screen and (min-width: 500px) {
      .product-title-container {
        top: 10%; } }
    @media screen and (min-width: 1675px) {
      .product-title-container {
        top: 15%; } }
    @media screen and (min-width: 1920px) {
      .product-title-container {
        top: 12.5%; } }
  .product-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #f6f6f6;
    padding: 5px;
    border: 1px solid #929292; }
    .product-overlay p {
      line-height: 1;
      margin: 20px 0;
      color: #262626;
      font-size: 4.3vw; }
      @media screen and (min-width: 414px) {
        .product-overlay p {
          margin: 30px 0; } }
      @media screen and (min-width: 645px) {
        .product-overlay p {
          margin: 15px 0;
          font-size: 2.5vw; } }
      @media screen and (min-width: 992px) {
        .product-overlay p {
          font-size: 1.3vw; } }
      @media screen and (min-width: 1920px) {
        .product-overlay p {
          margin: 35px 0; } }

.email-wrapper {
  position: relative;
  width: 100%;
  margin-top: 10px; }
  .email-wrapper button {
    background: none;
    transform: rotate(180deg);
    border: none;
    position: absolute;
    right: 0;
    top: 10%;
    top: 25%; }
    .email-wrapper button img {
      width: 9px; }

.learn-more {
  position: absolute;
  font-size: 12px;
  bottom: 10%; }
  @media (min-width: 320px) {
    .learn-more {
      font-size: calc(2.67857vw + 3.42857px); } }
  @media (min-width: 768px) {
    .learn-more {
      font-size: calc(4.46429vw - 10.28571px); } }
  @media (min-width: 992px) {
    .learn-more {
      font-size: 34px; } }
  .learn-more h1 {
    color: white;
    font-size: 1em;
    font-weight: 400; }
  .learn-more .btn {
    font-size: 1em;
    padding: 0.1em 1em; }

.content__header {
  padding-bottom: 30px;
  background: url("/assets/images/board-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2; }
  .content__header::after {
    content: " ";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    z-index: 1;
    border-radius: 16%;
    box-shadow: 0 0 20px 11px rgba(0, 0, 0, 0.45); }

.content__image img {
  width: 100%; }

.content__wrapper {
  min-height: 500px; }
  .content__wrapper img {
    max-width: 100%; }

.overlay {
  display: block;
  text-align: right;
  padding-bottom: 5px; }

.interior-nav {
  background: rgba(108, 54, 50, 0.25);
  box-shadow: inset -1px 1px 0 1000PX rgba(0, 0, 0, 0.57);
  min-width: 250px; }
  .interior-nav a {
    display: block;
    width: 100%;
    color: white;
    padding: 10px;
    font-size: 1.2em; }
  .interior-nav .line-dark,
  .interior-nav .line-light {
    height: 1px;
    width: 100%;
    display: block; }
  .interior-nav .line-dark {
    background: #220a05; }
  .interior-nav .line-light {
    background: #5d3d36; }

@media screen and (min-width: 992px) {
  .content__header {
    padding-bottom: 50px;
    display: flex;
    flex-direction: row-reverse; }
  .content__image {
    flex: 2; }
  .content__wrapper {
    padding: 20px 40px; }
  .interior-nav {
    flex: 1;
    max-width: 375px; }
    .interior-nav a {
      font-size: 22px;
      padding: 20px 15px 5px 30%; } }
    @media screen and (min-width: 992px) and (min-width: 992px) {
      .interior-nav a {
        font-size: calc(1.2931vw + 9.17241px); } }
    @media screen and (min-width: 992px) and (min-width: 1920px) {
      .interior-nav a {
        font-size: 34px; } }

.productAccordion .panel-heading h4 a {
  text-transform: uppercase; }

.productAccordion .panel-title {
  padding: 0 1em; }

.productAccordion a {
  color: white;
  display: inline;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6; }

.productAccordion h4 {
  text-align: left;
  transition: background-color 0.35s linear; }

.productAccordion a:hover {
  text-decoration: none; }

.productAccordion a:focus {
  text-decoration: none; }

.productAccordion .panel-title a::after {
  content: '\f146';
  font-family: FontAwesome;
  float: right; }

.productAccordion .panel-title a.collapsed::after {
  content: '\f0fe';
  font-family: FontAwesome;
  float: right; }

#main img {
  max-width: 100%;
  height: auto; }

#main .panel-group {
  clear: both;
  margin: 30px 0; }

/********************/
/* IE11 Grid Layout */
/********************/
.grid {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  .grid:before {
    content: '';
    display: table; }
  .grid:after {
    content: '';
    display: table;
    clear: both; }
  .grid > li {
    display: block;
    float: left;
    height: auto;
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    text-align: center;
    width: 100%;
    /*****************************************/
    /* To adjust the number of items on a row
    change the multiplier in each breakpoint
    or setup new breakpoints*/
    /*****************************************/ }
    .grid > li img {
      height: auto;
      width: 100%; }
    @media only screen and (min-width: 640px) {
      .grid > li {
        width: 33.33333%; }
        .grid > li:nth-of-type(3n + 1) {
          clear: both; } }
    @media only screen and (min-width: 1025px) {
      .grid > li {
        width: 25%; }
        .grid > li:nth-of-type(3n + 1) {
          clear: none; }
        .grid > li:nth-of-type(4n + 1) {
          clear: both; } }

/********************/
/* Normal Grid Layout */
/********************/
@supports (display: grid) {
  ul.grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    padding: 0;
    margin: 0;
    /*****************************************/
    /* To adjust the number of items on a row
    change the multiplier in each repeat
    or setup new breakpoints*/
    /*****************************************/ }
    ul.grid:before {
      display: none; }
    ul.grid:after {
      display: none; }
    ul.grid > li {
      display: block;
      float: none;
      height: auto;
      margin: 0;
      padding: 0;
      width: 100%; }
      ul.grid > li img {
        height: auto;
        width: 100%; }
    @media only screen and (min-width: 640px) {
      ul.grid {
        grid-template-columns: repeat(3, 1fr); } }
    @media only screen and (min-width: 1025px) {
      ul.grid {
        grid-template-columns: repeat(4, 1fr); } } }

.footer {
  min-height: 250px;
  background: #4d3c29;
  position: relative; }
  @media screen and (min-width: 992px) {
    .footer {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap; } }
  .footer-address {
    padding: 40px;
    background: #564634; }
    .footer-address img {
      width: 100%; }
    @media screen and (min-width: 768px) {
      .footer-address {
        padding: 80px; } }
    @media screen and (min-width: 835px) {
      .footer-address {
        padding: 80px 120px; } }
    @media screen and (min-width: 992px) {
      .footer-address {
        flex: 0 0 24%;
        padding: 20px;
        order: 1; } }
    @media screen and (min-width: 1375px) {
      .footer-address {
        flex: 0 0 24%; } }
    @media screen and (min-width: 1675px) {
      .footer-address {
        padding: 20px 20px 70px 20px; } }
    @media screen and (min-width: 1920px) {
      .footer-address {
        padding: 20px 20px 120px 20px; } }
  @media screen and (min-width: 640px) {
    .footer-logo {
      padding: 20px 30px 0; } }
  @media screen and (min-width: 992px) {
    .footer-logo {
      padding: 20px; } }
  @media screen and (min-width: 2220px) {
    .footer-logo {
      padding: 60px 60px 0; } }
  .footer-logo img {
    width: 100%; }
  @media screen and (min-width: 992px) {
    .footer-navigation {
      order: 2;
      flex: 0 0 40%; } }
  @media screen and (min-width: 1375px) {
    .footer-navigation {
      flex: 0 0 42%; } }
  .footer-nav {
    padding: 40px; }
    @media screen and (min-width: 540px) {
      .footer-nav {
        padding: 40px 70px 35px; } }
    @media screen and (min-width: 640px) {
      .footer-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; } }
    @media screen and (min-width: 768px) {
      .footer-nav {
        padding: 40px 60px 35px 105px; } }
    @media screen and (min-width: 835px) {
      .footer-nav {
        padding: 40px 44px 35px 155px; } }
    @media screen and (min-width: 992px) {
      .footer-nav {
        padding: 70px 25px; } }
    @media screen and (min-width: 1375px) {
      .footer-nav {
        padding: 55px 0 0 75px; } }
    @media screen and (min-width: 1675px) {
      .footer-nav {
        padding: 100px 0 50px 75px; } }
    @media screen and (min-width: 1920px) {
      .footer-nav {
        padding: 100px 0 50px 130px; } }
    @media screen and (min-width: 2120px) {
      .footer-nav {
        padding: 100px 0 50px 155px; } }
    @media screen and (min-width: 2220px) {
      .footer-nav {
        padding: 145px 0 50px 155px; } }
    .footer-nav-products, .footer-nav-general {
      flex: 0 0 50%; }
      .footer-nav-products h2, .footer-nav-general h2 {
        font-size: 5.5vw;
        color: white;
        margin-bottom: 10px; }
        @media screen and (min-width: 640px) {
          .footer-nav-products h2, .footer-nav-general h2 {
            font-size: 3.9vw;
            margin-bottom: 20px; } }
        @media screen and (min-width: 992px) {
          .footer-nav-products h2, .footer-nav-general h2 {
            font-size: 1.8vw; } }
        @media screen and (min-width: 1920px) {
          .footer-nav-products h2, .footer-nav-general h2 {
            font-size: 1.3vw;
            margin-bottom: 35px; } }
      .footer-nav-products ul, .footer-nav-general ul {
        padding: 0; }
        .footer-nav-products ul li, .footer-nav-general ul li {
          color: #4c9d2a;
          display: list-item !important; }
          .footer-nav-products ul li a, .footer-nav-general ul li a {
            padding: 5px;
            color: white;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 5vw; }
            @media screen and (min-width: 640px) {
              .footer-nav-products ul li a, .footer-nav-general ul li a {
                font-size: 3vw; } }
            @media screen and (min-width: 992px) {
              .footer-nav-products ul li a, .footer-nav-general ul li a {
                font-size: 1.5vw; } }
            @media screen and (min-width: 1920px) {
              .footer-nav-products ul li a, .footer-nav-general ul li a {
                font-size: 1vw; } }
  .footer-section {
    padding: 40px; }
    @media screen and (min-width: 540px) {
      .footer-section {
        padding: 40px 70px 35px; } }
    @media screen and (min-width: 768px) {
      .footer-section {
        padding: 40px 105px 35px; } }
    @media screen and (min-width: 835px) {
      .footer-section {
        padding: 40px 155px 35px; } }
    @media screen and (min-width: 992px) {
      .footer-section {
        flex: 0 0 25%;
        order: 3;
        padding: 78px 20px; } }
    @media screen and (min-width: 1375px) {
      .footer-section {
        flex: 0 0 23%;
        padding: 65px 15px; } }
    @media screen and (min-width: 1675px) {
      .footer-section {
        flex: 0 0 24%;
        padding: 110px 20px 0 75px; } }
    @media screen and (min-width: 1920px) {
      .footer-section {
        padding: 115px 0 50px 130px; } }
    @media screen and (min-width: 2120px) {
      .footer-section {
        padding: 115px 0 50px 155px; } }
    @media screen and (min-width: 2220px) {
      .footer-section {
        padding: 145px 0 50px 155px; } }
  .footer-media {
    margin-bottom: 20px; }
    @media screen and (min-width: 640px) {
      .footer-media {
        margin-bottom: 40px; } }
    @media screen and (min-width: 1920px) {
      .footer-media {
        margin-bottom: 45px; } }
    .footer-media h2 {
      color: white;
      font-size: 5.5vw; }
      @media screen and (min-width: 640px) {
        .footer-media h2 {
          font-size: 3.9vw; } }
      @media screen and (min-width: 640px) {
        .footer-media h2 {
          margin: 0 45px 20px 0;
          align-self: flex-end; } }
      @media screen and (min-width: 992px) {
        .footer-media h2 {
          margin: 0 10px 10px 0;
          font-size: 1.8vw; } }
      @media screen and (min-width: 1375px) {
        .footer-media h2 {
          margin: 0 20px 10px 0; } }
      @media screen and (min-width: 1920px) {
        .footer-media h2 {
          font-size: 1.3vw; } }
  .footer-blog h2 {
    color: white;
    font-size: 5.5vw;
    margin: 0; }
    @media screen and (min-width: 640px) {
      .footer-blog h2 {
        font-size: 3.9vw; } }
    @media screen and (min-width: 992px) {
      .footer-blog h2 {
        font-size: 1.8vw; } }
    @media screen and (min-width: 1920px) {
      .footer-blog h2 {
        font-size: 1.3vw; } }
  .footer-blog a {
    color: #4c9d2a;
    font-size: 5.5vw;
    font-weight: 600;
    font-style: italic; }
    @media screen and (min-width: 640px) {
      .footer-blog a {
        font-size: 3.9vw; } }
    @media screen and (min-width: 992px) {
      .footer-blog a {
        font-size: 1.8vw; } }
    @media screen and (min-width: 1920px) {
      .footer-blog a {
        font-size: 1.3vw; } }
  .footer-bbb {
    order: 4;
    padding: 20px 40px 40px; }
    @media screen and (min-width: 540px) {
      .footer-bbb {
        padding: 20px 70px 40px; } }
    @media screen and (min-width: 768px) {
      .footer-bbb {
        padding: 20px 105px 40px; } }
    @media screen and (min-width: 835px) {
      .footer-bbb {
        padding: 20px 155px 40px; } }
    @media screen and (min-width: 992px) {
      .footer-bbb {
        padding: 20px 20px 40px;
        flex: 0 0 5%; } }
    @media screen and (min-width: 1375px) {
      .footer-bbb {
        padding: 25px 5px 40px; } }
    @media screen and (min-width: 1675px) {
      .footer-bbb {
        padding: 70px 5px 40px; } }
    @media screen and (min-width: 2220px) {
      .footer-bbb {
        padding: 113px 5px 40px; } }
    .footer-bbb img {
      width: 64px;
      height: 110px; }
      @media screen and (min-width: 992px) {
        .footer-bbb img {
          margin: 35px 0; } }
  .footer-text {
    font-size: 12px;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0; }

.address-item {
  margin: 0;
  color: white;
  padding-left: 10px;
  font-size: 5vw; }
  @media screen and (min-width: 540px) {
    .address-item {
      padding-left: 30px; } }
  @media screen and (min-width: 640px) {
    .address-item {
      font-size: 3vw; } }
  @media screen and (min-width: 992px) {
    .address-item {
      font-size: 1.5vw; } }
  @media screen and (min-width: 1920px) {
    .address-item {
      padding-left: 30px;
      font-size: 1.1vw;
      margin: 0 80px; } }

.address-phone, .address-fax {
  color: #4c9d2a;
  font-size: 5vw; }
  @media screen and (min-width: 640px) {
    .address-phone, .address-fax {
      font-size: 3vw;
      margin-bottom: 20px; } }
  @media screen and (min-width: 992px) {
    .address-phone, .address-fax {
      font-size: 1.5vw; } }
  @media screen and (min-width: 1920px) {
    .address-phone, .address-fax {
      font-size: 1.1vw; } }
  .address-phone:hover, .address-fax:hover {
    color: #5da543; }

.facebook {
  width: 50px;
  height: 40px;
  background: url(../images/doorsandmoreusa_social_sprite.png) no-repeat;
  display: inline-block;
  margin-right: 20px;
  background-position: left top; }
  @media screen and (min-width: 992px) {
    .facebook {
      margin-right: 10px; } }
  @media screen and (min-width: 992px) {
    .facebook {
      width: 40px; } }

.twitter {
  width: 50px;
  height: 40px;
  background: url(../images/doorsandmoreusa_social_sprite.png) no-repeat;
  display: inline-block;
  margin-right: 20px;
  background-position: 50% 0%; }
  @media screen and (min-width: 992px) {
    .twitter {
      margin-right: 10px; } }

.pinterest {
  width: 50px;
  height: 40px;
  background: url(../images/doorsandmoreusa_social_sprite.png) no-repeat;
  display: inline-block;
  margin-right: 20px;
  background-position: 100% 0%;
  margin: 0; }
  @media screen and (min-width: 992px) {
    .pinterest {
      margin-right: 10px; } }
  @media screen and (min-width: 992px) {
    .pinterest {
      width: 40px; } }

#footer_nav li {
  list-style-type: none; }
  @media screen and (min-width: 1920px) {
    #footer_nav li {
      margin: 15px 0; } }

.adminlinks {
  position: absolute;
  bottom: 15px;
  right: 55px;
  width: 200px; }

.webdevelopment a {
  display: inline;
  visibility: visible; }
  .webdevelopment a img {
    margin: 0 15px 15px; }
  .webdevelopment a:hover {
    text-decoration: none; }

.text_label {
  width: 100%; }

#contact_comment {
  height: 150px; }

.map-canvas {
  padding: 0 !important; }
  @media screen and (min-width: 768px) {
    .map-canvas {
      padding-left: 11px !important; } }

#contact .form-button {
  padding: 0;
  width: 100%; }

#contact #group_1,
#contact > div {
  padding: 0; }

#contact #group_1 .form-group {
  padding: 0; }

#contact #captcha_wrapper {
  max-width: 400px;
  padding: 0; }

#dealer-inquiry #group_8,
#dealer-inquiry > div,
#dealer-inquiry #group_8 .form-group,
#dealer-inquiry #captcha_wrapper,
#dealer-inquiry .form-button {
  padding: 0; }

@media screen and (min-width: 768px) {
  #dealer-inquiry #group_8 .form-group {
    padding: 0 11px; }
    #dealer-inquiry #group_8 .form-group.pl {
      padding-left: 0; }
    #dealer-inquiry #group_8 .form-group.pr {
      padding-right: 0; } }

#captcha_wrapper {
  max-width: 400px; }

#captcha {
  max-width: 260px; }
  #captcha_img {
    display: block;
    height: 57px; }

.gmap {
  margin: 15px 0; }

.rowData input {
  padding: 5px;
  width: 100%; }

div.file {
  clear: both;
  padding-left: 11px;
  padding-right: 11px; }
  @media screen and (min-width: 768px) {
    div.file {
      width: 50%; } }

textarea {
  min-height: 200px; }

input.order_height::placeholder, input.order_width::placeholder, input.order_depth::placeholder {
  padding: 5px; }

@media screen and (max-width: 475px) {
  .table-scroll {
    overflow-x: scroll; } }

@media screen and (min-width: 768px) {
  .radio > label.radio {
    display: inline-block;
    padding-bottom: 0 !important;
    margin: 0 0 0 10px; } }

.gallery-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s; }

.gallery-item:hover .gallery-overlay {
  opacity: 1; }

.gallery-item:hover .gallery-item_details {
  top: 50%;
  left: 50%;
  opacity: 1; }

.gallery-item {
  position: relative;
  margin: auto;
  overflow: hidden;
  padding: 0;
  cursor: pointer; }
  .gallery-item_details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out 0s; }
    .gallery-item_details span {
      color: #fff;
      font-weight: 500;
      letter-spacing: 0.15em;
      margin-bottom: 0.5em;
      text-transform: uppercase;
      font-size: 20px; }
    .gallery-item_details p {
      color: #fff;
      font-size: 18px; }
  .gallery-item img {
    width: 100%;
    filter: none; }

.fadeIn-bottom {
  top: 80%; }

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: 0.3s;
  transition-property: transform; }

.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
  transform: scale(1.1); }

#cycleOverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.6;
  top: 0;
  z-index: 100;
  display: none; }

#gallerySlideShow {
  top: 25%;
  position: fixed;
  display: flex;
  justify-content: center; }

.gallerySlideShowContainer {
  display: flex;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  justify-content: center;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }

#slideNext,
#slidePause,
#slidePlay,
#slidePrevious {
  position: absolute;
  font-size: 50px;
  z-index: 110;
  color: white;
  cursor: pointer;
  bottom: -15%; }

#slideNext {
  align-self: center;
  right: 0; }

#slidePrevious {
  left: 0;
  align-self: center; }

#slidePause,
#slidePlay {
  align-self: flex-end;
  bottom: -15%; }

#slidePlay {
  display: none; }

.blur {
  filter: blur(20px); }

.cycle-caption {
  position: absolute;
  color: white;
  z-index: 110;
  font-size: 26px;
  top: -10%; }

#slideClose {
  position: absolute;
  top: -10%;
  color: white;
  z-index: 110;
  font-size: 41px;
  right: 0;
  cursor: pointer; }

@media screen and (max-width: 665px) {
  #gallerySlideShow img {
    width: 100%; } }

#inner_search_container {
  height: 23px;
  margin-bottom: 10px; }

#inner_search {
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 0;
  color: #B6B6B6;
  float: left;
  height: 23px;
  margin: 0;
  outline: none;
  padding: 0 5px;
  width: 50%; }

#inner_search_btn {
  border: 0 none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  float: left;
  line-height: 1.1;
  padding: 6px 4px 3px; }

.searchResultsHdr {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 12px; }

.searchResult a {
  font-weight: bold; }

.searchResult > span {
  font-weight: bold; }

.grayItalic {
  color: #a1a1a1;
  font-style: italic;
  font-weight: normal; }

.searchType {
  color: #a1a1a1;
  font-weight: normal;
  text-transform: uppercase; }

.searchIcon {
  color: #a1a1a1; }

.hilitedTitle {
  border-bottom: 2px solid #000; }

.hilitedSummary {
  border-bottom: 2px solid #000;
  font-weight: normal; }

.search-box {
  display: inline-block;
  width: 51vw;
  position: relative;
  max-width: 320px; }
  .search-box .search-form {
    display: flex;
    border: 1px solid white; }
  .search-box .search-btn {
    background: black;
    color: gray; }

#slideshow {
  overflow: hidden; }

#slideshow img {
  width: 100%;
  height: auto; }

.slide {
  position: relative;
  width: 100%; }

.cycle-overlay {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 102;
  background: rgba(255, 255, 255, 0.7);
  color: #4d3c29;
  text-align: center;
  transition: bottom 0.1s linear 0.5s;
  position: absolute;
  bottom: 15%;
  width: 45%;
  margin: 0 27.5%;
  padding: 10px 10px; }
  @media screen and (min-width: 992px) {
    .cycle-overlay {
      bottom: 25%;
      padding: 30px 70px; } }
  @media screen and (min-width: 1920px) {
    .cycle-overlay {
      width: 35%;
      margin: 0 32.5%;
      padding: 60px 70px; } }

.hide-overlay {
  bottom: -110px;
  transition: bottom 0.2s linear; }

.slide_nav {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
  display: block;
  height: 100%;
  padding-top: 25%;
  position: absolute;
  top: 0;
  width: 5%; }

.slide_nav > span {
  font-size: 2em;
  color: #fff; }

.cycle-pager {
  position: absolute;
  bottom: 0;
  color: #4d3c29;
  font-size: 5vw;
  text-align: center;
  width: 100%;
  z-index: 104;
  text-align: center;
  cursor: pointer; }

.cycle-pager-active {
  color: #4c9d2a; }

.cycle-prev {
  left: -10%;
  transition: left 0.25s linear;
  z-index: 105; }
  @media screen and (min-width: 992px) {
    .cycle-prev {
      padding-left: 35px; } }

.cycle-next {
  right: -10%;
  text-align: right;
  transition: right 0.25s linear;
  z-index: 105; }
  @media screen and (min-width: 992px) {
    .cycle-next {
      padding-right: 35px; } }

#slideshow:hover .cycle-prev {
  left: 0;
  transition: left 0.25s linear; }

#slideshow:hover .cycle-next {
  right: 0;
  transition: right 0.25s linear; }

.overlay-text {
  color: #4d3c29;
  font-size: 4.5vw;
  margin: 0; }
  @media screen and (min-width: 640px) {
    .overlay-text {
      font-size: 3.7vw; } }
  @media screen and (min-width: 992px) {
    .overlay-text {
      font-size: 3.5vw; } }
  @media screen and (min-width: 1560px) {
    .overlay-text {
      font-size: 3vw; } }
  @media screen and (min-width: 2120px) {
    .overlay-text {
      font-size: 2.5vw; } }
  .overlay-text p {
    line-height: 1; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
      .overlay-text p {
        font-size: 0.7em; } }

.overlay-link {
  display: block;
  background: #4c9d2a;
  padding: 3px 3px;
  width: 80%;
  margin: 0 10%; }
  .overlay-link:hover {
    text-decoration: none; }
  .overlay-link-text {
    text-transform: uppercase;
    color: white;
    margin: 0;
    font-size: 3.5vw; }
    @media screen and (min-width: 640px) {
      .overlay-link-text {
        font-size: 3.7vw; } }
    @media screen and (min-width: 930px) {
      .overlay-link-text {
        font-size: 1.8vw; } }
    @media screen and (min-width: 992px) {
      .overlay-link-text {
        font-size: 2.5vw; } }
    @media screen and (min-width: 1560px) {
      .overlay-link-text {
        font-size: 2.2vw; } }

.faqheading {
  display: flex; }
  .faqheading a {
    color: white;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6; }
    @media screen and (min-width: 768px) {
      .faqheading a {
        font-size: 18px; } }
  .faqheading h4 {
    text-align: left;
    transition: background-color 0.35s linear;
    width: 100%;
    display: flex;
    align-items: center; }
    .faqheading h4 a {
      width: 100%; }
  .faqheading a:hover {
    text-decoration: none; }
  .faqheading a:focus {
    text-decoration: none; }

.panel-default > .panel-heading {
  background-color: #4c9d2a; }

.panel-heading h4:hover {
  background-color: #5da543;
  text-decoration: none;
  transition: background-color 0.35s linear; }

.panel-heading h4 {
  padding: 20px; }
  .panel-heading h4 a {
    color: white;
    font-size: 5.5vw;
    font-weight: 400;
    text-decoration: none; }
    @media screen and (min-width: 500px) {
      .panel-heading h4 a {
        font-size: 3.5vw; } }
    @media screen and (min-width: 992px) {
      .panel-heading h4 a {
        font-size: 1.5vw; } }
    @media screen and (min-width: 1920px) {
      .panel-heading h4 a {
        font-size: 1.1vw; } }
    .panel-heading h4 a:hover {
      text-decoration: none; }

#main-content .faqheading {
  background-color: #737373; }
  #main-content .faqheading h4.panel-title a {
    color: white !important; }
  #main-content .faqheading h4.panel-title:hover {
    background-color: #6b6c6e;
    transition: background-color 0.3s ease; }

/*# sourceMappingURL=maps/styles.css.map */