/*  ____             __                  __
   / __ )____ ______/ /_____  ____  ____/ /
  / __  / __ `/ ___/ //_/ _ \/ __ \/ __  /
 / /_/ / /_/ / /__/ ,< /  __/ / / / /_/ /
/_____/\__,_/\___/_/|_|\___/_/ /_/\__,_/*/
/*				   ________    _           ____  __      __
   ▀▀▀▀▀▀▀▀▀	  / ____/ /_  (_)___ ___  / __ \/ /___ _/ /____
 █ ▀▀▀▀ ▀▀▀▀ █	 / /   / __ \/ / __ `__ \/ /_/ / / __ `/ __/ _ \
 ▀ █ ▀▀▀▀▀ █ ▀	/ /___/ / / / / / / / / / ____/ / /_/ / /_/  __/
   ▀▀▀▀▀▀▀▀▀	\____/_/ /_/_/_/ /_/ /_/_/   /_/\__,_/\__/\___/
																 */
/*				 _    __           _       __    __
   ▀▀▀▀▀▀▀▀▀	| |  / /___ ______(_)___ _/ /_  / /__  _____
 █ ▀▀▀▀ ▀▀▀▀ █	| | / / __ `/ ___/ / __ `/ __ \/ / _ \/ ___/
 ▀ █ ▀▀▀▀▀ █ ▀	| |/ / /_/ / /  / / /_/ / /_/ / /  __(__  )
   ▀▀▀▀▀▀▀▀▀	|___/\__,_/_/  /_/\__,_/_.___/_/\___/____/
				                                            */
/**
	=======================================
	INDEX =================================
	=======================================

	+ Variables
	+ Colors

	=======================================
**/
/* Variables */
/* ---------------------------------------------------------------------------------------------- */
/* Colors */
/* ---------------------------------------------------------------------------------------------- */
/*				    __  ____      _
   ▀▀▀▀▀▀▀▀▀	   /  |/  (_)  __(_)___  _____
 █ ▀▀▀▀ ▀▀▀▀ █	  / /|_/ / / |/_/ / __ \/ ___/
 ▀ █ ▀▀▀▀▀ █ ▀	 / /  / / />  </ / / / (__  )
   ▀▀▀▀▀▀▀▀▀	/_/  /_/_/_/|_/_/_/ /_/____/
											   */
/**
	=======================================
	INDEX =================================
	=======================================

	+ Vendor Prefixes
	+ Helpers

	=======================================
**/
/* Vendor Prefixes */
/* ---------------------------------------------------------------------------------------------- */
/* Helpers */
/* ---------------------------------------------------------------------------------------------- */
.overlay-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Buttons */
/* ---------------------------------------------------------------------------------------------- */
/*				    ____
   ▀▀▀▀▀▀▀▀▀	   / __ )____ _________
 █ ▀▀▀▀ ▀▀▀▀ █	  / __  / __ `/ ___/ _ \
 ▀ █ ▀▀▀▀▀ █ ▀	 / /_/ / /_/ (__  )  __/
   ▀▀▀▀▀▀▀▀▀	/_____/\__,_/____/\___/
										 */
/**
	=======================================
	INDEX =================================
	=======================================

	+ Generals
	+ Clear Fixes
	+ Responsive Helpers
	+ The Content
	+ Helpers

	=======================================
**/
/* Generals */
/*------------------------------------------------------------------------------------------------*/
::-moz-selection,
::selection {
  background: #2980b9;
  text-shadow: none;
}
body {
  background-color: #ffffff;
  color: #333333;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 15px 0;
  padding: 0;
}
a {
  color: #2980b9;
  text-decoration: none;
}
a:hover {
  color: #20638f;
}
/* Remove the gap between audio, canvas, iframes, */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  font-family: monospace;
  font-size: inherit;
  white-space: pre-wrap;
  padding: 15px;
  margin-bottom: 15px;
  background: #f1f1f1;
  color: #888888;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
code {
  font-family: monospace;
  font-size: inherit;
  padding: 2px 4px;
  background: #f1f1f1;
  color: #888888;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
div,
header,
footer,
article,
section {
  display: block;
  position: relative;
}
small,
.font-small {
  font-size: 0.8em;
}
textarea {
  resize: vertical;
}
/* Clear Fixes */
/*------------------------------------------------------------------------------------------------*/
br.clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 0 0;
}
.cf {
  *zoom: 1;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
/* Responsive Helpers */
/* ---------------------------------------------------------------------------------------------- */
/* SHOW */
/* ---------------------------------------------------------------------------------------------- */
/*
 SHOW | M  T  D  W
------+-----------
   M  | 0  X  X  X
   T  | X  0  X  X
   D  | X  X  0  X
   W  | X  X  X  0

 */
/* ┌─┐┬ ┬┌─┐┬ ┬  ┌┬┐┌─┐┌┐ ┬┬  ┌─┐
   └─┐├─┤│ ││││  ││││ │├┴┐││  ├┤
   └─┘┴ ┴└─┘└┴┘  ┴ ┴└─┘└─┘┴┴─┘└─┘ */
.show-mobile {
  display: block !important;
}
@media (min-width: 768px) {
  .show-mobile {
    display: none !important;
  }
}
.show-mobile-inline {
  display: inline !important;
}
@media (min-width: 768px) {
  .show-mobile-inline {
    display: none !important;
  }
}
.show-mobile-inline-block {
  display: inline-block;
  *display: inline !important;
  *zoom: 1 !important;
}
@media (min-width: 768px) {
  .show-mobile-inline-block {
    display: none !important;
  }
}
.show-mobile-table {
  display: table !important;
}
@media (min-width: 768px) {
  .show-mobile-table {
    display: none !important;
  }
}
.show-mobile-table-cell {
  display: table-cell !important;
}
@media (min-width: 768px) {
  .show-mobile-table-cell {
    display: none !important;
  }
}
/* ┌─┐┬ ┬┌─┐┬ ┬  ┌┬┐┌─┐┌┐ ┬  ┌─┐┌┬┐
   └─┐├─┤│ ││││   │ ├─┤├┴┐│  ├┤  │
   └─┘┴ ┴└─┘└┴┘   ┴ ┴ ┴└─┘┴─┘└─┘ ┴ */
.show-tablet {
  display: none !important;
}
@media (min-width: 768px) {
  .show-tablet {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .show-tablet {
    display: none !important;
  }
}
.show-tablet-inline {
  display: none !important;
}
@media (min-width: 768px) {
  .show-tablet-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) {
  .show-tablet-inline {
    display: none !important;
  }
}
.show-tablet-inline-block {
  display: none !important;
}
@media (min-width: 768px) {
  .show-tablet-inline-block {
    display: inline-block;
    *display: inline !important;
    *zoom: 1 !important;
  }
}
@media (min-width: 1024px) {
  .show-tablet-inline-block {
    display: none !important;
  }
}
.show-tablet-table {
  display: none !important;
}
@media (min-width: 768px) {
  .show-tablet-table {
    display: table !important;
  }
}
@media (min-width: 1024px) {
  .show-tablet-table {
    display: none !important;
  }
}
.show-tablet-table-cell {
  display: none !important;
}
@media (min-width: 768px) {
  .show-tablet-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) {
  .show-tablet-table-cell {
    display: none !important;
  }
}
/* ┌─┐┬ ┬┌─┐┬ ┬  ┌┬┐┌─┐┌─┐┬┌─┌┬┐┌─┐┌─┐
   └─┐├─┤│ ││││   ││├┤ └─┐├┴┐ │ │ │├─┘
   └─┘┴ ┴└─┘└┴┘  ─┴┘└─┘└─┘┴ ┴ ┴ └─┘┴  */
.show-desktop {
  display: none !important;
}
@media (min-width: 768px) {
  .show-desktop {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .show-desktop {
    display: block !important;
  }
}
@media (min-width: 1280px) {
  .show-desktop {
    display: none !important;
  }
}
.show-desktop-inline {
  display: none !important;
}
@media (min-width: 768px) {
  .show-desktop-inline {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .show-desktop-inline {
    display: inline !important;
  }
}
@media (min-width: 1280px) {
  .show-desktop-inline {
    display: none !important;
  }
}
.show-desktop-inline-block {
  display: none !important;
}
@media (min-width: 768px) {
  .show-desktop-inline-block {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .show-desktop-inline-block {
    display: inline-block;
    *display: inline !important;
    *zoom: 1 !important;
  }
}
@media (min-width: 1280px) {
  .show-desktop-inline-block {
    display: none !important;
  }
}
.show-desktop-table {
  display: none !important;
}
@media (min-width: 768px) {
  .show-desktop-table {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .show-desktop-table {
    display: table !important;
  }
}
@media (min-width: 1280px) {
  .show-desktop-table {
    display: none !important;
  }
}
.show-desktop-table-cell {
  display: none !important;
}
@media (min-width: 768px) {
  .show-desktop-table-cell {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .show-desktop-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1280px) {
  .show-desktop-table-cell {
    display: none !important;
  }
}
/* ┌─┐┬ ┬┌─┐┬ ┬  ┬ ┬┬┌┬┐┌─┐
   └─┐├─┤│ ││││  ││││ ││├┤
   └─┘┴ ┴└─┘└┴┘  └┴┘┴─┴┘└─┘ */
.show-wide {
  display: none !important;
}
@media (min-width: 1280px) {
  .show-wide {
    display: block !important;
  }
}
.show-wide-inline {
  display: none !important;
}
@media (min-width: 1280px) {
  .show-wide-inline {
    display: inline !important;
  }
}
.show-wide-inline-block {
  display: none !important;
}
@media (min-width: 1280px) {
  .show-wide-inline-block {
    display: inline-block;
    *display: inline !important;
    *zoom: 1 !important;
  }
}
.show-wide-table {
  display: none !important;
}
@media (min-width: 1280px) {
  .show-wide-table {
    display: table !important;
  }
}
.show-wide-table-cell {
  display: none !important;
}
@media (min-width: 1280px) {
  .show-wide-table-cell {
    display: table-cell !important;
  }
}
/* HIDE */
/* ---------------------------------------------------------------------------------------------- */
/*
 HIDE | M  T  D  W
------+-----------
   M  | X  0  0  0
   T  | 0  X  0  0
   D  | 0  0  X  0
   W  | 0  0  0  X

 */
/* ┬ ┬┬┌┬┐┌─┐  ┌┬┐┌─┐┌┐ ┬┬  ┌─┐
   ├─┤│ ││├┤   ││││ │├┴┐││  ├┤
   ┴ ┴┴─┴┘└─┘  ┴ ┴└─┘└─┘┴┴─┘└─┘ */
.hide-mobile {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-mobile {
    display: block !important;
  }
}
.hide-mobile-inline {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-mobile-inline {
    display: inline !important;
  }
}
.hide-mobile-inline-block {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-mobile-inline-block {
    display: inline-block;
    *display: inline !important;
    *zoom: 1 !important;
  }
}
.hide-mobile-table {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-mobile-table {
    display: table !important;
  }
}
.hide-mobile-table-cell {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-mobile-table-cell {
    display: table-cell !important;
  }
}
/* ┬ ┬┬┌┬┐┌─┐  ┌┬┐┌─┐┌┐ ┬  ┌─┐┌┬┐
   ├─┤│ ││├┤    │ ├─┤├┴┐│  ├┤  │
   ┴ ┴┴─┴┘└─┘   ┴ ┴ ┴└─┘┴─┘└─┘ ┴ */
.hide-tablet {
  display: block !important;
}
@media (min-width: 768px) {
  .hide-tablet {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hide-tablet {
    display: block !important;
  }
}
.hide-tablet-inline {
  display: inline !important;
}
@media (min-width: 768px) {
  .hide-tablet-inline {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hide-tablet-inline {
    display: inline !important;
  }
}
.hide-tablet-inline-block {
  display: inline-block;
  *display: inline !important;
  *zoom: 1 !important;
}
@media (min-width: 768px) {
  .hide-tablet-inline-block {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hide-tablet-inline-block {
    display: inline-block;
    *display: inline !important;
    *zoom: 1 !important;
  }
}
.hide-tablet-table {
  display: table !important;
}
@media (min-width: 768px) {
  .hide-tablet-table {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hide-tablet-table {
    display: table !important;
  }
}
.hide-tablet-table-cell {
  display: table-cell !important;
}
@media (min-width: 768px) {
  .hide-tablet-table-cell {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hide-tablet-table-cell {
    display: table-cell !important;
  }
}
/* ┬ ┬┬┌┬┐┌─┐  ┌┬┐┌─┐┌─┐┬┌─┌┬┐┌─┐┌─┐
   ├─┤│ ││├┤    ││├┤ └─┐├┴┐ │ │ │├─┘
   ┴ ┴┴─┴┘└─┘  ─┴┘└─┘└─┘┴ ┴ ┴ └─┘┴  */
.hide-desktop {
  display: block !important;
}
@media (min-width: 768px) {
  .hide-desktop {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop {
    display: none !important;
  }
}
.hide-desktop-inline {
  display: inline !important;
}
@media (min-width: 768px) {
  .hide-desktop-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-inline {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-inline {
    display: none !important;
  }
}
.hide-desktop-inline-block {
  display: inline-block;
  *display: inline !important;
  *zoom: 1 !important;
}
@media (min-width: 768px) {
  .hide-desktop-inline-block {
    display: inline-block;
    *display: inline !important;
    *zoom: 1 !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-inline-block {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-inline-block {
    display: none !important;
  }
}
.hide-desktop-table {
  display: table !important;
}
@media (min-width: 768px) {
  .hide-desktop-table {
    display: table !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-table {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-table {
    display: none !important;
  }
}
.hide-desktop-table-cell {
  display: table-cell !important;
}
@media (min-width: 768px) {
  .hide-desktop-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-table-cell {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-table-cell {
    display: none !important;
  }
}
/* ┬ ┬┬┌┬┐┌─┐  ┬ ┬┬┌┬┐┌─┐
   ├─┤│ ││├┤   ││││ ││├┤
   ┴ ┴┴─┴┘└─┘  └┴┘┴─┴┘└─┘ */
.hide-desktop {
  display: block !important;
}
@media (min-width: 768px) {
  .hide-desktop {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop {
    display: none !important;
  }
}
.hide-desktop-inline {
  display: inline !important;
}
@media (min-width: 768px) {
  .hide-desktop-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-inline {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-inline {
    display: none !important;
  }
}
.hide-desktop-inline-block {
  display: inline-block;
  *display: inline !important;
  *zoom: 1 !important;
}
@media (min-width: 768px) {
  .hide-desktop-inline-block {
    display: inline-block;
    *display: inline !important;
    *zoom: 1 !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-inline-block {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-inline-block {
    display: none !important;
  }
}
.hide-desktop-table {
  display: table !important;
}
@media (min-width: 768px) {
  .hide-desktop-table {
    display: table !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-table {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-table {
    display: none !important;
  }
}
.hide-desktop-table-cell {
  display: table-cell !important;
}
@media (min-width: 768px) {
  .hide-desktop-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) {
  .hide-desktop-table-cell {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-desktop-table-cell {
    display: none !important;
  }
}
/* Hidden Up / Down */
/* ---------------------------------------------------------------------------------------------- */
/*
                    | M  T  D  W
--------------------+-----------
  .hide-mobile-down | X  0  0  0
  .hide-tablet-down | X  X  0  0
 .hide-desktop-down | X  X  X  0
    .hide-wide-down | X  X  X  X
--------------------+-----------
    .hide-mobile-up | X  X  X  X
    .hide-tablet-up | 0  X  X  X
   .hide-desktop-up | 0  0  X  X
      .hide-wide-up | 0  0  0  X
 */
.hide-mobile-down {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-mobile-down {
    display: block !important;
  }
}
.hide-tablet-down {
  display: none !important;
}
@media (min-width: 1024px) {
  .hide-tablet-down {
    display: block !important;
  }
}
.hide-desktop-down {
  display: none !important;
}
@media (min-width: 1280px) {
  .hide-desktop-down {
    display: block !important;
  }
}
.hide-wide-down,
.hide-mobile-up {
  display: none !important;
}
.hide-tablet-up {
  display: block !important;
}
@media (min-width: 1024px) {
  .hide-tablet-up {
    display: none !important;
  }
}
.hide-desktop-up {
  display: block !important;
}
@media (min-width: 1280px) {
  .hide-desktop-up {
    display: none !important;
  }
}
.hide-wide-up {
  display: block !important;
}
/* Show Only */
/* ---------------------------------------------------------------------------------------------- */
.show-mobile-only {
  display: block !important;
}
@media (min-width: 768px) {
  .show-mobile-only {
    display: none !important;
  }
}
.show-tablet-only {
  display: none !important;
}
@media (min-width: 768px) {
  .show-tablet-only {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .show-tablet-only {
    display: none !important;
  }
}
.show-desktop-only {
  display: none !important;
}
@media (min-width: 1024px) {
  .show-desktop-only {
    display: block !important;
  }
}
@media (min-width: 1280px) {
  .show-desktop-only {
    display: none !important;
  }
}
.show-wide-only {
  display: none !important;
}
@media (min-width: 1280px) {
  .show-wide-only {
    display: block !important;
  }
}
/* Media Types */
/* ---------------------------------------------------------------------------------------------- */
.show-print {
  display: none;
}
@media print {
  .show-print {
    display: block;
  }
}
.show-print-inline {
  display: none;
}
@media print {
  .show-print-inline {
    display: inline;
  }
}
.show-print-inline-block {
  display: none;
}
@media print {
  .show-print-inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
}
@media print {
  .hide-print {
    display: none;
  }
}
/* The Content */
/*------------------------------------------------------------------------------------------------*/
.the-content {
  line-height: 1.2;
  word-wrap: break-word;
}
.the-content img {
  max-width: 100%;
  height: auto;
}
.the-content p {
  font-weight: inherit;
  margin-bottom: 15px;
}
.the-content h1,
.the-content .h1,
.the-content h2,
.the-content .h2,
.the-content h3,
.the-content .h3,
.the-content h4,
.the-content .h4,
.the-content h5,
.the-content .h5,
.the-content h6,
.the-content .h6 {
  line-height: 1.2;
  margin-bottom: 15px;
}
.the-content h1,
.the-content .h1 {
  font-size: 2.0736em;
}
.the-content h2,
.the-content .h2 {
  font-size: 1.728em;
}
.the-content h3,
.the-content .h3 {
  font-size: 1.44em;
}
.the-content h4,
.the-content .h4 {
  font-size: 1.2em;
}
.the-content h5,
.the-content .h5 {
  font-size: 1em;
}
.the-content h6,
.the-content .h6 {
  font-size: 1em;
}
.the-content h1 small,
.the-content .h1 small,
.the-content h2 small,
.the-content .h2 small,
.the-content h3 small,
.the-content .h3 small,
.the-content h4 small,
.the-content .h4 small,
.the-content h5 small,
.the-content .h5 small,
.the-content h6 small,
.the-content .h6 small {
  font-size: 75%;
}
.the-content ol,
.the-content ul,
.the-content dt {
  margin-left: 30px;
  margin-bottom: 15px;
}
.the-content li,
.the-content dt {
  margin-bottom: 15px;
}
.the-content a:hover {
  text-decoration: underline;
}
.the-content .alignleft,
.the-content .alignright,
.the-content .aligncenter,
.the-content .alignnone {
  display: block;
  margin: 15px auto;
}
.the-content .alignnone {
  float: none;
  display: inline;
}
@media (min-width: 768px) {
  .the-content .alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .the-content .alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
  }
  .the-content .aligncenter {
    display: block;
    margin: 15px auto;
  }
}
/*				   ______     _     __
   ▀▀▀▀▀▀▀▀▀	  / ____/____(_)___/ /
 █ ▀▀▀▀ ▀▀▀▀ █	 / / __/ ___/ / __  /
 ▀ █ ▀▀▀▀▀ █ ▀	/ /_/ / /  / / /_/ /
   ▀▀▀▀▀▀▀▀▀	\____/_/  /_/\__,_/
									   */
/**
	=======================================
	INDEX =================================
	=======================================

	+ Inner
	+ Responsive grid
		- Columns Mixin
		- Rows Mixin

	=======================================
**/
/* Inner */
/* ---------------------------------------------------------------------------------------------- */
.inner {
  max-width: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .inner {
    width: 1000px;
    max-width: none;
  }
}
@media screen and (min-width: 1280px) {
  .inner {
    width: 1200px;
  }
}
/* Responsive grid */
/*------------------------------------------------------------------------------------------------*/
.row .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box !important;
  -moz-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.row-sm {
  *zoom: 1;
  margin-left: -15px;
  margin-right: -15px;
}
.row-sm:before,
.row-sm:after {
  content: " ";
  display: table;
}
.row-sm:after {
  clear: both;
}
.row-sm .col {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.row-sm.row-10 {
  margin: 0 -10px;
}
.row-sm.row-10 > .col {
  padding-left: 10px;
  padding-right: 10px;
}
.row-sm.row-5 {
  margin: 0 -5px;
}
.row-sm.row-5 > .col {
  padding-left: 5px;
  padding-right: 5px;
}
.row-sm.row-collapse {
  margin: 0 0;
}
.row-sm.row-collapse > .col {
  padding-left: 0;
  padding-right: 0;
}
.row-sm .col.col-sm-1 {
  width: 8.33333333%;
}
.row-sm .col.col-sm-offset-1 {
  margin-left: 8.33333333%;
}
.row-sm .col.col-sm-2 {
  width: 16.66666667%;
}
.row-sm .col.col-sm-offset-2 {
  margin-left: 16.66666667%;
}
.row-sm .col.col-sm-3 {
  width: 25%;
}
.row-sm .col.col-sm-offset-3 {
  margin-left: 25%;
}
.row-sm .col.col-sm-4 {
  width: 33.33333333%;
}
.row-sm .col.col-sm-offset-4 {
  margin-left: 33.33333333%;
}
.row-sm .col.col-sm-5 {
  width: 41.66666667%;
}
.row-sm .col.col-sm-offset-5 {
  margin-left: 41.66666667%;
}
.row-sm .col.col-sm-6 {
  width: 50%;
}
.row-sm .col.col-sm-offset-6 {
  margin-left: 50%;
}
.row-sm .col.col-sm-7 {
  width: 58.33333333%;
}
.row-sm .col.col-sm-offset-7 {
  margin-left: 58.33333333%;
}
.row-sm .col.col-sm-8 {
  width: 66.66666667%;
}
.row-sm .col.col-sm-offset-8 {
  margin-left: 66.66666667%;
}
.row-sm .col.col-sm-9 {
  width: 75%;
}
.row-sm .col.col-sm-offset-9 {
  margin-left: 75%;
}
.row-sm .col.col-sm-10 {
  width: 83.33333333%;
}
.row-sm .col.col-sm-offset-10 {
  margin-left: 83.33333333%;
}
.row-sm .col.col-sm-11 {
  width: 91.66666667%;
}
.row-sm .col.col-sm-offset-11 {
  margin-left: 91.66666667%;
}
.row-sm .col.col-sm-12 {
  width: 100%;
  margin-left: 0;
}
.row-sm .col.col-sm-offset-12 {
  margin-left: 0;
}
.row-sm .col.col-sm-fifth {
  width: 20%;
}
.row-sm .col.col-sm-seventh {
  width: 14.28571429%;
}
.row-sm .col.col-sm-eighth {
  width: 12.5%;
}
.row-sm .col.col-sm-ninth {
  width: 11.11111111%;
}
@media screen and (min-width: 768px) {
  .row-md {
    *zoom: 1;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-md:before,
  .row-md:after {
    content: " ";
    display: table;
  }
  .row-md:after {
    clear: both;
  }
  .row-md .col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row-md.row-10 {
    margin: 0 -10px;
  }
  .row-md.row-10 > .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row-md.row-5 {
    margin: 0 -5px;
  }
  .row-md.row-5 > .col {
    padding-left: 5px;
    padding-right: 5px;
  }
  .row-md.row-collapse {
    margin: 0 0;
  }
  .row-md.row-collapse > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .row-md .col.col-md-1 {
    width: 8.33333333%;
  }
  .row-md .col.col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .row-md .col.col-md-2 {
    width: 16.66666667%;
  }
  .row-md .col.col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .row-md .col.col-md-3 {
    width: 25%;
  }
  .row-md .col.col-md-offset-3 {
    margin-left: 25%;
  }
  .row-md .col.col-md-4 {
    width: 33.33333333%;
  }
  .row-md .col.col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .row-md .col.col-md-5 {
    width: 41.66666667%;
  }
  .row-md .col.col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .row-md .col.col-md-6 {
    width: 50%;
  }
  .row-md .col.col-md-offset-6 {
    margin-left: 50%;
  }
  .row-md .col.col-md-7 {
    width: 58.33333333%;
  }
  .row-md .col.col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .row-md .col.col-md-8 {
    width: 66.66666667%;
  }
  .row-md .col.col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .row-md .col.col-md-9 {
    width: 75%;
  }
  .row-md .col.col-md-offset-9 {
    margin-left: 75%;
  }
  .row-md .col.col-md-10 {
    width: 83.33333333%;
  }
  .row-md .col.col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .row-md .col.col-md-11 {
    width: 91.66666667%;
  }
  .row-md .col.col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .row-md .col.col-md-12 {
    width: 100%;
    margin-left: 0;
  }
  .row-md .col.col-md-offset-12 {
    margin-left: 0;
  }
  .row-md .col.col-md-fifth {
    width: 20%;
  }
  .row-md .col.col-md-seventh {
    width: 14.28571429%;
  }
  .row-md .col.col-md-eighth {
    width: 12.5%;
  }
  .row-md .col.col-md-ninth {
    width: 11.11111111%;
  }
}
@media screen and (min-width: 1024px) {
  .row {
    *zoom: 1;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row:before,
  .row:after {
    content: " ";
    display: table;
  }
  .row:after {
    clear: both;
  }
  .row .col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row.row-10 {
    margin: 0 -10px;
  }
  .row.row-10 > .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row.row-5 {
    margin: 0 -5px;
  }
  .row.row-5 > .col {
    padding-left: 5px;
    padding-right: 5px;
  }
  .row.row-collapse {
    margin: 0 0;
  }
  .row.row-collapse > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .row .col.col-1 {
    width: 8.33333333%;
  }
  .row .col.col-offset-1 {
    margin-left: 8.33333333%;
  }
  .row .col.col-2 {
    width: 16.66666667%;
  }
  .row .col.col-offset-2 {
    margin-left: 16.66666667%;
  }
  .row .col.col-3 {
    width: 25%;
  }
  .row .col.col-offset-3 {
    margin-left: 25%;
  }
  .row .col.col-4 {
    width: 33.33333333%;
  }
  .row .col.col-offset-4 {
    margin-left: 33.33333333%;
  }
  .row .col.col-5 {
    width: 41.66666667%;
  }
  .row .col.col-offset-5 {
    margin-left: 41.66666667%;
  }
  .row .col.col-6 {
    width: 50%;
  }
  .row .col.col-offset-6 {
    margin-left: 50%;
  }
  .row .col.col-7 {
    width: 58.33333333%;
  }
  .row .col.col-offset-7 {
    margin-left: 58.33333333%;
  }
  .row .col.col-8 {
    width: 66.66666667%;
  }
  .row .col.col-offset-8 {
    margin-left: 66.66666667%;
  }
  .row .col.col-9 {
    width: 75%;
  }
  .row .col.col-offset-9 {
    margin-left: 75%;
  }
  .row .col.col-10 {
    width: 83.33333333%;
  }
  .row .col.col-offset-10 {
    margin-left: 83.33333333%;
  }
  .row .col.col-11 {
    width: 91.66666667%;
  }
  .row .col.col-offset-11 {
    margin-left: 91.66666667%;
  }
  .row .col.col-12 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.col-offset-12 {
    margin-left: 0;
  }
  .row .col.col-fifth {
    width: 20%;
  }
  .row .col.col-seventh {
    width: 14.28571429%;
  }
  .row .col.col-eighth {
    width: 12.5%;
  }
  .row .col.col-ninth {
    width: 11.11111111%;
  }
}
@media screen and (min-width: 1280px) {
  .row-xl {
    *zoom: 1;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-xl:before,
  .row-xl:after {
    content: " ";
    display: table;
  }
  .row-xl:after {
    clear: both;
  }
  .row-xl .col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row-xl.row-10 {
    margin: 0 -10px;
  }
  .row-xl.row-10 > .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row-xl.row-5 {
    margin: 0 -5px;
  }
  .row-xl.row-5 > .col {
    padding-left: 5px;
    padding-right: 5px;
  }
  .row-xl.row-collapse {
    margin: 0 0;
  }
  .row-xl.row-collapse > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .row-xl .col.col-xl-1 {
    width: 8.33333333%;
  }
  .row-xl .col.col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .row-xl .col.col-xl-2 {
    width: 16.66666667%;
  }
  .row-xl .col.col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .row-xl .col.col-xl-3 {
    width: 25%;
  }
  .row-xl .col.col-xl-offset-3 {
    margin-left: 25%;
  }
  .row-xl .col.col-xl-4 {
    width: 33.33333333%;
  }
  .row-xl .col.col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .row-xl .col.col-xl-5 {
    width: 41.66666667%;
  }
  .row-xl .col.col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .row-xl .col.col-xl-6 {
    width: 50%;
  }
  .row-xl .col.col-xl-offset-6 {
    margin-left: 50%;
  }
  .row-xl .col.col-xl-7 {
    width: 58.33333333%;
  }
  .row-xl .col.col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .row-xl .col.col-xl-8 {
    width: 66.66666667%;
  }
  .row-xl .col.col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .row-xl .col.col-xl-9 {
    width: 75%;
  }
  .row-xl .col.col-xl-offset-9 {
    margin-left: 75%;
  }
  .row-xl .col.col-xl-10 {
    width: 83.33333333%;
  }
  .row-xl .col.col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .row-xl .col.col-xl-11 {
    width: 91.66666667%;
  }
  .row-xl .col.col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .row-xl .col.col-xl-12 {
    width: 100%;
    margin-left: 0;
  }
  .row-xl .col.col-xl-offset-12 {
    margin-left: 0;
  }
  .row-xl .col.col-xl-fifth {
    width: 20%;
  }
  .row-xl .col.col-xl-seventh {
    width: 14.28571429%;
  }
  .row-xl .col.col-xl-eighth {
    width: 12.5%;
  }
  .row-xl .col.col-xl-ninth {
    width: 11.11111111%;
  }
}
/*				    ________             ______     _     __
   ▀▀▀▀▀▀▀▀▀	   / ____/ /__  _  __   / ____/____(_)___/ /
 █ ▀▀▀▀ ▀▀▀▀ █	  / /_  / / _ \| |/_/  / / __/ ___/ / __  /
 ▀ █ ▀▀▀▀▀ █ ▀	 / __/ / /  __/>  <   / /_/ / /  / / /_/ /
   ▀▀▀▀▀▀▀▀▀	/_/   /_/\___/_/|_|   \____/_/  /_/\__,_/
									 					  */
/**
	=======================================
	INDEX =================================
	=======================================

	+ Responsive grid

	=======================================
**/
/* Responsive grid */
/*------------------------------------------------------------------------------------------------*/
.flex-row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box !important;
  -moz-background-clip: padding-box !important;
  background-clip: padding-box !important;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.flex-row.row-reverse {
  flex-direction: row-reverse;
}
.flex-row .col.reverse {
  flex-direction: column-reverse;
}
.flex-row.row-sm-start {
  justify-content: flex-start;
}
.flex-row.row-sm-center {
  justify-content: center;
}
.flex-row.row-sm-end {
  justify-content: flex-end;
}
.flex-row.row-sm-top {
  align-items: flex-start;
}
.flex-row.row-sm-middle {
  align-items: center;
}
.flex-row.row-sm-bottom {
  align-items: flex-end;
}
.flex-row.row-sm-around {
  justify-content: space-around;
}
.flex-row.row-sm-between {
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .flex-row.row-md-start {
    justify-content: flex-start;
  }
  .flex-row.row-md-center {
    justify-content: center;
  }
  .flex-row.row-md-end {
    justify-content: flex-end;
  }
  .flex-row.row-md-top {
    align-items: flex-start;
  }
  .flex-row.row-md-middle {
    align-items: center;
  }
  .flex-row.row-md-bottom {
    align-items: flex-end;
  }
  .flex-row.row-md-around {
    justify-content: space-around;
  }
  .flex-row.row-md-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .flex-row.row-start {
    justify-content: flex-start;
  }
  .flex-row.row-center {
    justify-content: center;
  }
  .flex-row.row-end {
    justify-content: flex-end;
  }
  .flex-row.row-top {
    align-items: flex-start;
  }
  .flex-row.row-middle {
    align-items: center;
  }
  .flex-row.row-bottom {
    align-items: flex-end;
  }
  .flex-row.row-around {
    justify-content: space-around;
  }
  .flex-row.row-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  .flex-row.row-xl-start {
    justify-content: flex-start;
  }
  .flex-row.row-xl-center {
    justify-content: center;
  }
  .flex-row.row-xl-end {
    justify-content: flex-end;
  }
  .flex-row.row-xl-top {
    align-items: flex-start;
  }
  .flex-row.row-xl-middle {
    align-items: center;
  }
  .flex-row.row-xl-bottom {
    align-items: flex-end;
  }
  .flex-row.row-xl-around {
    justify-content: space-around;
  }
  .flex-row.row-xl-between {
    justify-content: space-between;
  }
}
.flex-row .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  flex: 100%;
  max-width: 100%;
}
.flex-row .col.col-sm-first {
  order: -1;
}
.flex-row .col.col-sm-last {
  order: 1;
}
.flex-row .col.col-sm {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.flex-row .col.col-sm-1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.flex-row .col.col-sm-offset-1 {
  margin-left: 8.33333333%;
}
.flex-row .col.col-sm-2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.flex-row .col.col-sm-offset-2 {
  margin-left: 16.66666667%;
}
.flex-row .col.col-sm-3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.flex-row .col.col-sm-offset-3 {
  margin-left: 25%;
}
.flex-row .col.col-sm-4 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.flex-row .col.col-sm-offset-4 {
  margin-left: 33.33333333%;
}
.flex-row .col.col-sm-5 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.flex-row .col.col-sm-offset-5 {
  margin-left: 41.66666667%;
}
.flex-row .col.col-sm-6 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.flex-row .col.col-sm-offset-6 {
  margin-left: 50%;
}
.flex-row .col.col-sm-7 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.flex-row .col.col-sm-offset-7 {
  margin-left: 58.33333333%;
}
.flex-row .col.col-sm-8 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.flex-row .col.col-sm-offset-8 {
  margin-left: 66.66666667%;
}
.flex-row .col.col-sm-9 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.flex-row .col.col-sm-offset-9 {
  margin-left: 75%;
}
.flex-row .col.col-sm-10 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.flex-row .col.col-sm-offset-10 {
  margin-left: 83.33333333%;
}
.flex-row .col.col-sm-11 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.flex-row .col.col-sm-offset-11 {
  margin-left: 91.66666667%;
}
.flex-row .col.col-sm-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.flex-row .col.col-sm-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.flex-row .col.col-sm-offset-12 {
  margin-left: 100%;
}
@media screen and (min-width: 768px) {
  .flex-row .col.col-md-first {
    order: -1;
  }
  .flex-row .col.col-md-last {
    order: 1;
  }
  .flex-row .col.col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .flex-row .col.col-md-1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .flex-row .col.col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .flex-row .col.col-md-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .flex-row .col.col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .flex-row .col.col-md-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-row .col.col-md-offset-3 {
    margin-left: 25%;
  }
  .flex-row .col.col-md-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .flex-row .col.col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .flex-row .col.col-md-5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .flex-row .col.col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .flex-row .col.col-md-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-row .col.col-md-offset-6 {
    margin-left: 50%;
  }
  .flex-row .col.col-md-7 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .flex-row .col.col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .flex-row .col.col-md-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .flex-row .col.col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .flex-row .col.col-md-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-row .col.col-md-offset-9 {
    margin-left: 75%;
  }
  .flex-row .col.col-md-10 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .flex-row .col.col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .flex-row .col.col-md-11 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .flex-row .col.col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .flex-row .col.col-md-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-row .col.col-md-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .flex-row .col.col-first {
    order: -1;
  }
  .flex-row .col.col-last {
    order: 1;
  }
  .flex-row .col.col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .flex-row .col.col-1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .flex-row .col.col-offset-1 {
    margin-left: 8.33333333%;
  }
  .flex-row .col.col-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .flex-row .col.col-offset-2 {
    margin-left: 16.66666667%;
  }
  .flex-row .col.col-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-row .col.col-offset-3 {
    margin-left: 25%;
  }
  .flex-row .col.col-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .flex-row .col.col-offset-4 {
    margin-left: 33.33333333%;
  }
  .flex-row .col.col-5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .flex-row .col.col-offset-5 {
    margin-left: 41.66666667%;
  }
  .flex-row .col.col-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-row .col.col-offset-6 {
    margin-left: 50%;
  }
  .flex-row .col.col-7 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .flex-row .col.col-offset-7 {
    margin-left: 58.33333333%;
  }
  .flex-row .col.col-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .flex-row .col.col-offset-8 {
    margin-left: 66.66666667%;
  }
  .flex-row .col.col-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-row .col.col-offset-9 {
    margin-left: 75%;
  }
  .flex-row .col.col-10 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .flex-row .col.col-offset-10 {
    margin-left: 83.33333333%;
  }
  .flex-row .col.col-11 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .flex-row .col.col-offset-11 {
    margin-left: 91.66666667%;
  }
  .flex-row .col.col-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-row .col.col-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .flex-row .col.col-xl-first {
    order: -1;
  }
  .flex-row .col.col-xl-last {
    order: 1;
  }
  .flex-row .col.col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .flex-row .col.col-xl-1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .flex-row .col.col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .flex-row .col.col-xl-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .flex-row .col.col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .flex-row .col.col-xl-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-row .col.col-xl-offset-3 {
    margin-left: 25%;
  }
  .flex-row .col.col-xl-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .flex-row .col.col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .flex-row .col.col-xl-5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .flex-row .col.col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .flex-row .col.col-xl-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-row .col.col-xl-offset-6 {
    margin-left: 50%;
  }
  .flex-row .col.col-xl-7 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .flex-row .col.col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .flex-row .col.col-xl-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .flex-row .col.col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .flex-row .col.col-xl-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-row .col.col-xl-offset-9 {
    margin-left: 75%;
  }
  .flex-row .col.col-xl-10 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .flex-row .col.col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .flex-row .col.col-xl-11 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .flex-row .col.col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .flex-row .col.col-xl-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
  .flex-row .col.col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-row .col.col-xl-offset-12 {
    margin-left: 100%;
  }
}
.flex-row.row-10 {
  margin: 0 -10px;
}
.flex-row.row-10 .col {
  padding: 0 10px;
}
.flex-row.row-5 {
  margin: 0 -5px;
}
.flex-row.row-5 .col {
  padding: 0 5px;
}
.flex-row.row-collapse {
  margin: 0;
}
.flex-row.row-collapse .col {
  padding: 0;
}
/*				    ____        __  __
   ▀▀▀▀▀▀▀▀▀	   / __ )__  __/ /_/ /_____  ____  _____
 █ ▀▀▀▀ ▀▀▀▀ █	  / __  / / / / __/ __/ __ \/ __ \/ ___/
 ▀ █ ▀▀▀▀▀ █ ▀	 / /_/ / /_/ / /_/ /_/ /_/ / / / (__  )
   ▀▀▀▀▀▀▀▀▀	/_____/\__,_/\__/\__/\____/_/ /_/____/
														 */
/**
	=======================================
	INDEX =================================
	=======================================

	+ Core
	+ Styles

	=======================================
**/
/* Core */
/*------------------------------------------------------------------------------------------------*/
button {
  overflow: visible;
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.button {
  /* Structure */
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  /* User Select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* Styles */
/*------------------------------------------------------------------------------------------------*/
.button {
  text-transform: none;
  font-family: inherit;
  font-size: 100%;
  *font-size: 90%;
  /*IE 6/7 - To reduce IE's oversized button text*/
  *overflow: visible;
  /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
  padding: 0.429em 1.2em;
  color: white;
  /* rgba not supported (IE 8) */
  *color: white;
  /* IE 6 & 7 */
  border: 1px solid #7f8c8d;
  background-color: #7f8c8d;
  text-decoration: none !important;
  border-radius: 2px;
  font-weight: 300;
  min-height: 2.4em;
  line-height: 1.542em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.25s, color 0.25s, background-color 0.25s;
  -moz-transition: border 0.25s, color 0.25s, background-color 0.25s;
  -ms-transition: border 0.25s, color 0.25s, background-color 0.25s;
  -o-transition: border 0.25s, color 0.25s, background-color 0.25s;
  transition: border 0.25s, color 0.25s, background-color 0.25s;
}
.button:hover,
.button.button-hover {
  text-decoration: none !important;
  background-color: #a7b0b1;
  color: white;
}
.button:focus {
  outline: 0;
}
.button[disabled],
.button.button-disabled,
.button.button-disabled:hover {
  border: none;
  background-image: none;
  cursor: not-allowed;
  box-shadow: none;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.button.button-hidden {
  display: none;
}
.button.button-block {
  display: block;
  width: 100%;
}
.button.button-link {
  color: #2980b9;
  background: none;
  border-color: transparent;
}
.button.button-link:hover {
  color: #20638f;
  background: transparent;
  text-decoration: underline !important;
}
.button-primary,
.button-selected {
  background-color: #2980b9;
  border-color: #2980b9;
  color: #ffffff;
}
.button-primary:hover,
.button-selected:hover,
.button-primary.checked,
.button-selected.checked {
  background-color: #55a5d9;
  border-color: #2980b9;
  color: #ffffff;
}
.button-success {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #ffffff;
}
.button-success:hover,
.button-success.checked {
  background-color: #4bd786;
  border-color: #27ae60;
  color: #ffffff;
}
.button-error {
  background-color: #d35400;
  border-color: #d35400;
  color: #ffffff;
}
.button-error:hover,
.button-error.checked {
  background-color: #ff7921;
  border-color: #d35400;
  color: #ffffff;
}
.button-warning {
  background-color: #c0392b;
  border-color: #c0392b;
  color: #ffffff;
}
.button-warning:hover,
.button-warning.checked {
  background-color: #db695d;
  border-color: #c0392b;
  color: #ffffff;
}
.button-facebook {
  background-color: #2d5f9a;
  border-color: #2d5f9a;
  color: #ffffff;
}
.button-facebook:hover,
.button-facebook.checked {
  background-color: #4a84ca;
  border-color: #2d5f9a;
  color: #ffffff;
}
.button-twitter {
  background-color: #55acee;
  border-color: #55acee;
  color: #ffffff;
}
.button-twitter:hover,
.button-twitter.checked {
  background-color: #9bcef5;
  border-color: #55acee;
  color: #ffffff;
}
.button-linkedin {
  background-color: #2189be;
  border-color: #2189be;
  color: #ffffff;
}
.button-linkedin:hover,
.button-linkedin.checked {
  background-color: #4caee0;
  border-color: #2189be;
  color: #ffffff;
}
.button-pinterest {
  background-color: #d11e16;
  border-color: #d11e16;
  color: #ffffff;
}
.button-pinterest:hover,
.button-pinterest.checked {
  background-color: #ec4f48;
  border-color: #d11e16;
  color: #ffffff;
}
.button-rss {
  background-color: #ff6600;
  border-color: #ff6600;
  color: #ffffff;
}
.button-rss:hover,
.button-rss.checked {
  background-color: #ff944d;
  border-color: #ff6600;
  color: #ffffff;
}
/* Sizes */
/* ---------------------------------------------------------------------------------------------- */
.button-xsmall {
  font-size: 70%;
}
.button-small {
  font-size: 85%;
}
.button-large {
  font-size: 125%;
}
.button-xlarge {
  font-size: 150%;
}
/* Borders */
/*------------------------------------------------------------------------------------------------*/
.button-square {
  border-radius: 0;
}
.button-pill {
  border-radius: 500px;
}
/* Outline Buttons */
/*------------------------------------------------------------------------------------------------*/
.button-outline {
  border-color: #7f8c8d;
  color: #7f8c8d;
  background-color: transparent !important;
  border-width: 1px;
  border-style: solid;
}
.button-outline:hover,
.button-outline.checked {
  background-color: #7f8c8d !important;
  color: #ffffff;
}
.button-outline.button-outline-primary {
  border-color: #2980b9;
  color: #2980b9;
  background-color: transparent !important;
  border-width: 1px;
  border-style: solid;
}
.button-outline.button-outline-primary:hover,
.button-outline.button-outline-primary.checked {
  background-color: #2980b9 !important;
  color: #ffffff;
}
.button-outline.button-outline-success {
  border-color: #27ae60;
  color: #27ae60;
  background-color: transparent !important;
  border-width: 1px;
  border-style: solid;
}
.button-outline.button-outline-success:hover,
.button-outline.button-outline-success.checked {
  background-color: #27ae60 !important;
  color: #ffffff;
}
.button-outline.button-outline-error {
  border-color: #d35400;
  color: #d35400;
  background-color: transparent !important;
  border-width: 1px;
  border-style: solid;
}
.button-outline.button-outline-error:hover,
.button-outline.button-outline-error.checked {
  background-color: #d35400 !important;
  color: #ffffff;
}
.button-outline.button-outline-warning {
  border-color: #c0392b;
  color: #c0392b;
  background-color: transparent !important;
  border-width: 1px;
  border-style: solid;
}
.button-outline.button-outline-warning:hover,
.button-outline.button-outline-warning.checked {
  background-color: #c0392b !important;
  color: #ffffff;
}
/*				    ______
   ▀▀▀▀▀▀▀▀▀	   / ____/___  _________ ___  _____
 █ ▀▀▀▀ ▀▀▀▀ █	  / /_  / __ \/ ___/ __ `__ \/ ___/
 ▀ █ ▀▀▀▀▀ █ ▀	 / __/ / /_/ / /  / / / / / (__  )
   ▀▀▀▀▀▀▀▀▀	/_/    \____/_/  /_/ /_/ /_/____/
													*/
/**
	=======================================
	INDEX =================================
	=======================================

	+ Core
	+ Form Group

	=======================================
**/
/* Core */
/*------------------------------------------------------------------------------------------------*/
.form-control {
  line-height: normal;
  vertical-align: middle;
  -webkit-user-drag: none;
  /* Structure */
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.form-control:disabled {
  cursor: not-allowed;
}
/* Form Group */
/* ---------------------------------------------------------------------------------------------- */
.form-group {
  margin-bottom: 10px;
}
.form-group .control-label {
  display: block;
  margin-bottom: 5px;
}
.form-group .form-control {
  text-transform: none;
  font-size: inherit;
  font-family: inherit;
  font-size: 100%;
  *font-size: 90%;
  /*IE 6/7 - To reduce IE's oversized button text*/
  *overflow: visible;
  /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
  vertical-align: middle;
  background: #ffffff;
  color: #333333;
  border: 1px solid #cccccc;
  padding: 0.429em;
  font-weight: 300;
  height: 2.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* border-radius */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.form-group .form-control:disabled {
  background-color: #f1f1f1;
}
.form-group .form-control[readonly] {
  background-color: #f8f8f8;
}
.form-group .form-control:focus {
  border-color: #b3b3b3;
}
.form-group .form-control.form-control-xsmall {
  font-size: 70%;
}
.form-group .form-control.form-control-small {
  font-size: 85%;
}
.form-group .form-control.form-control-large {
  font-size: 125%;
}
.form-group .form-control.form-control-xlarge {
  font-size: 150%;
}
.form-group .form-control.input-block {
  width: 100%;
  display: block;
}
.form-group textarea.form-control {
  height: auto;
}
.form-group select.form-control {
  padding: 0.35em 0.429em;
}
.form-group .help-block,
.form-group .feedback-block {
  display: block;
  margin: 10px 0;
  color: #888888;
}
.form-group .required {
  color: #c0392b;
}
.form-group.has-error .control-label,
.form-group.has-error .form-control,
.form-group.has-error .feedback-block {
  color: #c0392b;
}
.form-group.has-success .control-label,
.form-group.has-success .form-control,
.form-group.has-success .feedback-block {
  color: #27ae60;
}
.form-group.has-error .form-control {
  border-color: #c0392b;
}
.form-group.has-success .form-control {
  border-color: #27ae60;
}
/*
#TBD: Arreglar cosas de radios y check fucking boxes
.form-group .radio {

	padding-left: @margin_default;
}

.form-group .checkbox input[type=checkbox] {

	float: left;
	margin: 1px 0 0 -@margin_default;
}

.form-group .radio input[type=radio] {

	float: left;
	margin: 1px 0 0 -@margin_default;
}

.form-group .radio label,
.form-group .checkbox label {

	display: block;
	padding-left: @margin_default+3;
}

.form-group.has-error .radio label,
.form-group.has-error .checkbox label {

	color: @pomegranate;
}

.form-group.has-success .radio label,
.form-group.has-success .checkbox label {

	color: @nephritis;
}
*/
/*				  ______      __    __
   ▀▀▀▀▀▀▀▀▀	 /_  __/___ _/ /_  / /__  _____
 █ ▀▀▀▀ ▀▀▀▀ █	  / / / __ `/ __ \/ / _ \/ ___/
 ▀ █ ▀▀▀▀▀ █ ▀	 / / / /_/ / /_/ / /  __(__  )
   ▀▀▀▀▀▀▀▀▀	/_/  \__,_/_.___/_/\___/____/
				                                */
/* Core */
/*------------------------------------------------------------------------------------------------*/
table {
  max-width: 100%;
}
table.table {
  width: 100%;
  margin-bottom: 15px;
}
table.table th,
table.table td {
  padding: 10px 12px;
}
table.table > thead > tr > th,
table.table > tfoot > tr > th {
  text-align: left;
}
table.table > thead > tr,
table.table > tbody > tr {
  border-bottom: 1px solid #cccccc;
}
table.table > thead > tr {
  border-bottom: 2px solid #cccccc;
}
table.table > tfoot > tr {
  border-top: 2px solid #cccccc;
}
table.table-border {
  border: 1px solid #cccccc;
}
table.table-striped > tbody > tr:nth-child(even) > td {
  background: #f2f2f2;
}
table.table-hover > tbody > tr:hover > td {
  background: #f7f7f7;
}
table.table-hover.table-striped > tbody > tr:nth-child(even):hover > td {
  background: #e6e6e6;
}
/*				    __  __     __
   ▀▀▀▀▀▀▀▀▀	   / / / /__  / /___  ___  __________
 █ ▀▀▀▀ ▀▀▀▀ █	  / /_/ / _ \/ / __ \/ _ \/ ___/ ___/
 ▀ █ ▀▀▀▀▀ █ ▀	 / __  /  __/ / /_/ /  __/ /  (__  )
   ▀▀▀▀▀▀▀▀▀	/_/ /_/\___/_/ .___/\___/_/  /____/
							/_/                      */
/**
	=======================================
	INDEX =================================
	=======================================

	+ General
	+ Message
	+ Columns
	+ Media
	+ Images
	+ Vertical Alignment
	+ Embeds

	=======================================
**/
/* General Helpers */
/*------------------------------------------------------------------------------------------------*/
[hide] {
  display: none !important;
}
.hide {
  display: none !important;
}
[show] {
  display: block !important;
}
.show {
  display: block !important;
}
.text-muted {
  color: #888888;
}
.text-success {
  color: #27ae60;
}
.text-info {
  color: #2980b9;
}
.text-error {
  color: #c0392b;
}
.no-text {
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.margins {
  margin: 15px;
}
.margins-horz {
  margin: 0 15px;
}
.margins-vert {
  margin: 15px 0;
}
.margins.margins-10 {
  margin: 10px;
}
.margins.margins-5 {
  margin: 5px;
}
.margins-horz.margins-10 {
  margin: 0 10px;
}
.margins-horz.margins-5 {
  margin: 0 5px;
}
.margins-vert.margins-10 {
  margin: 10px 0;
}
.margins-vert.margins-5 {
  margin: 5px 0;
}
.margin-bottom {
  margin-bottom: 15px;
}
.margin-bottom.margins-10 {
  margin-bottom: 10px;
}
.margin-bottom.margins-5 {
  margin-bottom: 5px;
}
.margin-left {
  margin-left: 15px;
}
.margin-left.margins-10 {
  margin-left: 10px;
}
.margin-left.margins-5 {
  margin-left: 5px;
}
.margin-right {
  margin-right: 15px;
}
.margin-right.margins-10 {
  margin-right: 10px;
}
.margin-right.margins-5 {
  margin-right: 5px;
}
.boxfix {
  padding: 1px;
}
.boxfix-horz {
  padding: 0 1px;
}
.boxfix-horse {
  padding: 0 1px;
}
.boxfix-vert {
  padding: 1px 0;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.bolder {
  font-weight: 900;
}
.bold {
  font-weight: 700;
}
.thin {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.italic {
  font-style: italic;
}
.underline {
  font-style: underline;
}
.break-word {
  word-wrap: break-word;
}
.no-wrap {
  white-space: nowrap;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Message */
/* ---------------------------------------------------------------------------------------------- */
.message {
  padding: 15px;
  margin-bottom: 15px;
}
.message a {
  font-weight: 700;
}
.message.message-default {
  background: #f1f1f1;
  color: #888888;
}
.message.message-success {
  background: #c9ebd7;
  color: #27ae60;
}
.message.message-warning {
  background: #f4d4bf;
  color: #d35400;
}
.message.message-info {
  background: #cadfee;
  color: #2980b9;
}
.message.message-error {
  background: #efceca;
  color: #c0392b;
}
.message.message-default a {
  color: #888888;
}
.message.message-success a {
  color: #27ae60;
}
.message.message-info a {
  color: #2980b9;
}
.message.message-error a {
  color: #c0392b;
}
/* Box */
/*------------------------------------------------------------------------------------------------*/
.box {
  padding: 15px;
  margin-bottom: 15px;
}
.box.box-default {
  background: #f1f1f1;
}
/* Media */
/*------------------------------------------------------------------------------------------------*/
.media {
  overflow: hidden;
  margin-bottom: 15px;
}
.media .media-object {
  float: left;
  margin: 0 15px 0 0;
}
.media .media-details {
  overflow: hidden;
  text-align: left;
}
.media.media-right .media-object {
  float: right;
  margin: 0 0 0 15px;
}
.media.media-right .media-details {
  text-align: right;
}
/* Images */
/*------------------------------------------------------------------------------------------------*/
img.img-rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
img.img-thumbnail {
  padding: 5px;
  background: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img.img-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
img.img-shadow {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
}
img.img-responsive {
  max-width: 100%;
  height: auto;
}
/* Vertical Alignment */
/* ---------------------------------------------------------------------------------------------- */
.valign-wrapper {
  display: table;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}
.valign {
  vertical-align: middle;
  display: table-cell;
}
/* Embeds */
/* ---------------------------------------------------------------------------------------------- */
.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video,
.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*_    __           _       __    __
 | |  / /___ ______(_)___ _/ /_  / /__  _____
 | | / / __ `/ ___/ / __ `/ __ \/ / _ \/ ___/
 | |/ / /_/ / /  / / /_/ / /_/ / /  __(__  )
 |___/\__,_/_/  /_/\__,_/_.___/_/\___/____/*/
/* ---------------------------------------------------------------------------------------------- */
/* ______                           __
  / ____/__  ____  ___  _________ _/ /____
 / / __/ _ \/ __ \/ _ \/ ___/ __ `/ / ___/
/ /_/ /  __/ / / /  __/ /  / /_/ / (__  )
\____/\___/_/ /_/\___/_/   \__,_/_/____/*/
html {
  font-size: 1em;
  overflow-y: scroll;
}
.animable {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.site-header.sticky-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
/*______                     __      __
 /_  __/__  ____ ___  ____  / /___ _/ /____
  / / / _ \/ __ `__ \/ __ \/ / __ `/ __/ _ \
 / / /  __/ / / / / / /_/ / / /_/ / /_/  __/
/_/  \___/_/ /_/ /_/ .___/_/\__,_/\__/\___/
                  /_/ */
body {
  background: #f6f7fb;
  color: #333333;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
body > .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(255, 255, 255, 0.5) url('https://dev.proteccionfamiliar.com.mx/assets/images/template/loading.gif') center center no-repeat;
}
section {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
canvas {
  max-width: 100%;
  height: auto;
}
a {
  color: #185aa7;
  text-decoration: none;
}
a.link-danger {
  color: #ec1745;
}
a.link-danger:hover {
  color: #c01036;
}
a:hover {
  color: #12427a;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Roboto';
  font-weight: 400;
}
h1,
.h1 {
  font-size: 2.441em;
}
h2,
.h2 {
  font-size: 1.953em;
}
h3,
.h3 {
  font-size: 1.563em;
}
h4,
.h4 {
  font-size: 1.25em;
}
.text-left-responsive {
  text-align: center;
}
.text-right-responsive {
  text-align: center;
}
@media (min-width: 768px) {
  .text-left-responsive {
    text-align: left;
  }
  .text-right-responsive {
    text-align: right;
  }
}
.alert-overlay .alert .alert-message {
  color: #565656;
}
.alert-overlay .alert .alert-buttons {
  background: #ffffff;
}
.link-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.link-toggle {
  padding: 5px 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.led {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background: #eeeeee;
  position: relative;
  top: 1px;
}
.led.led-green {
  background-color: #4CAF50;
}
.led.led-red {
  background-color: #F44336;
}
.led.led-blue {
  background-color: #2196F3;
}
.led.led-teal {
  background-color: #009688;
}
.led.led-purple {
  background-color: #9C27B0;
}
.led.led-yellow {
  background-color: #FFEB3B;
}
.led.led-orange {
  background-color: #FF9800;
}
.led.led-white {
  background-color: #FFFFFF;
}
.toggle-group {
  padding-top: 10px;
}
.flex-valign,
.center-vert-horz {
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-vert {
  display: flex;
  align-items: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.flex-column .inner,
.flex-column .margins,
.flex-column .margins-horz {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.button {
  font-weight: normal;
}
.button.button-primary {
  background-color: #185aa7;
  border-color: #185aa7;
  color: #ffffff;
}
.button.button-primary:hover,
.button.button-primary.checked {
  background-color: #2b7fe1;
  border-color: #185aa7;
  color: #ffffff;
}
.button.button-secondary {
  background-color: #474949;
  border-color: #474949;
  color: #ffffff;
}
.button.button-secondary:hover,
.button.button-secondary.checked {
  background-color: #6d7070;
  border-color: #474949;
  color: #ffffff;
}
.button.button-danger {
  background-color: #ec1745;
  border-color: #ec1745;
  color: #ffffff;
}
.button.button-danger:hover,
.button.button-danger.checked {
  background-color: #f25e7e;
  border-color: #ec1745;
  color: #ffffff;
}
.button.button-link {
  color: #185aa7;
}
.button.button-link:hover {
  color: #12427a;
}
.form-group {
  display: block;
}
.form-group .control-label {
  font-size: 0.95em;
  color: #777777;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-group .form-control.input-code {
  font-family: monospace;
  min-height: 180px;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  padding: 1px;
}
::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track {
  background: #f6f7fb;
}
::-webkit-scrollbar-thumb {
  background: #dddddd;
  border: 1px solid #eeeeee;
}
.col-slash {
  position: relative;
}
.col-slash:after {
  content: '/';
  position: absolute;
  right: -2px;
  top: 0;
  line-height: 2.4em;
}
.form-group.disabled {
  display: none;
}
.empty-state {
  padding: 10%;
  text-align: center;
  color: #777777;
}
.empty-state .fa {
  font-size: 3em;
  margin-bottom: 15px;
}
.empty-state span {
  font-weight: 300;
  font-size: 0.8em;
  display: block;
  text-align: center;
}
.table.table-small {
  font-size: 0.8em;
}
.table.table-compact th,
.table.table-compact td {
  padding: 5px 6px;
}
/* Loadzilla */
/* ---------------------------------------------------------------------------------------------- */
.uploader-area {
  text-align: center;
  padding: 100px 50px;
  border: 1px dashed #eeeeee;
  margin-bottom: 15px;
}
.uploader-area.has-loaded {
  border: none;
  padding: 0;
}
/* Magnific Popup Modal */
/* ---------------------------------------------------------------------------------------------- */
.mfp-popup {
  background: white;
  max-width: 800px;
  width: 90%;
  margin: 30px auto;
}
/* Header */
/* ---------------------------------------------------------------------------------------------- */
.site-header {
  background: #ec1745;
  color: #333333;
  z-index: 1000;
}
.site-header .site-logo {
  float: left;
}
.site-header .header-session {
  float: right;
  position: relative;
}
.site-header .header-session .session-welcome {
  display: block;
  cursor: pointer;
  color: #ffffff;
  padding: 0 15px;
  height: 47px;
  line-height: 47px;
}
.site-header .header-session .session-avatar {
  border-radius: 100px;
}
.site-header .header-session .menu {
  display: none;
  position: absolute;
  min-width: 100%;
  right: 0;
  top: 47px;
  background: #474949;
}
.site-header .header-session .menu .menu-item a {
  display: block;
  padding: 15px;
  color: #ffffff;
}
.site-header .header-session .menu .menu-item a:hover {
  background: #606363;
}
.site-header .header-session:hover .session-welcome {
  background: #474949;
}
.site-header .header-session:hover .menu {
  display: block;
}
/* Footer */
/* ---------------------------------------------------------------------------------------------- */
.site-footer {
  font-size: 0.85em;
  color: #777777;
}
.site-footer .news-feed {
  background: #185aa7;
  max-height: 120px;
  overflow: hidden;
}
/* Metabox */
/* ---------------------------------------------------------------------------------------------- */
.metabox {
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
  color: #565656;
  margin-bottom: 15px;
}
.metabox .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) url('https://dev.proteccionfamiliar.com.mx/assets/images/template/loading.gif') center center no-repeat;
}
.metabox .metabox-header {
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
  color: #7c7c7c;
  font-size: 11px;
  font-weight: 700;
  padding: 15px 10px;
  text-transform: uppercase;
}
.metabox .metabox-header .header-tabs .menu .menu-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
}
.metabox .metabox-header .header-tabs .menu .menu-item a {
  color: #777777;
}
.metabox .metabox-header .header-tabs .menu .menu-item.active a {
  color: #185aa7;
}
.metabox .metabox-footer {
  background: #ffffff;
  border-top: 1px solid #eeeeee;
  color: #7c7c7c;
  font-size: 11px;
  font-weight: 700;
  padding: 15px;
  text-transform: uppercase;
}
.metabox .metabox-body {
  padding: 15px;
}
.metabox .metabox-body.body-simple {
  padding: 0;
}
.metabox .metabox-body.body-simple .table-wrapper > table.table {
  margin-bottom: 0;
}
.metabox .metabox-body > *:last-child {
  margin-bottom: 0;
}
/* Lists */
/* ---------------------------------------------------------------------------------------------- */
.action-bar {
  padding: 10px;
}
.action-bar .bar-title {
  font-size: 2em;
  font-weight: 300;
  line-height: 42px;
  margin-bottom: 0;
  position: relative;
}
.action-bar .bar-title .action-button {
  border-right: 1px solid rgba(86, 86, 86, 0.15);
  color: rgba(86, 86, 86, 0.85);
  font-size: 21px;
  height: 42px;
  left: 0;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 42px;
}
.action-bar .bar-title .action-button:hover {
  color: #565656;
}
.action-bar .bar-title span {
  display: block;
  margin-left: 60px;
}
.action-bar .bar-buttons {
  text-align: right;
}
.item-list {
  margin-bottom: 15px;
}
.item-list .item {
  padding: 15px;
}
.item-list .item.item-warning {
  background: #FCF8E3;
}
.item-list .item.item-warning .fa {
  color: #C09853;
}
.item-list .item .item-name {
  font-size: 1.25em;
}
.item-list .item .item-details {
  color: #777777;
}
.item-list .item:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.item-list .item .item-row {
  *zoom: 1;
  padding: 5px;
}
.item-list .item .item-row:before,
.item-list .item .item-row:after {
  content: " ";
  display: table;
}
.item-list .item .item-row:after {
  clear: both;
}
.item-list .item .item-label {
  float: left;
  line-height: 17px;
  width: 80px;
  text-transform: uppercase;
  color: #777777;
  font-size: 0.8em;
}
.item-list .item .item-value {
  display: block;
  margin-left: 90px;
  word-break: break-word;
}
.item-list .item.item-simple {
  *zoom: 1;
  padding: 7.5px;
}
.item-list .item.item-simple:before,
.item-list .item.item-simple:after {
  content: " ";
  display: table;
}
.item-list .item.item-simple:after {
  clear: both;
}
.item-list .item.item-simple .item-simple-actions {
  position: absolute;
  right: 3.75px;
  top: 3.75px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.item-list .item.item-simple:hover .item-simple-actions {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.item-list .item.has-image .item-image {
  float: left;
  width: 50px;
  height: 50px;
  background: #cccccc;
  border-radius: 100px;
  text-indent: -9999px;
  overflow: hidden;
}
.item-list .item.has-image .item-name,
.item-list .item.has-image .item-details {
  margin-left: 65px;
}
.item-list.list-hover .item:hover {
  background: #474949;
}
.item-list.list-hover .item:hover .item-name {
  color: #333333;
}
.item-list.list-hover .item:hover .item-details {
  color: #333333;
}
.pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.pagination li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination li a {
  border-radius: 2px;
  padding: 4px 8px;
}
.pagination li.active a {
  background: #474949;
  color: #ffffff;
}
.pagination li.disabled a {
  color: #777777;
}
.panel-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .panel-wrapper {
    flex-direction: row;
  }
  .panel-wrapper.fixed-right {
    flex-direction: row-reverse;
  }
  .panel-wrapper.fixed-right .panel-fixed {
    margin-left: 15px;
    margin-right: 0;
  }
  .panel-wrapper .panel-fixed {
    width: 300px;
    margin-right: 15px;
  }
  .panel-wrapper .panel-fluid {
    flex: 1;
    width: 0;
  }
}
@media (min-width: 1024px) {
  .panel-wrapper.panel-wide .panel-fixed {
    width: 400px;
  }
}
.table-wrapper {
  overflow-x: auto;
}
.table-wrapper table.table {
  width: 100%;
}
.table-wrapper table.table thead tr {
  background: #dddddd;
  border-bottom: 1px solid #dddddd;
}
.table-wrapper table.table thead tr th {
  color: #777777;
  font-size: 11px;
  font-weight: 700;
  padding: 10px 15px;
  text-transform: uppercase;
}
.table-wrapper table.table thead tr th.column-id {
  width: 60px;
}
.table-wrapper table.table tfoot tr {
  background: #dddddd;
  border-top: 1px solid #dddddd;
}
.table-wrapper table.table tfoot tr th {
  color: #777777;
  font-size: 11px;
  font-weight: 700;
  padding: 10px 15px;
  text-transform: uppercase;
}
.table-wrapper table.table tfoot tr th.column-id {
  width: 60px;
}
.table-wrapper table.table tbody tr {
  border-bottom: 1px solid #dddddd;
}
.table-wrapper table.table tbody tr td {
  padding: 10px 15px;
}
.table-wrapper table.table tbody tr td .item-name {
  display: block;
  font-size: 1.15em;
  margin-bottom: 3px;
}
.table-wrapper table.table tbody tr td .item-details {
  color: #777777;
  margin-bottom: 3px;
}
.table-wrapper table.table tbody tr td .item-actions {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.table-wrapper table.table tbody tr td .item-actions .divider {
  color: #eeeeee;
}
.table-wrapper table.table tbody tr td .item-actions .action-delete {
  color: #ec1745;
}
.table-wrapper table.table tbody tr td .item-actions .action-delete:hover {
  color: #c01036;
}
.table-wrapper table.table tbody tr td.column-id {
  width: 60px;
}
.table-wrapper table.table tbody tr:hover td .item-actions {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/* Tabs */
/* ---------------------------------------------------------------------------------------------- */
ul.tab-list {
  list-style: none;
  border-bottom: 1px solid #eeeeee;
  *zoom: 1;
}
ul.tab-list:before,
ul.tab-list:after {
  content: " ";
  display: table;
}
ul.tab-list:after {
  clear: both;
}
ul.tab-list > li {
  position: relative;
  top: 1px;
}
@media (min-width: 768px) {
  ul.tab-list > li {
    margin-left: 7.5px;
    float: left;
  }
}
ul.tab-list > li > a {
  display: block;
  padding: 10px 15px;
  border: 1px solid #eeeeee;
  border-bottom-color: transparent;
}
ul.tab-list > li.selected > a {
  color: #777777;
}
@media (min-width: 768px) {
  ul.tab-list > li.selected > a {
    background: #ffffff;
    border-bottom-color: #ffffff;
  }
}
.tabs {
  margin-bottom: 15px;
}
.tabs.tabs-border {
  border: 1px solid #eeeeee;
  border-top: none;
}
.tabs .tab {
  display: none;
  padding: 15px 0;
}
.tabs .tab.active {
  display: block;
}
.the-content {
  color: #333333;
}
.the-content .has-tagline {
  margin-bottom: 3px;
}
.the-content .tagline {
  margin-bottom: 15px;
  font-size: 1.15em;
}
.codemirror {
  border: 1px solid #eeeeee;
}
.codemirror .CodeMirror {
  height: 160px;
}
/* Repeater */
/* ---------------------------------------------------------------------------------------------- */
.repeater .repeater-items {
  border-top: 1px solid #dddddd;
}
.repeater .repeater-items .repeater-item {
  border: 1px solid #dddddd;
  border-top: none;
}
.repeater .repeater-items .repeater-item .item-grip {
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: #dddddd;
  border-right: 1px solid #dddddd;
}
.repeater .repeater-items .repeater-item .item-grip .grip-number {
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}
.repeater .repeater-items .repeater-item .item-grip .grip-number span {
  display: table-cell;
  vertical-align: middle;
  cursor: default;
}
.repeater .repeater-items .repeater-item .item-controls {
  padding: 10px 50px 10px 50px;
}
.repeater .repeater-items .repeater-item .item-controls .form-group:last-child {
  margin-bottom: 0;
}
.repeater .repeater-items .repeater-item .item-actions {
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: #dddddd;
  border-left: 1px solid #dddddd;
}
.repeater .repeater-items .repeater-item .item-actions .item-action {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  left: 50%;
  margin-left: -11px;
  text-align: center;
  line-height: 22px;
  display: none;
  background: #dddddd;
  border: 1px solid #eeeeee;
}
.repeater .repeater-items .repeater-item .item-actions .item-action.action-insert {
  top: -11px;
}
.repeater .repeater-items .repeater-item .item-actions .item-action.action-insert:hover {
  background: #474949;
  color: #333333;
}
.repeater .repeater-items .repeater-item .item-actions .item-action.action-delete {
  top: 50%;
  margin-top: -11px;
}
.repeater .repeater-items .repeater-item .item-actions .item-action.action-delete:hover {
  background: #ec1745;
  color: #333333;
}
.repeater .repeater-items .repeater-item:hover .item-actions .item-action {
  display: block;
}
.repeater .repeater-actions {
  text-align: right;
  background: #dddddd;
  border: 1px solid #dddddd;
  border-top: none;
  padding: 10px;
}
/* Notificaciones */
/* ---------------------------------------------------------------------------------------------- */
.news-feed .slick-prev {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 40px;
  color: white;
  padding: 0 20px;
  z-index: 10;
  display: flex;
  cursor: pointer;
  align-items: center;
}
.news-feed .slick-next {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 40px;
  color: white;
  padding: 0 20px;
  z-index: 10;
  display: flex;
  cursor: pointer;
  align-items: center;
}
.news-feed .feed-item {
  color: white;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news-feed .feed-item .item-avatar {
  border-radius: 100px;
  float: left;
}
.news-feed .feed-item .item-nicename {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 40px;
}
.news-feed .feed-item .item-content {
  margin-left: 40px;
  margin-bottom: 7.5px;
}
.news-feed .feed-item .item-date {
  display: block;
  font-size: 0.8em;
  margin-left: 40px;
}
/* Progress */
/* ---------------------------------------------------------------------------------------------- */
.progress {
  display: block;
  border: 1px solid #dddddd;
  background: #f6f7fb;
  height: 15px;
  margin-bottom: 15px;
}
.progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #185aa7;
}
/* Comments */
/* ---------------------------------------------------------------------------------------------- */
.list-conversation {
  border: none;
  margin-bottom: 15px;
}
.list-conversation .item {
  padding: 0;
  border-bottom: none !important;
  *zoom: 1;
  min-height: 80px;
}
.list-conversation .item:before,
.list-conversation .item:after {
  content: " ";
  display: table;
}
.list-conversation .item:after {
  clear: both;
}
.list-conversation .item .item-image {
  float: left;
}
.list-conversation .item .item-content {
  margin-left: 48px;
  margin-right: 24px;
  background: #F5F5F5;
  padding: 10px 15px;
  border-radius: 4px;
}
.list-conversation .item .item-content .item-name {
  font-size: 1.05em;
}
.list-conversation .item .item-content .item-details {
  line-height: 1.35;
}
.list-conversation .item .item-content ul {
  padding-left: 20px;
}
.list-conversation .item .item-content ul:not(:last-child),
.list-conversation .item .item-content p:not(:last-child) {
  margin-bottom: 5px;
  line-height: 1.15;
}
.list-conversation .item .item-content ul > li:not(:last-child) {
  margin-bottom: 2px;
}
.list-conversation .item .item-content > *:last-child {
  margin-bottom: 0;
}
.list-conversation .item .item-content:after {
  content: '';
  position: absolute;
  left: -8px;
  top: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 8px 6px 0;
  border-color: transparent #F5F5F5 transparent transparent;
}
.list-conversation .item.item-own .item-image {
  float: right;
}
.list-conversation .item.item-own .item-content {
  margin-left: 24px;
  margin-right: 48px;
}
.list-conversation .item.item-own .item-content:after {
  content: '';
  position: absolute;
  left: auto;
  right: -8px;
  top: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #F5F5F5;
}
.list-conversation .item:hover {
  background: none;
}
.list-conversation .item:not(:last-child) {
  margin-bottom: 10px;
}
/* Actualizacion de Datos */
/* ---------------------------------------------------------------------------------------------- */
.backend-page-dashboard .metabox-results #buscador .item-list .item {
  display: flex;
  justify-content: space-between;
}
.backend-page-dashboard .metabox-results #buscador .item-list .item .lista-actualizaciones-documentos {
  padding: 1rem;
  border: 1px solid red;
}
.backend-page-dashboard .metabox-results #buscador .item-list .item .lista-actualizaciones-documentos h4 {
  margin-bottom: 0.5rem;
}
.backend-page-dashboard .metabox-results #buscador .item-list .item .lista-actualizaciones-documentos ul {
  margin-left: 1.5rem;
}
.backend-page-dashboard .metabox-results #buscador .item-list .item .lista-actualizaciones-documentos ul li {
  margin-bottom: 0.5rem;
}
/* _____           __  _
  / ___/___  _____/ /_(_)___  ____  _____
  \__ \/ _ \/ ___/ __/ / __ \/ __ \/ ___/
 ___/ /  __/ /__/ /_/ / /_/ / / / (__  )
/____/\___/\___/\__/_/\____/_/ /_/____/*/
/* Login */
/* ---------------------------------------------------------------------------------------------- */
.backend-page-login .section-login {
  display: flex;
  justify-content: center;
  align-items: center;
}
.backend-page-login .section-login .section-title {
  font-weight: 300;
}
.backend-page-login .section-login .section-tagline {
  font-weight: 300;
}
.backend-page-login .section-login .calendar {
  width: 100%;
  border: 1px solid #eeeeee;
  margin-bottom: 15px;
}
.backend-page-login .section-login .calendar th,
.backend-page-login .section-login .calendar td {
  text-align: center;
  padding: 5px;
}
.backend-page-login .section-login .calendar .calendar-month {
  background: #f6f7fb;
}
.backend-page-login .section-login .calendar .calendar-today {
  background: #185aa7;
  color: #ffffff;
}
.backend-page-login .section-login .quote {
  padding: 30px;
  background: #f6f7fb;
}
/* Dashboard */
/* ---------------------------------------------------------------------------------------------- */
.backend-page-dashboard .metabox-results {
  margin-bottom: 30px;
}
/* Metabox Navigation */
/* ---------------------------------------------------------------------------------------------- */
.metabox .email-incidencia {
  color: #185AA7;
  font-size: 15px;
  font-weight: bold;
}
.metabox .metabox-header {
  z-index: 100;
}
.metabox .metabox-header .header-navigation {
  position: absolute;
  right: 10px;
  top: 8px;
}
.metabox .metabox-header .header-navigation .menu {
  display: none;
  position: absolute;
  right: 0;
  top: 95%;
  background: #185aa7;
  width: 200px;
}
.metabox .metabox-header .header-navigation .menu .menu-item a {
  font-weight: normal;
  color: white;
  display: block;
  padding: 10px;
}
.metabox .metabox-header .header-navigation .menu .menu-item a:hover {
  background: #1e72d4;
}
.metabox .metabox-header .header-navigation .menu .menu-item.active a {
  background: #1e72d4;
}
.metabox .metabox-header .header-navigation:hover .menu {
  display: block;
}
/* Archivos y Documentos */
/* ---------------------------------------------------------------------------------------------- */
.metabox-documents .embed-responsive {
  padding-bottom: 70%;
}
.metabox-documents .metabox-header {
  z-index: 100;
}
.metabox-documents .metabox-header .documents-navigation {
  position: absolute;
  right: 15px;
  top: 8px;
}
.metabox-documents .metabox-header .documents-navigation .menu {
  display: none;
  position: absolute;
  right: 0;
  top: 95%;
  background: #185aa7;
  width: 200px;
}
.metabox-documents .metabox-header .documents-navigation .menu .menu-item a {
  font-weight: normal;
  color: white;
  display: block;
  padding: 10px;
}
.metabox-documents .metabox-header .documents-navigation .menu .menu-item a:hover {
  background: #1e72d4;
}
.metabox-documents .metabox-header .documents-navigation .menu .menu-item.active a {
  background: #1e72d4;
}
.metabox-documents .metabox-header .documents-navigation:hover .menu {
  display: block;
}
.metabox-documents .document-pagination {
  padding: 15px;
  background: #ec1745;
}
.metabox-documents .document-pagination .pagination {
  text-align: right;
}
.metabox-documents .document-pagination .pagination a {
  color: white;
}
.metabox-documents .document-details {
  padding: 15px;
}
.metabox-documents .document-details .details-name {
  font-size: 1.1em;
}
/* Users */
/* ---------------------------------------------------------------------------------------------- */
.backend-users .permissions-filter {
  text-align: right;
  padding: 15px 0;
}
/* Reportes Diarios */
/* ---------------------------------------------------------------------------------------------- */
.metabox-tramite .item {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.metabox-tramite .item .item-message {
  display: none;
}
.metabox-tramite .item.active.item-success {
  background: #77CE2A;
}
.metabox-tramite .item.active.item-neutral {
  background: #E9C445;
}
.metabox-tramite .item.active.item-error {
  background: #D34726;
  color: white;
}
.metabox-tramite .item.active.item-error .control-label {
  color: white;
}
#vista-archivos-modal {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  background: white;
}
#vista-archivos-modal .vista-archivos-modal-wrapper {
  margin: 0 auto;
  background: white;
}
#vista-archivos-modal .vista-archivos-modal-wrapper .archivos-pagination {
  padding: 15px;
  background: #ec1745;
}
#vista-archivos-modal .vista-archivos-modal-wrapper .archivos-pagination .pagination {
  text-align: right;
}
#vista-archivos-modal .vista-archivos-modal-wrapper .archivos-pagination .pagination a {
  color: white;
}
#vista-cotizaciones-modal {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  background: white;
}
#vista-cotizaciones-modal .vista-cotizaciones-modal-wrapper {
  margin: 0 auto;
  background: white;
}
#vista-resultados-modal {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  background: white;
}
#vista-resultados-modal .vista-resultados-modal-wrapper {
  margin: 0 auto;
  background: white;
}
#vista-resultados-modal .vista-resultados-modal-wrapper .metabox-text {
  font-size: 16px;
}
#incidencias-modal {
  width: 90%;
  max-width: 700px;
  height: 155px;
  margin: 0 auto;
  background: white;
}
#incidencias-modal .incidencias-modal-wrapper {
  margin: 0 auto;
  background: white;
}
#incidencias-modal .incidencias-modal-wrapper .metabox-alert {
  color: red;
}
#incidencias-modal .incidencias-modal-wrapper p {
  font-size: 20px;
  font-weight: bold;
  color: red;
}
#incidencias-modal .incidencias-modal-wrapper button {
  margin: 20px auto;
  display: block;
}
#nuevo-cliente-guardar {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}
#vendedores-modal {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}
#vendedores-modal .vendedores-modal-wrapper {
  margin: 0 auto;
  background: white;
}
#recordatorios-modal {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}
#recordatorios-modal .recordatorios-modal-wrapper {
  margin: 0 auto;
  background: white;
  border: 5px solid red;
}
#recordatorios-modal .recordatorios-modal-wrapper .metabox-alert {
  color: red;
}
#quick-client-modal {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}
#quick-client-modal .quick-client-modal-wrapper {
  border: 5px solid #77CE2A;
  margin: 0 auto;
  background: white;
}
/* Regiones y Oficinas en editor de usuarios */
/* ---------------------------------------------------------------------------------------------- */
.backend-users-edit .list-regiones,
.backend-users-new .list-regiones {
  list-style-type: none;
}
.backend-users-edit .list-regiones li,
.backend-users-new .list-regiones li {
  display: block;
  background: #F6F7FB;
}
.backend-users-edit .list-regiones li label,
.backend-users-new .list-regiones li label {
  display: block;
  padding: 7.5px;
}
.backend-users-edit .list-regiones .list-oficinas,
.backend-users-new .list-regiones .list-oficinas {
  list-style-type: none;
}
.backend-users-edit .list-regiones .list-oficinas li,
.backend-users-new .list-regiones .list-oficinas li {
  background: none;
  border-bottom: 1px solid #F6F7FB;
  padding-left: 30px;
}
/* Filtros Bandeja */
/* ---------------------------------------------------------------------------------------------- */
.bandeja-filtro {
  padding: 15px;
}
.bandeja-filtro .list-ramo {
  list-style-type: none;
  display: flex;
}
.bandeja-filtro .list-ramo .item-ramo {
  margin-right: 15px;
}
.backend-reportes-diarios-index .showing {
  padding: 15px;
  background: #CCC;
}
.backend-reportes-diarios-index .showing .pagination {
  text-align: right;
}
.backend-reportes-diarios-index .table {
  font-size: 0.8em;
}
.backend-reportes-diarios-index .table th.text-center {
  text-align: center;
}
.backend-reportes-diarios-index .table td.tramite-correcto {
  background: #77CE2A;
}
.backend-reportes-diarios-index .table td.tramite-en-prorroga {
  background: #E9C445;
}
.backend-reportes-diarios-index .table td.incidencia {
  background: #D34726;
}
.backend-reportes-diarios-index .table td.nowrap {
  white-space: nowrap;
}
.backend-siniestros-index .showing {
  padding: 15px;
  background: #CCC;
}
.backend-siniestros-index .showing .pagination {
  text-align: right;
}
.backend-siniestros-index .table {
  font-size: 0.8em;
}
.backend-siniestros-index .table th.text-center {
  text-align: center;
}
.backend-siniestros-index .table td.documentos-completos {
  background: #77CE2A;
}
.backend-siniestros-index .table td.documentos-incompletos {
  background: #E9C445;
}
.backend-siniestros-index .table td.nowrap {
  white-space: nowrap;
}
/* Editor Reportes Diarios */
/* ---------------------------------------------------------------------------------------------- */
.backend-reportes-diarios .buscador-cliente .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) url('https://dev.proteccionfamiliar.com.mx/assets/images/template/loading.gif') center center no-repeat;
}
/* Revisiones */
/* ---------------------------------------------------------------------------------------------- */
.backend-reportes-diarios-revisions .revisions-slider {
  width: 100%;
  overflow: hidden;
}
.backend-reportes-diarios-revisions .revisions-slider .slide {
  width: 100%;
}
.backend-reportes-diarios-revisions .revision-pager {
  padding: 10px 0;
}
.backend-reportes-diarios-revisions .revision-pager a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 2px;
  padding: 4px 8px;
  margin-right: 10px;
}
.backend-reportes-diarios-revisions .revision-pager a.cycle-pager-active {
  background: #474949;
  color: #ffffff;
}
/* Envío Masivo */
/* ---------------------------------------------------------------------------------------------- */
.backend-admin-mail-masivo .envio-masivo-reporte {
  display: none;
}
.backend-admin-mail-masivo .envio-masivo-reporte .box {
  height: 500px;
  overflow-y: scroll;
}
/* Acceso de Horarios */
/* ---------------------------------------------------------------------------------------------- */
.access-wrapper .table-access tbody th {
  vertical-align: middle;
  padding: 0;
}
.access-wrapper .table-access tbody td {
  padding: 0;
}
.access-wrapper .table-access tbody td:not(:has(input[type=checkbox]:is(:checked))) {
  background: #0BCB21;
}
.access-wrapper .table-access tbody td:not(:has(input[type=checkbox]:not(:is(:checked)))) {
  background: #F63D8D;
}
.access-wrapper .table-access tbody td > label {
  display: block;
  padding: 1rem;
}
.access-wrapper .table-access tbody td input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
/*  _______    ________
   / ____/ |  / / ____/
  / __/  | | / / __/
 / /___  | |/ / /___
/_____/  |___/_____/ */
.drop-area {
  height: 200px;
  border: 1px dashed #dddddd;
  margin-bottom: 15px;
  border-radius: 5px;
  background: #f6f7fb;
}
.drop-area:before {
  content: 'Arrastra los archivos aquí';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: -15px;
  color: #333333;
}
.drop-area.active {
  border-color: #185aa7;
  background: #ffffff;
}
.drop-area.active:before {
  content: 'Suelta los archivos para agregarlos';
  color: #185aa7;
}
.file-list {
  margin-bottom: 15px;
  border: 1px solid #dddddd;
  min-height: 60px;
  border-radius: 5px;
}
.file-list .item-archivo {
  padding: 15px;
  line-height: 1;
}
.file-list .item-archivo.has-success .fa {
  color: #66BB6A;
}
.file-list .item-archivo.has-success .archivo-datos {
  color: #43A047;
}
.file-list .item-archivo.has-error .fa {
  color: #EF5350;
}
.file-list .item-archivo.has-error .archivo-datos {
  color: #EF5350;
}
.file-list .item-archivo:not(:last-child) {
  border-bottom: 1px solid #EEEEEE;
}
.file-list .item-archivo .fa {
  float: left;
  color: #777777;
  margin-right: 2px;
}
.file-list .item-archivo .archivo-datos {
  display: block;
  margin-bottom: 5px;
}
.file-list .item-archivo .archivo-estado {
  display: block;
  float: right;
  font-style: italic;
  font-size: 13px;
}
.file-list .item-archivo .archivo-detalles {
  display: block;
  color: #777777;
  font-size: 11px;
  text-transform: uppercase;
}
.file-list .item-archivo .archivo-progreso {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  z-index: -1;
}
.file-list .item-archivo .archivo-progreso span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #66BB6A;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}