@charset "UTF-8";
/* **************************************************************************
**** OCTADMIN SIMPLE POWERFULL MINIMAL ULTIMATE BOOTSTRAP ADMIN TEAMPLATE
**** OCTADMIN V-1.0.0 SASS / Main  ******************************************
**** Author - OCTATHEMES *************************************************
**** Email - octathemes@gmail.com *************************************************
************************************************************************** */
/* --- [Table Of Contents] ----
:: 01. Bootstrap - V4 
:: 02. Hamburger - plugin
:: 03. Base
:: 04. Layouts
:: 05. Components
:: 06. Themes
:: 07. Utilities
:: 08. Apps
:: 09. Widgets
:: 10. Pages
:: 11. Landing page
:: 12. Plugins
-------------------------- */
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans");
/*******************
/*01. Bootstrap- V4*/
/*******************/
:root {
  --blue: #3867d6;
  --indigo: #8e24aa;
  --purple: #673ab7;
  --pink: #e91e63;
  --red: #F03434;
  --orange: #f57c00;
  --yellow: #F6BB42;
  --green: #20bf6b;
  --teal: #20c997;
  --cyan: #2d98da;
  --white: #fff;
  --gray: #536c79;
  --gray-dark: #29363d;
  --blue: #3867d6;
  --indigo: #8e24aa;
  --purple: #673ab7;
  --pink: #e91e63;
  --red: #F03434;
  --orange: #f57c00;
  --yellow: #F6BB42;
  --green: #20bf6b;
  --teal: #20c997;
  --cyan: #2d98da;
  --white: #fff;
  --gray: #536c79;
  --primary: #3867d6;
  --secondary: #a4b7c1;
  --success: #20bf6b;
  --info: #2d98da;
  --warning: #F6BB42;
  --danger: #F03434;
  --light: #f0f3f5;
  --dark: #29363d;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

@-ms-viewport {
  width: device-width; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #F8FBFF;
  text-align: left;
  background-color: #F8FBFF; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #3867d6;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #2147a0;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #536c79;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #536c79; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #F8FBFF;
  border: 1px solid #ddd;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #536c79; }

code,
kbd,
pre,
samp {
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f0f3f5; }
  a > code {
    padding: 0;
    color: inherit;
    background-color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #151b1e; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #151b1e; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #c2cfd6; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #c2cfd6; }
  .table tbody + tbody {
    border-top: 2px solid #c2cfd6; }
  .table .table {
    background-color: #F8FBFF; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #c2cfd6; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #c2cfd6; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c7d4f4; }

.table-hover .table-primary:hover {
  background-color: #b2c4f0; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #b2c4f0; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #e6ebee; }

.table-hover .table-secondary:hover {
  background-color: #d7dfe4; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #d7dfe4; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c1edd6; }

.table-hover .table-success:hover {
  background-color: #ade7c9; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #ade7c9; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c4e2f5; }

.table-hover .table-info:hover {
  background-color: #aed7f1; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #aed7f1; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcecca; }

.table-hover .table-warning:hover {
  background-color: #fbe3b2; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #fbe3b2; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fbc6c6; }

.table-hover .table-danger:hover {
  background-color: #f9aeae; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #f9aeae; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fbfcfc; }

.table-hover .table-light:hover {
  background-color: #ecf1f1; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ecf1f1; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c3c7c9; }

.table-hover .table-dark:hover {
  background-color: #b6babd; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b6babd; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #F8FBFF;
  background-color: #151b1e;
  border-color: #252f35; }

.table .thead-light th {
  color: #3e515b;
  background-color: #c2cfd6;
  border-color: #c2cfd6; }

.table-dark {
  color: #F8FBFF;
  background-color: #151b1e; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #252f35; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-sm.table-bordered {
      border: 0; } }

@media (max-width: 767px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-md.table-bordered {
      border: 0; } }

@media (max-width: 991px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-lg.table-bordered {
      border: 0; } }

@media (max-width: 1199px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-xl.table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive.table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #3e515b;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #f0f3f5;
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #3e515b;
    background-color: #fff;
    border-color: #a2b8ec;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(56, 103, 214, 0.25); }
  .form-control::placeholder {
    color: #536c79;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #c2cfd6;
    opacity: 1; }

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px); }

select.form-control:focus::-ms-value {
  color: #3e515b;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block; }

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5; }

.col-form-legend {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  font-size: 1rem; }

.form-control-plaintext {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
  .input-group-sm > .form-control-plaintext.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
  .input-group-lg > .form-control-plaintext.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px); }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px); }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem; }
  .form-check.disabled .form-check-label {
    color: #536c79; }

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0; }

.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem; }

.form-check-inline {
  display: inline-block;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-label {
    vertical-align: middle; }

.valid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #20bf6b; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(32, 191, 107, 0.8);
  border-radius: .2rem; }

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #20bf6b; }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
  .custom-select:valid:focus,
  .custom-select.is-valid:focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip, .was-validated
  .custom-select:valid ~ .valid-feedback,
  .was-validated
  .custom-select:valid ~ .valid-tooltip,
  .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
  color: #20bf6b; }

.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
  background-color: rgba(32, 191, 107, 0.25); }

.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
  color: #20bf6b; }

.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
  border-color: #20bf6b; }
  .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
    border-color: inherit; }

.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.25); }

.invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #F03434; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(240, 52, 52, 0.8);
  border-radius: .2rem; }

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #F03434; }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
  .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 52, 52, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip, .was-validated
  .custom-select:invalid ~ .invalid-feedback,
  .was-validated
  .custom-select:invalid ~ .invalid-tooltip,
  .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
  color: #F03434; }

.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
  background-color: rgba(240, 52, 52, 0.25); }

.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
  color: #F03434; }

.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
  border-color: #F03434; }
  .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
    border-color: inherit; }

.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 52, 52, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      margin-top: 0;
      margin-bottom: 0; }
    .form-inline .form-check-label {
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 0; }
    .form-inline .custom-control-indicator {
      position: static;
      display: inline-block;
      margin-right: 0.25rem;
      vertical-align: text-bottom; }
    .form-inline .has-feedback .form-control-feedback {
      top: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .btn:focus, .btn:hover {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(56, 103, 214, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: .65; }
  .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
    background-image: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #3867d6;
  border-color: #3867d6; }
  .btn-primary:hover {
    color: #fff;
    background-color: #2855c0;
    border-color: #2550b6; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(56, 103, 214, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #3867d6;
    border-color: #3867d6; }
  .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2550b6;
    border-color: #234cab;
    box-shadow: 0 0 0 0.2rem rgba(56, 103, 214, 0.5); }

.btn-secondary {
  color: #111;
  background-color: #a4b7c1;
  border-color: #a4b7c1; }
  .btn-secondary:hover {
    color: #111;
    background-color: #8da5b2;
    border-color: #869fac; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #a4b7c1;
    border-color: #a4b7c1; }
  .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #111;
    background-color: #869fac;
    border-color: #7e99a7;
    box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); }

.btn-success {
  color: #fff;
  background-color: #20bf6b;
  border-color: #20bf6b; }
  .btn-success:hover {
    color: #fff;
    background-color: #1b9e59;
    border-color: #199353; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #20bf6b;
    border-color: #20bf6b; }
  .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #199353;
    border-color: #17884c;
    box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5); }

.btn-info {
  color: #fff;
  background-color: #2d98da;
  border-color: #2d98da; }
  .btn-info:hover {
    color: #fff;
    background-color: #2283bf;
    border-color: #207cb4; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 152, 218, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #2d98da;
    border-color: #2d98da; }
  .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #207cb4;
    border-color: #1e74a9;
    box-shadow: 0 0 0 0.2rem rgba(45, 152, 218, 0.5); }

.btn-warning {
  color: #111;
  background-color: #F6BB42;
  border-color: #F6BB42; }
  .btn-warning:hover {
    color: #111;
    background-color: #f4ae1d;
    border-color: #f4a911; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 187, 66, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #F6BB42;
    border-color: #F6BB42; }
  .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #111;
    background-color: #f4a911;
    border-color: #eda30b;
    box-shadow: 0 0 0 0.2rem rgba(246, 187, 66, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #F03434;
  border-color: #F03434; }
  .btn-danger:hover {
    color: #fff;
    background-color: #ec1111;
    border-color: #e01111; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 52, 52, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #F03434;
    border-color: #F03434; }
  .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #e01111;
    border-color: #d51010;
    box-shadow: 0 0 0 0.2rem rgba(240, 52, 52, 0.5); }

.btn-light {
  color: #111;
  background-color: #f0f3f5;
  border-color: #f0f3f5; }
  .btn-light:hover {
    color: #111;
    background-color: #d9e1e6;
    border-color: #d1dbe1; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #f0f3f5;
    border-color: #f0f3f5; }
  .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #111;
    background-color: #d1dbe1;
    border-color: #cad4dc;
    box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #29363d;
  border-color: #29363d; }
  .btn-dark:hover {
    color: #fff;
    background-color: #1a2226;
    border-color: #151b1f; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #29363d;
    border-color: #29363d; }
  .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #151b1f;
    border-color: #0f1417;
    box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); }

.btn-outline-primary {
  color: #3867d6;
  background-color: transparent;
  background-image: none;
  border-color: #3867d6; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #3867d6;
    border-color: #3867d6; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(56, 103, 214, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #3867d6;
    background-color: transparent; }
  .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #3867d6;
    border-color: #3867d6;
    box-shadow: 0 0 0 0.2rem rgba(56, 103, 214, 0.5); }

.btn-outline-secondary {
  color: #a4b7c1;
  background-color: transparent;
  background-image: none;
  border-color: #a4b7c1; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #a4b7c1;
    border-color: #a4b7c1; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #a4b7c1;
    background-color: transparent; }
  .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #a4b7c1;
    border-color: #a4b7c1;
    box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); }

.btn-outline-success {
  color: #20bf6b;
  background-color: transparent;
  background-image: none;
  border-color: #20bf6b; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #20bf6b;
    border-color: #20bf6b; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #20bf6b;
    background-color: transparent; }
  .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #20bf6b;
    border-color: #20bf6b;
    box-shadow: 0 0 0 0.2rem rgba(32, 191, 107, 0.5); }

.btn-outline-info {
  color: #2d98da;
  background-color: transparent;
  background-image: none;
  border-color: #2d98da; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #2d98da;
    border-color: #2d98da; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 152, 218, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #2d98da;
    background-color: transparent; }
  .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #2d98da;
    border-color: #2d98da;
    box-shadow: 0 0 0 0.2rem rgba(45, 152, 218, 0.5); }

.btn-outline-warning {
  color: #F6BB42;
  background-color: transparent;
  background-image: none;
  border-color: #F6BB42; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 187, 66, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #F6BB42;
    background-color: transparent; }
  .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42;
    box-shadow: 0 0 0 0.2rem rgba(246, 187, 66, 0.5); }

.btn-outline-danger {
  color: #F03434;
  background-color: transparent;
  background-image: none;
  border-color: #F03434; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #F03434;
    border-color: #F03434; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 52, 52, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #F03434;
    background-color: transparent; }
  .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #F03434;
    border-color: #F03434;
    box-shadow: 0 0 0 0.2rem rgba(240, 52, 52, 0.5); }

.btn-outline-light {
  color: #f0f3f5;
  background-color: transparent;
  background-image: none;
  border-color: #f0f3f5; }
  .btn-outline-light:hover {
    color: #151b1e;
    background-color: #f0f3f5;
    border-color: #f0f3f5; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f0f3f5;
    background-color: transparent; }
  .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #151b1e;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
    box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); }

.btn-outline-dark {
  color: #29363d;
  background-color: transparent;
  background-image: none;
  border-color: #29363d; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #29363d;
    border-color: #29363d; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #29363d;
    background-color: transparent; }
  .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #29363d;
    border-color: #29363d;
    box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); }

.btn-link {
  font-weight: 400;
  color: #3867d6;
  background-color: transparent; }
  .btn-link:hover {
    color: #2147a0;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent; }
  .btn-link:focus, .btn-link.focus {
    border-color: transparent;
    box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #536c79; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.show {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.show {
    display: block; }

tr.collapse.show {
  display: table-row; }

tbody.collapse.show {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #F8FBFF;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c2cfd6; }

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #f0f3f5; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #151b1e;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #0b0e0f;
    text-decoration: none;
    background-color: #f0f3f5; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3867d6; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #536c79;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #536c79;
  white-space: nowrap; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 0 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 2; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group,
  .btn-group-vertical .btn + .btn,
  .btn-group-vertical .btn + .btn-group,
  .btn-group-vertical .btn-group + .btn,
  .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn + .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .btn + .dropdown-toggle-split::after {
    margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical .btn,
  .btn-group-vertical .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0; }
  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0; }
  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: flex;
  align-items: center; }

.input-group-addon,
.input-group-btn {
  white-space: nowrap; }

.input-group-addon {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #3e515b;
  text-align: center;
  background-color: #f0f3f5;
  border: 1px solid #c2cfd6; }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group-addon:not(:last-child) {
  border-right: 0; }

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0; }

.input-group-btn {
  position: relative;
  align-items: stretch;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
      z-index: 3; }
  .input-group-btn:first-child > .btn + .btn {
    margin-left: 0; }
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px; }
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: 0; }
    .input-group-btn:not(:first-child) > .btn:first-child,
    .input-group-btn:not(:first-child) > .btn-group:first-child {
      margin-left: -1px; }
    .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
    .input-group-btn:not(:first-child) > .btn-group:focus,
    .input-group-btn:not(:first-child) > .btn-group:active,
    .input-group-btn:not(:first-child) > .btn-group:hover {
      z-index: 3; }

.custom-control {
  position: relative;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #3867d6; }
  .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 1px #F8FBFF, 0 0 0 0.2rem rgba(56, 103, 214, 0.25); }
  .custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #ccd8f4; }
  .custom-control-input:disabled ~ .custom-control-indicator {
    background-color: #c2cfd6; }
  .custom-control-input:disabled ~ .custom-control-description {
    color: #536c79; }

.custom-control-indicator {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #3867d6;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.custom-radio .custom-control-indicator {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.custom-controls-stacked {
  display: flex;
  flex-direction: column; }
  .custom-controls-stacked .custom-control {
    margin-bottom: 0.25rem; }
    .custom-controls-stacked .custom-control + .custom-control {
      margin-left: 0; }

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #3e515b;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #f0f3f5;
  border-radius: 0;
  appearance: none; }
  .custom-select:focus {
    border-color: #a2b8ec;
    outline: none; }
    .custom-select:focus::-ms-value {
      color: #3e515b;
      background-color: #fff; }
  .custom-select[multiple] {
    height: auto;
    background-image: none; }
  .custom-select:disabled {
    color: #536c79;
    background-color: #c2cfd6; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-control {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #3867d6; }

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #3e515b;
  pointer-events: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #f0f3f5; }
  .custom-file-control:lang(en):empty::after {
    content: "Choose file..."; }
  .custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #3e515b;
    background-color: #f0f3f5;
    border: 1px solid #f0f3f5; }
  .custom-file-control:lang(en)::before {
    content: "Browse"; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:focus, .nav-link:hover {
    text-decoration: none; }
  .nav-link.disabled {
    color: #536c79; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent; }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      border-color: #c2cfd6 #c2cfd6 #ddd; }
    .nav-tabs .nav-link.disabled {
      color: #536c79;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #3e515b;
    background-color: #F8FBFF;
    border-color: #ddd #ddd #F8FBFF; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #3867d6; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent; }
  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; }
    .navbar-expand-sm .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 767px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; }
    .navbar-expand-md .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 991px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; }
    .navbar-expand-lg .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 1199px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; }
    .navbar-expand-xl .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .dropdown-menu-right {
      right: 0;
      left: auto; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }
  .navbar-expand .dropup .dropdown-menu {
    top: auto;
    bottom: 100%; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
      color: #fff; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #c2cfd6; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f0f3f5;
  border-bottom: 1px solid #c2cfd6; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f0f3f5;
  border-top: 1px solid #c2cfd6; }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%; }

.card-img-top {
  width: 100%; }

.card-img-bottom {
  width: 100%; }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group .card + .card {
          margin-left: 0;
          border-left: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #fff; }

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #536c79;
  content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #536c79; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-item:first-child .page-link {
  margin-left: 0; }

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #3867d6;
  border-color: #3867d6; }

.page-item.disabled .page-link {
  color: #536c79;
  pointer-events: none;
  background-color: #fff;
  border-color: #ddd; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #3867d6;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #2147a0;
    text-decoration: none;
    background-color: #c2cfd6;
    border-color: #ddd; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em; }

.badge-primary {
  color: #fff;
  background-color: #3867d6; }
  .badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2550b6; }

.badge-secondary {
  color: #111;
  background-color: #a4b7c1; }
  .badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #869fac; }

.badge-success {
  color: #fff;
  background-color: #20bf6b; }
  .badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #199353; }

.badge-info {
  color: #fff;
  background-color: #2d98da; }
  .badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #207cb4; }

.badge-warning {
  color: #111;
  background-color: #F6BB42; }
  .badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #f4a911; }

.badge-danger {
  color: #fff;
  background-color: #F03434; }
  .badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e01111; }

.badge-light {
  color: #111;
  background-color: #f0f3f5; }
  .badge-light[href]:focus, .badge-light[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #d1dbe1; }

.badge-dark {
  color: #fff;
  background-color: #29363d; }
  .badge-dark[href]:focus, .badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #151b1f; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #c2cfd6; }
  @media (min-width: 576px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit; }

.alert-primary {
  color: #1d366f;
  background-color: #d7e1f7;
  border-color: #c7d4f4; }
  .alert-primary hr {
    border-top-color: #b2c4f0; }
  .alert-primary .alert-link {
    color: #122247; }

.alert-secondary {
  color: #555f64;
  background-color: #edf1f3;
  border-color: #e6ebee; }
  .alert-secondary hr {
    border-top-color: #d7dfe4; }
  .alert-secondary .alert-link {
    color: #3e4548; }

.alert-success {
  color: #116338;
  background-color: #d2f2e1;
  border-color: #c1edd6; }
  .alert-success hr {
    border-top-color: #ade7c9; }
  .alert-success .alert-link {
    color: #0a371f; }

.alert-info {
  color: #174f71;
  background-color: #d5eaf8;
  border-color: #c4e2f5; }
  .alert-info hr {
    border-top-color: #aed7f1; }
  .alert-info .alert-link {
    color: #0e3147; }

.alert-warning {
  color: #806122;
  background-color: #fdf1d9;
  border-color: #fcecca; }
  .alert-warning hr {
    border-top-color: #fbe3b2; }
  .alert-warning .alert-link {
    color: #584217; }

.alert-danger {
  color: #7d1b1b;
  background-color: #fcd6d6;
  border-color: #fbc6c6; }
  .alert-danger hr {
    border-top-color: #f9aeae; }
  .alert-danger .alert-link {
    color: #531212; }

.alert-light {
  color: #7d7e7f;
  background-color: #fcfdfd;
  border-color: #fbfcfc; }
  .alert-light hr {
    border-top-color: #ecf1f1; }
  .alert-light .alert-link {
    color: #646565; }

.alert-dark {
  color: #151c20;
  background-color: #d4d7d8;
  border-color: #c3c7c9; }
  .alert-dark hr {
    border-top-color: #b6babd; }
  .alert-dark .alert-link {
    color: #010101; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #f0f3f5; }

.progress-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #3867d6; }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #3e515b;
  text-align: inherit; }
  .list-group-item-action:focus, .list-group-item-action:hover {
    color: #3e515b;
    text-decoration: none;
    background-color: #f0f3f5; }
  .list-group-item-action:active {
    color: #F8FBFF;
    background-color: #c2cfd6; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:last-child {
    margin-bottom: 0; }
  .list-group-item:focus, .list-group-item:hover {
    text-decoration: none; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #536c79;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #3867d6;
    border-color: #3867d6; }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0; }

.list-group-item-primary {
  color: #1d366f;
  background-color: #c7d4f4; }

a.list-group-item-primary,
button.list-group-item-primary {
  color: #1d366f; }
  a.list-group-item-primary:focus, a.list-group-item-primary:hover,
  button.list-group-item-primary:focus,
  button.list-group-item-primary:hover {
    color: #1d366f;
    background-color: #b2c4f0; }
  a.list-group-item-primary.active,
  button.list-group-item-primary.active {
    color: #fff;
    background-color: #1d366f;
    border-color: #1d366f; }

.list-group-item-secondary {
  color: #555f64;
  background-color: #e6ebee; }

a.list-group-item-secondary,
button.list-group-item-secondary {
  color: #555f64; }
  a.list-group-item-secondary:focus, a.list-group-item-secondary:hover,
  button.list-group-item-secondary:focus,
  button.list-group-item-secondary:hover {
    color: #555f64;
    background-color: #d7dfe4; }
  a.list-group-item-secondary.active,
  button.list-group-item-secondary.active {
    color: #fff;
    background-color: #555f64;
    border-color: #555f64; }

.list-group-item-success {
  color: #116338;
  background-color: #c1edd6; }

a.list-group-item-success,
button.list-group-item-success {
  color: #116338; }
  a.list-group-item-success:focus, a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #116338;
    background-color: #ade7c9; }
  a.list-group-item-success.active,
  button.list-group-item-success.active {
    color: #fff;
    background-color: #116338;
    border-color: #116338; }

.list-group-item-info {
  color: #174f71;
  background-color: #c4e2f5; }

a.list-group-item-info,
button.list-group-item-info {
  color: #174f71; }
  a.list-group-item-info:focus, a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #174f71;
    background-color: #aed7f1; }
  a.list-group-item-info.active,
  button.list-group-item-info.active {
    color: #fff;
    background-color: #174f71;
    border-color: #174f71; }

.list-group-item-warning {
  color: #806122;
  background-color: #fcecca; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #806122; }
  a.list-group-item-warning:focus, a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #806122;
    background-color: #fbe3b2; }
  a.list-group-item-warning.active,
  button.list-group-item-warning.active {
    color: #fff;
    background-color: #806122;
    border-color: #806122; }

.list-group-item-danger {
  color: #7d1b1b;
  background-color: #fbc6c6; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #7d1b1b; }
  a.list-group-item-danger:focus, a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #7d1b1b;
    background-color: #f9aeae; }
  a.list-group-item-danger.active,
  button.list-group-item-danger.active {
    color: #fff;
    background-color: #7d1b1b;
    border-color: #7d1b1b; }

.list-group-item-light {
  color: #7d7e7f;
  background-color: #fbfcfc; }

a.list-group-item-light,
button.list-group-item-light {
  color: #7d7e7f; }
  a.list-group-item-light:focus, a.list-group-item-light:hover,
  button.list-group-item-light:focus,
  button.list-group-item-light:hover {
    color: #7d7e7f;
    background-color: #ecf1f1; }
  a.list-group-item-light.active,
  button.list-group-item-light.active {
    color: #fff;
    background-color: #7d7e7f;
    border-color: #7d7e7f; }

.list-group-item-dark {
  color: #151c20;
  background-color: #c3c7c9; }

a.list-group-item-dark,
button.list-group-item-dark {
  color: #151c20; }
  a.list-group-item-dark:focus, a.list-group-item-dark:hover,
  button.list-group-item-dark:focus,
  button.list-group-item-dark:hover {
    color: #151c20;
    background-color: #b6babd; }
  a.list-group-item-dark.active,
  button.list-group-item-dark.active {
    color: #fff;
    background-color: #151c20;
    border-color: #151c20; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75; }

button.close {
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  pointer-events: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #c2cfd6; }
  .modal-header .close {
    padding: 15px;
    margin: -15px -15px -15px auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #c2cfd6; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto; }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px; }
  .tooltip .arrow::before {
    position: absolute;
    border-color: transparent;
    border-style: solid; }
  .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
    padding: 5px 0; }
    .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
      bottom: 0; }
    .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
      margin-left: -3px;
      content: "";
      border-width: 5px 5px 0;
      border-top-color: #000; }
  .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 5px; }
    .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
      left: 0; }
    .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
      margin-top: -3px;
      content: "";
      border-width: 5px 5px 5px 0;
      border-right-color: #000; }
  .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 5px 0; }
    .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
      top: 0; }
    .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      margin-left: -3px;
      content: "";
      border-width: 0 5px 5px;
      border-bottom-color: #000; }
  .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 5px; }
    .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
      right: 0; }
    .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
      right: 0;
      margin-top: -3px;
      content: "";
      border-width: 5px 0 5px 5px;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
  .popover .arrow::before,
  .popover .arrow::after {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid; }
  .popover .arrow::before {
    content: "";
    border-width: 0.8rem; }
  .popover .arrow::after {
    content: "";
    border-width: 0.8rem; }
  .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.8rem; }
    .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
      bottom: 0; }
    .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
    .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
      border-bottom-width: 0; }
    .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
      bottom: -0.8rem;
      margin-left: -0.8rem;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
      bottom: calc((0.8rem - 1px) * -1);
      margin-left: -0.8rem;
      border-top-color: #fff; }
  .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
    margin-left: 0.8rem; }
    .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
      left: 0; }
    .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
    .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
      margin-top: -0.8rem;
      border-left-width: 0; }
    .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
      left: -0.8rem;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
      left: calc((0.8rem - 1px) * -1);
      border-right-color: #fff; }
  .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.8rem; }
    .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
      top: 0; }
    .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
    .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
      margin-left: -0.8rem;
      border-top-width: 0; }
    .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
      top: -0.8rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
      top: calc((0.8rem - 1px) * -1);
      border-bottom-color: #fff; }
    .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      width: 20px;
      margin-left: -10px;
      content: "";
      border-bottom: 1px solid #f7f7f7; }
  .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
    margin-right: 0.8rem; }
    .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
      right: 0; }
    .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
    .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
      margin-top: -0.8rem;
      border-right-width: 0; }
    .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
      right: -0.8rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
      right: calc((0.8rem - 1px) * -1);
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb; }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #F8FBFF; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  transition: transform 0.6s ease;
  backface-visibility: hidden;
  perspective: 1000px; }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0; }

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
      transform: translate3d(0, 0, 0); } }

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right {
      transform: translate3d(100%, 0, 0); } }

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left {
      transform: translate3d(-100%, 0, 0); } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5; }
  .carousel-control-prev:focus, .carousel-control-prev:hover,
  .carousel-control-next:focus,
  .carousel-control-next:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5); }
    .carousel-indicators li::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
    .carousel-indicators li::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
  .carousel-indicators .active {
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

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

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

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #3867d6 !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #2550b6 !important; }

.bg-secondary {
  background-color: #a4b7c1 !important; }

a.bg-secondary:focus, a.bg-secondary:hover {
  background-color: #869fac !important; }

.bg-success {
  background-color: #20bf6b !important; }

a.bg-success:focus, a.bg-success:hover {
  background-color: #199353 !important; }

.bg-info {
  background-color: #2d98da !important; }

a.bg-info:focus, a.bg-info:hover {
  background-color: #207cb4 !important; }

.bg-warning {
  background-color: #F6BB42 !important; }

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #f4a911 !important; }

.bg-danger {
  background-color: #F03434 !important; }

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #e01111 !important; }

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

a.bg-light:focus, a.bg-light:hover {
  background-color: #d1dbe1 !important; }

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

a.bg-dark:focus, a.bg-dark:hover {
  background-color: #151b1f !important; }

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

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #c2cfd6 !important; }

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

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

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

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

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #3867d6 !important; }

.border-secondary {
  border-color: #a4b7c1 !important; }

.border-success {
  border-color: #20bf6b !important; }

.border-info {
  border-color: #2d98da !important; }

.border-warning {
  border-color: #F6BB42 !important; }

.border-danger {
  border-color: #F03434 !important; }

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

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

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

.d-print-block {
  display: none !important; }
  @media print {
    .d-print-block {
      display: block !important; } }

.d-print-inline {
  display: none !important; }
  @media print {
    .d-print-inline {
      display: inline !important; } }

.d-print-inline-block {
  display: none !important; }
  @media print {
    .d-print-inline-block {
      display: inline-block !important; } }

@media print {
  .d-print-none {
    display: none !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

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

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

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

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #3867d6 !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #2550b6 !important; }

.text-secondary {
  color: #a4b7c1 !important; }

a.text-secondary:focus, a.text-secondary:hover {
  color: #869fac !important; }

.text-success {
  color: #20bf6b !important; }

a.text-success:focus, a.text-success:hover {
  color: #199353 !important; }

.text-info {
  color: #2d98da !important; }

a.text-info:focus, a.text-info:hover {
  color: #207cb4 !important; }

.text-warning {
  color: #F6BB42 !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #f4a911 !important; }

.text-danger {
  color: #F03434 !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #e01111 !important; }

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

a.text-light:focus, a.text-light:hover {
  color: #d1dbe1 !important; }

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

a.text-dark:focus, a.text-dark:hover {
  color: #151b1f !important; }

.text-muted {
  color: #536c79 !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

/*******************
/*02. Hamburger - plugin*/
/*******************/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 15px;
  height: 12px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 15px;
    height: 2px;
    background-color: #F03434;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -5px; }
  .hamburger-inner::after {
    bottom: -5px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 30px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -5px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 30px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -5px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 30px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -5px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 30px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -5px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 30px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -5px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 30px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -5px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-3px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-3px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(3px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(3px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-3px, -3.75px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-3px, 3.75px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(3px, -3.75px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(3px, 3.75px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -10px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -5px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -10px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -5px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 5px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 10px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 5px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 5px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 10px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 5px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 5px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -30px;
      top: -30px;
      transform: translate3d(30px, 30px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -30px;
      top: -30px;
      transform: translate3d(-30px, 30px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 5px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -30px;
      top: 30px;
      transform: translate3d(30px, -30px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -30px;
      top: 30px;
      transform: translate3d(-30px, -30px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out,
 top 0.08s 0s ease-out,
 opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out,
 top 0.08s ease-out,
 opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1px; }
  .hamburger--slider .hamburger-inner::before {
    top: 5px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 10px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-2.14286px, -3px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 5px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 10px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 5px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(2.14286px, -3px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 5px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 10px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 5px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -10px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -5px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease,
 opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease,
 opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*******************
/*03. Base*/
/*******************/
/* --- [Table Of Contents] ----
:: 03.01. Base
:: 03.02. Typography
:: 03.03. Animate
-------------------------- */
/*******************
/*03.01 Base*/
/*******************/
@media all and (-ms-high-contrast: none) {
  html {
    display: flex;
    flex-direction: column; } }

h1, h2, h3, h4, h5, h6 {
  color: #536c79;
  font-weight: 800;
  text-transform: uppercase; }

pre {
  border-left: 5px solid #F03434 !important;
  max-width: 100%;
  background-color: #f0f3f5 !important; }

.app,
app-dashboard,
app-root {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.app-header {
  flex: 0 0 60px; }

.app-footer {
  flex: 0 0 50px; }

.app-body {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow-x: hidden; }
  .app-body .main {
    flex: 1;
    min-width: 0;
    padding-bottom: 100px; }
  .app-body .sidebar {
    flex: 0 0 250px;
    order: -1; }
  .app-body .aside-menu {
    flex: 0 0 300px; }

.header-fixed .app-header {
  position: fixed;
  z-index: 1020;
  width: 100%; }

.header-fixed .app-body {
  margin-top: 60px; }

.sidebar-hidden .sidebar {
  margin-left: -250px; }

.sidebar-fixed .sidebar {
  position: fixed;
  z-index: 1019;
  width: 250px;
  height: calc(100vh - 60px); }

.sidebar-fixed .main, .sidebar-fixed .app-footer {
  margin-left: 250px; }

.sidebar-fixed.sidebar-hidden .main, .sidebar-fixed.sidebar-hidden .app-footer {
  margin-left: 0; }

.sidebar-off-canvas .sidebar {
  position: fixed;
  z-index: 1019;
  height: calc(100vh - 60px); }

@media (min-width: 992px) {
  .sidebar-compact .sidebar {
    flex: 0 0 150px; }
  .sidebar-compact.sidebar-hidden .sidebar {
    margin-left: -150px; }
  .sidebar-compact.sidebar-fixed .main, .sidebar-compact.sidebar-fixed .app-footer {
    margin-left: 150px; }
  .sidebar-compact.sidebar-fixed .sidebar {
    width: 150px; }
  .sidebar-compact.sidebar-fixed.sidebar-hidden .main, .sidebar-compact.sidebar-fixed.sidebar-hidden .app-footer {
    margin-left: 0; }
  .sidebar-minimized .sidebar {
    flex: 0 0 80px; }
  .sidebar-minimized.sidebar-hidden .sidebar {
    margin-left: -80px; }
  .sidebar-minimized.sidebar-fixed .main, .sidebar-minimized.sidebar-fixed .app-footer {
    margin-left: 80px; }
  .sidebar-minimized.sidebar-fixed .sidebar {
    width: 80px; }
  .sidebar-minimized.sidebar-fixed.sidebar-hidden .main, .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer {
    margin-left: 0; } }

.aside-menu-hidden .aside-menu {
  margin-right: -300px; }

.aside-menu-fixed .aside-menu {
  position: fixed;
  right: 0;
  height: 100%; }
  .aside-menu-fixed .aside-menu .tab-content {
    height: calc(100vh - 2.5rem - 60px); }

.aside-menu-fixed .main, .aside-menu-fixed .app-footer {
  margin-right: 300px; }

.aside-menu-fixed.aside-menu-hidden .main, .aside-menu-fixed.aside-menu-hidden .app-footer {
  margin-right: 0; }

.aside-menu-off-canvas .aside-menu {
  position: fixed;
  right: 0;
  z-index: 1019;
  height: 100%; }
  .aside-menu-off-canvas .aside-menu .tab-content {
    height: calc(100vh - 2.5rem - 60px); }

.breadcrumb-fixed .main {
  padding-top: 4rem; }

.breadcrumb-fixed .breadcrumb {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 1018; }

.breadcrumb-fixed .main:nth-child(2) .breadcrumb {
  right: 300px;
  left: 250px; }

.breadcrumb-fixed .main:first-child .breadcrumb {
  right: 300px;
  left: 0; }

.breadcrumb-fixed .main:last-child .breadcrumb {
  right: 0; }

.breadcrumb-fixed.sidebar-minimized .main .breadcrumb {
  left: 80px; }

.breadcrumb-fixed.sidebar-hidden .main .breadcrumb, .breadcrumb-fixed.sidebar-off-canvas .main .breadcrumb {
  left: 0; }

.breadcrumb-fixed.aside-menu-hidden .main .breadcrumb, .breadcrumb-fixed.aside-menu-off-canvas .main .breadcrumb {
  right: 0; }

.footer-fixed .app-footer {
  position: fixed;
  bottom: 0;
  z-index: 1020;
  width: 100%; }

.footer-fixed .app-body {
  margin-bottom: 50px; }

.app-header,
.app-footer,
.sidebar,
.main,
.aside-menu {
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s; }

.sidebar-nav {
  transition: width 0.25s; }

.breadcrumb {
  transition: left 0.25s, right 0.25s, width 0.25s; }

@media (max-width: 991px) {
  .app-body {
    margin-top: 120px; }
  .main, .app-footer {
    margin-left: 0 !important; }
  .breadcrumb-fixed .main .breadcrumb {
    right: 0 !important;
    left: 0 !important; } }

/*******************
/*03.02 Typography*/
/*******************/
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Josefin Sans", sans-serif;
  background: #F8FBFF;
  color: #678898; }

.font-xs {
  font-size: .75rem !important; }

.font-sm {
  font-size: .85rem !important; }

.font-lg {
  font-size: 1rem !important; }

.font-xl {
  font-size: 1.25rem !important; }

.font-2xl {
  font-size: 1.5rem !important; }

.font-3xl {
  font-size: 1.75rem !important; }

.font-4xl {
  font-size: 2rem !important; }

.font-5xl {
  font-size: 2.5rem !important; }

/*******************
/*03.03 Animate*/
/*******************/
.hertbit {
  animation: beat .25s infinite alternate;
  transform-origin: center;
  /* Heart beat animation */ }

@keyframes beat {
  to {
    transform: scale(0.8); } }

.heartbit {
  -moz-animation: heartbit 1s ease-out;
  -moz-animation-iteration-count: infinite;
  -o-animation: heartbit 1s ease-out;
  -o-animation-iteration-count: infinite;
  -webkit-animation: heartbit 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-moz-keyframes heartbit {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0; }
  25% {
    -moz-transform: scale(0.1);
    opacity: 0.1; }
  50% {
    -moz-transform: scale(0.5);
    opacity: 0.3; }
  75% {
    -moz-transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0; } }

@-webkit-keyframes heartbit {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0; } }

/*******************
/*04. Layouts*/
/*******************/
/* --- [Table Of Contents] ----
:: 04.01. Navbar
:: 04.02. Sidebar
:: 04.03. Sidebar-Dark
:: 04.04. Aside
:: 04.05. Footer
:: 04.06. rtl
-------------------------- */
/*******************
/*04.01. Navbar*/
/*******************/
.app-header.navbar {
  position: fixed;
  flex-direction: row;
  height: 60px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px -4px #678898;
  -moz-box-shadow: 0px 0px 20px -4px #678898;
  box-shadow: 0px 0px 20px -4px #678898; }
  .app-header.navbar .navbar-brand {
    display: inline-block;
    width: 250px;
    height: 60px;
    padding: 15px 1rem;
    margin-right: 0;
    text-align: center;
    background-color: white;
    color: #F03434;
    font-size: 1.6rem;
    font-family: "Josefin Sans", sans-serif; }
  .app-header.navbar .navbar-brand-dark {
    display: inline-block;
    width: 250px;
    height: 60px;
    padding: 15px 1rem;
    margin-right: 0;
    text-align: center;
    background-color: #F03434;
    color: #F03434;
    font-size: 1.6rem;
    font-family: "Josefin Sans", sans-serif; }
  .app-header.navbar .navbar-toggler {
    color: #F03434;
    padding: 25px; }
  .app-header.navbar .navbar-nav {
    flex-direction: row;
    align-items: center; }
  .app-header.navbar .nav-item {
    position: relative;
    min-width: 50px;
    margin: 0 !important;
    text-align: center; }
    .app-header.navbar .nav-item button {
      margin: 0 auto; }
    .app-header.navbar .nav-item .nav-link {
      padding-top: 0;
      padding-bottom: 0;
      background: 0;
      border: 0; }
      .app-header.navbar .nav-item .nav-link .notification {
        position: absolute;
        top: 30%;
        left: 60%;
        margin-top: -10px;
        margin-left: 3px;
        font-size: 0.5rem;
        background: #F1425F;
        min-height: 7px;
        min-width: 7px;
        border-radius: 100%; }
      .app-header.navbar .nav-item .nav-link > .img-avatar {
        height: 40px;
        margin: 0 10px; }
  .app-header.navbar .dropdown-menu {
    padding-bottom: 0;
    line-height: 1.5;
    border: 2px solid #f0f3f5;
    border-radius: 20px; }
  .app-header.navbar .notification-list .dropdown-header {
    padding-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    background: #fafafa; }
    .app-header.navbar .notification-list .dropdown-header .badge {
      font-size: 0.8rem;
      text-transform: lowercase; }
  .app-header.navbar .notification-list .wrap {
    min-width: 350px;
    overflow-x: hidden;
    overflow-y: auto; }
    .app-header.navbar .notification-list .wrap .message-box .u-img {
      width: 35px;
      display: inline-block !important;
      vertical-align: top; }
      .app-header.navbar .notification-list .wrap .message-box .u-img img {
        width: 100%;
        border-radius: 100px; }
    .app-header.navbar .notification-list .wrap .message-box .u-text {
      display: inline-block !important;
      padding-left: 10px; }
      .app-header.navbar .notification-list .wrap .message-box .u-text .u-name {
        color: #536c79; }
      .app-header.navbar .notification-list .wrap .message-box .u-text p {
        margin: 0px; }
      .app-header.navbar .notification-list .wrap .message-box .u-text small {
        color: #F03434; }
  .app-header.navbar .notification-list .dropdown-footer {
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    background: #fafafa; }
  .app-header.navbar .message-list .dropdown-header {
    padding-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    background: #fafafa; }
    .app-header.navbar .message-list .dropdown-header .badge {
      font-size: 0.8rem;
      text-transform: lowercase; }
  .app-header.navbar .message-list .wrap {
    min-width: 350px;
    overflow-x: hidden;
    overflow-y: auto; }
    .app-header.navbar .message-list .wrap .message-box .u-img {
      width: 60px;
      display: inline-block !important;
      vertical-align: top; }
      .app-header.navbar .message-list .wrap .message-box .u-img img {
        width: 100%;
        border-radius: 100px; }
      .app-header.navbar .message-list .wrap .message-box .u-img .notification {
        position: absolute;
        top: 30%;
        left: 18%;
        margin-top: -10px;
        margin-left: 3px;
        font-size: 0.5rem;
        min-height: 12px;
        min-width: 12px;
        border-radius: 100%;
        border: 1px solid #f0f3f5; }
      .app-header.navbar .message-list .wrap .message-box .u-img .online {
        background: #20bf6b; }
      .app-header.navbar .message-list .wrap .message-box .u-img .offline {
        background: #869fac; }
      .app-header.navbar .message-list .wrap .message-box .u-img .away {
        background: #F6BB42; }
      .app-header.navbar .message-list .wrap .message-box .u-img .buzy {
        background: #F03434; }
    .app-header.navbar .message-list .wrap .message-box .u-text {
      display: inline-block !important;
      padding-left: 10px; }
      .app-header.navbar .message-list .wrap .message-box .u-text .u-name {
        color: #F03434; }
      .app-header.navbar .message-list .wrap .message-box .u-text p {
        margin: 0px; }
      .app-header.navbar .message-list .wrap .message-box .u-text small {
        color: #F03434; }
  .app-header.navbar .message-list .dropdown-footer {
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    background: #fafafa; }
  .app-header.navbar .task-list .dropdown-header {
    padding-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    background: #fafafa; }
    .app-header.navbar .task-list .dropdown-header .badge {
      font-size: 0.8rem;
      text-transform: lowercase; }
  .app-header.navbar .task-list .wrap {
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: auto; }
  .app-header.navbar .task-list .dropdown-footer {
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    background: #fafafa; }
  .app-header.navbar .user-menu {
    padding: 10px; }
    .app-header.navbar .user-menu .wrap {
      min-width: 260px;
      overflow-x: hidden;
      overflow-y: auto; }
      .app-header.navbar .user-menu .wrap .dw-user-box {
        padding: 15px;
        text-align: center; }
        .app-header.navbar .user-menu .wrap .dw-user-box .u-img {
          width: 80px;
          display: inline-block !important;
          vertical-align: top; }
          .app-header.navbar .user-menu .wrap .dw-user-box .u-img img {
            width: 100%;
            border-radius: 10px; }
        .app-header.navbar .user-menu .wrap .dw-user-box .u-text {
          display: inline-block !important;
          padding-left: 10px; }
          .app-header.navbar .user-menu .wrap .dw-user-box .u-text h5 {
            margin: 0px;
            margin-top: 8px;
            text-transform: lowercase;
            color: #F03434; }
          .app-header.navbar .user-menu .wrap .dw-user-box .u-text p {
            margin-bottom: 3px; }

.navbar-brand {
  color: #29363d;
  border: none !important; }
  .navbar-brand:focus, .navbar-brand:hover {
    color: #29363d; }

.navbar-nav .nav-link {
  color: #536c79; }
  .navbar-nav .nav-link i {
    color: #F03434;
    font-weight: bolder;
    font-size: 1.2rem; }
  .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
    color: #29363d; }

.navbar-nav .open > .nav-link, .navbar-nav .open > .nav-link:focus, .navbar-nav .open > .nav-link:hover,
.navbar-nav .active > .nav-link,
.navbar-nav .active > .nav-link:focus,
.navbar-nav .active > .nav-link:hover,
.navbar-nav .nav-link.open,
.navbar-nav .nav-link.open:focus,
.navbar-nav .nav-link.open:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.active:focus,
.navbar-nav .nav-link.active:hover {
  color: #29363d; }

.navbar-divider {
  background-color: rgba(0, 0, 0, 0.075); }

.brand-minimized .app-header.navbar .navbar-brand {
  width: 50px;
  background-color: #fff;
  background-image: url("../img/logo-symbol.png");
  background-size: 24px; }

.navbar-search .navbar-search-input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: white;
  min-width: 300px;
  min-height: 35px;
  border: none !important;
  padding: 10px; }

.navbar-search input::placeholder {
  color: #c2cfd6; }

.navbar-search .navbar-search-btn {
  display: inline-block;
  border: none;
  min-height: 60px;
  margin-left: -5px !important;
  background: white;
  color: #c2cfd6; }

@media (max-width: 991px) {
  .navbar {
    position: fixed !important;
    z-index: 1020;
    width: 100%;
    text-align: center;
    background-color: #fff;
    height: 120px !important; }
    .navbar .navbar-toggler {
      color: #536c79; }
    .navbar .navbar-brand {
      position: absolute;
      left: 50%;
      margin-left: -125px;
      background: transparent !important;
      color: #F03434 !important;
      margin-top: -15px; }
    .navbar .navbar-nav {
      position: absolute;
      top: 50%;
      text-align: center;
      left: 50%;
      margin-left: -138.88889px; }
      .navbar .navbar-nav .nav-item.show {
        position: static; }
        .navbar .navbar-nav .nav-item.show .dropdown-menu {
          margin-top: 0px; }
      .navbar .navbar-nav > .nav-item > .nav-link {
        padding-left: 0.5rem !important;
        padding-right: .50rem; }
      .navbar .navbar-nav .dropdown-menu {
        position: absolute; }
    .navbar .login-tag-line {
      display: none !important; }
    .navbar .navbar-search {
      display: none; } }

/* End top navbar styles */
/*******************
/*04.02. Sidebar*/
/*******************/
.sidebar {
  display: flex;
  flex-direction: column;
  color: #29363d;
  background: #fff;
  -webkit-box-shadow: 10px 50px 15px -15px #536c79;
  -moz-box-shadow: 10px 50px 15px -15px #536c79;
  box-shadow: 10px 50px 15px -15px #536c79; }
  .sidebar .sidebar-close {
    position: absolute;
    right: 0;
    display: none;
    padding: 0 1rem;
    font-size: 24px;
    font-weight: 800;
    line-height: 60px;
    color: #29363d;
    background: 0;
    border: 0;
    opacity: .8; }
    .sidebar .sidebar-close:hover {
      opacity: 1; }
  .sidebar .sidebar-header {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.2); }
  .sidebar .sidebar-form .form-control {
    color: #fff;
    background: #e6e6e6;
    border: 0; }
    .sidebar .sidebar-form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.7); }
  .sidebar .sidebar-nav {
    padding-top: 20px;
    padding-bottom: 200px;
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    .sidebar .sidebar-nav::-webkit-scrollbar {
      display: none; }
  .sidebar .nav {
    width: 250px;
    flex-direction: column;
    min-height: 100%; }
  .sidebar .nav-title {
    padding: 0.8rem 1rem;
    margin-top: 15px;
    font-size: 0.65rem;
    font-weight: 800;
    color: #3e515b;
    text-transform: uppercase; }
  .sidebar .nav-divider,
  .sidebar .divider {
    height: 10px; }
  .sidebar .nav-item {
    position: relative;
    margin: 0;
    transition: background .3s ease-in-out; }
  .sidebar .nav-dropdown-items {
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    transition: max-height .3s ease-in-out; }
    .sidebar .nav-dropdown-items .nav-item {
      padding: 0;
      list-style: none; }
  .sidebar .nav-link {
    display: block;
    font-size: 0.9rem;
    color: #678898;
    text-decoration: none;
    background: transparent; }
    .sidebar .nav-link i {
      display: inline-block;
      margin: 0 0.2rem 0 0;
      font-size: 1.3rem;
      color: #f57b7b;
      text-align: center; }
    .sidebar .nav-link .badge-main {
      float: right;
      margin-top: 8px;
      margin-right: 40px; }
    .sidebar .nav-link .badge-sub {
      float: right;
      margin-right: 20px; }
    .sidebar .nav-link.active {
      font-weight: 700;
      color: #F03434;
      background: white;
      -webkit-box-shadow: 0px 0px 20px -4px #a4b7c1;
      -moz-box-shadow: 0px 0px 20px -4px #a4b7c1;
      box-shadow: 0px 0px 20px -4px #a4b7c1;
      border-right: 5px solid #F03434; }
      .sidebar .nav-link.active i {
        font-weight: 700;
        color: #F03434; }
    .sidebar .nav-link:hover {
      font-weight: 700;
      color: #F03434;
      background: theme-color("primary");
      border-left: 5px solid #F03434; }
      .sidebar .nav-link:hover i {
        font-weight: 700;
        color: #F03434; }
      .sidebar .nav-link:hover.nav-dropdown-toggle::before {
        float: right;
        border-top: 5px solid #536c79;
        border-right: 5px solid transparent;
        overflow: hidden; }
    .sidebar .nav-link.nav-link-primary {
      background: #3867d6; }
      .sidebar .nav-link.nav-link-primary i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-primary:hover {
        background: #2a5acb !important; }
        .sidebar .nav-link.nav-link-primary:hover i {
          color: #fff; }
    .sidebar .nav-link.nav-link-secondary {
      background: #a4b7c1; }
      .sidebar .nav-link.nav-link-secondary i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-secondary:hover {
        background: #95abb7 !important; }
        .sidebar .nav-link.nav-link-secondary:hover i {
          color: #fff; }
    .sidebar .nav-link.nav-link-success {
      background: #20bf6b; }
      .sidebar .nav-link.nav-link-success i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-success:hover {
        background: #1ca95f !important; }
        .sidebar .nav-link.nav-link-success:hover i {
          color: #fff; }
    .sidebar .nav-link.nav-link-info {
      background: #2d98da; }
      .sidebar .nav-link.nav-link-info i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-info:hover {
        background: #248aca !important; }
        .sidebar .nav-link.nav-link-info:hover i {
          color: #fff; }
    .sidebar .nav-link.nav-link-warning {
      background: #F6BB42; }
      .sidebar .nav-link.nav-link-warning i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-warning:hover {
        background: #f5b22a !important; }
        .sidebar .nav-link.nav-link-warning:hover i {
          color: #fff; }
    .sidebar .nav-link.nav-link-danger {
      background: #F03434; }
      .sidebar .nav-link.nav-link-danger i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-danger:hover {
        background: #ee1c1c !important; }
        .sidebar .nav-link.nav-link-danger:hover i {
          color: #fff; }
    .sidebar .nav-link.nav-link-light {
      background: #f0f3f5; }
      .sidebar .nav-link.nav-link-light i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-light:hover {
        background: #e1e7eb !important; }
        .sidebar .nav-link.nav-link-light:hover i {
          color: #fff; }
    .sidebar .nav-link.nav-link-dark {
      background: #29363d; }
      .sidebar .nav-link.nav-link-dark i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar .nav-link.nav-link-dark:hover {
        background: #1f292e !important; }
        .sidebar .nav-link.nav-link-dark:hover i {
          color: #fff; }
  .sidebar .nav-dropdown-toggle {
    position: relative; }
    .sidebar .nav-dropdown-toggle::before {
      position: absolute;
      top: 50%;
      right: 2rem;
      display: block;
      width: 8px;
      height: 8px;
      padding: 0;
      margin-top: -4px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      transition: transform .5s;
      border-top: 5px solid #536c79;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
  .sidebar .nav-dropdown-items .nav-item .nav-link.active {
    color: #F03434;
    border-right: 3px solid #F03434 !important; }
  .sidebar .nav-dropdown-items .nav-item .nav-link:hover {
    border-left: 5px solid #F03434 !important; }
  .sidebar .nav-dropdown.open {
    background: #F5F5F5; }
    .sidebar .nav-dropdown.open > .nav-dropdown-items {
      padding-left: 20px;
      max-height: 1000px; }
    .sidebar .nav-dropdown.open .nav-link {
      color: #536c79;
      border-left: 0 !important; }
    .sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before {
      transform: rotate(-180deg);
      border-top: 5px solid #F03434; }
    .sidebar .nav-dropdown.open .nav-dropdown-toggle {
      color: #F03434;
      font-weight: 700;
      background: #f0f3f5; }
      .sidebar .nav-dropdown.open .nav-dropdown-toggle i {
        color: #F03434;
        font-weight: 700; }
    .sidebar .nav-dropdown.open .nav-dropdown.open {
      border-left: 0; }
  .sidebar .nav-label {
    display: block;
    padding: 0.0875rem 2rem;
    color: #3e515b; }
    .sidebar .nav-label:hover {
      color: #29363d;
      text-decoration: none; }
    .sidebar .nav-label i {
      width: 20px;
      margin: -3px 1rem 0 0;
      font-size: 10px;
      color: #536c79;
      text-align: center;
      vertical-align: middle; }
  .sidebar .sidebar-footer {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.2); }
  .sidebar .sidebar-minimizer {
    position: relative;
    flex: 0 0 50px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0; }
    .sidebar .sidebar-minimizer::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12.5px;
      transition: .3s; }
    .sidebar .sidebar-minimizer:focus, .sidebar .sidebar-minimizer.focus {
      outline: 0; }
    .sidebar .sidebar-minimizer:hover {
      background-color: rgba(0, 0, 0, 0.3); }
      .sidebar .sidebar-minimizer:hover::before {
        background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#F03434' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23"); }

.btn-sidebar {
  width: 201px;
  margin: 20px 15px 30px; }

@media (min-width: 992px) {
  .sidebar-compact .sidebar .sidebar-nav {
    width: 150px; }
  .sidebar-compact .sidebar .nav {
    width: 150px; }
    .sidebar-compact .sidebar .nav .nav-title {
      text-align: center; }
    .sidebar-compact .sidebar .nav .nav-item {
      width: 150px;
      border-left: 0 !important; }
      .sidebar-compact .sidebar .nav .nav-item .nav-link {
        text-align: center; }
        .sidebar-compact .sidebar .nav .nav-item .nav-link i {
          display: block;
          width: 100%;
          margin: 0.25rem 0;
          font-size: 24px; }
        .sidebar-compact .sidebar .nav .nav-item .nav-link .badge {
          position: absolute;
          top: 18px;
          right: 10px; }
        .sidebar-compact .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle::before {
          top: 30px; }
      .sidebar-compact .sidebar .nav .nav-item .nav-dropdown-items {
        margin-left: -20px;
        overflow-x: hidden; }
  .sidebar-minimized .hidden-cn {
    display: none; }
  .sidebar-minimized .sidebar {
    z-index: 1019; }
    .sidebar-minimized .sidebar .sidebar-nav {
      overflow: visible;
      width: 80px; }
    .sidebar-minimized .sidebar .nav {
      width: 80px; }
    .sidebar-minimized .sidebar .nav-divider,
    .sidebar-minimized .sidebar .divider,
    .sidebar-minimized .sidebar .nav-title,
    .sidebar-minimized .sidebar .sidebar-footer,
    .sidebar-minimized .sidebar .sidebar-form,
    .sidebar-minimized .sidebar .sidebar-header {
      display: none; }
    .sidebar-minimized .sidebar .sidebar-minimizer::before {
      width: 100%;
      transform: rotate(-180deg); }
    .sidebar-minimized .sidebar .nav-item {
      width: 80px;
      overflow: hidden;
      border-left: 0 !important; }
      .sidebar-minimized .sidebar .nav-item:hover {
        width: 330px;
        overflow: visible; }
        .sidebar-minimized .sidebar .nav-item:hover > .nav-link {
          background: theme-color("primary"); }
          .sidebar-minimized .sidebar .nav-item:hover > .nav-link i {
            color: #F03434; }
    .sidebar-minimized .sidebar .nav-link {
      position: relative;
      padding-left: 0;
      margin: 0;
      white-space: nowrap;
      border-left: 0 !important;
      background: #fff;
      width: 288.33333px; }
      .sidebar-minimized .sidebar .nav-link i {
        display: block;
        float: left;
        width: 80px;
        font-size: 20px;
        color: #536c79;
        margin-top: -1px; }
      .sidebar-minimized .sidebar .nav-link .badge {
        position: absolute;
        right: 15px;
        display: none; }
      .sidebar-minimized .sidebar .nav-link:hover {
        width: 288.33333px; }
        .sidebar-minimized .sidebar .nav-link:hover .badge {
          margin-top: 1px;
          display: inline; }
      .sidebar-minimized .sidebar .nav-link.active {
        border-left: none !important; }
        .sidebar-minimized .sidebar .nav-link.active i {
          color: #F03434; }
      .sidebar-minimized .sidebar .nav-link.nav-dropdown-toggle::before {
        display: none; }
    .sidebar-minimized .sidebar .nav-dropdown-items .nav-item {
      width: 208.33333px; }
      .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link {
        width: 250px;
        margin-left: 20px; }
        .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link:hover {
          border-left: none !important;
          width: 166.66667px !important; }
    .sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items {
      display: none;
      max-height: 1000px;
      background: #fff; }
    .sidebar-minimized .sidebar .nav > .nav-dropdown:hover {
      background: theme-color("primary"); }
      .sidebar-minimized .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items {
        position: absolute;
        left: 80px;
        display: inline; } }

@media (max-width: 991px) {
  .sidebar {
    position: fixed;
    z-index: 1019;
    width: 250px;
    height: 100%;
    margin-left: -250px; }
    .sidebar .sidebar-nav,
    .sidebar .nav {
      width: 250px !important; }
    .sidebar .sidebar-minimizer {
      display: none; }
  .sidebar-hidden .sidebar {
    margin-left: -250px; }
  .sidebar-mobile-show .sidebar {
    width: 250px;
    margin-left: 0;
    margin-top: 60px; }
    .sidebar-mobile-show .sidebar .sidebar-nav {
      height: calc(100vh - 60px); }
  .sidebar-mobile-show .main {
    margin-right: -250px !important;
    margin-left: 250px !important; }
  .navbar .navbar-brand-dark {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    background: transparent !important;
    color: #F03434 !important;
    margin-top: -30px; } }

/* end sidebar style */
/*******************
/*04.03. Sidebar-Colored*/
/*******************/
.sidebar-colored {
  display: flex;
  flex-direction: column;
  color: #29363d;
  background: #F03434;
  -webkit-box-shadow: 10px 50px 15px -15px #000;
  -moz-box-shadow: 10px 50px 15px -15px #000;
  box-shadow: 10px 50px 15px -15px #000; }
  .sidebar-colored .sidebar-close {
    position: absolute;
    right: 0;
    display: none;
    padding: 0 1rem;
    font-size: 24px;
    font-weight: 800;
    line-height: 60px;
    color: #29363d;
    background: 0;
    border: 0;
    opacity: .8; }
    .sidebar-colored .sidebar-close:hover {
      opacity: 1; }
  .sidebar-colored .sidebar-header {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.2); }
  .sidebar-colored .sidebar-form .form-control {
    color: #fff;
    background: #e6e6e6;
    border: 0; }
    .sidebar-colored .sidebar-form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.7); }
  .sidebar-colored .sidebar-nav {
    padding-top: 20px;
    padding-bottom: 200px;
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    .sidebar-colored .sidebar-nav::-webkit-scrollbar {
      display: none; }
  .sidebar-colored .nav {
    width: 250px;
    flex-direction: column;
    min-height: 100%; }
  .sidebar-colored .nav-title {
    padding: 0.8rem 1rem;
    margin-top: 15px;
    font-size: 0.65rem;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase; }
  .sidebar-colored .nav-divider,
  .sidebar-colored .divider {
    height: 10px; }
  .sidebar-colored .nav-item {
    position: relative;
    margin: 0;
    transition: background .3s ease-in-out; }
  .sidebar-colored .nav-dropdown-items {
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    transition: max-height .3s ease-in-out; }
    .sidebar-colored .nav-dropdown-items .nav-item {
      padding: 0;
      list-style: none; }
  .sidebar-colored .nav-link {
    display: block;
    font-size: 0.9rem;
    color: #fff;
    text-decoration: none;
    background: transparent; }
    .sidebar-colored .nav-link i {
      display: inline-block;
      margin: 0 0.2rem 0 0;
      font-size: 1.3rem;
      color: #fff;
      text-align: center; }
    .sidebar-colored .nav-link .badge {
      float: right;
      margin-top: 8px; }
    .sidebar-colored .nav-link.active {
      font-weight: 700;
      color: #F03434;
      background: white;
      border-right: 5px solid #F03434; }
      .sidebar-colored .nav-link.active i {
        font-weight: 700;
        color: #F03434; }
    .sidebar-colored .nav-link:hover {
      font-weight: 700;
      color: #fff;
      background: #f24c4c;
      border-left: 5px solid #fff; }
      .sidebar-colored .nav-link:hover i {
        font-weight: 700;
        color: #fff; }
      .sidebar-colored .nav-link:hover.nav-dropdown-toggle::before {
        float: right;
        border-top: 5px solid #fff;
        border-right: 5px solid transparent;
        overflow: hidden; }
    .sidebar-colored .nav-link.nav-link-primary {
      background: #3867d6; }
      .sidebar-colored .nav-link.nav-link-primary i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-primary:hover {
        background: #2a5acb !important; }
        .sidebar-colored .nav-link.nav-link-primary:hover i {
          color: #fff; }
    .sidebar-colored .nav-link.nav-link-secondary {
      background: #a4b7c1; }
      .sidebar-colored .nav-link.nav-link-secondary i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-secondary:hover {
        background: #95abb7 !important; }
        .sidebar-colored .nav-link.nav-link-secondary:hover i {
          color: #fff; }
    .sidebar-colored .nav-link.nav-link-success {
      background: #20bf6b; }
      .sidebar-colored .nav-link.nav-link-success i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-success:hover {
        background: #1ca95f !important; }
        .sidebar-colored .nav-link.nav-link-success:hover i {
          color: #fff; }
    .sidebar-colored .nav-link.nav-link-info {
      background: #2d98da; }
      .sidebar-colored .nav-link.nav-link-info i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-info:hover {
        background: #248aca !important; }
        .sidebar-colored .nav-link.nav-link-info:hover i {
          color: #fff; }
    .sidebar-colored .nav-link.nav-link-warning {
      background: #F6BB42; }
      .sidebar-colored .nav-link.nav-link-warning i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-warning:hover {
        background: #f5b22a !important; }
        .sidebar-colored .nav-link.nav-link-warning:hover i {
          color: #fff; }
    .sidebar-colored .nav-link.nav-link-danger {
      background: #F03434; }
      .sidebar-colored .nav-link.nav-link-danger i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-danger:hover {
        background: #ee1c1c !important; }
        .sidebar-colored .nav-link.nav-link-danger:hover i {
          color: #fff; }
    .sidebar-colored .nav-link.nav-link-light {
      background: #f0f3f5; }
      .sidebar-colored .nav-link.nav-link-light i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-light:hover {
        background: #e1e7eb !important; }
        .sidebar-colored .nav-link.nav-link-light:hover i {
          color: #fff; }
    .sidebar-colored .nav-link.nav-link-dark {
      background: #29363d; }
      .sidebar-colored .nav-link.nav-link-dark i {
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-colored .nav-link.nav-link-dark:hover {
        background: #1f292e !important; }
        .sidebar-colored .nav-link.nav-link-dark:hover i {
          color: #fff; }
  .sidebar-colored .nav-dropdown-toggle {
    position: relative; }
    .sidebar-colored .nav-dropdown-toggle::before {
      position: absolute;
      top: 50%;
      right: 2rem;
      display: block;
      width: 8px;
      height: 8px;
      padding: 0;
      margin-top: -4px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      transition: transform .5s;
      border-top: 5px solid #fff;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
  .sidebar-colored .nav-dropdown-items .nav-item .nav-link.active {
    color: #F03434;
    border-right: 3px solid #F03434 !important; }
  .sidebar-colored .nav-dropdown-items .nav-item .nav-link:hover {
    color: #fff;
    border-left: 5px solid #fff !important; }
  .sidebar-colored .nav-dropdown.open {
    background: #F5F5F5; }
    .sidebar-colored .nav-dropdown.open > .nav-dropdown-items {
      padding-left: 20px;
      max-height: 1000px;
      background: #f24c4c; }
    .sidebar-colored .nav-dropdown.open .nav-link {
      color: #fff;
      border-left: 0 !important; }
    .sidebar-colored .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before {
      transform: rotate(-180deg);
      border-top: 5px solid #F03434; }
    .sidebar-colored .nav-dropdown.open .nav-dropdown-toggle {
      color: #F03434;
      font-weight: 700;
      background: #f0f3f5; }
      .sidebar-colored .nav-dropdown.open .nav-dropdown-toggle i {
        color: #F03434;
        font-weight: 700; }
    .sidebar-colored .nav-dropdown.open .nav-dropdown.open {
      border-left: 0; }
  .sidebar-colored .nav-label {
    display: block;
    padding: 0.0875rem 2rem;
    color: #3e515b; }
    .sidebar-colored .nav-label:hover {
      color: #29363d;
      text-decoration: none; }
    .sidebar-colored .nav-label i {
      width: 20px;
      margin: -3px 1rem 0 0;
      font-size: 10px;
      color: #536c79;
      text-align: center;
      vertical-align: middle; }
  .sidebar-colored .sidebar-footer {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.2); }
  .sidebar-colored .sidebar-minimizer {
    position: relative;
    flex: 0 0 50px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0; }
    .sidebar-colored .sidebar-minimizer::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12.5px;
      transition: .3s; }
    .sidebar-colored .sidebar-minimizer:focus, .sidebar-colored .sidebar-minimizer.focus {
      outline: 0; }
    .sidebar-colored .sidebar-minimizer:hover {
      background-color: rgba(0, 0, 0, 0.3); }
      .sidebar-colored .sidebar-minimizer:hover::before {
        background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#F03434' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23"); }

.btn-sidebar {
  width: 201px;
  margin: 20px 15px 30px; }

.sidebar-minimized-colored .hidden-cn {
  display: none; }

.sidebar-minimized-colored .sidebar {
  z-index: 1019; }
  .sidebar-minimized-colored .sidebar .sidebar-nav {
    overflow: visible;
    width: 80px; }
  .sidebar-minimized-colored .sidebar .nav {
    width: 80px; }
  .sidebar-minimized-colored .sidebar .nav-divider,
  .sidebar-minimized-colored .sidebar .divider,
  .sidebar-minimized-colored .sidebar .nav-title,
  .sidebar-minimized-colored .sidebar .sidebar-footer,
  .sidebar-minimized-colored .sidebar .sidebar-form,
  .sidebar-minimized-colored .sidebar .sidebar-header {
    display: none; }
  .sidebar-minimized-colored .sidebar .sidebar-minimizer::before {
    width: 100%;
    transform: rotate(-180deg); }
  .sidebar-minimized-colored .sidebar .nav-item {
    width: 80px;
    overflow: hidden;
    border-left: 0 !important; }
    .sidebar-minimized-colored .sidebar .nav-item:hover {
      width: 330px;
      overflow: visible; }
      .sidebar-minimized-colored .sidebar .nav-item:hover > .nav-link {
        background: theme-color("primary"); }
        .sidebar-minimized-colored .sidebar .nav-item:hover > .nav-link i {
          color: #F03434; }
  .sidebar-minimized-colored .sidebar .nav-link {
    position: relative;
    padding-left: 0;
    margin: 0;
    white-space: nowrap;
    border-left: 0 !important;
    background: #F03434 !important;
    width: 288.33333px;
    color: #fff; }
    .sidebar-minimized-colored .sidebar .nav-link i {
      display: block;
      float: left;
      width: 80px;
      font-size: 20px;
      color: #fff !important;
      margin-top: -1px; }
    .sidebar-minimized-colored .sidebar .nav-link .badge {
      position: absolute;
      right: 15px;
      display: none; }
    .sidebar-minimized-colored .sidebar .nav-link:hover {
      width: 288.33333px; }
      .sidebar-minimized-colored .sidebar .nav-link:hover .badge {
        margin-top: 1px;
        display: inline; }
    .sidebar-minimized-colored .sidebar .nav-link.active {
      border-left: none !important;
      color: #fff !important; }
      .sidebar-minimized-colored .sidebar .nav-link.active i {
        color: #fff !important; }
    .sidebar-minimized-colored .sidebar .nav-link.nav-dropdown-toggle::before {
      display: none; }
  .sidebar-minimized-colored .sidebar .nav-dropdown-items .nav-item {
    width: 208.33333px;
    background: #F03434;
    color: #fff !important; }
    .sidebar-minimized-colored .sidebar .nav-dropdown-items .nav-item .nav-link {
      width: 250px;
      margin-left: 20px;
      color: #fff !important; }
      .sidebar-minimized-colored .sidebar .nav-dropdown-items .nav-item .nav-link:hover {
        border-left: none !important;
        width: 166.66667px !important; }
    .sidebar-minimized-colored .sidebar .nav-dropdown-items .nav-item .open {
      color: #fff; }
  .sidebar-minimized-colored .sidebar .nav > .nav-dropdown > .nav-dropdown-items {
    display: none;
    max-height: 1000px;
    background: #F03434;
    color: white; }
  .sidebar-minimized-colored .sidebar .nav > .nav-dropdown:hover {
    background: theme-color("primary"); }
    .sidebar-minimized-colored .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items {
      position: absolute;
      left: 80px;
      display: inline; }

@media (max-width: 991px) {
  .sidebar {
    position: fixed;
    z-index: 1019;
    width: 250px;
    height: 100%;
    margin-left: -250px; }
    .sidebar .sidebar-nav,
    .sidebar .nav {
      width: 250px !important; }
    .sidebar .sidebar-minimizer {
      display: none; }
  .sidebar-hidden .sidebar {
    margin-left: -250px; }
  .sidebar-mobile-show .sidebar {
    width: 250px;
    margin-left: 0;
    margin-top: 60px; }
    .sidebar-mobile-show .sidebar .sidebar-nav {
      height: calc(100vh - 60px); }
  .sidebar-mobile-show .main {
    margin-right: -250px !important;
    margin-left: 250px !important; } }

/* end sidebar style */
/*******************
/*04.04. Aside*/
/*******************/
.aside-menu {
  z-index: 1019;
  width: 300px;
  color: #29363d;
  background: #fff;
  border-left: 1px solid #c2cfd6; }
  .aside-menu .aside-header {
    padding: 20px 20px;
    font-size: 1.1rem; }
  .aside-menu .aside-body {
    padding: 0px 20px; }
    .aside-menu .aside-body h6 {
      margin-top: 50px; }
    .aside-menu .aside-body .theme-colors {
      margin-top: 20px;
      list-style: none; }
      .aside-menu .aside-body .theme-colors li {
        cursor: pointer;
        display: inline-block;
        background: #29363d;
        padding: 12px;
        border-radius: 100px; }
      .aside-menu .aside-body .theme-colors .theme-blue {
        background-color: #3867d6 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #3867d6;
        -moz-box-shadow: 0px 5px 25px -3px #3867d6;
        box-shadow: 0px 5px 25px -3px #3867d6; }
      .aside-menu .aside-body .theme-colors .theme-green {
        background-color: #20bf6b !important;
        -webkit-box-shadow: 0px 5px 25px -3px #20bf6b;
        -moz-box-shadow: 0px 5px 25px -3px #20bf6b;
        box-shadow: 0px 5px 25px -3px #20bf6b; }
      .aside-menu .aside-body .theme-colors .theme-red {
        background-color: #F03434 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #F03434;
        -moz-box-shadow: 0px 5px 25px -3px #F03434;
        box-shadow: 0px 5px 25px -3px #F03434; }
      .aside-menu .aside-body .theme-colors .theme-yellow {
        background-color: #F6BB42 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #F6BB42;
        -moz-box-shadow: 0px 5px 25px -3px #F6BB42;
        box-shadow: 0px 5px 25px -3px #F6BB42; }
      .aside-menu .aside-body .theme-colors .theme-orange {
        background-color: #f57c00 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #f57c00;
        -moz-box-shadow: 0px 5px 25px -3px #f57c00;
        box-shadow: 0px 5px 25px -3px #f57c00; }
      .aside-menu .aside-body .theme-colors .theme-teal {
        background-color: #20c997 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #20c997;
        -moz-box-shadow: 0px 5px 25px -3px #20c997;
        box-shadow: 0px 5px 25px -3px #20c997; }
      .aside-menu .aside-body .theme-colors .theme-cyan {
        background-color: #2d98da !important;
        -webkit-box-shadow: 0px 5px 25px -3px #2d98da;
        -moz-box-shadow: 0px 5px 25px -3px #2d98da;
        box-shadow: 0px 5px 25px -3px #2d98da; }
      .aside-menu .aside-body .theme-colors .theme-purple {
        background-color: #673ab7 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #673ab7;
        -moz-box-shadow: 0px 5px 25px -3px #673ab7;
        box-shadow: 0px 5px 25px -3px #673ab7; }
      .aside-menu .aside-body .theme-colors .theme-indigo {
        background-color: #8e24aa !important;
        -webkit-box-shadow: 0px 5px 25px -3px #8e24aa;
        -moz-box-shadow: 0px 5px 25px -3px #8e24aa;
        box-shadow: 0px 5px 25px -3px #8e24aa; }
      .aside-menu .aside-body .theme-colors .theme-pink {
        background-color: #e91e63 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #e91e63;
        -moz-box-shadow: 0px 5px 25px -3px #e91e63;
        box-shadow: 0px 5px 25px -3px #e91e63; }
      .aside-menu .aside-body .theme-colors .theme-facebook {
        background-color: #3b5998 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #3b5998;
        -moz-box-shadow: 0px 5px 25px -3px #3b5998;
        box-shadow: 0px 5px 25px -3px #3b5998; }
      .aside-menu .aside-body .theme-colors .theme-twitter {
        background-color: #00aced !important;
        -webkit-box-shadow: 0px 5px 25px -3px #00aced;
        -moz-box-shadow: 0px 5px 25px -3px #00aced;
        box-shadow: 0px 5px 25px -3px #00aced; }
      .aside-menu .aside-body .theme-colors .theme-linkedin {
        background-color: #4875b4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #4875b4;
        -moz-box-shadow: 0px 5px 25px -3px #4875b4;
        box-shadow: 0px 5px 25px -3px #4875b4; }
      .aside-menu .aside-body .theme-colors .theme-google-plus {
        background-color: #d34836 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #d34836;
        -moz-box-shadow: 0px 5px 25px -3px #d34836;
        box-shadow: 0px 5px 25px -3px #d34836; }
      .aside-menu .aside-body .theme-colors .theme-flickr {
        background-color: #ff0084 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ff0084;
        -moz-box-shadow: 0px 5px 25px -3px #ff0084;
        box-shadow: 0px 5px 25px -3px #ff0084; }
      .aside-menu .aside-body .theme-colors .theme-tumblr {
        background-color: #32506d !important;
        -webkit-box-shadow: 0px 5px 25px -3px #32506d;
        -moz-box-shadow: 0px 5px 25px -3px #32506d;
        box-shadow: 0px 5px 25px -3px #32506d; }
      .aside-menu .aside-body .theme-colors .theme-xing {
        background-color: #026466 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #026466;
        -moz-box-shadow: 0px 5px 25px -3px #026466;
        box-shadow: 0px 5px 25px -3px #026466; }
      .aside-menu .aside-body .theme-colors .theme-github {
        background-color: #4183c4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #4183c4;
        -moz-box-shadow: 0px 5px 25px -3px #4183c4;
        box-shadow: 0px 5px 25px -3px #4183c4; }
      .aside-menu .aside-body .theme-colors .theme-html5 {
        background-color: #e34f26 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #e34f26;
        -moz-box-shadow: 0px 5px 25px -3px #e34f26;
        box-shadow: 0px 5px 25px -3px #e34f26; }
      .aside-menu .aside-body .theme-colors .theme-openid {
        background-color: #f78c40 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #f78c40;
        -moz-box-shadow: 0px 5px 25px -3px #f78c40;
        box-shadow: 0px 5px 25px -3px #f78c40; }
      .aside-menu .aside-body .theme-colors .theme-stack-overflow {
        background-color: #fe7a15 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #fe7a15;
        -moz-box-shadow: 0px 5px 25px -3px #fe7a15;
        box-shadow: 0px 5px 25px -3px #fe7a15; }
      .aside-menu .aside-body .theme-colors .theme-youtube {
        background-color: #b00 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #b00;
        -moz-box-shadow: 0px 5px 25px -3px #b00;
        box-shadow: 0px 5px 25px -3px #b00; }
      .aside-menu .aside-body .theme-colors .theme-css3 {
        background-color: #0170ba !important;
        -webkit-box-shadow: 0px 5px 25px -3px #0170ba;
        -moz-box-shadow: 0px 5px 25px -3px #0170ba;
        box-shadow: 0px 5px 25px -3px #0170ba; }
      .aside-menu .aside-body .theme-colors .theme-dribbble {
        background-color: #ea4c89 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ea4c89;
        -moz-box-shadow: 0px 5px 25px -3px #ea4c89;
        box-shadow: 0px 5px 25px -3px #ea4c89; }
      .aside-menu .aside-body .theme-colors .theme-instagram {
        background-color: #517fa4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #517fa4;
        -moz-box-shadow: 0px 5px 25px -3px #517fa4;
        box-shadow: 0px 5px 25px -3px #517fa4; }
      .aside-menu .aside-body .theme-colors .theme-pinterest {
        background-color: #cb2027 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #cb2027;
        -moz-box-shadow: 0px 5px 25px -3px #cb2027;
        box-shadow: 0px 5px 25px -3px #cb2027; }
      .aside-menu .aside-body .theme-colors .theme-vk {
        background-color: #45668e !important;
        -webkit-box-shadow: 0px 5px 25px -3px #45668e;
        -moz-box-shadow: 0px 5px 25px -3px #45668e;
        box-shadow: 0px 5px 25px -3px #45668e; }
      .aside-menu .aside-body .theme-colors .theme-yahoo {
        background-color: #400191 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #400191;
        -moz-box-shadow: 0px 5px 25px -3px #400191;
        box-shadow: 0px 5px 25px -3px #400191; }
      .aside-menu .aside-body .theme-colors .theme-behance {
        background-color: #1769ff !important;
        -webkit-box-shadow: 0px 5px 25px -3px #1769ff;
        -moz-box-shadow: 0px 5px 25px -3px #1769ff;
        box-shadow: 0px 5px 25px -3px #1769ff; }
      .aside-menu .aside-body .theme-colors .theme-dropbox {
        background-color: #007ee5 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #007ee5;
        -moz-box-shadow: 0px 5px 25px -3px #007ee5;
        box-shadow: 0px 5px 25px -3px #007ee5; }
      .aside-menu .aside-body .theme-colors .theme-reddit {
        background-color: #ff4500 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ff4500;
        -moz-box-shadow: 0px 5px 25px -3px #ff4500;
        box-shadow: 0px 5px 25px -3px #ff4500; }
      .aside-menu .aside-body .theme-colors .theme-spotify {
        background-color: #7ab800 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #7ab800;
        -moz-box-shadow: 0px 5px 25px -3px #7ab800;
        box-shadow: 0px 5px 25px -3px #7ab800; }
      .aside-menu .aside-body .theme-colors .theme-vine {
        background-color: #00bf8f !important;
        -webkit-box-shadow: 0px 5px 25px -3px #00bf8f;
        -moz-box-shadow: 0px 5px 25px -3px #00bf8f;
        box-shadow: 0px 5px 25px -3px #00bf8f; }
      .aside-menu .aside-body .theme-colors .theme-foursquare {
        background-color: #1073af !important;
        -webkit-box-shadow: 0px 5px 25px -3px #1073af;
        -moz-box-shadow: 0px 5px 25px -3px #1073af;
        box-shadow: 0px 5px 25px -3px #1073af; }
      .aside-menu .aside-body .theme-colors .theme-vimeo {
        background-color: #aad450 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #aad450;
        -moz-box-shadow: 0px 5px 25px -3px #aad450;
        box-shadow: 0px 5px 25px -3px #aad450; }
  .aside-menu .nav-tabs .nav-link {
    padding: 20px 30px;
    color: #678898;
    border-top: 0;
    font-size: 1.3rem; }
    .aside-menu .nav-tabs .nav-link.active {
      color: #F03434;
      border-right-color: #c2cfd6;
      border-left-color: #c2cfd6; }
  .aside-menu .nav-tabs .nav-item:first-child .nav-link {
    border-left: 0; }
  .aside-menu .tab-content {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-top: 1px solid #c2cfd6;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .aside-menu .tab-content::-webkit-scrollbar {
      width: 10px;
      margin-left: -10px;
      -webkit-appearance: none; }
    .aside-menu .tab-content::-webkit-scrollbar-track {
      background-color: white;
      border-right: 1px solid #f2f2f2;
      border-left: 1px solid #f2f2f2; }
    .aside-menu .tab-content::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #e6e6e6;
      background-clip: content-box;
      border-color: transparent;
      border-style: solid;
      border-width: 1px 2px; }
    .aside-menu .tab-content .tab-pane {
      padding: 0; }

/*******************
/*04.05. Footer*/
/*******************/
.app-footer {
  z-index: 101 !important;
  min-height: 50px;
  padding: 0 1rem;
  line-height: 50px;
  color: #869fac;
  background: #f0f3f5; }

/*******************
/*04.06. Footer*/
/*******************/
/*******************
/*05. Components*/
/*******************/
/* --- [Table Of Contents] ----
:: 05.01. Forms
:: 05.02. Alerts
:: 05.03. Buttons
:: 05.04. Breadcrumb
:: 05.05. Cards
:: 05.06. Dropdown
:: 05.07. Badge
:: 05.08. Model
:: 05.09. Tabs
:: 05.10. Tables
:: 05.11. Avatars
:: 05.12. Widgets
:: 05.13. Vertical-Timeline
:: 05.14. Horizantal-Timeline
-------------------------- */
/*******************
/*05.01. Forms*/
/*******************/
input,
select,
textarea {
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6; }

.form-control:focus {
  border-color: #F03434;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #F03434; }

input[type=text],
input[type=email],
select {
  min-height: 40px; }

input::placeholder {
  color: #a4b7c1 !important; }

textarea::-webkit-input-placeholder {
  color: #a4b7c1 !important; }

textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #a4b7c1 !important; }

textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #a4b7c1 !important; }

textarea:-ms-input-placeholder {
  color: #a4b7c1 !important; }

.is-valid {
  border: solid 1px #20bf6b !important; }

.is-invalid {
  border: solid 1px #F03434 !important; }

.help-block {
  color: #a4b7c1; }

.input-group-addon {
  border: none !important;
  -webkit-box-shadow: 0px 0px 20px -4px #a4b7c1;
  -moz-box-shadow: 0px 0px 20px -4px #a4b7c1;
  box-shadow: 0px 0px 20px -4px #a4b7c1; }

.input-group .input-group-btn .btn {
  margin: 0px; }

/*******************
/*05.02. ALerts*/
/*******************/
/*******************
/*05.03. Buttons*/
/*******************/
button {
  cursor: pointer; }

.btn {
  margin: 5px;
  color: white;
  border-radius: 4px !important; }
  .btn i {
    padding: 5px; }
  .btn:hover {
    color: white; }

.btn-group .btn-theme,
.btn-group .btn-primary,
.btn-group .btn-secondary,
.btn-group .btn-success,
.btn-group .btn-danger,
.btn-group .btn-warning,
.btn-group .btn-info,
.btn-group .btn-dark, .btn-group-vertical .btn-theme,
.btn-group-vertical .btn-primary,
.btn-group-vertical .btn-secondary,
.btn-group-vertical .btn-success,
.btn-group-vertical .btn-danger,
.btn-group-vertical .btn-warning,
.btn-group-vertical .btn-info,
.btn-group-vertical .btn-dark {
  margin: 0; }

.btn-group-vertical .dropdown-toggle {
  margin: 0 !important; }

.btn-round {
  border-radius: 50px !important;
  padding: 5px 15px !important; }

.btn-theme {
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  background: #F03434; }
  .btn-theme .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #1c6d9f;
    border-radius: 100%; }
  .btn-theme:hover {
    background: #ee1c1c; }

.btn-default {
  -webkit-box-shadow: 0px 5px 25px -3px #c2cfd6;
  -moz-box-shadow: 0px 5px 25px -3px #c2cfd6;
  box-shadow: 0px 5px 25px -3px #c2cfd6;
  background: #c2cfd6;
  color: #536c79; }
  .btn-default .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #1c6d9f;
    border-radius: 100%; }
  .btn-default:hover {
    background: #ee1c1c; }

.btn-success {
  -webkit-box-shadow: 0px 5px 25px -3px #20bf6b;
  -moz-box-shadow: 0px 5px 25px -3px #20bf6b;
  box-shadow: 0px 5px 25px -3px #20bf6b; }
  .btn-success .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #157d46;
    border-radius: 100%; }

.btn-info {
  -webkit-box-shadow: 0px 5px 25px -3px #2d98da;
  -moz-box-shadow: 0px 5px 25px -3px #2d98da;
  box-shadow: 0px 5px 25px -3px #2d98da; }
  .btn-info .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #1c6d9f;
    border-radius: 100%; }

.btn-primary {
  -webkit-box-shadow: 0px 5px 25px -3px #3867d6;
  -moz-box-shadow: 0px 5px 25px -3px #3867d6;
  box-shadow: 0px 5px 25px -3px #3867d6; }
  .btn-primary .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #2147a0;
    border-radius: 100%; }

.btn-warning {
  -webkit-box-shadow: 0px 5px 25px -3px #F6BB42;
  -moz-box-shadow: 0px 5px 25px -3px #F6BB42;
  box-shadow: 0px 5px 25px -3px #F6BB42; }
  .btn-warning .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #e19b0b;
    border-radius: 100%; }

.btn-danger {
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434; }
  .btn-danger .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #c90f0f;
    border-radius: 100%; }

.btn-dark {
  -webkit-box-shadow: 0px 5px 25px -3px #29363d;
  -moz-box-shadow: 0px 5px 25px -3px #29363d;
  box-shadow: 0px 5px 25px -3px #29363d; }
  .btn-dark .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #0a0e0f;
    border-radius: 100%; }

.btn-secondary {
  -webkit-box-shadow: 0px 5px 25px -3px #536c79;
  -moz-box-shadow: 0px 5px 25px -3px #536c79;
  box-shadow: 0px 5px 25px -3px #536c79; }
  .btn-secondary .icon-round {
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 1px;
    background-color: #34444c;
    border-radius: 100%; }

.btn-outline-primary {
  -webkit-box-shadow: 0px 5px 25px -3px #3867d6;
  -moz-box-shadow: 0px 5px 25px -3px #3867d6;
  box-shadow: 0px 5px 25px -3px #3867d6;
  color: #3867d6; }
  .btn-outline-primary .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #3867d6;
    background-color: #fff;
    border-radius: 100%; }

.btn-outline-dark {
  -webkit-box-shadow: 0px 5px 25px -3px #29363d;
  -moz-box-shadow: 0px 5px 25px -3px #29363d;
  box-shadow: 0px 5px 25px -3px #29363d;
  color: #29363d; }
  .btn-outline-dark .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #29363d;
    background-color: #fff;
    border-radius: 100%; }
  .btn-outline-dark:hover {
    background: #29363d; }

.btn-outline-success {
  -webkit-box-shadow: 0px 5px 25px -3px #20bf6b;
  -moz-box-shadow: 0px 5px 25px -3px #20bf6b;
  box-shadow: 0px 5px 25px -3px #20bf6b;
  color: #20bf6b; }
  .btn-outline-success .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #20bf6b;
    background-color: #fff;
    border-radius: 100%; }

.btn-outline-info {
  -webkit-box-shadow: 0px 5px 25px -3px #2d98da;
  -moz-box-shadow: 0px 5px 25px -3px #2d98da;
  box-shadow: 0px 5px 25px -3px #2d98da;
  color: #2d98da; }
  .btn-outline-info .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #2d98da;
    background-color: #fff;
    border-radius: 100%; }

.btn-outline-warning {
  -webkit-box-shadow: 0px 5px 25px -3px #F6BB42;
  -moz-box-shadow: 0px 5px 25px -3px #F6BB42;
  box-shadow: 0px 5px 25px -3px #F6BB42;
  color: #F6BB42; }
  .btn-outline-warning .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #F6BB42;
    background-color: #fff;
    border-radius: 100%; }

.btn-outline-danger {
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  color: #F03434; }
  .btn-outline-danger .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #F03434;
    background-color: #fff;
    border-radius: 100%; }

.btn-outline-theme {
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  color: #F03434;
  background: #fff;
  border: 1px solid #F03434; }
  .btn-outline-theme .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #F03434;
    background-color: #fff;
    border-radius: 100%; }
  .btn-outline-theme:hover {
    background: #F03434; }

.btn-outline-secondary {
  -webkit-box-shadow: 0px 5px 25px -3px #536c79;
  -moz-box-shadow: 0px 5px 25px -3px #536c79;
  box-shadow: 0px 5px 25px -3px #536c79;
  color: #536c79;
  background: #fff;
  border: 1px solid #536c79; }
  .btn-outline-secondary .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    border: solid 1px #3867d6;
    background-color: #fff;
    border-radius: 100%; }

.btn-transparent {
  color: #fff;
  background-color: #fff;
  border-color: #fff; }

.btn [class^="icon-"], .btn [class*=" icon-"] {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle; }

.btn-facebook,
.btn-twitter,
.btn-linkedin,
.btn-flickr,
.btn-tumblr,
.btn-xing,
.btn-github,
.btn-html5,
.btn-openid,
.btn-stack-overflow,
.btn-youtube,
.btn-css3,
.btn-dribbble,
.btn-google-plus,
.btn-instagram,
.btn-pinterest,
.btn-vk,
.btn-yahoo,
.btn-behance,
.btn-dropbox,
.btn-reddit,
.btn-spotify,
.btn-vine,
.btn-foursquare,
.btn-vimeo {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  text-align: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border: 0; }
  .btn-facebook::before,
  .btn-twitter::before,
  .btn-linkedin::before,
  .btn-flickr::before,
  .btn-tumblr::before,
  .btn-xing::before,
  .btn-github::before,
  .btn-html5::before,
  .btn-openid::before,
  .btn-stack-overflow::before,
  .btn-youtube::before,
  .btn-css3::before,
  .btn-dribbble::before,
  .btn-google-plus::before,
  .btn-instagram::before,
  .btn-pinterest::before,
  .btn-vk::before,
  .btn-yahoo::before,
  .btn-behance::before,
  .btn-dropbox::before,
  .btn-reddit::before,
  .btn-spotify::before,
  .btn-vine::before,
  .btn-foursquare::before,
  .btn-vimeo::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; }
  .btn-facebook:hover,
  .btn-twitter:hover,
  .btn-linkedin:hover,
  .btn-flickr:hover,
  .btn-tumblr:hover,
  .btn-xing:hover,
  .btn-github:hover,
  .btn-html5:hover,
  .btn-openid:hover,
  .btn-stack-overflow:hover,
  .btn-youtube:hover,
  .btn-css3:hover,
  .btn-dribbble:hover,
  .btn-google-plus:hover,
  .btn-instagram:hover,
  .btn-pinterest:hover,
  .btn-vk:hover,
  .btn-yahoo:hover,
  .btn-behance:hover,
  .btn-dropbox:hover,
  .btn-reddit:hover,
  .btn-spotify:hover,
  .btn-vine:hover,
  .btn-foursquare:hover,
  .btn-vimeo:hover {
    color: #fff; }
  .btn-facebook.icon span,
  .btn-twitter.icon span,
  .btn-linkedin.icon span,
  .btn-flickr.icon span,
  .btn-tumblr.icon span,
  .btn-xing.icon span,
  .btn-github.icon span,
  .btn-html5.icon span,
  .btn-openid.icon span,
  .btn-stack-overflow.icon span,
  .btn-youtube.icon span,
  .btn-css3.icon span,
  .btn-dribbble.icon span,
  .btn-google-plus.icon span,
  .btn-instagram.icon span,
  .btn-pinterest.icon span,
  .btn-vk.icon span,
  .btn-yahoo.icon span,
  .btn-behance.icon span,
  .btn-dropbox.icon span,
  .btn-reddit.icon span,
  .btn-spotify.icon span,
  .btn-vine.icon span,
  .btn-foursquare.icon span,
  .btn-vimeo.icon span {
    display: none; }
  .btn-facebook.text::before,
  .btn-twitter.text::before,
  .btn-linkedin.text::before,
  .btn-flickr.text::before,
  .btn-tumblr.text::before,
  .btn-xing.text::before,
  .btn-github.text::before,
  .btn-html5.text::before,
  .btn-openid.text::before,
  .btn-stack-overflow.text::before,
  .btn-youtube.text::before,
  .btn-css3.text::before,
  .btn-dribbble.text::before,
  .btn-google-plus.text::before,
  .btn-instagram.text::before,
  .btn-pinterest.text::before,
  .btn-vk.text::before,
  .btn-yahoo.text::before,
  .btn-behance.text::before,
  .btn-dropbox.text::before,
  .btn-reddit.text::before,
  .btn-spotify.text::before,
  .btn-vine.text::before,
  .btn-foursquare.text::before,
  .btn-vimeo.text::before {
    display: none; }
  .btn-facebook.text span,
  .btn-twitter.text span,
  .btn-linkedin.text span,
  .btn-flickr.text span,
  .btn-tumblr.text span,
  .btn-xing.text span,
  .btn-github.text span,
  .btn-html5.text span,
  .btn-openid.text span,
  .btn-stack-overflow.text span,
  .btn-youtube.text span,
  .btn-css3.text span,
  .btn-dribbble.text span,
  .btn-google-plus.text span,
  .btn-instagram.text span,
  .btn-pinterest.text span,
  .btn-vk.text span,
  .btn-yahoo.text span,
  .btn-behance.text span,
  .btn-dropbox.text span,
  .btn-reddit.text span,
  .btn-spotify.text span,
  .btn-vine.text span,
  .btn-foursquare.text span,
  .btn-vimeo.text span {
    margin-left: 0 !important; }
  .btn-facebook::before,
  .btn-twitter::before,
  .btn-linkedin::before,
  .btn-flickr::before,
  .btn-tumblr::before,
  .btn-xing::before,
  .btn-github::before,
  .btn-html5::before,
  .btn-openid::before,
  .btn-stack-overflow::before,
  .btn-youtube::before,
  .btn-css3::before,
  .btn-dribbble::before,
  .btn-google-plus::before,
  .btn-instagram::before,
  .btn-pinterest::before,
  .btn-vk::before,
  .btn-yahoo::before,
  .btn-behance::before,
  .btn-dropbox::before,
  .btn-reddit::before,
  .btn-spotify::before,
  .btn-vine::before,
  .btn-foursquare::before,
  .btn-vimeo::before {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.375rem 0;
    font-size: 1rem;
    line-height: 1.5; }
  .btn-facebook span,
  .btn-twitter span,
  .btn-linkedin span,
  .btn-flickr span,
  .btn-tumblr span,
  .btn-xing span,
  .btn-github span,
  .btn-html5 span,
  .btn-openid span,
  .btn-stack-overflow span,
  .btn-youtube span,
  .btn-css3 span,
  .btn-dribbble span,
  .btn-google-plus span,
  .btn-instagram span,
  .btn-pinterest span,
  .btn-vk span,
  .btn-yahoo span,
  .btn-behance span,
  .btn-dropbox span,
  .btn-reddit span,
  .btn-spotify span,
  .btn-vine span,
  .btn-foursquare span,
  .btn-vimeo span {
    margin-left: 2.25rem; }
  .btn-facebook.icon,
  .btn-twitter.icon,
  .btn-linkedin.icon,
  .btn-flickr.icon,
  .btn-tumblr.icon,
  .btn-xing.icon,
  .btn-github.icon,
  .btn-html5.icon,
  .btn-openid.icon,
  .btn-stack-overflow.icon,
  .btn-youtube.icon,
  .btn-css3.icon,
  .btn-dribbble.icon,
  .btn-google-plus.icon,
  .btn-instagram.icon,
  .btn-pinterest.icon,
  .btn-vk.icon,
  .btn-yahoo.icon,
  .btn-behance.icon,
  .btn-dropbox.icon,
  .btn-reddit.icon,
  .btn-spotify.icon,
  .btn-vine.icon,
  .btn-foursquare.icon,
  .btn-vimeo.icon {
    width: 2.25rem;
    height: 2.25rem; }
  .btn-facebook.btn-lg, .btn-group-lg > .btn-facebook.btn,
  .btn-twitter.btn-lg,
  .btn-group-lg > .btn-twitter.btn,
  .btn-linkedin.btn-lg,
  .btn-group-lg > .btn-linkedin.btn,
  .btn-flickr.btn-lg,
  .btn-group-lg > .btn-flickr.btn,
  .btn-tumblr.btn-lg,
  .btn-group-lg > .btn-tumblr.btn,
  .btn-xing.btn-lg,
  .btn-group-lg > .btn-xing.btn,
  .btn-github.btn-lg,
  .btn-group-lg > .btn-github.btn,
  .btn-html5.btn-lg,
  .btn-group-lg > .btn-html5.btn,
  .btn-openid.btn-lg,
  .btn-group-lg > .btn-openid.btn,
  .btn-stack-overflow.btn-lg,
  .btn-group-lg > .btn-stack-overflow.btn,
  .btn-youtube.btn-lg,
  .btn-group-lg > .btn-youtube.btn,
  .btn-css3.btn-lg,
  .btn-group-lg > .btn-css3.btn,
  .btn-dribbble.btn-lg,
  .btn-group-lg > .btn-dribbble.btn,
  .btn-google-plus.btn-lg,
  .btn-group-lg > .btn-google-plus.btn,
  .btn-instagram.btn-lg,
  .btn-group-lg > .btn-instagram.btn,
  .btn-pinterest.btn-lg,
  .btn-group-lg > .btn-pinterest.btn,
  .btn-vk.btn-lg,
  .btn-group-lg > .btn-vk.btn,
  .btn-yahoo.btn-lg,
  .btn-group-lg > .btn-yahoo.btn,
  .btn-behance.btn-lg,
  .btn-group-lg > .btn-behance.btn,
  .btn-dropbox.btn-lg,
  .btn-group-lg > .btn-dropbox.btn,
  .btn-reddit.btn-lg,
  .btn-group-lg > .btn-reddit.btn,
  .btn-spotify.btn-lg,
  .btn-group-lg > .btn-spotify.btn,
  .btn-vine.btn-lg,
  .btn-group-lg > .btn-vine.btn,
  .btn-foursquare.btn-lg,
  .btn-group-lg > .btn-foursquare.btn,
  .btn-vimeo.btn-lg,
  .btn-group-lg > .btn-vimeo.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border: 0; }
    .btn-facebook.btn-lg::before, .btn-group-lg > .btn-facebook.btn::before,
    .btn-twitter.btn-lg::before,
    .btn-group-lg > .btn-twitter.btn::before,
    .btn-linkedin.btn-lg::before,
    .btn-group-lg > .btn-linkedin.btn::before,
    .btn-flickr.btn-lg::before,
    .btn-group-lg > .btn-flickr.btn::before,
    .btn-tumblr.btn-lg::before,
    .btn-group-lg > .btn-tumblr.btn::before,
    .btn-xing.btn-lg::before,
    .btn-group-lg > .btn-xing.btn::before,
    .btn-github.btn-lg::before,
    .btn-group-lg > .btn-github.btn::before,
    .btn-html5.btn-lg::before,
    .btn-group-lg > .btn-html5.btn::before,
    .btn-openid.btn-lg::before,
    .btn-group-lg > .btn-openid.btn::before,
    .btn-stack-overflow.btn-lg::before,
    .btn-group-lg > .btn-stack-overflow.btn::before,
    .btn-youtube.btn-lg::before,
    .btn-group-lg > .btn-youtube.btn::before,
    .btn-css3.btn-lg::before,
    .btn-group-lg > .btn-css3.btn::before,
    .btn-dribbble.btn-lg::before,
    .btn-group-lg > .btn-dribbble.btn::before,
    .btn-google-plus.btn-lg::before,
    .btn-group-lg > .btn-google-plus.btn::before,
    .btn-instagram.btn-lg::before,
    .btn-group-lg > .btn-instagram.btn::before,
    .btn-pinterest.btn-lg::before,
    .btn-group-lg > .btn-pinterest.btn::before,
    .btn-vk.btn-lg::before,
    .btn-group-lg > .btn-vk.btn::before,
    .btn-yahoo.btn-lg::before,
    .btn-group-lg > .btn-yahoo.btn::before,
    .btn-behance.btn-lg::before,
    .btn-group-lg > .btn-behance.btn::before,
    .btn-dropbox.btn-lg::before,
    .btn-group-lg > .btn-dropbox.btn::before,
    .btn-reddit.btn-lg::before,
    .btn-group-lg > .btn-reddit.btn::before,
    .btn-spotify.btn-lg::before,
    .btn-group-lg > .btn-spotify.btn::before,
    .btn-vine.btn-lg::before,
    .btn-group-lg > .btn-vine.btn::before,
    .btn-foursquare.btn-lg::before,
    .btn-group-lg > .btn-foursquare.btn::before,
    .btn-vimeo.btn-lg::before,
    .btn-group-lg > .btn-vimeo.btn::before {
      width: 2.875rem;
      height: 2.875rem;
      padding: 0.5rem 0;
      font-size: 1.25rem;
      line-height: 1.5; }
    .btn-facebook.btn-lg span, .btn-group-lg > .btn-facebook.btn span,
    .btn-twitter.btn-lg span, .btn-group-lg > .btn-twitter.btn span,
    .btn-linkedin.btn-lg span, .btn-group-lg > .btn-linkedin.btn span,
    .btn-flickr.btn-lg span, .btn-group-lg > .btn-flickr.btn span,
    .btn-tumblr.btn-lg span, .btn-group-lg > .btn-tumblr.btn span,
    .btn-xing.btn-lg span, .btn-group-lg > .btn-xing.btn span,
    .btn-github.btn-lg span, .btn-group-lg > .btn-github.btn span,
    .btn-html5.btn-lg span, .btn-group-lg > .btn-html5.btn span,
    .btn-openid.btn-lg span, .btn-group-lg > .btn-openid.btn span,
    .btn-stack-overflow.btn-lg span, .btn-group-lg > .btn-stack-overflow.btn span,
    .btn-youtube.btn-lg span, .btn-group-lg > .btn-youtube.btn span,
    .btn-css3.btn-lg span, .btn-group-lg > .btn-css3.btn span,
    .btn-dribbble.btn-lg span, .btn-group-lg > .btn-dribbble.btn span,
    .btn-google-plus.btn-lg span, .btn-group-lg > .btn-google-plus.btn span,
    .btn-instagram.btn-lg span, .btn-group-lg > .btn-instagram.btn span,
    .btn-pinterest.btn-lg span, .btn-group-lg > .btn-pinterest.btn span,
    .btn-vk.btn-lg span, .btn-group-lg > .btn-vk.btn span,
    .btn-yahoo.btn-lg span, .btn-group-lg > .btn-yahoo.btn span,
    .btn-behance.btn-lg span, .btn-group-lg > .btn-behance.btn span,
    .btn-dropbox.btn-lg span, .btn-group-lg > .btn-dropbox.btn span,
    .btn-reddit.btn-lg span, .btn-group-lg > .btn-reddit.btn span,
    .btn-spotify.btn-lg span, .btn-group-lg > .btn-spotify.btn span,
    .btn-vine.btn-lg span, .btn-group-lg > .btn-vine.btn span,
    .btn-foursquare.btn-lg span, .btn-group-lg > .btn-foursquare.btn span,
    .btn-vimeo.btn-lg span, .btn-group-lg > .btn-vimeo.btn span {
      margin-left: 2.875rem; }
    .btn-facebook.btn-lg.icon, .btn-group-lg > .btn-facebook.icon.btn,
    .btn-twitter.btn-lg.icon,
    .btn-group-lg > .btn-twitter.icon.btn,
    .btn-linkedin.btn-lg.icon,
    .btn-group-lg > .btn-linkedin.icon.btn,
    .btn-flickr.btn-lg.icon,
    .btn-group-lg > .btn-flickr.icon.btn,
    .btn-tumblr.btn-lg.icon,
    .btn-group-lg > .btn-tumblr.icon.btn,
    .btn-xing.btn-lg.icon,
    .btn-group-lg > .btn-xing.icon.btn,
    .btn-github.btn-lg.icon,
    .btn-group-lg > .btn-github.icon.btn,
    .btn-html5.btn-lg.icon,
    .btn-group-lg > .btn-html5.icon.btn,
    .btn-openid.btn-lg.icon,
    .btn-group-lg > .btn-openid.icon.btn,
    .btn-stack-overflow.btn-lg.icon,
    .btn-group-lg > .btn-stack-overflow.icon.btn,
    .btn-youtube.btn-lg.icon,
    .btn-group-lg > .btn-youtube.icon.btn,
    .btn-css3.btn-lg.icon,
    .btn-group-lg > .btn-css3.icon.btn,
    .btn-dribbble.btn-lg.icon,
    .btn-group-lg > .btn-dribbble.icon.btn,
    .btn-google-plus.btn-lg.icon,
    .btn-group-lg > .btn-google-plus.icon.btn,
    .btn-instagram.btn-lg.icon,
    .btn-group-lg > .btn-instagram.icon.btn,
    .btn-pinterest.btn-lg.icon,
    .btn-group-lg > .btn-pinterest.icon.btn,
    .btn-vk.btn-lg.icon,
    .btn-group-lg > .btn-vk.icon.btn,
    .btn-yahoo.btn-lg.icon,
    .btn-group-lg > .btn-yahoo.icon.btn,
    .btn-behance.btn-lg.icon,
    .btn-group-lg > .btn-behance.icon.btn,
    .btn-dropbox.btn-lg.icon,
    .btn-group-lg > .btn-dropbox.icon.btn,
    .btn-reddit.btn-lg.icon,
    .btn-group-lg > .btn-reddit.icon.btn,
    .btn-spotify.btn-lg.icon,
    .btn-group-lg > .btn-spotify.icon.btn,
    .btn-vine.btn-lg.icon,
    .btn-group-lg > .btn-vine.icon.btn,
    .btn-foursquare.btn-lg.icon,
    .btn-group-lg > .btn-foursquare.icon.btn,
    .btn-vimeo.btn-lg.icon,
    .btn-group-lg > .btn-vimeo.icon.btn {
      width: 2.875rem;
      height: 2.875rem; }
  .btn-facebook.btn-sm, .btn-group-sm > .btn-facebook.btn,
  .btn-twitter.btn-sm,
  .btn-group-sm > .btn-twitter.btn,
  .btn-linkedin.btn-sm,
  .btn-group-sm > .btn-linkedin.btn,
  .btn-flickr.btn-sm,
  .btn-group-sm > .btn-flickr.btn,
  .btn-tumblr.btn-sm,
  .btn-group-sm > .btn-tumblr.btn,
  .btn-xing.btn-sm,
  .btn-group-sm > .btn-xing.btn,
  .btn-github.btn-sm,
  .btn-group-sm > .btn-github.btn,
  .btn-html5.btn-sm,
  .btn-group-sm > .btn-html5.btn,
  .btn-openid.btn-sm,
  .btn-group-sm > .btn-openid.btn,
  .btn-stack-overflow.btn-sm,
  .btn-group-sm > .btn-stack-overflow.btn,
  .btn-youtube.btn-sm,
  .btn-group-sm > .btn-youtube.btn,
  .btn-css3.btn-sm,
  .btn-group-sm > .btn-css3.btn,
  .btn-dribbble.btn-sm,
  .btn-group-sm > .btn-dribbble.btn,
  .btn-google-plus.btn-sm,
  .btn-group-sm > .btn-google-plus.btn,
  .btn-instagram.btn-sm,
  .btn-group-sm > .btn-instagram.btn,
  .btn-pinterest.btn-sm,
  .btn-group-sm > .btn-pinterest.btn,
  .btn-vk.btn-sm,
  .btn-group-sm > .btn-vk.btn,
  .btn-yahoo.btn-sm,
  .btn-group-sm > .btn-yahoo.btn,
  .btn-behance.btn-sm,
  .btn-group-sm > .btn-behance.btn,
  .btn-dropbox.btn-sm,
  .btn-group-sm > .btn-dropbox.btn,
  .btn-reddit.btn-sm,
  .btn-group-sm > .btn-reddit.btn,
  .btn-spotify.btn-sm,
  .btn-group-sm > .btn-spotify.btn,
  .btn-vine.btn-sm,
  .btn-group-sm > .btn-vine.btn,
  .btn-foursquare.btn-sm,
  .btn-group-sm > .btn-foursquare.btn,
  .btn-vimeo.btn-sm,
  .btn-group-sm > .btn-vimeo.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border: 0; }
    .btn-facebook.btn-sm::before, .btn-group-sm > .btn-facebook.btn::before,
    .btn-twitter.btn-sm::before,
    .btn-group-sm > .btn-twitter.btn::before,
    .btn-linkedin.btn-sm::before,
    .btn-group-sm > .btn-linkedin.btn::before,
    .btn-flickr.btn-sm::before,
    .btn-group-sm > .btn-flickr.btn::before,
    .btn-tumblr.btn-sm::before,
    .btn-group-sm > .btn-tumblr.btn::before,
    .btn-xing.btn-sm::before,
    .btn-group-sm > .btn-xing.btn::before,
    .btn-github.btn-sm::before,
    .btn-group-sm > .btn-github.btn::before,
    .btn-html5.btn-sm::before,
    .btn-group-sm > .btn-html5.btn::before,
    .btn-openid.btn-sm::before,
    .btn-group-sm > .btn-openid.btn::before,
    .btn-stack-overflow.btn-sm::before,
    .btn-group-sm > .btn-stack-overflow.btn::before,
    .btn-youtube.btn-sm::before,
    .btn-group-sm > .btn-youtube.btn::before,
    .btn-css3.btn-sm::before,
    .btn-group-sm > .btn-css3.btn::before,
    .btn-dribbble.btn-sm::before,
    .btn-group-sm > .btn-dribbble.btn::before,
    .btn-google-plus.btn-sm::before,
    .btn-group-sm > .btn-google-plus.btn::before,
    .btn-instagram.btn-sm::before,
    .btn-group-sm > .btn-instagram.btn::before,
    .btn-pinterest.btn-sm::before,
    .btn-group-sm > .btn-pinterest.btn::before,
    .btn-vk.btn-sm::before,
    .btn-group-sm > .btn-vk.btn::before,
    .btn-yahoo.btn-sm::before,
    .btn-group-sm > .btn-yahoo.btn::before,
    .btn-behance.btn-sm::before,
    .btn-group-sm > .btn-behance.btn::before,
    .btn-dropbox.btn-sm::before,
    .btn-group-sm > .btn-dropbox.btn::before,
    .btn-reddit.btn-sm::before,
    .btn-group-sm > .btn-reddit.btn::before,
    .btn-spotify.btn-sm::before,
    .btn-group-sm > .btn-spotify.btn::before,
    .btn-vine.btn-sm::before,
    .btn-group-sm > .btn-vine.btn::before,
    .btn-foursquare.btn-sm::before,
    .btn-group-sm > .btn-foursquare.btn::before,
    .btn-vimeo.btn-sm::before,
    .btn-group-sm > .btn-vimeo.btn::before {
      width: 1.8125rem;
      height: 1.8125rem;
      padding: 0.25rem 0;
      font-size: 0.875rem;
      line-height: 1.5; }
    .btn-facebook.btn-sm span, .btn-group-sm > .btn-facebook.btn span,
    .btn-twitter.btn-sm span, .btn-group-sm > .btn-twitter.btn span,
    .btn-linkedin.btn-sm span, .btn-group-sm > .btn-linkedin.btn span,
    .btn-flickr.btn-sm span, .btn-group-sm > .btn-flickr.btn span,
    .btn-tumblr.btn-sm span, .btn-group-sm > .btn-tumblr.btn span,
    .btn-xing.btn-sm span, .btn-group-sm > .btn-xing.btn span,
    .btn-github.btn-sm span, .btn-group-sm > .btn-github.btn span,
    .btn-html5.btn-sm span, .btn-group-sm > .btn-html5.btn span,
    .btn-openid.btn-sm span, .btn-group-sm > .btn-openid.btn span,
    .btn-stack-overflow.btn-sm span, .btn-group-sm > .btn-stack-overflow.btn span,
    .btn-youtube.btn-sm span, .btn-group-sm > .btn-youtube.btn span,
    .btn-css3.btn-sm span, .btn-group-sm > .btn-css3.btn span,
    .btn-dribbble.btn-sm span, .btn-group-sm > .btn-dribbble.btn span,
    .btn-google-plus.btn-sm span, .btn-group-sm > .btn-google-plus.btn span,
    .btn-instagram.btn-sm span, .btn-group-sm > .btn-instagram.btn span,
    .btn-pinterest.btn-sm span, .btn-group-sm > .btn-pinterest.btn span,
    .btn-vk.btn-sm span, .btn-group-sm > .btn-vk.btn span,
    .btn-yahoo.btn-sm span, .btn-group-sm > .btn-yahoo.btn span,
    .btn-behance.btn-sm span, .btn-group-sm > .btn-behance.btn span,
    .btn-dropbox.btn-sm span, .btn-group-sm > .btn-dropbox.btn span,
    .btn-reddit.btn-sm span, .btn-group-sm > .btn-reddit.btn span,
    .btn-spotify.btn-sm span, .btn-group-sm > .btn-spotify.btn span,
    .btn-vine.btn-sm span, .btn-group-sm > .btn-vine.btn span,
    .btn-foursquare.btn-sm span, .btn-group-sm > .btn-foursquare.btn span,
    .btn-vimeo.btn-sm span, .btn-group-sm > .btn-vimeo.btn span {
      margin-left: 1.8125rem; }
    .btn-facebook.btn-sm.icon, .btn-group-sm > .btn-facebook.icon.btn,
    .btn-twitter.btn-sm.icon,
    .btn-group-sm > .btn-twitter.icon.btn,
    .btn-linkedin.btn-sm.icon,
    .btn-group-sm > .btn-linkedin.icon.btn,
    .btn-flickr.btn-sm.icon,
    .btn-group-sm > .btn-flickr.icon.btn,
    .btn-tumblr.btn-sm.icon,
    .btn-group-sm > .btn-tumblr.icon.btn,
    .btn-xing.btn-sm.icon,
    .btn-group-sm > .btn-xing.icon.btn,
    .btn-github.btn-sm.icon,
    .btn-group-sm > .btn-github.icon.btn,
    .btn-html5.btn-sm.icon,
    .btn-group-sm > .btn-html5.icon.btn,
    .btn-openid.btn-sm.icon,
    .btn-group-sm > .btn-openid.icon.btn,
    .btn-stack-overflow.btn-sm.icon,
    .btn-group-sm > .btn-stack-overflow.icon.btn,
    .btn-youtube.btn-sm.icon,
    .btn-group-sm > .btn-youtube.icon.btn,
    .btn-css3.btn-sm.icon,
    .btn-group-sm > .btn-css3.icon.btn,
    .btn-dribbble.btn-sm.icon,
    .btn-group-sm > .btn-dribbble.icon.btn,
    .btn-google-plus.btn-sm.icon,
    .btn-group-sm > .btn-google-plus.icon.btn,
    .btn-instagram.btn-sm.icon,
    .btn-group-sm > .btn-instagram.icon.btn,
    .btn-pinterest.btn-sm.icon,
    .btn-group-sm > .btn-pinterest.icon.btn,
    .btn-vk.btn-sm.icon,
    .btn-group-sm > .btn-vk.icon.btn,
    .btn-yahoo.btn-sm.icon,
    .btn-group-sm > .btn-yahoo.icon.btn,
    .btn-behance.btn-sm.icon,
    .btn-group-sm > .btn-behance.icon.btn,
    .btn-dropbox.btn-sm.icon,
    .btn-group-sm > .btn-dropbox.icon.btn,
    .btn-reddit.btn-sm.icon,
    .btn-group-sm > .btn-reddit.icon.btn,
    .btn-spotify.btn-sm.icon,
    .btn-group-sm > .btn-spotify.icon.btn,
    .btn-vine.btn-sm.icon,
    .btn-group-sm > .btn-vine.icon.btn,
    .btn-foursquare.btn-sm.icon,
    .btn-group-sm > .btn-foursquare.icon.btn,
    .btn-vimeo.btn-sm.icon,
    .btn-group-sm > .btn-vimeo.icon.btn {
      width: 1.8125rem;
      height: 1.8125rem; }

.btn-facebook {
  -webkit-box-shadow: 0px 5px 25px -3px #3b5998;
  -moz-box-shadow: 0px 5px 25px -3px #3b5998;
  box-shadow: 0px 5px 25px -3px #3b5998;
  background: #3b5998; }
  .btn-facebook::before {
    content: "\f09a";
    background: #344e86; }
  .btn-facebook:hover {
    background: #344e86; }
    .btn-facebook:hover::before {
      background: #2d4373; }

.btn-twitter {
  -webkit-box-shadow: 0px 5px 25px -3px #00aced;
  -moz-box-shadow: 0px 5px 25px -3px #00aced;
  box-shadow: 0px 5px 25px -3px #00aced;
  background: #00aced; }
  .btn-twitter::before {
    content: "\f099";
    background: #0099d4; }
  .btn-twitter:hover {
    background: #0099d4;
    -webkit-box-shadow: 0px 5px 25px -3px #00aced;
    -moz-box-shadow: 0px 5px 25px -3px #00aced;
    box-shadow: 0px 5px 25px -3px #00aced; }
    .btn-twitter:hover::before {
      background: #0087ba; }

.btn-linkedin {
  -webkit-box-shadow: 0px 5px 25px -3px #4875b4;
  -moz-box-shadow: 0px 5px 25px -3px #4875b4;
  box-shadow: 0px 5px 25px -3px #4875b4;
  background: #4875b4; }
  .btn-linkedin::before {
    content: "\f0e1";
    background: #4169a2; }
  .btn-linkedin:hover {
    background: #4169a2; }
    .btn-linkedin:hover::before {
      background: #395d90; }

.btn-flickr {
  -webkit-box-shadow: 0px 5px 25px -3px #ff0084;
  -moz-box-shadow: 0px 5px 25px -3px #ff0084;
  box-shadow: 0px 5px 25px -3px #ff0084;
  background: #ff0084; }
  .btn-flickr::before {
    content: "\f16e";
    background: #e60077; }
  .btn-flickr:hover {
    background: #e60077; }
    .btn-flickr:hover::before {
      background: #cc006a; }

.btn-tumblr {
  -webkit-box-shadow: 0px 5px 25px -3px #32506d;
  -moz-box-shadow: 0px 5px 25px -3px #32506d;
  box-shadow: 0px 5px 25px -3px #32506d;
  background: #32506d; }
  .btn-tumblr::before {
    content: "\f173";
    background: #2a435c; }
  .btn-tumblr:hover {
    background: #2a435c; }
    .btn-tumblr:hover::before {
      background: #22364a; }

.btn-xing {
  -webkit-box-shadow: 0px 5px 25px -3px #026466;
  -moz-box-shadow: 0px 5px 25px -3px #026466;
  box-shadow: 0px 5px 25px -3px #026466;
  background: #026466; }
  .btn-xing::before {
    content: "\f168";
    background: #024b4d; }
  .btn-xing:hover {
    background: #024b4d; }
    .btn-xing:hover::before {
      background: #013334; }

.btn-github {
  -webkit-box-shadow: 0px 5px 25px -3px #4183c4;
  -moz-box-shadow: 0px 5px 25px -3px #4183c4;
  box-shadow: 0px 5px 25px -3px #4183c4;
  background: #4183c4; }
  .btn-github::before {
    content: "\f09b";
    background: #3876b4; }
  .btn-github:hover {
    background: #3876b4; }
    .btn-github:hover::before {
      background: #3269a0; }

.btn-html5 {
  -webkit-box-shadow: 0px 5px 25px -3px #e34f26;
  -moz-box-shadow: 0px 5px 25px -3px #e34f26;
  box-shadow: 0px 5px 25px -3px #e34f26;
  background: #e34f26; }
  .btn-html5::before {
    content: "\f13b";
    background: #d4431b; }
  .btn-html5:hover {
    background: #d4431b; }
    .btn-html5:hover::before {
      background: #be3c18; }

.btn-openid {
  -webkit-box-shadow: 0px 5px 25px -3px #f78c40;
  -moz-box-shadow: 0px 5px 25px -3px #f78c40;
  box-shadow: 0px 5px 25px -3px #f78c40;
  background: #f78c40; }
  .btn-openid::before {
    content: "\f19b";
    background: #f67d28; }
  .btn-openid:hover {
    background: #f67d28; }
    .btn-openid:hover::before {
      background: #f56f0f; }

.btn-stack-overflow {
  -webkit-box-shadow: 0px 5px 25px -3px #fe7a15;
  -moz-box-shadow: 0px 5px 25px -3px #fe7a15;
  box-shadow: 0px 5px 25px -3px #fe7a15;
  background: #fe7a15; }
  .btn-stack-overflow::before {
    content: "\f16c";
    background: #f86c01; }
  .btn-stack-overflow:hover {
    background: #f86c01; }
    .btn-stack-overflow:hover::before {
      background: #df6101; }

.btn-css3 {
  -webkit-box-shadow: 0px 5px 25px -3px #0170ba;
  -moz-box-shadow: 0px 5px 25px -3px #0170ba;
  box-shadow: 0px 5px 25px -3px #0170ba;
  background: #0170ba; }
  .btn-css3::before {
    content: "\f13c";
    background: #0161a1; }
  .btn-css3:hover {
    background: #0161a1; }
    .btn-css3:hover::before {
      background: #015187; }

.btn-youtube {
  -webkit-box-shadow: 0px 5px 25px -3px #b00;
  -moz-box-shadow: 0px 5px 25px -3px #b00;
  box-shadow: 0px 5px 25px -3px #b00;
  background: #b00; }
  .btn-youtube::before {
    content: "\f167";
    background: #a20000; }
  .btn-youtube:hover {
    background: #a20000; }
    .btn-youtube:hover::before {
      background: #880000; }

.btn-dribbble {
  -webkit-box-shadow: 0px 5px 25px -3px #ea4c89;
  -moz-box-shadow: 0px 5px 25px -3px #ea4c89;
  box-shadow: 0px 5px 25px -3px #ea4c89;
  background: #ea4c89; }
  .btn-dribbble::before {
    content: "\f17d";
    background: #e7357a; }
  .btn-dribbble:hover {
    background: #e7357a; }
    .btn-dribbble:hover::before {
      background: #e51e6b; }

.btn-google-plus {
  -webkit-box-shadow: 0px 5px 25px -3px #d34836;
  -moz-box-shadow: 0px 5px 25px -3px #d34836;
  box-shadow: 0px 5px 25px -3px #d34836;
  background: #d34836; }
  .btn-google-plus::before {
    content: "\f0d5";
    background: #c43d2b; }
  .btn-google-plus:hover {
    background: #c43d2b; }
    .btn-google-plus:hover::before {
      background: #b03626; }

.btn-instagram {
  -webkit-box-shadow: 0px 5px 25px -3px #517fa4;
  -moz-box-shadow: 0px 5px 25px -3px #517fa4;
  box-shadow: 0px 5px 25px -3px #517fa4;
  background: #517fa4; }
  .btn-instagram::before {
    content: "\f16d";
    background: #497293; }
  .btn-instagram:hover {
    background: #497293; }
    .btn-instagram:hover::before {
      background: #406582; }

.btn-pinterest {
  -webkit-box-shadow: 0px 5px 25px -3px #cb2027;
  -moz-box-shadow: 0px 5px 25px -3px #cb2027;
  box-shadow: 0px 5px 25px -3px #cb2027;
  background: #cb2027; }
  .btn-pinterest::before {
    content: "\f0d2";
    background: #b51d23; }
  .btn-pinterest:hover {
    background: #b51d23; }
    .btn-pinterest:hover::before {
      background: #9f191f; }

.btn-vk {
  -webkit-box-shadow: 0px 5px 25px -3px #45668e;
  -moz-box-shadow: 0px 5px 25px -3px #45668e;
  box-shadow: 0px 5px 25px -3px #45668e;
  background: #45668e; }
  .btn-vk::before {
    content: "\f189";
    background: #3d5a7d; }
  .btn-vk:hover {
    background: #3d5a7d; }
    .btn-vk:hover::before {
      background: #344d6c; }

.btn-yahoo {
  -webkit-box-shadow: 0px 5px 25px -3px #400191;
  -moz-box-shadow: 0px 5px 25px -3px #400191;
  box-shadow: 0px 5px 25px -3px #400191;
  background: #400191; }
  .btn-yahoo::before {
    content: "\f19e";
    background: #350178; }
  .btn-yahoo:hover {
    background: #350178; }
    .btn-yahoo:hover::before {
      background: #2a015e; }

.btn-behance {
  -webkit-box-shadow: 0px 5px 25px -3px #1769ff;
  -moz-box-shadow: 0px 5px 25px -3px #1769ff;
  box-shadow: 0px 5px 25px -3px #1769ff;
  background: #1769ff; }
  .btn-behance::before {
    content: "\f1b4";
    background: #0059fd; }
  .btn-behance:hover {
    background: #0059fd; }
    .btn-behance:hover::before {
      background: #0050e3; }

.btn-dropbox {
  -webkit-box-shadow: 0px 5px 25px -3px #007ee5;
  -moz-box-shadow: 0px 5px 25px -3px #007ee5;
  box-shadow: 0px 5px 25px -3px #007ee5;
  background: #007ee5; }
  .btn-dropbox::before {
    content: "\f16b";
    background: #0070cc; }
  .btn-dropbox:hover {
    background: #0070cc; }
    .btn-dropbox:hover::before {
      background: #0062b2; }

.btn-reddit {
  -webkit-box-shadow: 0px 5px 25px -3px #ff4500;
  -moz-box-shadow: 0px 5px 25px -3px #ff4500;
  box-shadow: 0px 5px 25px -3px #ff4500;
  background: #ff4500; }
  .btn-reddit::before {
    content: "\f1a1";
    background: #e63e00; }
  .btn-reddit:hover {
    background: #e63e00; }
    .btn-reddit:hover::before {
      background: #cc3700; }

.btn-spotify {
  -webkit-box-shadow: 0px 5px 25px -3px #7ab800;
  -moz-box-shadow: 0px 5px 25px -3px #7ab800;
  box-shadow: 0px 5px 25px -3px #7ab800;
  background: #7ab800; }
  .btn-spotify::before {
    content: "\f1bc";
    background: #699f00; }
  .btn-spotify:hover {
    background: #699f00; }
    .btn-spotify:hover::before {
      background: #588500; }

.btn-vine {
  -webkit-box-shadow: 0px 5px 25px -3px #00bf8f;
  -moz-box-shadow: 0px 5px 25px -3px #00bf8f;
  box-shadow: 0px 5px 25px -3px #00bf8f;
  background: #00bf8f; }
  .btn-vine::before {
    content: "\f1ca";
    background: #00a67c; }
  .btn-vine:hover {
    background: #00a67c; }
    .btn-vine:hover::before {
      background: #008c69; }

.btn-foursquare {
  -webkit-box-shadow: 0px 5px 25px -3px #1073af;
  -moz-box-shadow: 0px 5px 25px -3px #1073af;
  box-shadow: 0px 5px 25px -3px #1073af;
  background: #1073af; }
  .btn-foursquare::before {
    content: "\f180";
    background: #0e6498; }
  .btn-foursquare:hover {
    background: #0e6498; }
    .btn-foursquare:hover::before {
      background: #0c5480; }

.btn-vimeo {
  -webkit-box-shadow: 0px 5px 25px -3px #aad450;
  -moz-box-shadow: 0px 5px 25px -3px #aad450;
  box-shadow: 0px 5px 25px -3px #aad450;
  background: #aad450; }
  .btn-vimeo::before {
    content: "\f194";
    background: #a0cf3c; }
  .btn-vimeo:hover {
    background: #a0cf3c; }
    .btn-vimeo:hover::before {
      background: #93c130; }

/*******************
/*05.04. Breadcrumb*/
/*******************/
.breadcrumb {
  position: relative;
  margin: 0 0 1.5rem 0;
  background: #f2f2f2; }

.breadcrumb-item a {
  color: #F03434;
  font-size: 0.85rem; }

.bc-colored a {
  color: #f0f3f5 !important; }

.bc-colored .active {
  color: white !important; }

.bc-colored .breadcrumb-item::before {
  color: white; }

.breadcrumb-menu {
  position: absolute;
  margin-top: -20px;
  right: 0; }
  .breadcrumb-menu::before {
    display: none; }
  .breadcrumb-menu .btn {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  .breadcrumb-menu .btn {
    color: #536c79;
    font-size: 0.85rem; }
    .breadcrumb-menu .btn:hover, .breadcrumb-menu .btn.active {
      color: #F8FBFF;
      background: transparent; }
  .breadcrumb-menu .open .btn {
    color: #F8FBFF;
    background: transparent; }
  .breadcrumb-menu .dropdown-menu {
    min-width: 180px;
    line-height: 1.5; }

/* End breadcrumb styles */
/*******************
/*05.05. Cards*/
/*******************/
.card {
  color: #536c79;
  margin-bottom: 1.5rem;
  border-color: white;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6; }
  .card.bg-primary {
    border-color: #3867d6 !important; }
    .card.bg-primary .card-header {
      background-color: #2c5dd3;
      border-color: #3867d6 !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card.bg-secondary {
    border-color: #a4b7c1 !important; }
    .card.bg-secondary .card-header {
      background-color: #9bb0bb;
      border-color: #a4b7c1 !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card.bg-success {
    border-color: #20bf6b !important; }
    .card.bg-success .card-header {
      background-color: #1eb264;
      border-color: #20bf6b !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card.bg-info {
    border-color: #2d98da !important; }
    .card.bg-info .card-header {
      background-color: #2590d3;
      border-color: #2d98da !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card.bg-warning {
    border-color: #F6BB42 !important; }
    .card.bg-warning .card-header {
      background-color: #f5b633;
      border-color: #F6BB42 !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card.bg-danger {
    border-color: #F03434 !important; }
    .card.bg-danger .card-header {
      background-color: #ef2626;
      border-color: #F03434 !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card.bg-light {
    border-color: #f0f3f5 !important; }
    .card.bg-light .card-header {
      background-color: #e7ecef;
      border-color: #f0f3f5 !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card.bg-dark {
    border-color: #29363d !important; }
    .card.bg-dark .card-header {
      background-color: #232e34;
      border-color: #29363d !important; }
  .card .card-actions a {
    color: #29363d !important; }
  .card .btn {
    margin-top: 15px;
    display: inline-block; }

.card-group {
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6; }
  .card-group .card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #f0f3f5; }

.text-white .text-muted {
  color: rgba(255, 255, 255, 0.6) !important; }

.card-header .icon-bg {
  display: inline-body;
  padding: 0.75rem 1.25rem !important;
  margin-top: -0.75rem;
  margin-right: 1.25rem;
  margin-bottom: -0.75rem;
  margin-left: -1.25rem;
  line-height: inherit;
  color: #F8FBFF;
  vertical-align: bottom;
  background: transparent;
  border-right: 1px solid #c2cfd6; }

.card-header .nav.nav-tabs {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  border-bottom: 0; }
  .card-header .nav.nav-tabs .nav-item {
    border-top: 0; }
  .card-header .nav.nav-tabs .nav-link {
    padding: 0.75rem 0.625rem;
    color: #536c79;
    border-top: 0; }
    .card-header .nav.nav-tabs .nav-link.active {
      color: #F8FBFF;
      background: #fff; }

.card-header.card-header-inverse {
  color: #fff; }

.card-header .btn {
  margin-top: -0.375rem; }

.card-header .btn-sm, .card-header .btn-group-sm > .btn {
  margin-top: -0.25rem; }

.card-header .btn-lg, .card-header .btn-group-lg > .btn {
  margin-top: -0.5rem; }

.card-footer ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  table-layout: fixed; }
  .card-footer ul li {
    display: table-cell;
    padding: 0 1.25rem;
    text-align: center; }

[class*="card-outline-"] .card-body {
  background: #fff !important; }

[class*="card-outline-"].card-outline-top {
  border-top-width: 2px;
  border-right-color: #c2cfd6;
  border-bottom-color: #c2cfd6;
  border-left-color: #c2cfd6; }

.card-accent-primary {
  border-top-width: 2px;
  border-top-color: #3867d6; }

.card-accent-secondary {
  border-top-width: 2px;
  border-top-color: #a4b7c1; }

.card-accent-success {
  border-top-width: 2px;
  border-top-color: #20bf6b; }

.card-accent-info {
  border-top-width: 2px;
  border-top-color: #2d98da; }

.card-accent-warning {
  border-top-width: 2px;
  border-top-color: #F6BB42; }

.card-accent-danger {
  border-top-width: 2px;
  border-top-color: #F03434; }

.card-accent-light {
  border-top-width: 2px;
  border-top-color: #f0f3f5; }

.card-accent-dark {
  border-top-width: 2px;
  border-top-color: #29363d; }

.card-accent-left-primary {
  border-left-width: 2px;
  border-left-color: #3867d6; }

.card-accent-left-secondary {
  border-left-width: 2px;
  border-left-color: #a4b7c1; }

.card-accent-left-success {
  border-left-width: 2px;
  border-left-color: #20bf6b; }

.card-accent-left-info {
  border-left-width: 2px;
  border-left-color: #2d98da; }

.card-accent-left-warning {
  border-left-width: 2px;
  border-left-color: #F6BB42; }

.card-accent-left-danger {
  border-left-width: 2px;
  border-left-color: #F03434; }

.card-accent-left-light {
  border-left-width: 2px;
  border-left-color: #f0f3f5; }

.card-accent-left-dark {
  border-left-width: 2px;
  border-left-color: #29363d; }

.card-accent-right-primary {
  border-right-width: 2px;
  border-right-color: #3867d6; }

.card-accent-right-secondary {
  border-right-width: 2px;
  border-right-color: #a4b7c1; }

.card-accent-right-success {
  border-right-width: 2px;
  border-right-color: #20bf6b; }

.card-accent-right-info {
  border-right-width: 2px;
  border-right-color: #2d98da; }

.card-accent-right-warning {
  border-right-width: 2px;
  border-right-color: #F6BB42; }

.card-accent-right-danger {
  border-right-width: 2px;
  border-right-color: #F03434; }

.card-accent-right-light {
  border-right-width: 2px;
  border-right-color: #f0f3f5; }

.card-accent-right-dark {
  border-right-width: 2px;
  border-right-color: #29363d; }

.card-header > i {
  margin-right: 0.5rem; }

.card-header .card-actions {
  position: absolute;
  top: 0;
  right: 0; }
  .card-header .card-actions a,
  .card-header .card-actions button {
    display: block;
    float: left;
    width: 50px;
    padding: 0.75rem 0;
    margin: 0 !important;
    color: #F8FBFF;
    text-align: center;
    background: transparent;
    border: 0;
    border-left: 1px solid #c2cfd6;
    box-shadow: 0; }
    .card-header .card-actions a:hover,
    .card-header .card-actions button:hover {
      text-decoration: none; }
    .card-header .card-actions a [class^="icon-"],
    .card-header .card-actions a [class*=" icon-"],
    .card-header .card-actions button [class^="icon-"],
    .card-header .card-actions button [class*=" icon-"] {
      display: inline-body;
      vertical-align: middle; }
    .card-header .card-actions a i,
    .card-header .card-actions button i {
      display: inline-body;
      transition: .4s; }
    .card-header .card-actions a .r180,
    .card-header .card-actions button .r180 {
      transform: rotate(180deg); }
  .card-header .card-actions .input-group {
    width: 230px;
    margin: 6px; }
    .card-header .card-actions .input-group .input-group-addon {
      background: #fff; }
    .card-header .card-actions .input-group input {
      border-left: 0; }

.card-full {
  margin-top: -1rem;
  margin-right: -15px;
  margin-left: -15px;
  border: 0;
  border-bottom: 1px solid #c2cfd6; }

@media (min-width: 576px) {
  .card-columns.cols-2 {
    column-count: 2; } }

.card.drag,
.card .drag {
  cursor: move; }

.card-placeholder {
  background: rgba(0, 0, 0, 0.025);
  border: 1px dashed #a4b7c1; }

.card-round {
  border-radius: 8%; }

/*******************
/*05.06. Dropdown*/
/*******************/
.dropdown-item {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f3f5;
  font-size: 0.9rem; }
  .dropdown-item:last-child {
    border-bottom: 0; }
  .dropdown-item i {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
    margin-left: -10px;
    color: #c2cfd6;
    text-align: center;
    color: #F03434; }
  .dropdown-item .badge {
    position: absolute;
    right: 10px;
    margin-top: 2px; }
  .dropdown-item .xs {
    height: 10px; }

.dropdown-header {
  padding: 8px 20px;
  color: #F03434; }
  .dropdown-header .btn {
    margin-top: -7px;
    color: #536c79; }
    .dropdown-header .btn:hover {
      color: #F8FBFF; }
    .dropdown-header .btn.pull-right {
      margin-right: -20px; }

.dropdown-footer {
  padding: 8px 20px;
  color: #678898;
  font-size: 0.7rem; }

.dropdown-menu-lg {
  width: 250px; }

.app-header .navbar-nav .dropdown-menu {
  position: absolute; }

.app-header .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto; }

.app-header .navbar-nav .dropdown-menu-left {
  right: auto;
  left: 0; }

/*******************
/*05.07. Badge*/
/*******************/
.badge {
  padding: 5px 8px;
  border-radius: 100%; }

.badge-boxed {
  border-radius: 0px !important; }

.badge-pill {
  border-radius: 10rem; }

/*******************
/*05.08. Model*/
/*******************/
.modal {
  color: #29363d !important; }

.modal-primary .modal-header {
  color: #fff;
  background-color: #3867d6; }

.modal-secondary .modal-header {
  color: #fff;
  background-color: #a4b7c1; }

.modal-success .modal-header {
  color: #fff;
  background-color: #20bf6b; }

.modal-info .modal-header {
  color: #fff;
  background-color: #2d98da; }

.modal-warning .modal-header {
  color: #fff;
  background-color: #F6BB42; }

.modal-danger .modal-header {
  color: #fff;
  background-color: #F03434; }

.modal-light .modal-header {
  color: #fff;
  background-color: #f0f3f5; }

.modal-dark .modal-header {
  color: #fff;
  background-color: #29363d; }

/*******************
/*05.09. Tabs*/
/*******************/
.nav-tabs .nav-link {
  color: #536c79; }
  .nav-tabs .nav-link.active {
    color: #29363d;
    background: #fff; }
    .nav-tabs .nav-link.active:focus {
      background: #fff; }

.custom-tab .nav-link {
  border: none; }
  .custom-tab .nav-link.active {
    border-bottom: 5px solid #F03434; }
  .custom-tab .nav-link.focus {
    border-bottom: 5px solid #F03434; }

.tab-content {
  margin-top: -1px;
  background: #fff;
  color: #29363d; }
  .tab-content .tab-pane {
    padding: 1rem;
    -webkit-box-shadow: 0px 0px 20px -4px #a4b7c1;
    -moz-box-shadow: 0px 0px 20px -4px #a4b7c1;
    box-shadow: 0px 0px 20px -4px #a4b7c1; }

.card-block .tab-content {
  margin-top: 0;
  border: 0; }

/*******************
/*05.10. Tables*/
/*******************/
/*table layouts page*/
.color-table.primary-table thead th {
  background-color: #3867d6;
  color: #fff; }

.color-table.success-table thead th {
  background-color: #20bf6b;
  color: #fff; }

.color-table.info-table thead th {
  background-color: #2d98da;
  color: #fff; }

.color-table.warning-table thead th {
  background-color: #F6BB42;
  color: #fff; }

.color-table.danger-table thead th {
  background-color: #F03434;
  color: #fff; }

.color-table.inverse-table thead th {
  background-color: #4c5667;
  color: #fff; }

.color-table.dark-table thead th {
  background-color: #29363d;
  color: #fff; }

.color-table.pink-table thead th {
  background-color: #e91e63;
  color: #fff; }

.color-table.purple-table thead th {
  background-color: #673ab7;
  color: #fff; }

.color-table.muted-table thead th {
  background-color: #98a6ad;
  color: #fff; }

.color-bordered-table.primary-bordered-table {
  border: 2px solid #3867d6; }
  .color-bordered-table.primary-bordered-table thead th {
    background-color: #3867d6;
    color: #fff; }

.color-bordered-table.success-bordered-table {
  border: 2px solid #20bf6b; }
  .color-bordered-table.success-bordered-table thead th {
    background-color: #20bf6b;
    color: #fff; }

.color-bordered-table.info-bordered-table {
  border: 2px solid #2d98da; }
  .color-bordered-table.info-bordered-table thead th {
    background-color: #2d98da;
    color: #fff; }

.color-bordered-table.warning-bordered-table {
  border: 2px solid #F6BB42; }
  .color-bordered-table.warning-bordered-table thead th {
    background-color: #F6BB42;
    color: #fff; }

.color-bordered-table.danger-bordered-table {
  border: 2px solid #F03434; }
  .color-bordered-table.danger-bordered-table thead th {
    background-color: #F03434;
    color: #fff; }

.color-bordered-table.inverse-bordered-table {
  border: 2px solid #4c5667; }
  .color-bordered-table.inverse-bordered-table thead th {
    background-color: #4c5667;
    color: #fff; }

.color-bordered-table.dark-bordered-table {
  border: 2px solid #29363d; }
  .color-bordered-table.dark-bordered-table thead th {
    background-color: #29363d;
    color: #fff; }

.color-bordered-table.pink-bordered-table {
  border: 2px solid #e91e63; }
  .color-bordered-table.pink-bordered-table thead th {
    background-color: #e91e63;
    color: #fff; }

.color-bordered-table.purple-bordered-table {
  border: 2px solid #673ab7; }
  .color-bordered-table.purple-bordered-table thead th {
    background-color: #673ab7;
    color: #fff; }

.color-bordered-table.muted-bordered-table {
  border: 2px solid #98a6ad; }
  .color-bordered-table.muted-bordered-table thead th {
    background-color: #98a6ad;
    color: #fff; }

.full-color-table.full-primary-table {
  background-color: #7797e3; }
  .full-color-table.full-primary-table thead th {
    background-color: #3867d6;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-primary-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-primary-table tr:hover {
    background-color: #3867d6; }

.full-color-table.full-success-table {
  background-color: #4be192; }
  .full-color-table.full-success-table thead th {
    background-color: #20bf6b;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-success-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-success-table tr:hover {
    background-color: #20bf6b; }

.full-color-table.full-info-table {
  background-color: #6eb8e5; }
  .full-color-table.full-info-table thead th {
    background-color: #2d98da;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-info-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-info-table tr:hover {
    background-color: #2d98da; }

.full-color-table.full-warning-table {
  background-color: #f9d58b; }
  .full-color-table.full-warning-table thead th {
    background-color: #F6BB42;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-warning-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-warning-table tr:hover {
    background-color: #F6BB42; }

.full-color-table.full-danger-table {
  background-color: #f57b7b; }
  .full-color-table.full-danger-table thead th {
    background-color: #F03434;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-danger-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-danger-table tr:hover {
    background-color: #F03434; }

.full-color-table.full-inverse-table {
  background-color: #6d7b93; }
  .full-color-table.full-inverse-table thead th {
    background-color: #4c5667;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-inverse-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-inverse-table tr:hover {
    background-color: #4c5667; }

.full-color-table.full-dark-table {
  background-color: #485f6b; }
  .full-color-table.full-dark-table thead th {
    background-color: #29363d;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-dark-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-dark-table tr:hover {
    background-color: #29363d; }

.full-color-table.full-pink-table {
  background-color: #f06493; }
  .full-color-table.full-pink-table thead th {
    background-color: #F03434;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-pink-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-pink-table tr:hover {
    background-color: #F03434; }

.full-color-table.full-purple-table {
  background-color: #916dd1; }
  .full-color-table.full-purple-table thead th {
    background-color: #673ab7;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-purple-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-purple-table tr:hover {
    background-color: #673ab7; }

.full-color-table.full-muted-table {
  background-color: #c3cbcf; }
  .full-color-table.full-muted-table thead th {
    background-color: #98a6ad;
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-muted-table tbody td {
    border: 0 !important;
    color: #fff; }
  .full-color-table.full-muted-table tr:hover {
    background-color: #98a6ad; }

/*******************
/*05.11. Avatars*/
/*******************/
.img-avatar {
  border-radius: 50em; }

.avatar {
  position: relative;
  display: inline-block;
  width: 36px; }
  .avatar .img-avatar {
    width: 36px;
    height: 36px; }
  .avatar .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50em; }

.avatar.avatar-xs {
  position: relative;
  display: inline-block;
  width: 20px; }
  .avatar.avatar-xs .img-avatar {
    width: 20px;
    height: 20px; }
  .avatar.avatar-xs .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 50em; }

.avatar.avatar-sm {
  position: relative;
  display: inline-block;
  width: 24px; }
  .avatar.avatar-sm .img-avatar {
    width: 24px;
    height: 24px; }
  .avatar.avatar-sm .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 50em; }

.avatar.avatar-lg {
  position: relative;
  display: inline-block;
  width: 72px; }
  .avatar.avatar-lg .img-avatar {
    width: 72px;
    height: 72px; }
  .avatar.avatar-lg .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 50em; }

.avatars-stack .avatar.avatar-xs {
  margin-right: -10px; }

.avatars-stack .avatar {
  margin-right: -15px;
  transition: margin-left 0.25s, margin-right 0.25s; }
  .avatars-stack .avatar:hover {
    margin-right: 0 !important; }

/*******************
/*05.12. Widgets*/
/*******************/
/*notification status*/
.online {
  background: #20bf6b; }

.offline {
  background: #869fac; }

.away {
  background: #F6BB42; }

.buzy {
  background: #F03434; }

.social-box {
  min-height: 160px;
  margin-bottom: 1.5rem;
  text-align: center;
  background: #fff;
  border: 1px solid #c2cfd6; }
  .social-box i {
    display: block;
    margin: -1px -1px 0;
    font-size: 40px;
    line-height: 90px;
    background: #c2cfd6; }
  .social-box .chart-wrapper {
    height: 90px;
    margin: -90px 0 0; }
    .social-box .chart-wrapper canvas {
      width: 100% !important;
      height: 90px !important; }
  .social-box ul {
    padding: 10px 0;
    list-style: none; }
    .social-box ul li {
      display: block;
      float: left;
      width: 50%;
      color: #3e515b; }
      .social-box ul li:first-child {
        border-right: 1px solid #c2cfd6; }
      .social-box ul li strong {
        display: block;
        font-size: 20px; }
      .social-box ul li span {
        font-size: 10px;
        font-weight: 500;
        color: #c2cfd6;
        text-transform: uppercase;
        color: #3e515b; }
  .social-box.facebook i {
    color: #fff;
    background: #3b5998; }
  .social-box.twitter i {
    color: #fff;
    background: #00aced; }
  .social-box.linkedin i {
    color: #fff;
    background: #4875b4; }
  .social-box.google-plus i {
    color: #fff;
    background: #d34836; }

.horizontal-bars {
  padding: 0;
  margin: 0;
  list-style: none; }
  .horizontal-bars li {
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle; }
    .horizontal-bars li .title {
      width: 100px;
      font-size: 12px;
      font-weight: 600;
      color: #536c79;
      vertical-align: middle; }
    .horizontal-bars li .bars {
      position: absolute;
      top: 15px;
      width: 100%;
      padding-left: 100px; }
      .horizontal-bars li .bars .progress:first-child {
        margin-bottom: 2px; }
    .horizontal-bars li.legend {
      text-align: center; }
      .horizontal-bars li.legend .badge {
        display: inline-block;
        width: 8px;
        height: 8px;
        padding: 0; }
    .horizontal-bars li.divider {
      height: 40px; }
      .horizontal-bars li.divider i {
        margin: 0 !important; }
  .horizontal-bars.type-2 li {
    overflow: hidden; }
    .horizontal-bars.type-2 li i {
      display: inline-block;
      margin-right: 1rem;
      margin-left: 5px;
      font-size: 18px;
      line-height: 40px; }
    .horizontal-bars.type-2 li .title {
      display: inline-block;
      width: auto;
      margin-top: -9px;
      font-size: 1rem;
      font-weight: normal;
      line-height: 40px;
      color: #F8FBFF; }
    .horizontal-bars.type-2 li .value {
      float: right;
      font-weight: 600; }
    .horizontal-bars.type-2 li .bars {
      position: absolute;
      top: auto;
      bottom: 0;
      padding: 0; }

.icons-list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .icons-list li {
    position: relative;
    height: 40px;
    vertical-align: middle; }
    .icons-list li i {
      display: block;
      float: left;
      width: 35px !important;
      height: 35px !important;
      margin: 2px;
      line-height: 35px !important;
      text-align: center; }
    .icons-list li .desc {
      height: 40px;
      margin-left: 50px;
      border-bottom: 1px solid #c2cfd6; }
      .icons-list li .desc .title {
        padding: 2px 0 0;
        margin: 0; }
      .icons-list li .desc small {
        display: block;
        margin-top: -4px;
        color: #536c79; }
    .icons-list li .value {
      position: absolute;
      top: 2px;
      right: 45px;
      text-align: right; }
      .icons-list li .value strong {
        display: block;
        margin-top: -3px; }
    .icons-list li .actions {
      position: absolute;
      top: -4px;
      right: 10px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center; }
      .icons-list li .actions i {
        float: none;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        line-height: normal; }
    .icons-list li.divider {
      height: 40px; }
      .icons-list li.divider i {
        width: auto;
        height: auto;
        margin: 2px 0 0;
        font-size: 18px; }

.box,
.widget {
  background-color: #fff;
  margin-bottom: 1.5rem;
  -webkit-box-shadow: 0px 0px 20px -4px #a4b7c1;
  -moz-box-shadow: 0px 0px 20px -4px #a4b7c1;
  box-shadow: 0px 0px 20px -4px #a4b7c1; }
  .box small,
  .widget small {
    font-size: 95%;
    font-weight: 500; }

.widget-header,
.widget-body,
.widget-footer {
  padding: 1rem; }

.widget-header::after,
.widget-footer::after,
.widget-header::after,
.widget-footer::after {
  display: block;
  clear: both;
  content: ""; }

.widget-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  color: #F03434; }

h3.widget-title {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: 500; }

.widget-separator {
  margin: 0 16px; }

.widget p {
  line-height: 1.8; }

/* statistics widgets */
.stats-widget .big-icon {
  font-size: 2rem; }

.stats-widget .widget-footer {
  padding: 8px 16px; }
  .stats-widget .widget-footer small {
    color: #ffffff; }

.box-header {
  padding: 10000px 100px;
  border-bottom: 1px solid #eee; }

/* todo-widget */
.todo-widget .widget-footer {
  background-color: #f0f4fb; }

.todo-item .checkbox input[type="checkbox"]:checked + label {
  font-style: italic;
  color: #ddd;
  text-decoration: line-through; }

.new-todo {
  padding: 24px 16px;
  background-color: #fdfeff;
  border-top: 1px solid #eff3fa; }
  .new-todo input {
    border: none;
    outline: none;
    width: 100%;
    background-color: transparent; }

.sl-item {
  position: relative;
  padding-bottom: 12px;
  border-left: 1px solid #ccc; }
  .sl-item:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0;
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
  .sl-item:last-child:after {
    content: '';
    position: absolute;
    left: -3px;
    bottom: 0;
    background-color: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 100%; }
  .sl-item .sl-content {
    margin-left: 24px; }
    .sl-item .sl-content p {
      margin: 0; }

.sl-primary {
  border-left-color: #3867d6; }
  .sl-primary:before, .sl-primary:last-child:after {
    background-color: #3867d6; }

.sl-success {
  border-left-color: #20bf6b; }
  .sl-success:before, .sl-success:last-child:after {
    background-color: #20bf6b; }

.sl-warning {
  border-left-color: #F6BB42; }
  .sl-warning:before, .sl-warning:last-child:after {
    background-color: #F6BB42; }

.sl-danger {
  border-left-color: #F03434; }
  .sl-danger:before, .sl-danger:last-child:after {
    background-color: #F03434; }

.sl-avatar {
  position: absolute;
  left: -22px; }

.feeds-group .media-group-item {
  padding: 0;
  border-bottom: none;
  margin-bottom: 16px; }
  .feeds-group .media-group-item:last-child {
    margin-bottom: 0; }
  .feeds-group .media-group-item p {
    line-height: 1.3;
    margin-bottom: 6px; }

.navigation-widget .list-group-item {
  padding: 16px;
  border: none; }

.countries-widget .list-group-item {
  margin-bottom: 6px;
  padding: 16px;
  background: #F8FBFF;
  color: #F03434;
  border: none; }
  .countries-widget .list-group-item.active, .countries-widget .list-group-item:hover, .countries-widget .list-group-item:focus {
    background: #3867d6;
    color: #fff; }
  .countries-widget .list-group-item:last-child {
    margin-bottom: 0; }

.countries-widget .avatar {
  width: 20px;
  height: 20px;
  margin-right: 12px; }

.products-widget .product {
  display: block;
  max-width: 300px;
  margin: 0 auto;
  position: relative;
  border: 1px solid transparent; }
  .products-widget .product:hover, .products-widget .product:focus, .products-widget .product.active {
    border-color: #3867d6; }
    .products-widget .product:hover .product-caption, .products-widget .product:focus .product-caption, .products-widget .product.active .product-caption {
      display: block; }

.products-widget .product-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #3867d6;
  padding: 16px 24px;
  font-weight: 600;
  color: #fff;
  display: none; }

.widget-social-fill {
  color: white !important; }
  .widget-social-fill .card-body .social-icon {
    display: inline; }
    .widget-social-fill .card-body .social-icon i {
      font-size: 2.5rem; }
  .widget-social-fill .card-body .social-folowers {
    opacity: 0.5; }
  .widget-social-fill .card-body small {
    float: right; }

.widget-social-light .card-body .social-icon {
  display: inline; }
  .widget-social-light .card-body .social-icon i {
    font-size: 2.5rem; }

.widget-social-light .card-body .social-folowers {
  opacity: 0.5; }

.widget-social-light .card-body small {
  float: right; }

.chart-widget .card-body {
  padding-bottom: 0px !important;
  margin-bottom: 20px !important; }

.chart-widget .chart-icon {
  float: right;
  text-align: right;
  font-size: 3rem;
  opacity: 0.4; }

.chart-widget .chart-text {
  font-size: 1.5rem;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important; }

.chart-widget small {
  font-size: 0.8rem; }

.chart-widget .chart-canvas {
  max-height: 70px !important; }

.chart-widget .text-purple {
  color: #673ab7; }

.chart-widget .bg-purple {
  background: #673ab7;
  color: #f0f3f5; }

.chart-widget .card-footer {
  border-top: none;
  padding: 0px;
  margin: 0;
  background: transparent; }
  .chart-widget .card-footer .btn {
    margin-top: 0;
    margin-left: 20px; }

.user-card-1 {
  min-height: 310px; }
  .user-card-1 .card-body .user-name {
    display: block;
    padding-top: 10px;
    width: 100%;
    font-weight: 800;
    font-size: 1.1rem;
    text-align: center; }
  .user-card-1 .card-body p {
    padding: 0;
    margin: 0;
    font-size: 0.8rem; }
  .user-card-1 .card-body .user-img {
    max-width: 80px;
    max-height: 80px;
    display: block;
    position: relative;
    margin: auto; }
    .user-card-1 .card-body .user-img .user-avatar {
      display: block;
      position: relative;
      margin: auto;
      max-width: 80px;
      max-height: 80px;
      border-radius: 100%;
      border: 5px solid #f0f3f5;
      -webkit-box-shadow: 0px 0px 20px -4px #F03434;
      -moz-box-shadow: 0px 0px 20px -4px #F03434;
      box-shadow: 0px 0px 20px -4px #F03434; }
    .user-card-1 .card-body .user-img .badge {
      position: absolute;
      right: -10px;
      top: 10px;
      text-align: center;
      border-radius: 30px;
      padding: 5px 10px; }
  .user-card-1 .card-body .user-menu {
    padding-top: 20px;
    text-align: center;
    height: 40px; }
    .user-card-1 .card-body .user-menu .btn {
      margin: 0;
      width: 100%; }
  .user-card-1 .card-body .social {
    padding: 0;
    text-align: center;
    min-height: 50px;
    padding-top: 40px; }

.widget-2 {
  border-left: 5px solid #F03434 !important; }
  .widget-2 .widget-2-body {
    padding: 10px;
    margin-right: 15px;
    color: #F03434; }
    .widget-2 .widget-2-body .widget-2-icon {
      float: left;
      font-size: 3rem;
      margin-left: 10px;
      padding-right: 15px; }
    .widget-2 .widget-2-body .widget-2-text-wrapper .widget-2-icon-text {
      margin-top: 10px;
      font-size: 1.5rem; }
    .widget-2 .widget-2-body .widget-2-text-wrapper .widget-2-small {
      font-size: 0.8rem; }

.hertbit {
  animation: beat .25s infinite alternate;
  transform-origin: center;
  /* Heart beat animation */ }

@keyframes beat {
  to {
    transform: scale(0.8); } }

.ecom-widget-sales .ecom-sales-icon {
  font-size: 6rem;
  color: #f9abab; }

.ecom-widget-sales .orders-count {
  font-size: 5rem;
  color: #F03434;
  padding-bottom: none !important;
  margin-bottom: none; }

.ecom-widget-sales ul {
  list-style: none !important;
  margin: 0;
  padding: 0; }
  .ecom-widget-sales ul li {
    margin-bottom: 5px; }
    .ecom-widget-sales ul li span {
      float: right;
      color: #29363d;
      font-weight: 600; }
    .ecom-widget-sales ul li .badge {
      color: #fff; }

.ecom-widget-sales .btn-tool-bar {
  margin-top: 20px;
  width: 100%; }
  .ecom-widget-sales .btn-tool-bar .btn {
    margin: 0; }

.ecom-widget-sales-dark {
  background-color: #F03434;
  color: #fff; }
  .ecom-widget-sales-dark .ecom-sales-icon {
    font-size: 6rem; }
  .ecom-widget-sales-dark .orders-count {
    font-size: 5rem;
    padding-bottom: none !important;
    margin-bottom: none; }
  .ecom-widget-sales-dark ul {
    list-style: none !important;
    margin: 0;
    padding: 0; }
    .ecom-widget-sales-dark ul li {
      margin-bottom: 5px; }
      .ecom-widget-sales-dark ul li span {
        float: right;
        font-weight: 600; }
      .ecom-widget-sales-dark ul li .badge {
        color: #fff; }
  .ecom-widget-sales-dark .btn-tool-bar {
    margin-top: 20px;
    width: 100%; }
    .ecom-widget-sales-dark .btn-tool-bar .btn {
      margin: 0; }

.ecom-widget-chart {
  color: #F03434; }
  .ecom-widget-chart .ecom-chart-text {
    margin-top: 15px;
    font-size: 3rem;
    font-weight: 600; }
  .ecom-widget-chart .chart-canvas {
    margin-top: 20px;
    max-height: 300px; }
  .ecom-widget-chart i {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 6rem;
    color: #F03434; }

.ecom-widget-payments ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px; }
  .ecom-widget-payments ul li span {
    float: right;
    font-size: 1.5rem; }

.ecom-widget-payments .credit {
  padding: 40px 20px;
  color: #fff;
  background-color: #fbc2c2; }

.ecom-widget-payments .cash {
  padding: 15px 20px;
  color: #fff;
  background-color: #f46363; }

.ecom-widget-payments .other {
  padding: 15px 20px;
  color: #fff;
  background-color: #f03434; }

.order-list-widget {
  background-color: #fff;
  margin: 0; }
  .order-list-widget .cost {
    position: absolute;
    padding: 0 !important;
    font-size: 2rem;
    margin: auto;
    text-align: center; }
  .order-list-widget .heading {
    font-size: 1.5rem; }
  .order-list-widget a {
    text-decoration: none; }
    .order-list-widget a .haeding {
      color: #F03434; }
    .order-list-widget a .desc {
      color: #a4b7c1; }
    .order-list-widget a.hover {
      background-color: #f0f3f5; }
  .order-list-widget ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .order-list-widget ul li {
      padding: 0;
      margin: 0;
      display: inline-block; }
  .order-list-widget .toolbar {
    position: absolute;
    left: 70%;
    top: 0%;
    float: right; }

.users-count {
  text-align: center; }
  .users-count i {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 6rem;
    color: #F03434; }
  .users-count .count {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 4rem;
    margin-top: -35px !important;
    color: #F03434; }
  .users-count .heading {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    margin-top: -15px !important;
    color: #20bf6b; }
  .users-count .text-disabled {
    padding: 20px;
    color: #869fac; }
  .users-count .count-small {
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff; }
  .users-count .heading-small {
    font-weight: 400;
    color: #fff; }
  .users-count .online-users {
    padding: 30px 10px;
    background-color: #fbc2c2; }
  .users-count .offline-users {
    padding: 30px 10px;
    background-color: #f46363; }
  .users-count .pending-users {
    padding: 30px 10px;
    background-color: #f03434; }

.history-transaction .header .heading {
  display: inline-block;
  font-weight: 600;
  color: #F03434; }

.history-transaction .header .header-tool ul {
  list-style: none; }
  .history-transaction .header .header-tool ul li {
    display: inline-block;
    padding: 1px 10px; }
    .history-transaction .header .header-tool ul li a {
      text-decoration: none;
      color: #a4b7c1; }
      .history-transaction .header .header-tool ul li a:hover {
        color: #F03434;
        border-bottom: 3px solid #F03434; }
      .history-transaction .header .header-tool ul li a.active {
        color: #F03434;
        border-bottom: 3px solid #F03434; }

.history-transaction .transaction-list {
  border-bottom: 2px solid #f0f3f5; }
  .history-transaction .transaction-list .details {
    display: inline-block; }
    .history-transaction .transaction-list .details .u-img {
      width: 35px;
      display: inline-block !important; }
      .history-transaction .transaction-list .details .u-img img {
        width: 100%;
        border-radius: 100px; }
    .history-transaction .transaction-list .details i {
      display: inline-block;
      font-size: 2rem; }
    .history-transaction .transaction-list .details .heading {
      display: inline-block;
      font-size: 1.3rem; }
    .history-transaction .transaction-list .details .description {
      color: #536c79;
      font-size: 0.8rem; }
    .history-transaction .transaction-list .details .time {
      float: right;
      text-align: right; }

.sales-category-widget .header .heading {
  display: inline-block;
  font-weight: 600;
  color: #F03434; }

.sales-category-widget .header .header-tool ul {
  list-style: none; }
  .sales-category-widget .header .header-tool ul li {
    display: inline-block;
    padding: 1px 10px; }
    .sales-category-widget .header .header-tool ul li a {
      text-decoration: none;
      color: #a4b7c1; }
      .sales-category-widget .header .header-tool ul li a:hover {
        color: #F03434;
        border-bottom: 3px solid #F03434; }
      .sales-category-widget .header .header-tool ul li a.active {
        color: #F03434;
        border-bottom: 3px solid #F03434; }

.sales-category-widget .chart {
  margin-top: 40px; }

.sales-category-widget .category-progress {
  padding-bottom: 20px; }
  .sales-category-widget .category-progress .progress {
    height: 10px; }
  .sales-category-widget .category-progress strong {
    font-size: 0.8rem; }

.products-widget .header {
  padding: 20px; }
  .products-widget .header .heading {
    display: inline-block;
    font-weight: 600;
    color: #F03434; }
  .products-widget .header .header-tool ul {
    list-style: none; }
    .products-widget .header .header-tool ul li {
      display: inline-block;
      padding: 1px 10px; }
      .products-widget .header .header-tool ul li a {
        text-decoration: none;
        color: #a4b7c1; }
        .products-widget .header .header-tool ul li a:hover {
          color: #F03434;
          border-bottom: 3px solid #F03434; }
        .products-widget .header .header-tool ul li a.active {
          color: #F03434;
          border-bottom: 3px solid #F03434; }

.products-widget .doc-img {
  padding-top: 20px;
  width: 90px;
  min-width: 50px; }
  .products-widget .doc-img img {
    width: 100%;
    border-radius: 100px; }

.products-widget .document {
  padding-top: 30px;
  text-align: left; }
  .products-widget .document .heading {
    font-size: 1rem; }
  .products-widget .document .description {
    color: #536c79;
    font-size: 0.8rem; }

.products-widget .date,
.products-widget .status {
  padding-top: 30px; }

.products-widget .date {
  font-size: 0.8rem; }

.products-widget .user .heading {
  padding-top: 15px;
  display: inline-block;
  font-size: 0.8rem; }

.products-widget .user .description {
  color: #536c79;
  font-size: 0.8rem; }

.summary-widgets .number {
  color: #F03434;
  font-size: 3.5rem;
  padding: 0 !important;
  margin-bottom: -20px; }

.summary-widgets small {
  font-size: 1rem;
  margin-bottom: -20px; }

.summary-widgets .progress {
  height: 6px; }

/* statistics widgets */
.stats-widget-1 .big-icon {
  color: #f0f3f5;
  font-size: 3rem; }

.stats-widget-1 .widget-footer {
  padding: 8px 16px; }
  .stats-widget-1 .widget-footer small {
    color: #ffffff; }
  .stats-widget-1 .widget-footer a {
    color: white; }

.stats-widget-2 .widget-body {
  padding: 0 50px;
  padding-top: 30px; }

.stats-widget-2 .big-icon {
  color: #f0f3f5;
  font-size: 4rem; }

.stats-widget-3 .progress {
  height: 5px; }

.todo-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  max-height: 300px; }

.todo-widget h1 {
  color: #F03434;
  margin: 0;
  padding: 20px 20px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal; }

.todo-widget .fa-pencil-square-o {
  float: right; }

.todo-widget li {
  cursor: pointer;
  background-color: #fff;
  height: 60px;
  line-height: 60px;
  color: #666; }

.todo-widget li:nth-child(2n) {
  background-color: #f7f7f7; }

.todo-widget span {
  background-color: #F03434;
  height: 60px;
  margin-right: 20px;
  text-align: center;
  color: white;
  width: 0;
  display: inline-block;
  opacity: 0;
  transition: 0.2s linear; }

.todo-widget li:hover span {
  width: 60px;
  opacity: 1.0; }

.todo-widget input {
  font-size: 18px;
  color: #F03434;
  background-color: #f7f7f7;
  width: 100%;
  padding: 13px 13px 13px 20px;
  box-sizing: border-box;
  border: 3px solid transparent; }

.todo-widget input:focus {
  background-color: white;
  border: 3px solid #F03434;
  outline: none; }

.todo-widget .completed {
  color: gray;
  text-decoration: line-through; }

.message-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  max-height: 360px; }

.message-widget h1 {
  color: #F03434;
  margin: 0;
  padding: 20px 20px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal; }

.message-widget .fa-pencil-square-o {
  float: right; }

.message-widget li .u-img {
  width: 50px; }
  .message-widget li .u-img img {
    width: 100%;
    border-radius: 100px; }
  .message-widget li .u-img .notification {
    position: absolute;
    margin-left: -10px;
    font-size: 0.5rem;
    min-height: 12px;
    min-width: 12px;
    border-radius: 100%;
    border: 2px solid #f0f3f5; }

.message-widget li .u-text {
  display: inline-block !important;
  padding-left: 20px;
  padding-bottom: 30px; }
  .message-widget li .u-text .u-name {
    color: #536c79; }
  .message-widget li .u-text p {
    margin: 0px; }
  .message-widget li .u-text small {
    color: #F03434; }

.sales-list {
  overflow-y: auto;
  max-height: 360px; }

.chat-widget .chat ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  max-height: 500px; }
  .chat-widget .chat ul li {
    margin: 45px 0 0 0;
    font-weight: 300; }
    .chat-widget .chat ul li a.user {
      margin: -30px 0 0 0;
      display: block;
      color: #333; }
      .chat-widget .chat ul li a.user img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #f3f3f3;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
    .chat-widget .chat ul li .date {
      font-size: 14px;
      color: #a6a6a6; }
    .chat-widget .chat ul li .message {
      display: block;
      padding: 10px;
      position: relative;
      color: #fff;
      font-size: 15px;
      background-color: #F03434;
      border-radius: 3px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
      .chat-widget .chat ul li .message:before {
        content: '';
        position: absolute;
        border-top: 16px solid rgba(0, 0, 0, 0.15);
        border-left: 16px solid transparent;
        border-right: 16px solid transparent; }
      .chat-widget .chat ul li .message:after {
        content: '';
        position: absolute;
        top: 0;
        border-top: 17px solid #F03434;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent; }
      .chat-widget .chat ul li .message.blur p {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px); }
      .chat-widget .chat ul li .message.blur .hider {
        opacity: 1;
        z-index: 1; }
      .chat-widget .chat ul li .message p {
        margin: 0;
        padding: 0;
        transition: all 0.1s; }
      .chat-widget .chat ul li .message .hider {
        opacity: 0;
        z-index: -1;
        position: absolute;
        height: 100%;
        width: 100%;
        margin: -10px;
        text-align: center;
        cursor: pointer;
        transform-style: preserve-3d;
        transition: all 0.1s; }
        .chat-widget .chat ul li .message .hider span {
          display: block;
          position: relative;
          top: 50%;
          font-size: 16px;
          transform: translateY(-50%); }
  .chat-widget .chat ul li.other a.user {
    float: right; }
  .chat-widget .chat ul li.other .date {
    float: right;
    margin: -20px 10px 0 0; }
  .chat-widget .chat ul li.other .message {
    margin: 0 90px 0 0; }
    .chat-widget .chat ul li.other .message:before {
      margin: -9px -16px 0 0;
      right: 0; }
    .chat-widget .chat ul li.other .message:after {
      content: '';
      right: 0;
      margin: 0 -15px 0 0; }
  .chat-widget .chat ul li.you a.user {
    float: left; }
  .chat-widget .chat ul li.you .date {
    float: left;
    margin: -20px 0 0 10px; }
  .chat-widget .chat ul li.you .message {
    margin: 0 0 0 90px; }
    .chat-widget .chat ul li.you .message:before {
      margin: -9px 0 0 -16px;
      left: 0; }
    .chat-widget .chat ul li.you .message:after {
      content: '';
      left: 0;
      margin: 0 0 0 -15px; }

.chat-widget .card-footer .btn {
  margin: 0; }

.u-img {
  width: 50px; }
  .u-img img {
    width: 100%;
    border-radius: 100px; }
  .u-img .notification {
    position: absolute;
    margin-left: -10px;
    font-size: 0.5rem;
    min-height: 12px;
    min-width: 12px;
    border-radius: 100%;
    border: 2px solid #f0f3f5; }

.feed-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  max-height: 360px; }

.feed-widget h1 {
  color: #F03434;
  margin: 0;
  padding: 20px 20px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal; }

.feed-widget .fa-pencil-square-o {
  float: right; }

.feed-widget li .u-img {
  width: 50px; }
  .feed-widget li .u-img img {
    width: 100%;
    border-radius: 100px; }
  .feed-widget li .u-img .notification {
    position: absolute;
    margin-left: -10px;
    font-size: 0.5rem;
    min-height: 12px;
    min-width: 12px;
    border-radius: 100%;
    border: 2px solid #f0f3f5; }

.feed-widget li .u-text {
  display: inline-block !important;
  padding-left: 20px;
  padding-bottom: 30px; }
  .feed-widget li .u-text .u-name {
    color: #536c79; }
  .feed-widget li .u-text p {
    margin: 0px; }
  .feed-widget li .u-text small {
    color: #F03434; }

.leaderboard .header-icon {
  font-size: 3.5rem;
  color: white;
  padding: 0 15px;
  background-color: #f79393;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6; }

.leaderboard .header-text {
  padding: 20px 5px; }

.leaderboard .user-list {
  padding: 15px 20px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6;
  margin-top: 10px; }
  .leaderboard .user-list ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important; }
    .leaderboard .user-list ul li {
      display: inline-block; }
    .leaderboard .user-list ul .u-img img {
      border: 5px solid #f0f3f5; }
    .leaderboard .user-list ul .u-name {
      font-weight: 600;
      padding-left: 5px; }
    .leaderboard .user-list ul .u-points {
      color: #F03434;
      font-size: 2rem;
      font-weight: 600; }
      .leaderboard .user-list ul .u-points .u-points-symbol {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 1rem; }

.service-widget .header-icon {
  font-size: 3.5rem; }

.service-widget .header-text {
  padding: 20px 5px; }

.service-widget .service-widget-items {
  border: 1px solid #fbc2c2;
  padding: 10px 0; }
  .service-widget .service-widget-items i {
    font-size: 3rem !important; }
  .service-widget .service-widget-items .service-text {
    font-size: 3rem !important;
    margin-top: -20px; }
  .service-widget .service-widget-items .service-small-text {
    margin-top: -20px !important; }

.ui-widget {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 160px;
  border: 15px solid #F03434;
  border-radius: 150px;
  text-align: center;
  font-family: Arial, sans-serif;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 3px 5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-bottom-color: #fff; }
  .ui-widget .ui-value {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    font-size: 30px; }

.ui-widget .ui-label {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
  color: #888;
  font-weight: 700; }

.category-progress {
  padding-bottom: 20px; }
  .category-progress .progress {
    height: 10px; }
  .category-progress strong {
    font-size: 0.8rem; }

/*******************
/*05.13. Vertical-Timeline*/
/*******************/
.wrapper {
  background-color: #F03434;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  font: normal 16px/26px Open Sans Condensed, sans-serif;
  color: #fff;
  padding: 100px 20px 200px;
  box-sizing: border-box; }

.block {
  z-index: 1;
  position: relative; }
  .block:before {
    content: "";
    position: absolute;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #f2f2f2;
    left: 50%;
    margin-top: 90px; }

.title {
  font: bold 42px/52px Open Sans Condensed, sans-serif;
  text-align: center;
  padding: 20px;
  transition: all 0.8s ease-in-out; }

.each-event {
  background-color: #f4f4f4;
  color: #777;
  padding: 15px;
  margin: 60px 20px;
  width: 300px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out; }
  .each-event:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -27px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 20px -4px rgba(64, 64, 64, 0.8); }
  .each-event:nth-child(odd) {
    margin-left: calc(50% + 20px); }
  .each-event:nth-child(even) {
    margin-left: calc(50% - 321px); }
    .each-event:nth-child(even):before {
      left: calc(100% + 14px); }

.title.non-focus {
  font-size: 24px;
  line-height: 34px;
  transition: all 0.8s ease-in-out; }

.each-event.non-focus {
  color: #d2d2d2;
  background: #e6e6e6;
  margin-top: 90px;
  transform: rotateZ(45deg);
  transition: all 0.8s ease-in-out; }
  .each-event.non-focus:before {
    opacity: 0;
    background-color: #aaa; }

/*******************
/*05.14. Horizontal-Timeline*/
/*******************/
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .cd-horizontal-timeline ol {
    list-style: none; }
  .cd-horizontal-timeline ul {
    list-style: none; }
  .cd-horizontal-timeline p {
    font-size: 1.2rem !important; }
  .cd-horizontal-timeline em {
    font-size: 1.4rem !important; }
  .cd-horizontal-timeline a {
    text-decoration: none; }
    .cd-horizontal-timeline a:hover {
      color: #F03434 !important; }

.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none; }

.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1; }

.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto; }

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden; }

.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px; }

.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); }

.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); }

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s; }

.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #F03434;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s; }

.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #F03434;
  border-color: #F03434; }

.cd-horizontal-timeline .events a.selected {
  pointer-events: none; }

.cd-horizontal-timeline .events a.selected::after {
  background-color: #F03434;
  border-color: #F03434; }

.cd-horizontal-timeline .events a.older-event::after {
  border-color: #F03434; }

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto; }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop'; } }

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s; }

.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0; }

.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

.cd-timeline-navigation a.next {
  right: 0; }

.no-touch .cd-timeline-navigation a:hover {
  border-color: #F03434; }

.cd-timeline-navigation a.inactive {
  cursor: not-allowed; }

.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px; }

.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf; }

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s; }

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right; }

.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left; }

.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse; }

.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto; }

.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2; }

.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto; }

.cd-horizontal-timeline .events-content em::before {
  content: '- '; }

.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595; }

.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6; }

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem; }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem; }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem; } }

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

/*******************
/*06. Themes*/
/*******************/
/* --- [Table Of Contents] ----
:: 06.01. Theme
-------------------------- */
/*******************
/*06.01. Theme*/
/*******************/
.text-theme {
  color: #F03434; }

.bg-theme {
  background: #F03434;
  color: white; }

.badge-theme {
  background: #F03434;
  color: white; }

.card-accent-theme {
  border-top: 2px solid #F03434; }

.card-accent-left-theme {
  border-left: 2px solid #F03434; }

.card-accent-right-theme {
  border-right: 2px solid #F03434; }

.btn-theme {
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  background: #F03434; }
  .btn-theme .icon-round-right {
    font-size: 0.8rem;
    padding: 10px 10px;
    margin-left: 20px;
    background-color: #c90f0f;
    border-radius: 100%; }
  .btn-theme:hover {
    background: #ee1c1c; }

.callout-theme {
  border-left-color: #F03434; }
  .callout-theme h4 {
    color: #F03434; }

/*******************
/*07. Utilities*/
/*******************/
/* --- [Table Of Contents] ----
:: 07.01. Display
-------------------------- */
/*******************
/*07.01. Display*/
/*******************/
@media (max-width: 575px) {
  .d-down-none {
    display: none !important; } }

@media (max-width: 767px) {
  .d-sm-down-none {
    display: none !important; } }

@media (max-width: 991px) {
  .d-md-down-none {
    display: none !important; } }

@media (max-width: 1199px) {
  .d-lg-down-none {
    display: none !important; } }

.d-xl-down-none {
  display: none !important; }

/*******************
/*08. Apps*/
/*******************/
/* --- [Table Of Contents] ----
:: 08.01. Calendar-App
:: 08.02. Mailbox-App
:: 08.03. Message-App
:: 08.04. PM-App
-------------------------- */
/*******************
/*08.01. Calendar-App*/
/*******************/
.calendar-sidebar {
  position: fixed;
  display: inline-flex;
  z-index: 100 !important;
  flex-direction: column;
  color: #29363d;
  background: #F03434;
  -webkit-box-shadow: 10px 50px 15px -15px #000;
  -moz-box-shadow: 10px 50px 15px -15px #000;
  box-shadow: 10px 50px 15px -15px #000;
  max-width: 200px;
  min-height: 100%; }
  .calendar-sidebar .sidebar-close {
    position: absolute;
    right: 0;
    display: none;
    padding: 0 1rem;
    font-size: 24px;
    font-weight: 800;
    line-height: 60px;
    color: #29363d;
    background: 0;
    border: 0;
    opacity: .8; }
    .calendar-sidebar .sidebar-close:hover {
      opacity: 1; }
  .calendar-sidebar .title {
    font-size: 1.3rem !important; }
  .calendar-sidebar .calendar-events {
    padding: 10px 10px;
    margin-bottom: 5px;
    color: #fff;
    cursor: all-scroll; }
  .calendar-sidebar .checkbox {
    padding: 20px 20px;
    color: #fff; }
  .calendar-sidebar .calendar-sidebar-toggler {
    position: absolute;
    margin-top: 10px;
    margin-left: 200px;
    color: white;
    z-index: 1;
    padding: 5px 10px;
    background: #F03434;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    cursor: pointer; }
  .calendar-sidebar .sidebar-nav {
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 200px; }
    .calendar-sidebar .sidebar-nav::-webkit-scrollbar {
      position: absolute;
      width: 0px;
      margin-left: -10px;
      -webkit-appearance: none; }
    .calendar-sidebar .sidebar-nav::-webkit-scrollbar-track {
      background-color: white;
      border-right: 1px solid #f2f2f2;
      border-left: 1px solid #f2f2f2; }
    .calendar-sidebar .sidebar-nav::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #e6e6e6;
      background-clip: content-box;
      border-color: transparent;
      border-style: solid;
      border-width: 1px 2px; }
  .calendar-sidebar .nav {
    width: 200px;
    flex-direction: column;
    min-height: 100%; }
  .calendar-sidebar .nav-title {
    padding: 0.8rem 1rem;
    font-size: 0.6rem;
    text-transform: uppercase; }
  .calendar-sidebar .nav-divider,
  .calendar-sidebar .divider {
    height: 10px; }
  .calendar-sidebar .nav-item {
    position: relative;
    margin: 0;
    transition: background .3s ease-in-out; }
  .calendar-sidebar .nav-dropdown-items {
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    transition: max-height .3s ease-in-out; }
    .calendar-sidebar .nav-dropdown-items .nav-item {
      padding: 0;
      list-style: none; }
  .calendar-sidebar .nav-link {
    display: block;
    font-size: 0.9rem;
    color: #fff;
    text-decoration: none;
    background: transparent; }
    .calendar-sidebar .nav-link i {
      display: inline-block;
      margin: 0 0.2rem 0 0;
      font-size: 1.3rem;
      color: #ffffff;
      text-align: center; }
    .calendar-sidebar .nav-link .badge {
      float: right;
      margin-top: 8px; }
    .calendar-sidebar .nav-link.active {
      font-weight: 700;
      color: #F03434;
      background: white;
      border-right: 5px solid #F03434; }
      .calendar-sidebar .nav-link.active i {
        font-weight: 700;
        color: #F03434; }
    .calendar-sidebar .nav-link:hover {
      font-weight: 700;
      color: #f0f3f5;
      background: theme-color("primary"); }
      .calendar-sidebar .nav-link:hover i {
        font-weight: 700;
        color: #f0f3f5; }
      .calendar-sidebar .nav-link:hover.nav-dropdown-toggle::before {
        float: right;
        /*vertical-align: middle;*/
        border-top: 5px solid #536c79;
        border-right: 5px solid transparent;
        /*border-bottom: 0 solid black;*/
        overflow: hidden; }
    .calendar-sidebar .nav-link.nav-link-primary {
      background: #3867d6; }
      .calendar-sidebar .nav-link.nav-link-primary i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-primary:hover {
        background: #2a5acb !important; }
        .calendar-sidebar .nav-link.nav-link-primary:hover i {
          color: #fff; }
    .calendar-sidebar .nav-link.nav-link-secondary {
      background: #a4b7c1; }
      .calendar-sidebar .nav-link.nav-link-secondary i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-secondary:hover {
        background: #95abb7 !important; }
        .calendar-sidebar .nav-link.nav-link-secondary:hover i {
          color: #fff; }
    .calendar-sidebar .nav-link.nav-link-success {
      background: #20bf6b; }
      .calendar-sidebar .nav-link.nav-link-success i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-success:hover {
        background: #1ca95f !important; }
        .calendar-sidebar .nav-link.nav-link-success:hover i {
          color: #fff; }
    .calendar-sidebar .nav-link.nav-link-info {
      background: #2d98da; }
      .calendar-sidebar .nav-link.nav-link-info i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-info:hover {
        background: #248aca !important; }
        .calendar-sidebar .nav-link.nav-link-info:hover i {
          color: #fff; }
    .calendar-sidebar .nav-link.nav-link-warning {
      background: #F6BB42; }
      .calendar-sidebar .nav-link.nav-link-warning i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-warning:hover {
        background: #f5b22a !important; }
        .calendar-sidebar .nav-link.nav-link-warning:hover i {
          color: #fff; }
    .calendar-sidebar .nav-link.nav-link-danger {
      background: #F03434; }
      .calendar-sidebar .nav-link.nav-link-danger i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-danger:hover {
        background: #ee1c1c !important; }
        .calendar-sidebar .nav-link.nav-link-danger:hover i {
          color: #fff; }
    .calendar-sidebar .nav-link.nav-link-light {
      background: #f0f3f5; }
      .calendar-sidebar .nav-link.nav-link-light i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-light:hover {
        background: #e1e7eb !important; }
        .calendar-sidebar .nav-link.nav-link-light:hover i {
          color: #fff; }
    .calendar-sidebar .nav-link.nav-link-dark {
      background: #29363d; }
      .calendar-sidebar .nav-link.nav-link-dark i {
        color: rgba(255, 255, 255, 0.7); }
      .calendar-sidebar .nav-link.nav-link-dark:hover {
        background: #1f292e !important; }
        .calendar-sidebar .nav-link.nav-link-dark:hover i {
          color: #fff; }
  .calendar-sidebar .nav-dropdown-toggle {
    position: relative; }
    .calendar-sidebar .nav-dropdown-toggle::before {
      position: absolute;
      top: 50%;
      right: 2rem;
      display: block;
      width: 8px;
      height: 8px;
      padding: 0;
      margin-top: -4px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      transition: transform .5s;
      border-top: 5px solid #536c79;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
  .calendar-sidebar .nav-dropdown-items .nav-item .nav-link.active {
    color: #F03434;
    border-right: 3px solid #F03434 !important; }
  .calendar-sidebar .nav-dropdown-items .nav-item .nav-link:hover {
    border-left: 5px solid #F03434 !important; }
  .calendar-sidebar .nav-dropdown.open {
    background: #F5F5F5; }
    .calendar-sidebar .nav-dropdown.open > .nav-dropdown-items {
      padding-left: 20px;
      max-height: 1000px; }
    .calendar-sidebar .nav-dropdown.open .nav-link {
      color: #536c79;
      border-left: 0 !important; }
    .calendar-sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before {
      transform: rotate(-180deg);
      border-top: 5px solid #F03434; }
    .calendar-sidebar .nav-dropdown.open .nav-dropdown-toggle {
      color: #F03434;
      font-weight: 700;
      background: #f0f3f5; }
      .calendar-sidebar .nav-dropdown.open .nav-dropdown-toggle i {
        color: #F03434;
        font-weight: 700; }
    .calendar-sidebar .nav-dropdown.open .nav-dropdown.open {
      border-left: 0; }
  .calendar-sidebar .nav-label {
    display: block;
    padding: 0.0875rem 2rem;
    color: #3e515b; }
    .calendar-sidebar .nav-label:hover {
      color: #29363d;
      text-decoration: none; }
    .calendar-sidebar .nav-label i {
      width: 20px;
      margin: -3px 1rem 0 0;
      font-size: 10px;
      color: #536c79;
      text-align: center;
      vertical-align: middle; }
  .calendar-sidebar .sidebar-footer {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.2); }
  .calendar-sidebar .sidebar-minimizer {
    position: relative;
    flex: 0 0 50px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0; }
    .calendar-sidebar .sidebar-minimizer::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12.5px;
      transition: .3s; }
    .calendar-sidebar .sidebar-minimizer:focus, .calendar-sidebar .sidebar-minimizer.focus {
      outline: 0; }
    .calendar-sidebar .sidebar-minimizer:hover {
      background-color: rgba(0, 0, 0, 0.3); }
      .calendar-sidebar .sidebar-minimizer:hover::before {
        background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#F03434' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23"); }

.calendar-content {
  position: absolute;
  margin-top: 30px;
  margin-left: 200px; }
  .calendar-content .mail-search-form .form-row {
    text-align: center; }
    .calendar-content .mail-search-form .form-row .btn {
      margin: 0;
      margin-left: -10px;
      height: 40px; }
  .calendar-content .mail-list {
    margin-top: 10px;
    border-bottom: 1px solid #F03434; }
    .calendar-content .mail-list .mail-details {
      text-align: left; }
      .calendar-content .mail-list .mail-details .user-avatar {
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        margin: 0px 10px; }
      .calendar-content .mail-list .mail-details .user-name {
        display: inline-block;
        font-weight: bolder;
        font-size: 0.8rem;
        color: #F03434; }
      .calendar-content .mail-list .mail-details .mail-subject {
        font-size: 0.7rem; }
      .calendar-content .mail-list .mail-details .mail-time {
        font-size: 0.6rem; }
      .calendar-content .mail-list .mail-details ul {
        list-style: none;
        font-size: 0.9rem;
        margin-left: 30px; }
      .calendar-content .mail-list .mail-details p {
        font-size: 0.7rem; }
  .calendar-content .mail-list-pagination {
    margin-top: 20px; }
  .calendar-content .mail-view .mail-view-header .user-avatar {
    position: absolute;
    max-width: 50px;
    border-radius: 50%;
    margin: 0px 10px; }
  .calendar-content .mail-view .mail-view-header .user-name {
    display: inline-block;
    font-weight: bolder;
    font-size: 1rem;
    color: #F03434; }
  .calendar-content .mail-view .mail-view-header .mail-subject {
    font-size: 0.8rem; }
  .calendar-content .mail-view .mail-view-header .mail-time {
    font-size: 0.8rem; }
  .calendar-content .mail-view .mail-view-header ul {
    list-style: none;
    font-size: 0.9rem;
    margin-left: 30px; }
  .calendar-content .mail-view .mail-view-header p {
    font-size: 0.7rem; }
  .calendar-content .mail-view .mail-toolbar ul {
    list-style: none; }
    .calendar-content .mail-view .mail-toolbar ul li {
      float: right;
      padding: 0 8px;
      color: #F03434; }
  .calendar-content .mail-view .mail-body .mail-heading {
    font-weight: 500;
    font-size: 1.3rem;
    color: #536c79; }
  .calendar-content .mail-view .mail-body .mail-message {
    margin-top: 20px; }
  .calendar-content .mail-view .mail-attachments ul {
    list-style: none; }
    .calendar-content .mail-view .mail-attachments ul li {
      display: inline-block;
      text-align: center; }
      .calendar-content .mail-view .mail-attachments ul li .card {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 1px solid #f0f3f5; }
      .calendar-content .mail-view .mail-attachments ul li img {
        text-align: center;
        max-width: 60px;
        max-height: 60px; }
      .calendar-content .mail-view .mail-attachments ul li .file-name {
        display: inline;
        font-size: 0.6rem; }
      .calendar-content .mail-view .mail-attachments ul li .btn-sm, .calendar-content .mail-view .mail-attachments ul li .btn-group-sm > .btn {
        max-width: 30px;
        max-height: 20px;
        margin: 0 0 0 10px;
        padding: 0; }
  .calendar-content .mail-view .mail-reply-form {
    margin-left: 40px !important;
    position: relative; }
    .calendar-content .mail-view .mail-reply-form textarea {
      -ms-overflow-style: none; }

@media (max-width: 991px) {
  .calendar-sidebar {
    margin-top: 60px; }
  .calendar-content {
    margin-top: 72px; } }

@media (max-width: 767px) {
  .sidebar {
    position: fixed;
    height: 100% !important; }
  .calendar-content {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-x: hidden; }
  .calendar-sidebar {
    position: fixed;
    z-index: 1;
    width: 200px;
    height: 100%; }
  .calendar-sidebar-hidden .calendar-sidebar {
    margin-left: -200px;
    transition: margin-left 0.25s; }
  .calendar-content {
    margin-top: 72px;
    margin-left: 0;
    width: 100%; }
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 250px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 100px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 200px; }
  .mail-reply-form .form-row .btn {
    margin-top: -110px !important;
    margin-left: 190px !important;
    width: 50px;
    height: 50px; } }

@media (max-width: 765px) {
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 400px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: 0px !important;
    margin-left: 0px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 270px; }
  .mail-reply-form .form-row .btn {
    margin-top: 0px !important;
    margin-left: 0px !important;
    width: 50px;
    height: 50px; } }

@media (max-width: 575px) {
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 250px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 100px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 200px; }
  .mail-reply-form .form-row .btn {
    margin-top: -110px !important;
    margin-left: 190px !important;
    width: 50px;
    height: 50px; } }

/*******************
/*08.02. Mailbox-App*/
/*******************/
.mailbox-sidebar {
  position: fixed;
  display: inline-flex;
  z-index: 100 !important;
  flex-direction: column;
  color: #29363d;
  background: #F03434;
  -webkit-box-shadow: 10px 50px 15px -15px #000;
  -moz-box-shadow: 10px 50px 15px -15px #000;
  box-shadow: 10px 50px 15px -15px #000;
  max-width: 200px;
  min-height: 100%; }
  .mailbox-sidebar .sidebar-close {
    position: absolute;
    right: 0;
    display: none;
    padding: 0 1rem;
    font-size: 24px;
    font-weight: 800;
    line-height: 60px;
    color: #29363d;
    background: 0;
    border: 0;
    opacity: .8; }
    .mailbox-sidebar .sidebar-close:hover {
      opacity: 1; }
  .mailbox-sidebar .title {
    font-size: 1.3rem !important; }
  .mailbox-sidebar .calendar-events {
    padding: 10px 10px;
    margin-bottom: 5px;
    color: #fff;
    cursor: all-scroll; }
  .mailbox-sidebar .checkbox {
    padding: 20px 20px;
    color: #fff; }
  .mailbox-sidebar .mailbox-sidebar-toggler {
    position: absolute;
    margin-top: 10px;
    margin-left: 200px;
    color: white;
    z-index: 1;
    padding: 5px 10px;
    background: #F03434;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    cursor: pointer; }
  .mailbox-sidebar .sidebar-nav {
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 200px; }
    .mailbox-sidebar .sidebar-nav::-webkit-scrollbar {
      position: absolute;
      width: 0px;
      margin-left: -10px;
      -webkit-appearance: none; }
    .mailbox-sidebar .sidebar-nav::-webkit-scrollbar-track {
      background-color: white;
      border-right: 1px solid #f2f2f2;
      border-left: 1px solid #f2f2f2; }
    .mailbox-sidebar .sidebar-nav::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #e6e6e6;
      background-clip: content-box;
      border-color: transparent;
      border-style: solid;
      border-width: 1px 2px; }
  .mailbox-sidebar .nav {
    width: 200px;
    flex-direction: column;
    min-height: 100%; }
  .mailbox-sidebar .nav-title {
    padding: 0.8rem 1rem;
    font-size: 0.6rem;
    color: #fff;
    text-transform: uppercase; }
  .mailbox-sidebar .nav-divider,
  .mailbox-sidebar .divider {
    height: 10px; }
  .mailbox-sidebar .nav-item {
    position: relative;
    margin: 0;
    transition: background .3s ease-in-out; }
  .mailbox-sidebar .nav-dropdown-items {
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    transition: max-height .3s ease-in-out; }
    .mailbox-sidebar .nav-dropdown-items .nav-item {
      padding: 0;
      list-style: none; }
  .mailbox-sidebar .nav-link {
    display: block;
    font-size: 0.9rem;
    color: #fff;
    text-decoration: none;
    background: transparent; }
    .mailbox-sidebar .nav-link i {
      display: inline-block;
      margin: 0 0.2rem 0 0;
      font-size: 1.3rem;
      color: #ffffff;
      text-align: center; }
    .mailbox-sidebar .nav-link .badge {
      float: right;
      margin-top: 8px; }
    .mailbox-sidebar .nav-link.active {
      font-weight: 700;
      color: #F03434;
      background: white;
      border-right: 5px solid #F03434; }
      .mailbox-sidebar .nav-link.active i {
        font-weight: 700;
        color: #F03434; }
    .mailbox-sidebar .nav-link:hover {
      font-weight: 700;
      color: #f0f3f5;
      background: theme-color("primary"); }
      .mailbox-sidebar .nav-link:hover i {
        font-weight: 700;
        color: #f0f3f5; }
      .mailbox-sidebar .nav-link:hover.nav-dropdown-toggle::before {
        float: right;
        /*vertical-align: middle;*/
        border-top: 5px solid #536c79;
        border-right: 5px solid transparent;
        overflow: hidden; }
    .mailbox-sidebar .nav-link.nav-link-primary {
      background: #3867d6; }
      .mailbox-sidebar .nav-link.nav-link-primary i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-primary:hover {
        background: #2a5acb !important; }
        .mailbox-sidebar .nav-link.nav-link-primary:hover i {
          color: #fff; }
    .mailbox-sidebar .nav-link.nav-link-secondary {
      background: #a4b7c1; }
      .mailbox-sidebar .nav-link.nav-link-secondary i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-secondary:hover {
        background: #95abb7 !important; }
        .mailbox-sidebar .nav-link.nav-link-secondary:hover i {
          color: #fff; }
    .mailbox-sidebar .nav-link.nav-link-success {
      background: #20bf6b; }
      .mailbox-sidebar .nav-link.nav-link-success i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-success:hover {
        background: #1ca95f !important; }
        .mailbox-sidebar .nav-link.nav-link-success:hover i {
          color: #fff; }
    .mailbox-sidebar .nav-link.nav-link-info {
      background: #2d98da; }
      .mailbox-sidebar .nav-link.nav-link-info i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-info:hover {
        background: #248aca !important; }
        .mailbox-sidebar .nav-link.nav-link-info:hover i {
          color: #fff; }
    .mailbox-sidebar .nav-link.nav-link-warning {
      background: #F6BB42; }
      .mailbox-sidebar .nav-link.nav-link-warning i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-warning:hover {
        background: #f5b22a !important; }
        .mailbox-sidebar .nav-link.nav-link-warning:hover i {
          color: #fff; }
    .mailbox-sidebar .nav-link.nav-link-danger {
      background: #F03434; }
      .mailbox-sidebar .nav-link.nav-link-danger i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-danger:hover {
        background: #ee1c1c !important; }
        .mailbox-sidebar .nav-link.nav-link-danger:hover i {
          color: #fff; }
    .mailbox-sidebar .nav-link.nav-link-light {
      background: #f0f3f5; }
      .mailbox-sidebar .nav-link.nav-link-light i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-light:hover {
        background: #e1e7eb !important; }
        .mailbox-sidebar .nav-link.nav-link-light:hover i {
          color: #fff; }
    .mailbox-sidebar .nav-link.nav-link-dark {
      background: #29363d; }
      .mailbox-sidebar .nav-link.nav-link-dark i {
        color: rgba(255, 255, 255, 0.7); }
      .mailbox-sidebar .nav-link.nav-link-dark:hover {
        background: #1f292e !important; }
        .mailbox-sidebar .nav-link.nav-link-dark:hover i {
          color: #fff; }
  .mailbox-sidebar .nav-dropdown-toggle {
    position: relative; }
    .mailbox-sidebar .nav-dropdown-toggle::before {
      position: absolute;
      top: 50%;
      right: 2rem;
      display: block;
      width: 8px;
      height: 8px;
      padding: 0;
      margin-top: -4px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      transition: transform .5s;
      border-top: 5px solid #536c79;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
  .mailbox-sidebar .nav-dropdown-items .nav-item .nav-link.active {
    color: #F03434;
    border-right: 3px solid #F03434 !important; }
  .mailbox-sidebar .nav-dropdown-items .nav-item .nav-link:hover {
    border-left: 5px solid #F03434 !important; }
  .mailbox-sidebar .nav-dropdown.open {
    background: #F5F5F5; }
    .mailbox-sidebar .nav-dropdown.open > .nav-dropdown-items {
      padding-left: 20px;
      max-height: 1000px; }
    .mailbox-sidebar .nav-dropdown.open .nav-link {
      color: #536c79;
      border-left: 0 !important; }
    .mailbox-sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before {
      transform: rotate(-180deg);
      border-top: 5px solid #F03434; }
    .mailbox-sidebar .nav-dropdown.open .nav-dropdown-toggle {
      color: #F03434;
      font-weight: 700;
      background: #f0f3f5; }
      .mailbox-sidebar .nav-dropdown.open .nav-dropdown-toggle i {
        color: #F03434;
        font-weight: 700; }
    .mailbox-sidebar .nav-dropdown.open .nav-dropdown.open {
      border-left: 0; }
  .mailbox-sidebar .nav-label {
    display: block;
    padding: 0.0875rem 2rem;
    color: #3e515b; }
    .mailbox-sidebar .nav-label:hover {
      color: #29363d;
      text-decoration: none; }
    .mailbox-sidebar .nav-label i {
      width: 20px;
      margin: -3px 1rem 0 0;
      font-size: 10px;
      color: #536c79;
      text-align: center;
      vertical-align: middle; }
  .mailbox-sidebar .sidebar-footer {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.2); }
  .mailbox-sidebar .sidebar-minimizer {
    position: relative;
    flex: 0 0 50px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0; }
    .mailbox-sidebar .sidebar-minimizer::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12.5px;
      transition: .3s; }
    .mailbox-sidebar .sidebar-minimizer:focus, .mailbox-sidebar .sidebar-minimizer.focus {
      outline: 0; }
    .mailbox-sidebar .sidebar-minimizer:hover {
      background-color: rgba(0, 0, 0, 0.3); }
      .mailbox-sidebar .sidebar-minimizer:hover::before {
        background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#F03434' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23"); }

.mailbox-content {
  position: absolute;
  margin-top: 30px;
  margin-left: 200px; }
  .mailbox-content .mail-search-form .form-row {
    text-align: center; }
    .mailbox-content .mail-search-form .form-row .btn {
      margin: 0;
      margin-left: -10px;
      height: 40px; }
  .mailbox-content .mail-list {
    margin-top: 10px;
    border-bottom: 1px solid #F03434; }
    .mailbox-content .mail-list .mail-details {
      text-align: left; }
      .mailbox-content .mail-list .mail-details .user-avatar {
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        margin: 0px 10px; }
      .mailbox-content .mail-list .mail-details .user-name {
        display: inline-block;
        font-weight: bolder;
        font-size: 0.8rem;
        color: #F03434; }
      .mailbox-content .mail-list .mail-details .mail-subject {
        font-size: 0.7rem; }
      .mailbox-content .mail-list .mail-details .mail-time {
        font-size: 0.6rem; }
      .mailbox-content .mail-list .mail-details ul {
        list-style: none;
        font-size: 0.9rem;
        margin-left: 30px; }
      .mailbox-content .mail-list .mail-details p {
        font-size: 0.7rem; }
  .mailbox-content .mail-list-pagination {
    margin-top: 20px; }
  .mailbox-content .mail-view .mail-view-header .user-avatar {
    position: absolute;
    max-width: 50px;
    border-radius: 50%;
    margin: 0px 10px; }
  .mailbox-content .mail-view .mail-view-header .user-name {
    display: inline-block;
    font-weight: bolder;
    font-size: 1rem;
    color: #F03434; }
  .mailbox-content .mail-view .mail-view-header .mail-subject {
    font-size: 0.8rem; }
  .mailbox-content .mail-view .mail-view-header .mail-time {
    font-size: 0.8rem; }
  .mailbox-content .mail-view .mail-view-header ul {
    list-style: none;
    font-size: 0.9rem;
    margin-left: 30px; }
  .mailbox-content .mail-view .mail-view-header p {
    font-size: 0.7rem; }
  .mailbox-content .mail-view .mail-toolbar ul {
    list-style: none; }
    .mailbox-content .mail-view .mail-toolbar ul li {
      float: right;
      padding: 0 8px;
      color: #F03434; }
  .mailbox-content .mail-view .mail-body .mail-heading {
    font-weight: 500;
    font-size: 1.3rem;
    color: #536c79; }
  .mailbox-content .mail-view .mail-body .mail-message {
    margin-top: 20px; }
  .mailbox-content .mail-view .mail-attachments ul {
    list-style: none; }
    .mailbox-content .mail-view .mail-attachments ul li {
      display: inline-block;
      text-align: center; }
      .mailbox-content .mail-view .mail-attachments ul li .card {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 1px solid #f0f3f5; }
      .mailbox-content .mail-view .mail-attachments ul li img {
        text-align: center;
        max-width: 60px;
        max-height: 60px; }
      .mailbox-content .mail-view .mail-attachments ul li .file-name {
        display: inline;
        font-size: 0.6rem; }
      .mailbox-content .mail-view .mail-attachments ul li .btn-sm, .mailbox-content .mail-view .mail-attachments ul li .btn-group-sm > .btn {
        max-width: 30px;
        max-height: 20px;
        margin: 0 0 0 10px;
        padding: 0; }
  .mailbox-content .mail-view .mail-reply-form {
    margin-left: 40px !important;
    position: relative; }
    .mailbox-content .mail-view .mail-reply-form textarea {
      -ms-overflow-style: none; }

@media (max-width: 991px) {
  .mailbox-sidebar {
    margin-top: 60px; }
  .mailbox-content {
    margin-top: 72px; } }

@media (max-width: 767px) {
  .sidebar {
    position: fixed;
    height: 100% !important; }
  .mailbox-content {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-x: hidden; }
  .mailbox-sidebar {
    position: fixed;
    z-index: 1;
    width: 200px;
    height: 100%; }
  .mailbox-sidebar-hidden .mailbox-sidebar {
    margin-left: -200px;
    transition: margin-left 0.25s; }
  .mailbox-content {
    margin-top: 72px;
    margin-left: 0;
    width: 100%; }
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 250px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 100px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 200px; }
  .mail-reply-form .form-row .btn {
    margin-top: -110px !important;
    margin-left: 190px !important;
    width: 50px;
    height: 50px; } }

@media (max-width: 765px) {
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 400px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: 0px !important;
    margin-left: 0px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 270px; }
  .mail-reply-form .form-row .btn {
    margin-top: 0px !important;
    margin-left: 0px !important;
    width: 50px;
    height: 50px; } }

@media (max-width: 575px) {
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 250px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 100px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 200px; }
  .mail-reply-form .form-row .btn {
    margin-top: -110px !important;
    margin-left: 190px !important;
    width: 50px;
    height: 50px; } }

/*******************
/*08.03. Message-App*/
/*******************/
.message-sidebar {
  position: fixed;
  display: inline-flex;
  z-index: 100 !important;
  flex-direction: column;
  color: #29363d;
  background: #F03434;
  -webkit-box-shadow: 10px 50px 15px -15px #000;
  -moz-box-shadow: 10px 50px 15px -15px #000;
  box-shadow: 10px 50px 15px -15px #000;
  max-width: 300px;
  min-height: 100%; }
  .message-sidebar .sidebar-close {
    position: absolute;
    right: 0;
    display: none;
    padding: 0 1rem;
    font-size: 24px;
    font-weight: 800;
    line-height: 60px;
    color: #29363d;
    background: 0;
    border: 0;
    opacity: .8; }
    .message-sidebar .sidebar-close:hover {
      opacity: 1; }
  .message-sidebar .title {
    font-size: 1.3rem !important; }
  .message-sidebar .message-header {
    margin: 20px; }
    .message-sidebar .message-header a {
      color: #fbc2c2;
      text-decoration: none; }
      .message-sidebar .message-header a i {
        font-size: 1.2rem; }
      .message-sidebar .message-header a:hover {
        color: #fff; }
    .message-sidebar .message-header ul {
      list-style: none;
      display: inline-block; }
      .message-sidebar .message-header ul li {
        display: inline-block;
        padding: 0px 10px; }
        .message-sidebar .message-header ul li a {
          color: #fbc2c2;
          font-size: 1.5rem; }
          .message-sidebar .message-header ul li a:hover {
            color: #fff; }
  .message-sidebar .message-list ul {
    list-style: none;
    padding: 0; }
    .message-sidebar .message-list ul li {
      display: inline-block; }
      .message-sidebar .message-list ul li a {
        color: #fff; }
        .message-sidebar .message-list ul li a .message-box {
          padding: 0px 20px;
          width: 100%; }
          .message-sidebar .message-list ul li a .message-box .u-img {
            width: 50px; }
            .message-sidebar .message-list ul li a .message-box .u-img img {
              width: 100%;
              border-radius: 100px; }
            .message-sidebar .message-list ul li a .message-box .u-img .notification {
              position: absolute;
              margin-top: -45px;
              margin-left: 40px;
              font-size: 0.5rem;
              min-height: 12px;
              min-width: 12px;
              border-radius: 100%;
              border: 2px solid #f0f3f5; }
          .message-sidebar .message-list ul li a .message-box .u-text {
            display: inline-block !important;
            padding-left: 20px;
            padding-bottom: 30px; }
            .message-sidebar .message-list ul li a .message-box .u-text .u-name {
              color: #fff; }
            .message-sidebar .message-list ul li a .message-box .u-text p {
              color: #fbc2c2;
              margin: 0px; }
          .message-sidebar .message-list ul li a .message-box .time {
            position: absolute;
            font-size: 0.8rem;
            color: #fff !important;
            margin-left: 220px; }
  .message-sidebar .message-sidebar-toggler {
    position: absolute;
    margin-top: 10px;
    margin-left: 300px;
    color: white;
    z-index: 1;
    padding: 5px 10px;
    background: #F03434;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    cursor: pointer; }
  .message-sidebar .sidebar-nav {
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 300px; }
    .message-sidebar .sidebar-nav::-webkit-scrollbar {
      position: absolute;
      width: 0px;
      margin-left: -10px;
      -webkit-appearance: none; }
    .message-sidebar .sidebar-nav::-webkit-scrollbar-track {
      background-color: white;
      border-right: 1px solid #f2f2f2;
      border-left: 1px solid #f2f2f2; }
    .message-sidebar .sidebar-nav::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #e6e6e6;
      background-clip: content-box;
      border-color: transparent;
      border-style: solid;
      border-width: 1px 2px; }
  .message-sidebar .nav {
    width: 300px;
    flex-direction: column;
    min-height: 100%; }
  .message-sidebar .nav-title {
    padding: 0.8rem 1rem;
    font-size: 0.6rem;
    color: #fff;
    text-transform: uppercase; }
  .message-sidebar .nav-divider,
  .message-sidebar .divider {
    height: 10px; }
  .message-sidebar .nav-item {
    position: relative;
    margin: 0;
    transition: background .3s ease-in-out; }
  .message-sidebar .nav-dropdown-items {
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    transition: max-height .3s ease-in-out; }
    .message-sidebar .nav-dropdown-items .nav-item {
      padding: 0;
      list-style: none; }
  .message-sidebar .nav-link {
    display: block;
    font-size: 0.9rem;
    color: #fff;
    text-decoration: none;
    background: transparent; }
    .message-sidebar .nav-link i {
      display: inline-block;
      margin: 0 0.2rem 0 0;
      font-size: 1.3rem;
      color: #ffffff;
      text-align: center; }
    .message-sidebar .nav-link .badge {
      float: right;
      margin-top: 8px; }
    .message-sidebar .nav-link.active {
      font-weight: 700;
      color: #F03434;
      background: white;
      border-right: 5px solid #F03434; }
      .message-sidebar .nav-link.active i {
        font-weight: 700;
        color: #F03434; }
    .message-sidebar .nav-link:hover {
      font-weight: 700;
      color: #f0f3f5;
      background: theme-color("primary"); }
      .message-sidebar .nav-link:hover i {
        font-weight: 700;
        color: #f0f3f5; }
      .message-sidebar .nav-link:hover.nav-dropdown-toggle::before {
        float: right;
        /*vertical-align: middle;*/
        border-top: 5px solid #536c79;
        border-right: 5px solid transparent;
        /*border-bottom: 0 solid black;*/
        overflow: hidden; }
    .message-sidebar .nav-link.nav-link-primary {
      background: #3867d6; }
      .message-sidebar .nav-link.nav-link-primary i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-primary:hover {
        background: #2a5acb !important; }
        .message-sidebar .nav-link.nav-link-primary:hover i {
          color: #fff; }
    .message-sidebar .nav-link.nav-link-secondary {
      background: #a4b7c1; }
      .message-sidebar .nav-link.nav-link-secondary i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-secondary:hover {
        background: #95abb7 !important; }
        .message-sidebar .nav-link.nav-link-secondary:hover i {
          color: #fff; }
    .message-sidebar .nav-link.nav-link-success {
      background: #20bf6b; }
      .message-sidebar .nav-link.nav-link-success i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-success:hover {
        background: #1ca95f !important; }
        .message-sidebar .nav-link.nav-link-success:hover i {
          color: #fff; }
    .message-sidebar .nav-link.nav-link-info {
      background: #2d98da; }
      .message-sidebar .nav-link.nav-link-info i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-info:hover {
        background: #248aca !important; }
        .message-sidebar .nav-link.nav-link-info:hover i {
          color: #fff; }
    .message-sidebar .nav-link.nav-link-warning {
      background: #F6BB42; }
      .message-sidebar .nav-link.nav-link-warning i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-warning:hover {
        background: #f5b22a !important; }
        .message-sidebar .nav-link.nav-link-warning:hover i {
          color: #fff; }
    .message-sidebar .nav-link.nav-link-danger {
      background: #F03434; }
      .message-sidebar .nav-link.nav-link-danger i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-danger:hover {
        background: #ee1c1c !important; }
        .message-sidebar .nav-link.nav-link-danger:hover i {
          color: #fff; }
    .message-sidebar .nav-link.nav-link-light {
      background: #f0f3f5; }
      .message-sidebar .nav-link.nav-link-light i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-light:hover {
        background: #e1e7eb !important; }
        .message-sidebar .nav-link.nav-link-light:hover i {
          color: #fff; }
    .message-sidebar .nav-link.nav-link-dark {
      background: #29363d; }
      .message-sidebar .nav-link.nav-link-dark i {
        color: rgba(255, 255, 255, 0.7); }
      .message-sidebar .nav-link.nav-link-dark:hover {
        background: #1f292e !important; }
        .message-sidebar .nav-link.nav-link-dark:hover i {
          color: #fff; }
  .message-sidebar .nav-dropdown-toggle {
    position: relative; }
    .message-sidebar .nav-dropdown-toggle::before {
      position: absolute;
      top: 50%;
      right: 2rem;
      display: block;
      width: 8px;
      height: 8px;
      padding: 0;
      margin-top: -4px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      transition: transform .5s;
      border-top: 5px solid #536c79;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
  .message-sidebar .nav-dropdown-items .nav-item .nav-link.active {
    color: #F03434;
    border-right: 3px solid #F03434 !important; }
  .message-sidebar .nav-dropdown-items .nav-item .nav-link:hover {
    border-left: 5px solid #F03434 !important; }
  .message-sidebar .nav-dropdown.open {
    background: #F5F5F5; }
    .message-sidebar .nav-dropdown.open > .nav-dropdown-items {
      padding-left: 20px;
      max-height: 1000px; }
    .message-sidebar .nav-dropdown.open .nav-link {
      color: #536c79;
      border-left: 0 !important; }
    .message-sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before {
      transform: rotate(-180deg);
      border-top: 5px solid #F03434; }
    .message-sidebar .nav-dropdown.open .nav-dropdown-toggle {
      color: #F03434;
      font-weight: 700;
      background: #f0f3f5; }
      .message-sidebar .nav-dropdown.open .nav-dropdown-toggle i {
        color: #F03434;
        font-weight: 700; }
    .message-sidebar .nav-dropdown.open .nav-dropdown.open {
      border-left: 0; }
  .message-sidebar .nav-label {
    display: block;
    padding: 0.0875rem 2rem;
    color: #3e515b; }
    .message-sidebar .nav-label:hover {
      color: #29363d;
      text-decoration: none; }
    .message-sidebar .nav-label i {
      width: 20px;
      margin: -3px 1rem 0 0;
      font-size: 10px;
      color: #536c79;
      text-align: center;
      vertical-align: middle; }
  .message-sidebar .sidebar-footer {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.2); }
  .message-sidebar .sidebar-minimizer {
    position: relative;
    flex: 0 0 50px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0; }
    .message-sidebar .sidebar-minimizer::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12.5px;
      transition: .3s; }
    .message-sidebar .sidebar-minimizer:focus, .message-sidebar .sidebar-minimizer.focus {
      outline: 0; }
    .message-sidebar .sidebar-minimizer:hover {
      background-color: rgba(0, 0, 0, 0.3); }
      .message-sidebar .sidebar-minimizer:hover::before {
        background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#F03434' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23"); }

.message-content {
  position: absolute;
  margin-top: 30px;
  margin-left: 300px; }
  .message-content .chat ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    max-height: 600px; }
    .message-content .chat ul li {
      margin: 45px 0 0 0;
      font-weight: 300; }
      .message-content .chat ul li a.user {
        margin: -30px 0 0 0;
        display: block;
        color: #333; }
        .message-content .chat ul li a.user img {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #f3f3f3;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
      .message-content .chat ul li .date {
        font-size: 14px;
        color: #a6a6a6; }
      .message-content .chat ul li .message {
        display: block;
        padding: 10px;
        position: relative;
        color: #fff;
        font-size: 15px;
        background-color: #F03434;
        border-radius: 20px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
        .message-content .chat ul li .message:before {
          content: '';
          position: absolute;
          border-top: 16px solid rgba(0, 0, 0, 0.15);
          border-left: 16px solid transparent;
          border-right: 16px solid transparent; }
        .message-content .chat ul li .message:after {
          content: '';
          position: absolute;
          top: 0;
          border-top: 17px solid #F03434;
          border-left: 17px solid transparent;
          border-right: 17px solid transparent; }
        .message-content .chat ul li .message.blur p {
          -webkit-filter: blur(3px);
          -moz-filter: blur(3px);
          -o-filter: blur(3px);
          -ms-filter: blur(3px);
          filter: blur(3px); }
        .message-content .chat ul li .message.blur .hider {
          opacity: 1;
          z-index: 1; }
        .message-content .chat ul li .message p {
          margin: 0;
          padding: 0;
          transition: all 0.1s; }
        .message-content .chat ul li .message .hider {
          opacity: 0;
          z-index: -1;
          position: absolute;
          height: 100%;
          width: 100%;
          margin: -10px;
          text-align: center;
          cursor: pointer;
          transform-style: preserve-3d;
          transition: all 0.1s; }
          .message-content .chat ul li .message .hider span {
            display: block;
            position: relative;
            top: 50%;
            font-size: 16px;
            transform: translateY(-50%); }
    .message-content .chat ul li.other a.user {
      float: right; }
    .message-content .chat ul li.other .date {
      float: right;
      margin: -20px 10px 0 0; }
    .message-content .chat ul li.other .message {
      margin: 0 90px 0 0;
      background-color: #a4b7c1; }
      .message-content .chat ul li.other .message:before {
        margin: -9px -16px 0 0;
        right: 0;
        border-top: 16px solid #a4b7c1;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent; }
      .message-content .chat ul li.other .message:after {
        content: '';
        right: 0;
        margin: 0 -15px 0 0;
        border-top: 16px solid #a4b7c1;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent; }
    .message-content .chat ul li.you a.user {
      float: left; }
    .message-content .chat ul li.you .date {
      float: left;
      margin: -20px 0 0 10px; }
    .message-content .chat ul li.you .message {
      margin: 0 0 0 90px; }
      .message-content .chat ul li.you .message:before {
        margin: -9px 0 0 -16px;
        left: 0; }
      .message-content .chat ul li.you .message:after {
        content: '';
        left: 0;
        margin: 0 0 0 -15px; }
  .message-content .card-footer .btn {
    margin: 0; }

@media (max-width: 991px) {
  .message-sidebar {
    margin-top: 60px; }
  .message-content {
    margin-top: 72px; } }

@media (max-width: 767px) {
  .sidebar {
    position: fixed;
    height: 100% !important; }
  .message-content {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-x: hidden; }
  .message-sidebar {
    position: fixed;
    z-index: 1;
    width: 300px;
    height: 100%; }
  .message-sidebar-hidden .message-sidebar {
    margin-left: -300px;
    transition: margin-left 0.25s; }
  .message-content {
    margin-top: 72px;
    margin-left: 0;
    width: 100%; }
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 250px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 100px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 200px; }
  .mail-reply-form .form-row .btn {
    margin-top: -110px !important;
    margin-left: 190px !important;
    width: 50px;
    height: 50px; } }

@media (max-width: 765px) {
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 400px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: 0px !important;
    margin-left: 0px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 270px; }
  .mail-reply-form .form-row .btn {
    margin-top: 0px !important;
    margin-left: 0px !important;
    width: 50px;
    height: 50px; } }

@media (max-width: 575px) {
  .mail-search-form .form-row .form-group {
    display: inline-block; }
    .mail-search-form .form-row .form-group input[type=text] {
      width: 250px; }
  .mail-search-form .form-row .btn {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 100px !important; }
  .mail-reply-form .form-row .form-group {
    display: inline-block;
    margin-left: -20px !important; }
    .mail-reply-form .form-row .form-group textarea {
      width: 200px; }
  .mail-reply-form .form-row .btn {
    margin-top: -110px !important;
    margin-left: 190px !important;
    width: 50px;
    height: 50px; } }

/*******************
/*08.04. PM-App*/
/*******************/
.pm-sidebar {
  position: fixed;
  display: inline-flex;
  z-index: 100 !important;
  flex-direction: column;
  color: #29363d;
  background: #F03434;
  -webkit-box-shadow: 10px 50px 15px -15px #000;
  -moz-box-shadow: 10px 50px 15px -15px #000;
  box-shadow: 10px 50px 15px -15px #000;
  min-width: 220px;
  min-height: 100%; }
  .pm-sidebar .sidebar-close {
    position: absolute;
    right: 0;
    display: none;
    padding: 0 1rem;
    font-size: 24px;
    font-weight: 800;
    line-height: 60px;
    color: #29363d;
    background: 0;
    border: 0;
    opacity: .8; }
    .pm-sidebar .sidebar-close:hover {
      opacity: 1; }
  .pm-sidebar .title {
    font-size: 1.3rem !important; }
  .pm-sidebar .calendar-events {
    padding: 10px 10px;
    margin-bottom: 5px;
    color: #fff;
    cursor: all-scroll; }
  .pm-sidebar .checkbox {
    padding: 20px 20px;
    color: #fff; }
  .pm-sidebar .pm-sidebar-toggler {
    position: absolute;
    margin-top: 10px;
    margin-left: 220px;
    color: white;
    z-index: 1;
    padding: 5px 10px;
    background: #F03434;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    cursor: pointer; }
  .pm-sidebar .sidebar-nav {
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 200px; }
    .pm-sidebar .sidebar-nav::-webkit-scrollbar {
      position: absolute;
      width: 0px;
      margin-left: -10px;
      -webkit-appearance: none; }
    .pm-sidebar .sidebar-nav::-webkit-scrollbar-track {
      background-color: white;
      border-right: 1px solid #f2f2f2;
      border-left: 1px solid #f2f2f2; }
    .pm-sidebar .sidebar-nav::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #e6e6e6;
      background-clip: content-box;
      border-color: transparent;
      border-style: solid;
      border-width: 1px 2px; }
  .pm-sidebar .nav {
    width: 200px;
    flex-direction: column;
    min-height: 100%; }
  .pm-sidebar .nav-title {
    padding: 0.8rem 1rem;
    font-size: 0.6rem;
    text-transform: uppercase; }
  .pm-sidebar .nav-divider,
  .pm-sidebar .divider {
    height: 10px; }
  .pm-sidebar .nav-item {
    position: relative;
    margin: 0;
    transition: background .3s ease-in-out; }
  .pm-sidebar .nav-dropdown-items {
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    transition: max-height .3s ease-in-out; }
    .pm-sidebar .nav-dropdown-items .nav-item {
      padding: 0;
      list-style: none; }
  .pm-sidebar .nav-link {
    display: block;
    font-size: 0.9rem;
    color: #fff;
    text-decoration: none;
    background: transparent; }
    .pm-sidebar .nav-link i {
      display: inline-block;
      margin: 0 0.2rem 0 0;
      font-size: 1.3rem;
      color: #ffffff;
      text-align: center; }
    .pm-sidebar .nav-link .badge {
      float: right;
      margin-top: 8px; }
    .pm-sidebar .nav-link.active {
      font-weight: 700;
      color: #F03434;
      background: white;
      border-right: 5px solid #F03434; }
      .pm-sidebar .nav-link.active i {
        font-weight: 700;
        color: #F03434; }
    .pm-sidebar .nav-link:hover {
      font-weight: 700;
      color: #f0f3f5;
      background: theme-color("primary"); }
      .pm-sidebar .nav-link:hover i {
        font-weight: 700;
        color: #f0f3f5; }
      .pm-sidebar .nav-link:hover.nav-dropdown-toggle::before {
        float: right;
        /*vertical-align: middle;*/
        border-top: 5px solid #536c79;
        border-right: 5px solid transparent;
        /*border-bottom: 0 solid black;*/
        overflow: hidden; }
    .pm-sidebar .nav-link.nav-link-primary {
      background: #3867d6; }
      .pm-sidebar .nav-link.nav-link-primary i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-primary:hover {
        background: #2a5acb !important; }
        .pm-sidebar .nav-link.nav-link-primary:hover i {
          color: #fff; }
    .pm-sidebar .nav-link.nav-link-secondary {
      background: #a4b7c1; }
      .pm-sidebar .nav-link.nav-link-secondary i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-secondary:hover {
        background: #95abb7 !important; }
        .pm-sidebar .nav-link.nav-link-secondary:hover i {
          color: #fff; }
    .pm-sidebar .nav-link.nav-link-success {
      background: #20bf6b; }
      .pm-sidebar .nav-link.nav-link-success i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-success:hover {
        background: #1ca95f !important; }
        .pm-sidebar .nav-link.nav-link-success:hover i {
          color: #fff; }
    .pm-sidebar .nav-link.nav-link-info {
      background: #2d98da; }
      .pm-sidebar .nav-link.nav-link-info i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-info:hover {
        background: #248aca !important; }
        .pm-sidebar .nav-link.nav-link-info:hover i {
          color: #fff; }
    .pm-sidebar .nav-link.nav-link-warning {
      background: #F6BB42; }
      .pm-sidebar .nav-link.nav-link-warning i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-warning:hover {
        background: #f5b22a !important; }
        .pm-sidebar .nav-link.nav-link-warning:hover i {
          color: #fff; }
    .pm-sidebar .nav-link.nav-link-danger {
      background: #F03434; }
      .pm-sidebar .nav-link.nav-link-danger i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-danger:hover {
        background: #ee1c1c !important; }
        .pm-sidebar .nav-link.nav-link-danger:hover i {
          color: #fff; }
    .pm-sidebar .nav-link.nav-link-light {
      background: #f0f3f5; }
      .pm-sidebar .nav-link.nav-link-light i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-light:hover {
        background: #e1e7eb !important; }
        .pm-sidebar .nav-link.nav-link-light:hover i {
          color: #fff; }
    .pm-sidebar .nav-link.nav-link-dark {
      background: #29363d; }
      .pm-sidebar .nav-link.nav-link-dark i {
        color: rgba(255, 255, 255, 0.7); }
      .pm-sidebar .nav-link.nav-link-dark:hover {
        background: #1f292e !important; }
        .pm-sidebar .nav-link.nav-link-dark:hover i {
          color: #fff; }
  .pm-sidebar .nav-dropdown-toggle {
    position: relative; }
    .pm-sidebar .nav-dropdown-toggle::before {
      position: absolute;
      top: 50%;
      right: 2rem;
      display: block;
      width: 8px;
      height: 8px;
      padding: 0;
      margin-top: -4px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      transition: transform .5s;
      border-top: 5px solid #536c79;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
  .pm-sidebar .nav-dropdown-items .nav-item .nav-link.active {
    color: #F03434;
    border-right: 3px solid #F03434 !important; }
  .pm-sidebar .nav-dropdown-items .nav-item .nav-link:hover {
    border-left: 5px solid #F03434 !important; }
  .pm-sidebar .nav-dropdown.open {
    background: #F5F5F5; }
    .pm-sidebar .nav-dropdown.open > .nav-dropdown-items {
      padding-left: 20px;
      max-height: 1000px; }
    .pm-sidebar .nav-dropdown.open .nav-link {
      color: #536c79;
      border-left: 0 !important; }
    .pm-sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before {
      transform: rotate(-180deg);
      border-top: 5px solid #F03434; }
    .pm-sidebar .nav-dropdown.open .nav-dropdown-toggle {
      color: #F03434;
      font-weight: 700;
      background: #f0f3f5; }
      .pm-sidebar .nav-dropdown.open .nav-dropdown-toggle i {
        color: #F03434;
        font-weight: 700; }
    .pm-sidebar .nav-dropdown.open .nav-dropdown.open {
      border-left: 0; }
  .pm-sidebar .nav-label {
    display: block;
    padding: 0.0875rem 2rem;
    color: #3e515b; }
    .pm-sidebar .nav-label:hover {
      color: #29363d;
      text-decoration: none; }
    .pm-sidebar .nav-label i {
      width: 20px;
      margin: -3px 1rem 0 0;
      font-size: 10px;
      color: #536c79;
      text-align: center;
      vertical-align: middle; }
  .pm-sidebar .sidebar-footer {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.2); }
  .pm-sidebar .sidebar-minimizer {
    position: relative;
    flex: 0 0 50px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0; }
    .pm-sidebar .sidebar-minimizer::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      content: "";
      background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#536c79' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12.5px;
      transition: .3s; }
    .pm-sidebar .sidebar-minimizer:focus, .pm-sidebar .sidebar-minimizer.focus {
      outline: 0; }
    .pm-sidebar .sidebar-minimizer:hover {
      background-color: rgba(0, 0, 0, 0.3); }
      .pm-sidebar .sidebar-minimizer:hover::before {
        background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#F03434' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23"); }

.pm-content {
  position: absolute;
  margin-top: 30px;
  margin-left: 220px; }

.pm-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 20px; }

.pm-team {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px;
  background-color: #29363d;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 25px -3px #29363d;
  -moz-box-shadow: 0px 5px 25px -3px #29363d;
  box-shadow: 0px 5px 25px -3px #29363d; }
  .pm-team .pm-team-title {
    font-size: 1rem;
    color: #fff;
    padding-bottom: 10px; }
  .pm-team ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .pm-team ul li {
      display: inline-block; }
      .pm-team ul li img {
        width: 25px;
        height: 25px;
        border-radius: 100px; }
  .pm-team .pm-team-status {
    margin-top: 10px; }

@media (max-width: 991px) {
  .pm-sidebar {
    margin-top: 60px; }
  .pm-content {
    margin-top: 72px; } }

@media (max-width: 767px) {
  .sidebar {
    position: fixed;
    height: 100% !important; }
  .pm-content {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-x: hidden; }
  .pm-sidebar {
    position: fixed;
    z-index: 1;
    width: 200px;
    height: 100%; }
  .pm-sidebar-hidden .pm-sidebar {
    margin-left: -220px;
    transition: margin-left 0.25s; }
  .pm-content {
    margin-top: 72px;
    margin-left: 0;
    width: 100%; } }

/*******************
/*09. Widgets*/
/*******************/
/* --- [Table Of Contents] ----
:: 09.01. Widget-Satistics
:: 09.02. Widget-Charts
-------------------------- */
/*******************
/*09.01. Widget-Satistics*/
/*******************/
/*******************
/*09.02. Widget-Charts*/
/*******************/
.legend {
  margin-top: 50px; }

.projects-charts-widget .card-body {
  padding: 20px 30px; }
  .projects-charts-widget .card-body div {
    padding-top: 10px; }

.sales-bars-chart {
  height: 320px;
  padding: 15px 0 !important; }

/*******************
/*10. Pages*/
/*******************/
/* --- [Table Of Contents] ----
:: 10.01. icon-list
:: 10.02. Dashboard
:: 10.03. Pages
:: 10.04. Flot-Chart-Examples
:: 10.05. Documentation
-------------------------- */
/*******************
/*10.01. icon-list*/
/*******************/
.icon-list-demo div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  color: #678898; }
  .icon-list-demo div:hover {
    color: #F03434; }
  .icon-list-demo div p {
    margin: 10px 0;
    padding: 5px 0; }

.icon-list-demo i {
  -webkit-transition: all 0.2s;
  -webkit-transition: font-size 0.2s;
  display: inline-block;
  font-size: 2rem;
  margin: 0 15px 0 10px;
  text-align: left;
  transition: all 0.2s;
  transition: font-size 0.2s;
  vertical-align: middle;
  width: auto;
  transition: all 0.3s ease 0s; }

.icon-list-demo .col-md-4:hover {
  background-color: #f7fafc; }

.icon-list-demo .col-md-4:hover i {
  font-size: 3em; }

.icon-list-demo .col-md-6:hover i {
  font-size: 3em; }

.glyphs.character-mapping {
  margin: 0 0 20px 0;
  padding: 20px 0 20px 30px;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #d8e0e5;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .glyphs.character-mapping li {
    margin: 0 30px 20px 0;
    display: inline-block;
    width: 90px;
    text-align: center;
    font-size: 2.2rem;
    color: #313131; }
  .glyphs.character-mapping input {
    margin: 0;
    padding: 5px 0;
    line-height: 12px;
    font-size: 12px;
    display: block;
    width: 100%;
    border: 1px solid #d8e0e5;
    text-align: center;
    outline: 0; }
    .glyphs.character-mapping input:focus {
      border: 1px solid #F03434;
      -webkit-box-shadow: inset 0 0 3px #F03434;
      box-shadow: inset 0 0 3px #F03434; }
    .glyphs.character-mapping input:hover {
      -webkit-box-shadow: inset 0 0 3px #F03434;
      box-shadow: inset 0 0 3px #F03434; }

.linea-icon {
  position: relative; }
  .linea-icon svg {
    fill: #000; }

/*******************
/*10.02. Dashboard*/
/*******************/
.ecom-widget-chart-full {
  margin-top: -24.5px !important; }

.ecom-widget-chart-full {
  background-color: #F03434;
  padding: 0 !important; }
  .ecom-widget-chart-full .chart-full-header {
    color: #fff;
    text-align: center;
    padding: 20px 30px; }
    .ecom-widget-chart-full .chart-full-header span {
      padding: 20px 30px; }
    .ecom-widget-chart-full .chart-full-header .heading {
      font-size: 2rem; }
  .ecom-widget-chart-full .chart-full-toolbar {
    list-style: none;
    text-align: center;
    color: white;
    padding-bottom: 50px;
    padding-top: 20px; }
    .ecom-widget-chart-full .chart-full-toolbar li {
      display: inline-block;
      padding: 20px 0; }
      .ecom-widget-chart-full .chart-full-toolbar li a {
        text-decoration: none;
        color: #fff;
        padding: 20px 50px;
        border-radius: 60%; }
        .ecom-widget-chart-full .chart-full-toolbar li a:hover {
          background-color: #e01111; }
        .ecom-widget-chart-full .chart-full-toolbar li a.active {
          background-color: #e01111; }
  .ecom-widget-chart-full .ecom-widget-chart-text {
    font-size: 4rem; }
  .ecom-widget-chart-full .chart-full-canvas {
    max-height: 400px; }

.row-margin-up {
  margin-top: -100px !important; }
  .row-margin-up .card {
    border-radius: 40px; }
  .row-margin-up .ecom-widget-sales i {
    font-size: 6rem;
    padding-top: 20px;
    padding-bottom: 40px;
    color: #f9abab; }

@media (max-width: 767px) {
  .row-margin-up {
    margin-top: 10px !important; }
  .ecom-widget-chart-text {
    font-size: 2.5rem !important; } }

.card-property-list {
  background-image: url("../img/products/property-5.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px; }
  .card-property-list .property-list-details {
    background: #F03434;
    padding: 20px 50px;
    width: 70%;
    -webkit-box-shadow: 0px 5px 25px -3px #F03434;
    -moz-box-shadow: 0px 5px 25px -3px #F03434;
    box-shadow: 0px 5px 25px -3px #F03434; }
    .card-property-list .property-list-details .h4 {
      padding-top: 20px; }
    .card-property-list .property-list-details ul {
      list-style: none; }
      .card-property-list .property-list-details ul li {
        display: inline-block;
        padding-right: 15px; }

.card-market-perfomance ul {
  list-style: none;
  margin-top: 20px; }
  .card-market-perfomance ul li {
    display: inline-block;
    padding-left: 10px; }
    .card-market-perfomance ul li .legend-views {
      background: #74ACF6;
      padding: 0px 15px;
      border-radius: 100px;
      margin-right: 10px; }
    .card-market-perfomance ul li .legend-leads {
      background: #0358C7;
      padding: 0px 15px;
      border-radius: 100px;
      margin-right: 10px; }

.card-pm-summary .widget-pm-summary i {
  font-size: 5rem; }

.card-pm-summary .widget-pm-summary .widget-text {
  display: inline-block;
  padding-left: 10px; }

.card-pm-summary .widget-pm-summary small {
  display: block; }

.widget-reminder ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .widget-reminder ul li {
    display: inline-block; }
    .widget-reminder ul li img {
      width: 40px;
      height: 40px;
      border-radius: 100px; }

.widget-reminder .reminder-text {
  padding-top: 40px; }

#pie-chart {
  margin-top: -50px; }

.analytics-widget-map-full {
  margin-top: -24.5px !important;
  background-color: #F03434;
  padding: 0 !important; }
  .analytics-widget-map-full .map-full-header {
    color: #fff;
    text-align: center;
    padding: 20px 30px; }
    .analytics-widget-map-full .map-full-header span {
      padding: 20px 30px; }
    .analytics-widget-map-full .map-full-header .heading {
      font-size: 2rem; }
  .analytics-widget-map-full .map-full-toolbar {
    list-style: none;
    text-align: center;
    color: white;
    padding-bottom: 50px;
    padding-top: 20px; }
    .analytics-widget-map-full .map-full-toolbar li {
      display: inline-block;
      padding: 20px 0; }
      .analytics-widget-map-full .map-full-toolbar li a {
        text-decoration: none;
        color: #fff;
        padding: 20px 50px;
        border-radius: 60%; }
        .analytics-widget-map-full .map-full-toolbar li a:hover {
          background-color: #e01111; }
        .analytics-widget-map-full .map-full-toolbar li a.active {
          background-color: #e01111; }

.row-margin-up-analytics {
  margin-top: -20px; }

/*******************
/*10.03. Pages*/
/*******************/
html,
body,
section {
  height: 100%; }

/* Pattern styles */
.container-pages {
  display: flex;
  background: #fff;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #F03434 50%, #fff 50%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #F03434 50%, #fff 50%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #F03434 50%, #fff 50%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, #F03434 50%, #fff 50%);
  /* Standard syntax */ }

.container-server-errors {
  display: flex;
  background: #fff; }

.pages-card {
  z-index: 100;
  max-width: 400px;
  margin: auto;
  border-radius: 10px; }
  .pages-card .card-body .small {
    margin-top: -5px;
    margin-bottom: 40px;
    font-weight: 800; }
  .pages-card .card-body .login-btn {
    max-width: 300px;
    display: flex;
    margin: auto; }
  .pages-card .card-body .user-img {
    padding-bottom: 20px; }
    .pages-card .card-body .user-img img {
      border-radius: 100%;
      width: 100px;
      height: 100px;
      -webkit-box-shadow: 0px 0px 20px -4px #F03434;
      -moz-box-shadow: 0px 0px 20px -4px #F03434;
      box-shadow: 0px 0px 20px -4px #F03434; }

.brand-logo {
  position: absolute;
  color: white !important;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.5rem;
  margin: 20px; }
  .brand-logo a {
    color: white;
    text-decoration: none; }

.brand-logo-dark {
  position: absolute;
  color: #F03434 !important;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.5rem;
  margin: 20px; }
  .brand-logo-dark a {
    color: #F03434;
    text-decoration: none; }

.pages-tag-line {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  margin: 400px 20px 0; }

.server-errors {
  z-index: 9999 !important;
  margin-top: 100px; }
  .server-errors .status-error {
    font-size: 10rem; }
  .server-errors .status-text-1 {
    text-align: center;
    font-size: 5rem;
    margin-bottom: -40px; }
  .server-errors .status-text-2 {
    text-align: center;
    font-size: 2rem; }

.half-circle {
  width: 200px;
  height: 400px;
  background-color: #F03434;
  border-bottom-left-radius: 400px;
  border-top-left-radius: 400px;
  border-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  position: fixed;
  top: -50px;
  right: 0px; }

.small-circle {
  width: 50px;
  height: 50px;
  background-color: #F03434;
  border-radius: 100px;
  border-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  position: fixed;
  top: 300px;
  right: 200px; }

.half-circle-bottom {
  width: 300px;
  height: 600px;
  background-color: #F03434;
  border-bottom-right-radius: 400px;
  border-top-right-radius: 400px;
  border-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  position: fixed;
  bottom: -50px;
  left: 0px; }

.small-circle-bottom {
  width: 50px;
  height: 50px;
  background-color: #F03434;
  border-radius: 100px;
  border-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 25px -3px #F03434;
  -moz-box-shadow: 0px 5px 25px -3px #F03434;
  box-shadow: 0px 5px 25px -3px #F03434;
  position: fixed;
  bottom: 300px;
  left: 350px; }

#mybutton {
  z-index: 101 !important;
  position: fixed;
  bottom: 50px;
  right: 50px; }
  #mybutton .btn {
    padding: 5px 14px !important; }
    #mybutton .btn i {
      font-size: 2.5rem; }
  #mybutton .dropdown-menu {
    margin-right: 50px;
    border: none !important;
    -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
    -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
    box-shadow: 0px 0px 20px -4px #c2cfd6;
    width: 400px; }
    #mybutton .dropdown-menu h6 {
      padding: 20px; }
    #mybutton .dropdown-menu .theme-colors {
      list-style: none; }
      #mybutton .dropdown-menu .theme-colors li {
        cursor: pointer;
        display: inline-block;
        background: #29363d;
        padding: 12px;
        border-radius: 100px; }
      #mybutton .dropdown-menu .theme-colors .theme-blue {
        background-color: #3867d6 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #3867d6;
        -moz-box-shadow: 0px 5px 25px -3px #3867d6;
        box-shadow: 0px 5px 25px -3px #3867d6; }
      #mybutton .dropdown-menu .theme-colors .theme-green {
        background-color: #20bf6b !important;
        -webkit-box-shadow: 0px 5px 25px -3px #20bf6b;
        -moz-box-shadow: 0px 5px 25px -3px #20bf6b;
        box-shadow: 0px 5px 25px -3px #20bf6b; }
      #mybutton .dropdown-menu .theme-colors .theme-red {
        background-color: #F03434 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #F03434;
        -moz-box-shadow: 0px 5px 25px -3px #F03434;
        box-shadow: 0px 5px 25px -3px #F03434; }
      #mybutton .dropdown-menu .theme-colors .theme-yellow {
        background-color: #F6BB42 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #F6BB42;
        -moz-box-shadow: 0px 5px 25px -3px #F6BB42;
        box-shadow: 0px 5px 25px -3px #F6BB42; }
      #mybutton .dropdown-menu .theme-colors .theme-orange {
        background-color: #f57c00 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #f57c00;
        -moz-box-shadow: 0px 5px 25px -3px #f57c00;
        box-shadow: 0px 5px 25px -3px #f57c00; }
      #mybutton .dropdown-menu .theme-colors .theme-teal {
        background-color: #20c997 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #20c997;
        -moz-box-shadow: 0px 5px 25px -3px #20c997;
        box-shadow: 0px 5px 25px -3px #20c997; }
      #mybutton .dropdown-menu .theme-colors .theme-cyan {
        background-color: #2d98da !important;
        -webkit-box-shadow: 0px 5px 25px -3px #2d98da;
        -moz-box-shadow: 0px 5px 25px -3px #2d98da;
        box-shadow: 0px 5px 25px -3px #2d98da; }
      #mybutton .dropdown-menu .theme-colors .theme-purple {
        background-color: #673ab7 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #673ab7;
        -moz-box-shadow: 0px 5px 25px -3px #673ab7;
        box-shadow: 0px 5px 25px -3px #673ab7; }
      #mybutton .dropdown-menu .theme-colors .theme-indigo {
        background-color: #8e24aa !important;
        -webkit-box-shadow: 0px 5px 25px -3px #8e24aa;
        -moz-box-shadow: 0px 5px 25px -3px #8e24aa;
        box-shadow: 0px 5px 25px -3px #8e24aa; }
      #mybutton .dropdown-menu .theme-colors .theme-pink {
        background-color: #e91e63 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #e91e63;
        -moz-box-shadow: 0px 5px 25px -3px #e91e63;
        box-shadow: 0px 5px 25px -3px #e91e63; }
      #mybutton .dropdown-menu .theme-colors .theme-facebook {
        background-color: #3b5998 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #3b5998;
        -moz-box-shadow: 0px 5px 25px -3px #3b5998;
        box-shadow: 0px 5px 25px -3px #3b5998; }
      #mybutton .dropdown-menu .theme-colors .theme-twitter {
        background-color: #00aced !important;
        -webkit-box-shadow: 0px 5px 25px -3px #00aced;
        -moz-box-shadow: 0px 5px 25px -3px #00aced;
        box-shadow: 0px 5px 25px -3px #00aced; }
      #mybutton .dropdown-menu .theme-colors .theme-linkedin {
        background-color: #4875b4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #4875b4;
        -moz-box-shadow: 0px 5px 25px -3px #4875b4;
        box-shadow: 0px 5px 25px -3px #4875b4; }
      #mybutton .dropdown-menu .theme-colors .theme-google-plus {
        background-color: #d34836 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #d34836;
        -moz-box-shadow: 0px 5px 25px -3px #d34836;
        box-shadow: 0px 5px 25px -3px #d34836; }
      #mybutton .dropdown-menu .theme-colors .theme-flickr {
        background-color: #ff0084 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ff0084;
        -moz-box-shadow: 0px 5px 25px -3px #ff0084;
        box-shadow: 0px 5px 25px -3px #ff0084; }
      #mybutton .dropdown-menu .theme-colors .theme-tumblr {
        background-color: #32506d !important;
        -webkit-box-shadow: 0px 5px 25px -3px #32506d;
        -moz-box-shadow: 0px 5px 25px -3px #32506d;
        box-shadow: 0px 5px 25px -3px #32506d; }
      #mybutton .dropdown-menu .theme-colors .theme-xing {
        background-color: #026466 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #026466;
        -moz-box-shadow: 0px 5px 25px -3px #026466;
        box-shadow: 0px 5px 25px -3px #026466; }
      #mybutton .dropdown-menu .theme-colors .theme-github {
        background-color: #4183c4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #4183c4;
        -moz-box-shadow: 0px 5px 25px -3px #4183c4;
        box-shadow: 0px 5px 25px -3px #4183c4; }
      #mybutton .dropdown-menu .theme-colors .theme-html5 {
        background-color: #e34f26 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #e34f26;
        -moz-box-shadow: 0px 5px 25px -3px #e34f26;
        box-shadow: 0px 5px 25px -3px #e34f26; }
      #mybutton .dropdown-menu .theme-colors .theme-openid {
        background-color: #f78c40 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #f78c40;
        -moz-box-shadow: 0px 5px 25px -3px #f78c40;
        box-shadow: 0px 5px 25px -3px #f78c40; }
      #mybutton .dropdown-menu .theme-colors .theme-stack-overflow {
        background-color: #fe7a15 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #fe7a15;
        -moz-box-shadow: 0px 5px 25px -3px #fe7a15;
        box-shadow: 0px 5px 25px -3px #fe7a15; }
      #mybutton .dropdown-menu .theme-colors .theme-youtube {
        background-color: #b00 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #b00;
        -moz-box-shadow: 0px 5px 25px -3px #b00;
        box-shadow: 0px 5px 25px -3px #b00; }
      #mybutton .dropdown-menu .theme-colors .theme-css3 {
        background-color: #0170ba !important;
        -webkit-box-shadow: 0px 5px 25px -3px #0170ba;
        -moz-box-shadow: 0px 5px 25px -3px #0170ba;
        box-shadow: 0px 5px 25px -3px #0170ba; }
      #mybutton .dropdown-menu .theme-colors .theme-dribbble {
        background-color: #ea4c89 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ea4c89;
        -moz-box-shadow: 0px 5px 25px -3px #ea4c89;
        box-shadow: 0px 5px 25px -3px #ea4c89; }
      #mybutton .dropdown-menu .theme-colors .theme-instagram {
        background-color: #517fa4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #517fa4;
        -moz-box-shadow: 0px 5px 25px -3px #517fa4;
        box-shadow: 0px 5px 25px -3px #517fa4; }
      #mybutton .dropdown-menu .theme-colors .theme-pinterest {
        background-color: #cb2027 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #cb2027;
        -moz-box-shadow: 0px 5px 25px -3px #cb2027;
        box-shadow: 0px 5px 25px -3px #cb2027; }
      #mybutton .dropdown-menu .theme-colors .theme-vk {
        background-color: #45668e !important;
        -webkit-box-shadow: 0px 5px 25px -3px #45668e;
        -moz-box-shadow: 0px 5px 25px -3px #45668e;
        box-shadow: 0px 5px 25px -3px #45668e; }
      #mybutton .dropdown-menu .theme-colors .theme-yahoo {
        background-color: #400191 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #400191;
        -moz-box-shadow: 0px 5px 25px -3px #400191;
        box-shadow: 0px 5px 25px -3px #400191; }
      #mybutton .dropdown-menu .theme-colors .theme-behance {
        background-color: #1769ff !important;
        -webkit-box-shadow: 0px 5px 25px -3px #1769ff;
        -moz-box-shadow: 0px 5px 25px -3px #1769ff;
        box-shadow: 0px 5px 25px -3px #1769ff; }
      #mybutton .dropdown-menu .theme-colors .theme-dropbox {
        background-color: #007ee5 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #007ee5;
        -moz-box-shadow: 0px 5px 25px -3px #007ee5;
        box-shadow: 0px 5px 25px -3px #007ee5; }
      #mybutton .dropdown-menu .theme-colors .theme-reddit {
        background-color: #ff4500 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ff4500;
        -moz-box-shadow: 0px 5px 25px -3px #ff4500;
        box-shadow: 0px 5px 25px -3px #ff4500; }
      #mybutton .dropdown-menu .theme-colors .theme-spotify {
        background-color: #7ab800 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #7ab800;
        -moz-box-shadow: 0px 5px 25px -3px #7ab800;
        box-shadow: 0px 5px 25px -3px #7ab800; }
      #mybutton .dropdown-menu .theme-colors .theme-vine {
        background-color: #00bf8f !important;
        -webkit-box-shadow: 0px 5px 25px -3px #00bf8f;
        -moz-box-shadow: 0px 5px 25px -3px #00bf8f;
        box-shadow: 0px 5px 25px -3px #00bf8f; }
      #mybutton .dropdown-menu .theme-colors .theme-foursquare {
        background-color: #1073af !important;
        -webkit-box-shadow: 0px 5px 25px -3px #1073af;
        -moz-box-shadow: 0px 5px 25px -3px #1073af;
        box-shadow: 0px 5px 25px -3px #1073af; }
      #mybutton .dropdown-menu .theme-colors .theme-vimeo {
        background-color: #aad450 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #aad450;
        -moz-box-shadow: 0px 5px 25px -3px #aad450;
        box-shadow: 0px 5px 25px -3px #aad450; }

#copyright {
  position: fixed;
  bottom: 50px;
  left: 20px;
  color: #fff; }
  #copyright a {
    color: #fff;
    text-decoration: none; }

@media (max-width: 767px) {
  .container-pages {
    background: #fff; }
  .brand-logo {
    position: absolute;
    color: white !important;
    font-family: "Josefin Sans", sans-serif;
    font-size: 1.5rem;
    margin: 50px; }
    .brand-logo a {
      color: #F03434;
      text-decoration: none; }
  .pages-tag-line {
    display: none; }
  #copyright {
    display: none; }
  .server-errors {
    z-index: 9999 !important;
    margin-top: 100px; }
    .server-errors .status-error {
      text-align: center;
      font-size: 6rem;
      color: #29363d !important; }
    .server-errors .status-text-1 {
      text-align: center;
      font-size: 5rem;
      margin-bottom: -40px;
      color: #29363d !important; }
    .server-errors .status-text-2 {
      text-align: center;
      font-size: 2rem; }
    .server-errors .btn {
      background-color: #29363d !important; }
    .server-errors small {
      color: #29363d !important; }
      .server-errors small a {
        color: #29363d !important; } }

/*******************
/*10.04. Flot-Chart-Examples*/
/*******************/
.demo-container {
  width: 100%;
  height: 300px; }

.demo-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em; }

.flot-chart {
  display: block;
  height: 300px; }

.flot-chart-content {
  width: 100%;
  height: 100%; }

/*******************
/*10.05. Documentation*/
/*******************/
.theme-colors {
  margin-top: 20px;
  list-style: none; }
  .theme-colors li {
    cursor: pointer;
    display: inline-block;
    background: #29363d;
    padding: 12px;
    border-radius: 100px; }
  .theme-colors .theme-blue {
    background-color: #3867d6 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #3867d6;
    -moz-box-shadow: 0px 5px 25px -3px #3867d6;
    box-shadow: 0px 5px 25px -3px #3867d6; }
  .theme-colors .theme-green {
    background-color: #20bf6b !important;
    -webkit-box-shadow: 0px 5px 25px -3px #20bf6b;
    -moz-box-shadow: 0px 5px 25px -3px #20bf6b;
    box-shadow: 0px 5px 25px -3px #20bf6b; }
  .theme-colors .theme-red {
    background-color: #F03434 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #F03434;
    -moz-box-shadow: 0px 5px 25px -3px #F03434;
    box-shadow: 0px 5px 25px -3px #F03434; }
  .theme-colors .theme-yellow {
    background-color: #F6BB42 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #F6BB42;
    -moz-box-shadow: 0px 5px 25px -3px #F6BB42;
    box-shadow: 0px 5px 25px -3px #F6BB42; }
  .theme-colors .theme-orange {
    background-color: #f57c00 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #f57c00;
    -moz-box-shadow: 0px 5px 25px -3px #f57c00;
    box-shadow: 0px 5px 25px -3px #f57c00; }
  .theme-colors .theme-teal {
    background-color: #20c997 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #20c997;
    -moz-box-shadow: 0px 5px 25px -3px #20c997;
    box-shadow: 0px 5px 25px -3px #20c997; }
  .theme-colors .theme-cyan {
    background-color: #2d98da !important;
    -webkit-box-shadow: 0px 5px 25px -3px #2d98da;
    -moz-box-shadow: 0px 5px 25px -3px #2d98da;
    box-shadow: 0px 5px 25px -3px #2d98da; }
  .theme-colors .theme-purple {
    background-color: #673ab7 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #673ab7;
    -moz-box-shadow: 0px 5px 25px -3px #673ab7;
    box-shadow: 0px 5px 25px -3px #673ab7; }
  .theme-colors .theme-indigo {
    background-color: #8e24aa !important;
    -webkit-box-shadow: 0px 5px 25px -3px #8e24aa;
    -moz-box-shadow: 0px 5px 25px -3px #8e24aa;
    box-shadow: 0px 5px 25px -3px #8e24aa; }
  .theme-colors .theme-pink {
    background-color: #e91e63 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #e91e63;
    -moz-box-shadow: 0px 5px 25px -3px #e91e63;
    box-shadow: 0px 5px 25px -3px #e91e63; }
  .theme-colors .theme-facebook {
    background-color: #3b5998 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #3b5998;
    -moz-box-shadow: 0px 5px 25px -3px #3b5998;
    box-shadow: 0px 5px 25px -3px #3b5998; }
  .theme-colors .theme-twitter {
    background-color: #00aced !important;
    -webkit-box-shadow: 0px 5px 25px -3px #00aced;
    -moz-box-shadow: 0px 5px 25px -3px #00aced;
    box-shadow: 0px 5px 25px -3px #00aced; }
  .theme-colors .theme-linkedin {
    background-color: #4875b4 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #4875b4;
    -moz-box-shadow: 0px 5px 25px -3px #4875b4;
    box-shadow: 0px 5px 25px -3px #4875b4; }
  .theme-colors .theme-google-plus {
    background-color: #d34836 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #d34836;
    -moz-box-shadow: 0px 5px 25px -3px #d34836;
    box-shadow: 0px 5px 25px -3px #d34836; }
  .theme-colors .theme-flickr {
    background-color: #ff0084 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #ff0084;
    -moz-box-shadow: 0px 5px 25px -3px #ff0084;
    box-shadow: 0px 5px 25px -3px #ff0084; }
  .theme-colors .theme-tumblr {
    background-color: #32506d !important;
    -webkit-box-shadow: 0px 5px 25px -3px #32506d;
    -moz-box-shadow: 0px 5px 25px -3px #32506d;
    box-shadow: 0px 5px 25px -3px #32506d; }
  .theme-colors .theme-xing {
    background-color: #026466 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #026466;
    -moz-box-shadow: 0px 5px 25px -3px #026466;
    box-shadow: 0px 5px 25px -3px #026466; }
  .theme-colors .theme-github {
    background-color: #4183c4 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #4183c4;
    -moz-box-shadow: 0px 5px 25px -3px #4183c4;
    box-shadow: 0px 5px 25px -3px #4183c4; }
  .theme-colors .theme-html5 {
    background-color: #e34f26 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #e34f26;
    -moz-box-shadow: 0px 5px 25px -3px #e34f26;
    box-shadow: 0px 5px 25px -3px #e34f26; }
  .theme-colors .theme-openid {
    background-color: #f78c40 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #f78c40;
    -moz-box-shadow: 0px 5px 25px -3px #f78c40;
    box-shadow: 0px 5px 25px -3px #f78c40; }
  .theme-colors .theme-stack-overflow {
    background-color: #fe7a15 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #fe7a15;
    -moz-box-shadow: 0px 5px 25px -3px #fe7a15;
    box-shadow: 0px 5px 25px -3px #fe7a15; }
  .theme-colors .theme-youtube {
    background-color: #b00 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #b00;
    -moz-box-shadow: 0px 5px 25px -3px #b00;
    box-shadow: 0px 5px 25px -3px #b00; }
  .theme-colors .theme-css3 {
    background-color: #0170ba !important;
    -webkit-box-shadow: 0px 5px 25px -3px #0170ba;
    -moz-box-shadow: 0px 5px 25px -3px #0170ba;
    box-shadow: 0px 5px 25px -3px #0170ba; }
  .theme-colors .theme-dribbble {
    background-color: #ea4c89 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #ea4c89;
    -moz-box-shadow: 0px 5px 25px -3px #ea4c89;
    box-shadow: 0px 5px 25px -3px #ea4c89; }
  .theme-colors .theme-instagram {
    background-color: #517fa4 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #517fa4;
    -moz-box-shadow: 0px 5px 25px -3px #517fa4;
    box-shadow: 0px 5px 25px -3px #517fa4; }
  .theme-colors .theme-pinterest {
    background-color: #cb2027 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #cb2027;
    -moz-box-shadow: 0px 5px 25px -3px #cb2027;
    box-shadow: 0px 5px 25px -3px #cb2027; }
  .theme-colors .theme-vk {
    background-color: #45668e !important;
    -webkit-box-shadow: 0px 5px 25px -3px #45668e;
    -moz-box-shadow: 0px 5px 25px -3px #45668e;
    box-shadow: 0px 5px 25px -3px #45668e; }
  .theme-colors .theme-yahoo {
    background-color: #400191 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #400191;
    -moz-box-shadow: 0px 5px 25px -3px #400191;
    box-shadow: 0px 5px 25px -3px #400191; }
  .theme-colors .theme-behance {
    background-color: #1769ff !important;
    -webkit-box-shadow: 0px 5px 25px -3px #1769ff;
    -moz-box-shadow: 0px 5px 25px -3px #1769ff;
    box-shadow: 0px 5px 25px -3px #1769ff; }
  .theme-colors .theme-dropbox {
    background-color: #007ee5 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #007ee5;
    -moz-box-shadow: 0px 5px 25px -3px #007ee5;
    box-shadow: 0px 5px 25px -3px #007ee5; }
  .theme-colors .theme-reddit {
    background-color: #ff4500 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #ff4500;
    -moz-box-shadow: 0px 5px 25px -3px #ff4500;
    box-shadow: 0px 5px 25px -3px #ff4500; }
  .theme-colors .theme-spotify {
    background-color: #7ab800 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #7ab800;
    -moz-box-shadow: 0px 5px 25px -3px #7ab800;
    box-shadow: 0px 5px 25px -3px #7ab800; }
  .theme-colors .theme-vine {
    background-color: #00bf8f !important;
    -webkit-box-shadow: 0px 5px 25px -3px #00bf8f;
    -moz-box-shadow: 0px 5px 25px -3px #00bf8f;
    box-shadow: 0px 5px 25px -3px #00bf8f; }
  .theme-colors .theme-foursquare {
    background-color: #1073af !important;
    -webkit-box-shadow: 0px 5px 25px -3px #1073af;
    -moz-box-shadow: 0px 5px 25px -3px #1073af;
    box-shadow: 0px 5px 25px -3px #1073af; }
  .theme-colors .theme-vimeo {
    background-color: #aad450 !important;
    -webkit-box-shadow: 0px 5px 25px -3px #aad450;
    -moz-box-shadow: 0px 5px 25px -3px #aad450;
    box-shadow: 0px 5px 25px -3px #aad450; }

/*******************
/*11. Landing Page*/
/*******************/
/* --- [Table Of Contents] ----
:: 11.01. Landing-Page
-------------------------- */
/*******************
/*11.01. Landing-Page*/
/*******************/
.wave-background {
  width: 100%;
  height: 700px;
  border-radius: 5px;
  position: relative;
  overflow: hidden; }

.wave {
  opacity: .7;
  position: absolute;
  background: #F03434;
  width: 4500px;
  height: 4500px;
  margin-left: -1350px;
  margin-top: -3950px;
  transform-origin: 50% 50%;
  border-radius: 43%;
  animation: drift 3000ms infinite linear; }

.wave.-three {
  animation: drift 5000ms infinite linear; }

.wave.-two {
  animation: drift 7000ms infinite linear;
  opacity: .1;
  background: #F03434; }

@keyframes drift {
  from {
    transform: rotate(0deg); }
  from {
    transform: rotate(180deg); } }

.header_area {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 0;
  padding: 50px; }
  .header_area .menu_area {
    position: relative;
    z-index: 2; }
    .header_area .menu_area .navbar-brand {
      font-size: 40px;
      font-weight: 700;
      color: #fff;
      margin: 0;
      line-height: 1;
      padding: 0; }
    .header_area .menu_area .nav-item a:hover {
      color: #fff; }
    .header_area .menu_area .nav-link {
      color: #fff;
      display: block;
      font-size: 16px;
      font-weight: 500;
      border-radius: 30px;
      -webkit-transition-duration: 500ms;
      -o-transition-duration: 500ms;
      transition-duration: 500ms; }
    .header_area .menu_area .active a {
      background: #fff;
      color: #F03434 !important;
      border-radius: 0; }

.header_area.sticky {
  background-color: #F03434;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  height: 70px;
  position: fixed;
  top: 0;
  z-index: 99; }

.header_area.sticky .menu_area .navbar-brand {
  font-size: 40px; }

.header_area.sticky .menu_area #nav .nav-link {
  padding: 23px 15px; }

.header_area.sticky .navbar {
  margin-top: -30px;
  padding: 0; }

.header_area.sticky .buynow-btn {
  margin-top: -20px; }

.wellcome_area {
  margin-top: 200px;
  color: #fff; }
  .wellcome_area .wellcome-heading .h1 {
    padding-top: 30px;
    padding-bottom: 30px; }

.welcome-thumb {
  margin-top: -230px;
  position: absolute;
  width: 100%; }
  .welcome-thumb img {
    margin: 0 auto !important;
    width: 1000px; }

.theme-color-area {
  margin-top: 200px;
  padding-top: 80px;
  width: 100%; }

.special-area {
  margin-top: 50px;
  padding-top: 80px;
  width: 100%; }
  .special-area .section-heading {
    margin-bottom: 60px; }
    .special-area .section-heading h3 {
      color: #F03434;
      margin: 0; }
    .special-area .section-heading .line-shape {
      width: 80px;
      height: 2px;
      background-color: #F03434;
      margin-top: 15px;
      margin-left: calc(50% - 40px); }
  .special-area .special_description_area {
    margin-top: 50px;
    padding-top: 50px; }
    .special-area .special_description_area .special_description_img img {
      width: 600px; }
    .special-area .special_description_area .special_description_content .theme-colors-area {
      margin-top: 60px; }
    .special-area .special_description_area .special_description_content .theme-colors {
      margin-top: 20px;
      list-style: none; }
      .special-area .special_description_area .special_description_content .theme-colors li {
        cursor: pointer;
        display: inline-block;
        background: #29363d;
        padding: 12px;
        border-radius: 100px; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-blue {
        background-color: #3867d6 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #3867d6;
        -moz-box-shadow: 0px 5px 25px -3px #3867d6;
        box-shadow: 0px 5px 25px -3px #3867d6; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-green {
        background-color: #20bf6b !important;
        -webkit-box-shadow: 0px 5px 25px -3px #20bf6b;
        -moz-box-shadow: 0px 5px 25px -3px #20bf6b;
        box-shadow: 0px 5px 25px -3px #20bf6b; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-red {
        background-color: #F03434 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #F03434;
        -moz-box-shadow: 0px 5px 25px -3px #F03434;
        box-shadow: 0px 5px 25px -3px #F03434; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-yellow {
        background-color: #F6BB42 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #F6BB42;
        -moz-box-shadow: 0px 5px 25px -3px #F6BB42;
        box-shadow: 0px 5px 25px -3px #F6BB42; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-orange {
        background-color: #f57c00 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #f57c00;
        -moz-box-shadow: 0px 5px 25px -3px #f57c00;
        box-shadow: 0px 5px 25px -3px #f57c00; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-teal {
        background-color: #20c997 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #20c997;
        -moz-box-shadow: 0px 5px 25px -3px #20c997;
        box-shadow: 0px 5px 25px -3px #20c997; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-cyan {
        background-color: #2d98da !important;
        -webkit-box-shadow: 0px 5px 25px -3px #2d98da;
        -moz-box-shadow: 0px 5px 25px -3px #2d98da;
        box-shadow: 0px 5px 25px -3px #2d98da; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-purple {
        background-color: #673ab7 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #673ab7;
        -moz-box-shadow: 0px 5px 25px -3px #673ab7;
        box-shadow: 0px 5px 25px -3px #673ab7; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-indigo {
        background-color: #8e24aa !important;
        -webkit-box-shadow: 0px 5px 25px -3px #8e24aa;
        -moz-box-shadow: 0px 5px 25px -3px #8e24aa;
        box-shadow: 0px 5px 25px -3px #8e24aa; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-pink {
        background-color: #e91e63 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #e91e63;
        -moz-box-shadow: 0px 5px 25px -3px #e91e63;
        box-shadow: 0px 5px 25px -3px #e91e63; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-facebook {
        background-color: #3b5998 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #3b5998;
        -moz-box-shadow: 0px 5px 25px -3px #3b5998;
        box-shadow: 0px 5px 25px -3px #3b5998; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-twitter {
        background-color: #00aced !important;
        -webkit-box-shadow: 0px 5px 25px -3px #00aced;
        -moz-box-shadow: 0px 5px 25px -3px #00aced;
        box-shadow: 0px 5px 25px -3px #00aced; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-linkedin {
        background-color: #4875b4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #4875b4;
        -moz-box-shadow: 0px 5px 25px -3px #4875b4;
        box-shadow: 0px 5px 25px -3px #4875b4; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-google-plus {
        background-color: #d34836 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #d34836;
        -moz-box-shadow: 0px 5px 25px -3px #d34836;
        box-shadow: 0px 5px 25px -3px #d34836; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-flickr {
        background-color: #ff0084 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ff0084;
        -moz-box-shadow: 0px 5px 25px -3px #ff0084;
        box-shadow: 0px 5px 25px -3px #ff0084; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-tumblr {
        background-color: #32506d !important;
        -webkit-box-shadow: 0px 5px 25px -3px #32506d;
        -moz-box-shadow: 0px 5px 25px -3px #32506d;
        box-shadow: 0px 5px 25px -3px #32506d; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-xing {
        background-color: #026466 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #026466;
        -moz-box-shadow: 0px 5px 25px -3px #026466;
        box-shadow: 0px 5px 25px -3px #026466; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-github {
        background-color: #4183c4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #4183c4;
        -moz-box-shadow: 0px 5px 25px -3px #4183c4;
        box-shadow: 0px 5px 25px -3px #4183c4; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-html5 {
        background-color: #e34f26 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #e34f26;
        -moz-box-shadow: 0px 5px 25px -3px #e34f26;
        box-shadow: 0px 5px 25px -3px #e34f26; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-openid {
        background-color: #f78c40 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #f78c40;
        -moz-box-shadow: 0px 5px 25px -3px #f78c40;
        box-shadow: 0px 5px 25px -3px #f78c40; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-stack-overflow {
        background-color: #fe7a15 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #fe7a15;
        -moz-box-shadow: 0px 5px 25px -3px #fe7a15;
        box-shadow: 0px 5px 25px -3px #fe7a15; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-youtube {
        background-color: #b00 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #b00;
        -moz-box-shadow: 0px 5px 25px -3px #b00;
        box-shadow: 0px 5px 25px -3px #b00; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-css3 {
        background-color: #0170ba !important;
        -webkit-box-shadow: 0px 5px 25px -3px #0170ba;
        -moz-box-shadow: 0px 5px 25px -3px #0170ba;
        box-shadow: 0px 5px 25px -3px #0170ba; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-dribbble {
        background-color: #ea4c89 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ea4c89;
        -moz-box-shadow: 0px 5px 25px -3px #ea4c89;
        box-shadow: 0px 5px 25px -3px #ea4c89; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-instagram {
        background-color: #517fa4 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #517fa4;
        -moz-box-shadow: 0px 5px 25px -3px #517fa4;
        box-shadow: 0px 5px 25px -3px #517fa4; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-pinterest {
        background-color: #cb2027 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #cb2027;
        -moz-box-shadow: 0px 5px 25px -3px #cb2027;
        box-shadow: 0px 5px 25px -3px #cb2027; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-vk {
        background-color: #45668e !important;
        -webkit-box-shadow: 0px 5px 25px -3px #45668e;
        -moz-box-shadow: 0px 5px 25px -3px #45668e;
        box-shadow: 0px 5px 25px -3px #45668e; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-yahoo {
        background-color: #400191 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #400191;
        -moz-box-shadow: 0px 5px 25px -3px #400191;
        box-shadow: 0px 5px 25px -3px #400191; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-behance {
        background-color: #1769ff !important;
        -webkit-box-shadow: 0px 5px 25px -3px #1769ff;
        -moz-box-shadow: 0px 5px 25px -3px #1769ff;
        box-shadow: 0px 5px 25px -3px #1769ff; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-dropbox {
        background-color: #007ee5 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #007ee5;
        -moz-box-shadow: 0px 5px 25px -3px #007ee5;
        box-shadow: 0px 5px 25px -3px #007ee5; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-reddit {
        background-color: #ff4500 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #ff4500;
        -moz-box-shadow: 0px 5px 25px -3px #ff4500;
        box-shadow: 0px 5px 25px -3px #ff4500; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-spotify {
        background-color: #7ab800 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #7ab800;
        -moz-box-shadow: 0px 5px 25px -3px #7ab800;
        box-shadow: 0px 5px 25px -3px #7ab800; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-vine {
        background-color: #00bf8f !important;
        -webkit-box-shadow: 0px 5px 25px -3px #00bf8f;
        -moz-box-shadow: 0px 5px 25px -3px #00bf8f;
        box-shadow: 0px 5px 25px -3px #00bf8f; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-foursquare {
        background-color: #1073af !important;
        -webkit-box-shadow: 0px 5px 25px -3px #1073af;
        -moz-box-shadow: 0px 5px 25px -3px #1073af;
        box-shadow: 0px 5px 25px -3px #1073af; }
      .special-area .special_description_area .special_description_content .theme-colors .theme-vimeo {
        background-color: #aad450 !important;
        -webkit-box-shadow: 0px 5px 25px -3px #aad450;
        -moz-box-shadow: 0px 5px 25px -3px #aad450;
        box-shadow: 0px 5px 25px -3px #aad450; }
    .special-area .special_description_area .special_description_content .buy-now-area {
      margin-top: 40px;
      margin-left: 50px; }

.awesome-feature-area {
  margin-top: 150px; }
  .awesome-feature-area .line-shape {
    width: 80px;
    height: 2px;
    background-color: #F03434;
    margin-top: 15px;
    margin-left: calc(50% - 40px); }
  .awesome-feature-area .single-feature-area {
    margin-top: 50px;
    margin-bottom: 50px; }
    .awesome-feature-area .single-feature-area i {
      color: #F03434;
      font-size: 50px;
      display: inline-block;
      margin-right: 10px; }
    .awesome-feature-area .single-feature-area .h5 {
      font-size: 22px;
      color: #29363d; }
    .awesome-feature-area .single-feature-area p {
      font-size: 18px;
      margin-top: 15px; }
    .awesome-feature-area .single-feature-area .card-body {
      min-height: 260px; }

.app-screenshots-area {
  margin-top: 50px;
  padding: 50px; }
  .app-screenshots-area .line-shape {
    width: 80px;
    height: 2px;
    background-color: #F03434;
    margin-top: 15px;
    margin-left: calc(50% - 40px); }
  .app-screenshots-area .app_screenshots_slides {
    margin-top: 50px; }
    .app-screenshots-area .app_screenshots_slides img {
      -webkit-box-shadow: 0px 5px 25px -3px #a4b7c1;
      -moz-box-shadow: 0px 5px 25px -3px #a4b7c1;
      box-shadow: 0px 5px 25px -3px #a4b7c1; }

.app_screenshots_slides {
  padding: 0 6%; }

.app_screenshots_slides .single-shot {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85); }

.app_screenshots_slides .center .single-shot {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.app-screenshots-area .owl-dot {
  height: 11px;
  width: 11px;
  border: 2px solid #a49fba;
  border-radius: 50%;
  display: inline-block;
  margin: 0 6px;
  margin-top: 50px; }

.app-screenshots-area .owl-dot.active {
  background-color: #F03434;
  border: transparent; }

.app-screenshots-area .owl-dots {
  height: 100%;
  width: 100%;
  text-align: center; }

.cool_facts_area {
  margin-top: 100px;
  padding-top: 30px;
  background: #F03434;
  height: 200px;
  color: #fff; }

.cool-facts-content > i {
  color: #ffffff;
  font-size: 36px; }

.counter-area {
  min-width: 100px;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.counter-area > h3 {
  color: #ffffff;
  font-size: 45px;
  margin-bottom: 0;
  line-height: 1; }

.cool-facts-content > p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 0; }

.pricing-area {
  height: 300px;
  padding-top: 100px; }

.footer-text > h2 {
  color: #F03434;
  padding-top: 30px;
  font-weight: 700; }

.footer-text {
  margin-bottom: 15px; }

.footer-menu ul li {
  display: inline-block; }

.footer-menu ul li a {
  border-right: 2px solid #726a84;
  display: block;
  padding: 0 7.5px;
  color: #726a84; }

.footer-social-icon {
  margin-bottom: 30px; }

.footer-menu {
  margin-bottom: 15px; }

.copyright-text > p {
  margin-bottom: 0; }

@media (max-width: 991px) {
  .header_area {
    padding: 0;
    margin-left: -15px; }
  .header_area.sticky {
    background-color: transparent;
    height: 50px; }
  .header_area.sticky .menu_area #nav .nav-link {
    padding: 8px 2px; }
  .header_area.sticky .navbar {
    margin-top: 0px;
    padding: 0; }
  .menu_area {
    position: relative;
    z-index: 2; }
    .menu_area .navbar {
      height: 80px !important; }
      .menu_area .navbar .navbar-brand {
        font-size: 30px !important;
        left: 58%;
        margin-left: -125px; }
      .menu_area .navbar #ca-navbar {
        margin-top: 30px;
        padding: 120px !important;
        border-radius: 3px !important;
        background-color: #F03434 !important;
        text-align: left !important;
        opacity: 0.9; }
        .menu_area .navbar #ca-navbar .navbar-nav {
          margin-top: 50px;
          margin-left: -45px !important; }
  .welcome-thumb {
    margin-top: -200px;
    position: absolute;
    width: 100%; }
    .welcome-thumb img {
      margin: 0 auto !important;
      width: 700px; } }

@media (max-width: 767px) {
  .menu_area .navbar .navbar-brand {
    left: 60%;
    margin-left: -100px; }
  .header_area.sticky {
    background-color: transparent;
    height: 50px; }
  .header_area.sticky .menu_area #nav .nav-link {
    padding: 8px 2px; }
  .header_area.sticky .navbar {
    margin-top: 0px;
    padding: 0; }
  .welcome-thumb {
    margin-top: -200px;
    position: absolute;
    width: 100%; }
    .welcome-thumb img {
      margin: 0 auto !important;
      width: 500px; }
  .special-area {
    margin-top: 10px; }
    .special-area .special_description_area {
      margin-top: 10px; }
      .special-area .special_description_area .special_description_img img {
        width: 500px; }
  .cool_facts_area {
    height: 550px;
    text-align: center;
    padding: 20px; } }

@media (max-width: 575px) {
  .menu_area .navbar .navbar-brand {
    left: 60%;
    margin-left: -100px; }
  .welcome-thumb {
    margin-top: -150px;
    position: absolute;
    width: 100%; }
    .welcome-thumb img {
      margin: 0 auto !important;
      width: 400px; }
  .special-area {
    margin-top: 10px; } }

/*******************
/*12. Plugins*/
/*******************/
.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  padding-left: 0; }

.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default; }

.chart-legend li span,
.bar-legend li span,
.line-legend li span,
.pie-legend li span,
.radar-legend li span,
.polararea-legend li span,
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item,
  .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .ih-item a {
    color: #333; }
    .ih-item a:hover {
      text-decoration: none; }
  .ih-item img {
    width: 100%;
    height: 100%; }

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%; }
  .ih-item.circle .img {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%; }
    .ih-item.circle .img:before {
      position: absolute;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      border-radius: 50%;
      box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out; }
    .ih-item.circle .img img {
      border-radius: 50%; }
  .ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
  .ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.ih-item.circle.effect1 .spinner {
  width: 230px;
  height: 230px;
  border: 10px solid #ecab18;
  border-right-color: #1ad280;
  border-bottom-color: #1ad280;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.ih-item.circle.effect1 .img {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  width: auto;
  height: auto; }
  .ih-item.circle.effect1 .img:before {
    display: none; }

.ih-item.circle.effect1.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect1 .info {
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }
  .ih-item.circle.effect1 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect1 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect1 a:hover .spinner {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.ih-item.circle.effect1 a:hover .info {
  opacity: 1; }

.ih-item.circle.effect2 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect2.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect2 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect2 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect2 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect2.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect2.left_to_right a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.ih-item.circle.effect2.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect2.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect2.right_to_left a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.ih-item.circle.effect2.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect2.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect2.top_to_bottom a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.ih-item.circle.effect2.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect2.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect2.bottom_to_top a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.ih-item.circle.effect2.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect3 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect3.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect3 .info {
  background: #333;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect3 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect3 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect3.left_to_right .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0); }

.ih-item.circle.effect3.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect3.left_to_right a:hover .img {
  -webkit-transform: scale(0.5) translateX(100%);
  -moz-transform: scale(0.5) translateX(100%);
  -ms-transform: scale(0.5) translateX(100%);
  -o-transform: scale(0.5) translateX(100%);
  transform: scale(0.5) translateX(100%); }

.ih-item.circle.effect3.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect3.right_to_left .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0); }

.ih-item.circle.effect3.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect3.right_to_left a:hover .img {
  -webkit-transform: scale(0.5) translateX(-100%);
  -moz-transform: scale(0.5) translateX(-100%);
  -ms-transform: scale(0.5) translateX(-100%);
  -o-transform: scale(0.5) translateX(-100%);
  transform: scale(0.5) translateX(-100%); }

.ih-item.circle.effect3.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect3.top_to_bottom .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0); }

.ih-item.circle.effect3.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect3.top_to_bottom a:hover .img {
  -webkit-transform: scale(0.5) translateY(100%);
  -moz-transform: scale(0.5) translateY(100%);
  -ms-transform: scale(0.5) translateY(100%);
  -o-transform: scale(0.5) translateY(100%);
  transform: scale(0.5) translateY(100%); }

.ih-item.circle.effect3.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect3.bottom_to_top .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0); }

.ih-item.circle.effect3.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect3.bottom_to_top a:hover .img {
  -webkit-transform: scale(0.5) translateY(-100%);
  -moz-transform: scale(0.5) translateY(-100%);
  -ms-transform: scale(0.5) translateY(-100%);
  -o-transform: scale(0.5) translateY(-100%);
  transform: scale(0.5) translateY(-100%); }

.ih-item.circle.effect3.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect4 .img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.ih-item.circle.effect4.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect4 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .ih-item.circle.effect4 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect4 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }

.ih-item.circle.effect4 a:hover .img {
  opacity: 0;
  pointer-events: none; }

.ih-item.circle.effect4 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.circle.effect4.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect4.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect4.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect4.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect4.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect4.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect4.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect4.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect4.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect4.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect4.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect4.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect4.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect4.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect4.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect4.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect5 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px; }
  .ih-item.circle.effect5.colored .info .info-back {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6); }
  .ih-item.circle.effect5 .info {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .ih-item.circle.effect5 .info .info-back {
      visibility: hidden;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      background: #333;
      background: rgba(0, 0, 0, 0.6);
      -webkit-transform: rotate3d(0, 1, 0, 180deg);
      -moz-transform: rotate3d(0, 1, 0, 180deg);
      -ms-transform: rotate3d(0, 1, 0, 180deg);
      -o-transform: rotate3d(0, 1, 0, 180deg);
      transform: rotate3d(0, 1, 0, 180deg);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .ih-item.circle.effect5 .info h3 {
      color: #fff;
      text-transform: uppercase;
      position: relative;
      letter-spacing: 2px;
      font-size: 22px;
      margin: 0 30px;
      padding: 55px 0 0 0;
      height: 110px;
      text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
    .ih-item.circle.effect5 .info p {
      color: #bbb;
      padding: 10px 5px;
      font-style: italic;
      margin: 0 30px;
      font-size: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.5); }
  .ih-item.circle.effect5 a:hover .info {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg); }
    .ih-item.circle.effect5 a:hover .info .info-back {
      visibility: visible; }

.ih-item.circle.effect6 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect6.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect6 .info {
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect6 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect6 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect6.scale_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ih-item.circle.effect6.scale_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5); }

.ih-item.circle.effect6.scale_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.circle.effect6.scale_down .info {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5); }

.ih-item.circle.effect6.scale_down a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ih-item.circle.effect6.scale_down a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.circle.effect6.scale_down_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out 0.2s;
  -moz-transition: all 0.35s ease-in-out 0.2s;
  transition: all 0.35s ease-in-out 0.2s; }

.ih-item.circle.effect6.scale_down_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ih-item.circle.effect6.scale_down_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.circle.effect7 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out; }

.ih-item.circle.effect7.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect7 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s; }
  .ih-item.circle.effect7 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect7 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect7 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ih-item.circle.effect7 a:hover .info {
  visibility: visible;
  opacity: 1; }

.ih-item.circle.effect7.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect7.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect7.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect7.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect7.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect7.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect7.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect7.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect8.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect8 .img-container {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .ih-item.circle.effect8 .img-container .img {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s; }

.ih-item.circle.effect8 .info-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s; }

.ih-item.circle.effect8 .info {
  width: 100%;
  height: 100%;
  background: #333;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out 0.6s;
  -moz-transition: all 0.35s ease-in-out 0.6s;
  transition: all 0.35s ease-in-out 0.6s; }
  .ih-item.circle.effect8 .info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 140px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect8 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect8 a:hover .img-container {
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }
  .ih-item.circle.effect8 a:hover .img-container .img {
    opacity: 0;
    pointer-events: none; }

.ih-item.circle.effect8 a:hover .info-container {
  opacity: 1; }
  .ih-item.circle.effect8 a:hover .info-container .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.ih-item.circle.effect8.left_to_right .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect8.left_to_right .info-container {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect8.left_to_right a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect8.right_to_left .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect8.right_to_left .info-container {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect8.right_to_left a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect8.top_to_bottom .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect8.top_to_bottom .info-container {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect8.bottom_to_top .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect8.bottom_to_top .info-container {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect9 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out; }

.ih-item.circle.effect9.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect9 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s; }
  .ih-item.circle.effect9 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect9 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect9 a:hover .img {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ih-item.circle.effect9 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.circle.effect9.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect9.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg); }

.ih-item.circle.effect9.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect9.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg); }

.ih-item.circle.effect9.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect9.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect9.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect9.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect10 .img {
  z-index: 11;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect10.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect10 .info {
  background: #333;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect10 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect10 .info p {
    color: #bbb;
    font-style: italic;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.circle.effect10.top_to_bottom .info h3 {
  margin: 0 30px;
  padding: 25px 0 0 0;
  height: 78px; }

.ih-item.circle.effect10.top_to_bottom .info p {
  margin: 0 30px;
  padding: 5px; }

.ih-item.circle.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px) scale(0.5);
  -moz-transform: translateY(50px) scale(0.5);
  -ms-transform: translateY(50px) scale(0.5);
  -o-transform: translateY(50px) scale(0.5);
  transform: translateY(50px) scale(0.5); }

.ih-item.circle.effect10.bottom_to_top .info h3 {
  margin: 95px 30px 0;
  padding: 25px 0 0 0;
  height: 78px; }

.ih-item.circle.effect10.bottom_to_top .info p {
  margin: 0 30px;
  padding: 5px; }

.ih-item.circle.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  -o-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5); }

.ih-item.circle.effect11 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px; }
  .ih-item.circle.effect11 .img {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect11.colored .info {
    background: #1a4a72; }
  .ih-item.circle.effect11 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease 0.35s;
    -moz-transition: all 0.35s ease 0.35s;
    transition: all 0.35s ease 0.35s; }
    .ih-item.circle.effect11 .info h3 {
      color: #fff;
      text-transform: uppercase;
      position: relative;
      letter-spacing: 2px;
      font-size: 22px;
      margin: 0 30px;
      padding: 55px 0 0 0;
      height: 110px;
      text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
    .ih-item.circle.effect11 .info p {
      color: #bbb;
      padding: 10px 5px;
      font-style: italic;
      margin: 0 30px;
      font-size: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.5); }
  .ih-item.circle.effect11 a:hover .img {
    opacity: 0; }
  .ih-item.circle.effect11 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.circle.effect11.left_to_right .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0); }

.ih-item.circle.effect11.left_to_right .info {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg); }

.ih-item.circle.effect11.left_to_right a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg); }

.ih-item.circle.effect11.left_to_right a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0); }

.ih-item.circle.effect11.right_to_left .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0); }

.ih-item.circle.effect11.right_to_left .info {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg); }

.ih-item.circle.effect11.right_to_left a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg); }

.ih-item.circle.effect11.right_to_left a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0); }

.ih-item.circle.effect11.top_to_bottom .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0); }

.ih-item.circle.effect11.top_to_bottom .info {
  -webkit-transform: translateZ(-1000px) rotateX(90deg);
  -moz-transform: translateZ(-1000px) rotateX(90deg);
  -ms-transform: translateZ(-1000px) rotateX(90deg);
  -o-transform: translateZ(-1000px) rotateX(90deg);
  transform: translateZ(-1000px) rotateX(90deg); }

.ih-item.circle.effect11.top_to_bottom a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  -moz-transform: translateZ(-1000px) rotateX(-90deg);
  -ms-transform: translateZ(-1000px) rotateX(-90deg);
  -o-transform: translateZ(-1000px) rotateX(-90deg);
  transform: translateZ(-1000px) rotateX(-90deg); }

.ih-item.circle.effect11.top_to_bottom a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0); }

.ih-item.circle.effect11.bottom_to_top .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0); }

.ih-item.circle.effect11.bottom_to_top .info {
  -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  -moz-transform: translateZ(-1000px) rotateX(-90deg);
  -ms-transform: translateZ(-1000px) rotateX(-90deg);
  -o-transform: translateZ(-1000px) rotateX(-90deg);
  transform: translateZ(-1000px) rotateX(-90deg); }

.ih-item.circle.effect11.bottom_to_top a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateX(90deg);
  -moz-transform: translateZ(-1000px) rotateX(90deg);
  -ms-transform: translateZ(-1000px) rotateX(90deg);
  -o-transform: translateZ(-1000px) rotateX(90deg);
  transform: translateZ(-1000px) rotateX(90deg); }

.ih-item.circle.effect11.bottom_to_top a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0); }

.ih-item.circle.effect12 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect12.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect12 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect12 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect12 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect12 a:hover .img {
  opacity: 0;
  pointer-events: none; }

.ih-item.circle.effect12 a:hover .info {
  opacity: 1;
  visibility: visible; }

.ih-item.circle.effect12.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect12.left_to_right .info {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg); }

.ih-item.circle.effect12.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg); }

.ih-item.circle.effect12.left_to_right a:hover .info {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.ih-item.circle.effect12.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0); }

.ih-item.circle.effect12.right_to_left .info {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg); }

.ih-item.circle.effect12.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg); }

.ih-item.circle.effect12.right_to_left a:hover .info {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.ih-item.circle.effect12.top_to_bottom .img {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0); }

.ih-item.circle.effect12.top_to_bottom .info {
  -webkit-transform: translateY(-100%) rotate(-180deg);
  -moz-transform: translateY(-100%) rotate(-180deg);
  -ms-transform: translateY(-100%) rotate(-180deg);
  -o-transform: translateY(-100%) rotate(-180deg);
  transform: translateY(-100%) rotate(-180deg); }

.ih-item.circle.effect12.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%) rotate(-180deg);
  -moz-transform: translateY(-100%) rotate(-180deg);
  -ms-transform: translateY(-100%) rotate(-180deg);
  -o-transform: translateY(-100%) rotate(-180deg);
  transform: translateY(-100%) rotate(-180deg); }

.ih-item.circle.effect12.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.ih-item.circle.effect12.bottom_to_top .img {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0); }

.ih-item.circle.effect12.bottom_to_top .info {
  -webkit-transform: translateY(100%) rotate(180deg);
  -moz-transform: translateY(100%) rotate(180deg);
  -ms-transform: translateY(100%) rotate(180deg);
  -o-transform: translateY(100%) rotate(180deg);
  transform: translateY(100%) rotate(180deg); }

.ih-item.circle.effect12.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%) rotate(180deg);
  -moz-transform: translateY(100%) rotate(180deg);
  -ms-transform: translateY(100%) rotate(180deg);
  -o-transform: translateY(100%) rotate(180deg);
  transform: translateY(100%) rotate(180deg); }

.ih-item.circle.effect12.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.ih-item.circle.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect13 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect13 .info h3 {
    visibility: hidden;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect13 .info p {
    visibility: hidden;
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }

.ih-item.circle.effect13 a:hover .info {
  opacity: 1; }

.ih-item.circle.effect13 a:hover h3 {
  visibility: visible; }

.ih-item.circle.effect13 a:hover p {
  visibility: visible; }

.ih-item.circle.effect13.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.circle.effect13.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.circle.effect13.from_left_and_right a:hover h3 {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect13.from_left_and_right a:hover p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.circle.effect13.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect13.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.circle.effect13.top_to_bottom a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect13.top_to_bottom a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect13.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect13.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.circle.effect13.bottom_to_top a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect13.bottom_to_top a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.circle.effect14 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px; }
  .ih-item.circle.effect14 .img {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
  .ih-item.circle.effect14.colored .info {
    background: #1a4a72; }
  .ih-item.circle.effect14 .info {
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease-in-out 0.3s;
    -moz-transition: all 0.35s ease-in-out 0.3s;
    transition: all 0.35s ease-in-out 0.3s; }
    .ih-item.circle.effect14 .info h3 {
      color: #fff;
      text-transform: uppercase;
      position: relative;
      letter-spacing: 2px;
      font-size: 22px;
      margin: 0 30px;
      padding: 55px 0 0 0;
      height: 110px;
      text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
    .ih-item.circle.effect14 .info p {
      color: #bbb;
      padding: 10px 5px;
      font-style: italic;
      margin: 0 30px;
      font-size: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.5); }
  .ih-item.circle.effect14 a:hover .img {
    opacity: 0;
    visibility: hidden; }
  .ih-item.circle.effect14 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.circle.effect14.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.ih-item.circle.effect14.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.ih-item.circle.effect14.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg); }

.ih-item.circle.effect14.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0); }

.ih-item.circle.effect14.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.ih-item.circle.effect14.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.ih-item.circle.effect14.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg); }

.ih-item.circle.effect14.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0); }

.ih-item.circle.effect14.top_to_bottom .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.ih-item.circle.effect14.top_to_bottom .info {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.ih-item.circle.effect14.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg); }

.ih-item.circle.effect14.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0); }

.ih-item.circle.effect14.bottom_to_top .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.ih-item.circle.effect14.bottom_to_top .info {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.ih-item.circle.effect14.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg); }

.ih-item.circle.effect14.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0); }

.ih-item.circle.effect15 .img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect15.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect15 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5) rotate(-720deg);
  -moz-transform: scale(0.5) rotate(-720deg);
  -ms-transform: scale(0.5) rotate(-720deg);
  -o-transform: scale(0.5) rotate(-720deg);
  transform: scale(0.5) rotate(-720deg);
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s; }
  .ih-item.circle.effect15 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect15 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5) rotate(720deg);
  -moz-transform: scale(0.5) rotate(720deg);
  -ms-transform: scale(0.5) rotate(720deg);
  -o-transform: scale(0.5) rotate(720deg);
  transform: scale(0.5) rotate(720deg); }

.ih-item.circle.effect15 a:hover .info {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0); }

.ih-item.circle.effect16 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.circle.effect16.colored .info {
  background: #1a4a72; }

.ih-item.circle.effect16 .info {
  background: #333;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect16 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect16 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }

.ih-item.circle.effect16.left_to_right .img {
  -webkit-transform-origin: 95% 40%;
  -moz-transform-origin: 95% 40%;
  -ms-transform-origin: 95% 40%;
  -o-transform-origin: 95% 40%;
  transform-origin: 95% 40%; }
  .ih-item.circle.effect16.left_to_right .img:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); }

.ih-item.circle.effect16.left_to_right a:hover .img {
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  transform: rotate(-120deg); }

.ih-item.circle.effect16.right_to_left .img {
  -webkit-transform-origin: 5% 40%;
  -moz-transform-origin: 5% 40%;
  -ms-transform-origin: 5% 40%;
  -o-transform-origin: 5% 40%;
  transform-origin: 5% 40%; }
  .ih-item.circle.effect16.right_to_left .img:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 5%;
    margin: -4px 0 0 -4px;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); }

.ih-item.circle.effect16.right_to_left a:hover .img {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg); }

.ih-item.circle.effect17 .info {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect17 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect17 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }

.ih-item.circle.effect17 a:hover .img:before {
  box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); }

.ih-item.circle.effect17 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .ih-item.circle.effect17 a:hover .info p {
    opacity: 1; }

.ih-item.circle.effect17.colored a:hover .img:before {
  box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); }

.ih-item.circle.effect18 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px; }
  .ih-item.circle.effect18 .img {
    z-index: 11;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .ih-item.circle.effect18.colored .info .info-back {
    background: #1a4a72; }
  .ih-item.circle.effect18 .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .ih-item.circle.effect18 .info .info-back {
      opacity: 1;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      background: #333; }
    .ih-item.circle.effect18 .info h3 {
      color: #fff;
      text-transform: uppercase;
      position: relative;
      letter-spacing: 2px;
      font-size: 22px;
      margin: 0 30px;
      padding: 55px 0 0 0;
      height: 110px;
      text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
    .ih-item.circle.effect18 .info p {
      color: #bbb;
      padding: 10px 5px;
      font-style: italic;
      margin: 0 30px;
      font-size: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect18.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.ih-item.circle.effect18.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg); }

.ih-item.circle.effect18.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.ih-item.circle.effect18.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg); }

.ih-item.circle.effect18.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.ih-item.circle.effect18.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg); }

.ih-item.circle.effect18.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.ih-item.circle.effect18.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg); }

.ih-item.circle.effect19.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6); }

.ih-item.circle.effect19 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.circle.effect19 .info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 140px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .ih-item.circle.effect19 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }

.ih-item.circle.effect19 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.circle.effect20 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px; }
  .ih-item.circle.effect20 .img {
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  .ih-item.circle.effect20.colored .info .info-back {
    background: #1a4a72; }
  .ih-item.circle.effect20 .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .ih-item.circle.effect20 .info .info-back {
      opacity: 1;
      visibility: hidden;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      background: #333;
      -webkit-transition: all 0.35s linear;
      -moz-transition: all 0.35s linear;
      transition: all 0.35s linear;
      -webkit-transform-origin: 50% 0%;
      -moz-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
      -o-transform-origin: 50% 0%;
      transform-origin: 50% 0%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .ih-item.circle.effect20 .info h3 {
      color: #fff;
      text-transform: uppercase;
      position: relative;
      letter-spacing: 2px;
      font-size: 22px;
      margin: 0 30px;
      padding: 55px 0 0 0;
      height: 110px;
      text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
    .ih-item.circle.effect20 .info p {
      color: #bbb;
      padding: 10px 5px;
      font-style: italic;
      margin: 0 30px;
      font-size: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.5); }
  .ih-item.circle.effect20 a:hover .img {
    opacity: 0; }
  .ih-item.circle.effect20 a:hover .info .info-back {
    opacity: 1;
    visibility: visible; }

.ih-item.circle.effect20.top_to_bottom .info .info-back {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); }

.ih-item.circle.effect20.top_to_bottom a:hover .img {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); }

.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg); }

.ih-item.circle.effect20.bottom_to_top .info .info-back {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); }

.ih-item.circle.effect20.bottom_to_top a:hover .img {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); }

.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg); }

.ih-item.square.effect1 {
  overflow: hidden; }
  .ih-item.square.effect1.colored .info {
    background: #1a4a72; }
  .ih-item.square.effect1 .img {
    z-index: 11;
    position: absolute;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .ih-item.square.effect1 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.square.effect1 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.ih-item.square.effect1.left_and_right .info h3 {
  position: absolute;
  top: 12px;
  left: 12px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  margin: 0; }

.ih-item.square.effect1.left_and_right .info p {
  position: absolute;
  right: 12px;
  bottom: 12px;
  margin: 0;
  font-style: italic;
  font-size: 12px;
  color: #bbb; }

.ih-item.square.effect1.left_and_right a:hover .img {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6); }

.ih-item.square.effect1.top_to_bottom .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 10px 0 0 0; }

.ih-item.square.effect1.top_to_bottom .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center; }

.ih-item.square.effect1.top_to_bottom a:hover .img {
  -webkit-transform: translateY(30px) scale(0.6);
  -moz-transform: translateY(30px) scale(0.6);
  -ms-transform: translateY(30px) scale(0.6);
  -o-transform: translateY(30px) scale(0.6);
  transform: translateY(30px) scale(0.6); }

.ih-item.square.effect1.bottom_to_top .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 134px 0 0 0; }

.ih-item.square.effect1.bottom_to_top .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center; }

.ih-item.square.effect1.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-30px) scale(0.6);
  -moz-transform: translateY(-30px) scale(0.6);
  -ms-transform: translateY(-30px) scale(0.6);
  -o-transform: translateY(-30px) scale(0.6);
  transform: translateY(-30px) scale(0.6); }

.ih-item.square.effect2 {
  overflow: hidden; }
  .ih-item.square.effect2.colored .info {
    background: #1a4a72; }
    .ih-item.square.effect2.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect2 .img {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  .ih-item.square.effect2 .info {
    background: #333;
    visibility: hidden;
    -webkit-transition: all 0.35s 0.3s ease-in-out;
    -moz-transition: all 0.35s 0.3s ease-in-out;
    transition: all 0.35s 0.3s ease-in-out; }
    .ih-item.square.effect2 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0;
      -webkit-transform: translateY(-200px);
      -moz-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
      -o-transform: translateY(-200px);
      transform: translateY(-200px);
      -webkit-transition: all 0.35s 0.6s ease-in-out;
      -moz-transition: all 0.35s 0.6s ease-in-out;
      transition: all 0.35s 0.6s ease-in-out; }
    .ih-item.square.effect2 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center;
      -webkit-transform: translateY(-200px);
      -moz-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
      -o-transform: translateY(-200px);
      transform: translateY(-200px);
      -webkit-transition: all 0.35s 0.5s linear;
      -moz-transition: all 0.35s 0.5s linear;
      transition: all 0.35s 0.5s linear; }
  .ih-item.square.effect2 a:hover .img {
    -webkit-transform: rotate(720deg) scale(0);
    -moz-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    -o-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0);
    opacity: 0; }
  .ih-item.square.effect2 a:hover .info {
    visibility: visible; }
    .ih-item.square.effect2 a:hover .info h3,
    .ih-item.square.effect2 a:hover .info p {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }

.ih-item.square.effect3 {
  overflow: hidden; }
  .ih-item.square.effect3.colored .info {
    background: #1a4a72; }
  .ih-item.square.effect3 .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.square.effect3 .info {
    height: 65px;
    background: #333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .ih-item.square.effect3 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px 10px 0 4px;
      margin: 4px 0 0 0; }
    .ih-item.square.effect3 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 5px;
      text-align: center; }
  .ih-item.square.effect3 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.square.effect3.bottom_to_top .info {
  top: auto;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect3.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px); }

.ih-item.square.effect3.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect3.top_to_bottom .info {
  bottom: auto;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect3.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px); }

.ih-item.square.effect3.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect4 {
  overflow: hidden;
  position: relative; }
  .ih-item.square.effect4.colored .info {
    background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect4.colored .mask1,
  .ih-item.square.effect4.colored .mask2 {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6); }
  .ih-item.square.effect4 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.square.effect4 .mask1,
  .ih-item.square.effect4 .mask2 {
    position: absolute;
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    height: 361px;
    width: 361px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.square.effect4 .mask1 {
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%; }
  .ih-item.square.effect4 .mask2 {
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%; }
  .ih-item.square.effect4 .info {
    background: #111;
    height: 0;
    visibility: hidden;
    width: 361px;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s; }
    .ih-item.square.effect4 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: transparent;
      margin-top: 5px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      opacity: 0;
      -webkit-transition: all 0.35s ease-in-out 0.35s;
      -moz-transition: all 0.35s ease-in-out 0.35s;
      transition: all 0.35s ease-in-out 0.35s; }
    .ih-item.square.effect4 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center;
      opacity: 0;
      -webkit-transition: all 0.35s ease-in-out 0.35s;
      -moz-transition: all 0.35s ease-in-out 0.35s;
      transition: all 0.35s ease-in-out 0.35s; }
  .ih-item.square.effect4 a:hover .mask1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px); }
  .ih-item.square.effect4 a:hover .mask2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px); }
  .ih-item.square.effect4 a:hover .info {
    width: 300px;
    height: 120px;
    visibility: visible;
    top: 40px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0); }
    .ih-item.square.effect4 a:hover .info h3,
    .ih-item.square.effect4 a:hover .info p {
      opacity: 1; }

.ih-item.square.effect5.colored .info {
  background: #1a4a72; }
  .ih-item.square.effect5.colored .info h3 {
    background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect5 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.square.effect5 .info {
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .ih-item.square.effect5 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0; }
  .ih-item.square.effect5 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center; }

.ih-item.square.effect5 a:hover .img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0; }

.ih-item.square.effect5 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.ih-item.square.effect5.left_to_right .info {
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg); }

.ih-item.square.effect5.right_to_left .info {
  -webkit-transform: scale(0) rotate(180deg);
  -moz-transform: scale(0) rotate(180deg);
  -ms-transform: scale(0) rotate(180deg);
  -o-transform: scale(0) rotate(180deg);
  transform: scale(0) rotate(180deg); }

.ih-item.square.effect6 {
  overflow: hidden; }
  .ih-item.square.effect6.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6); }
    .ih-item.square.effect6.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .ih-item.square.effect6 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .ih-item.square.effect6 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0;
      -webkit-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out; }
    .ih-item.square.effect6 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center;
      -webkit-transition: all 0.35s 0.1s linear;
      -moz-transition: all 0.35s 0.1s linear;
      transition: all 0.35s 0.1s linear; }
  .ih-item.square.effect6 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .ih-item.square.effect6 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect7 {
  overflow: hidden; }
  .ih-item.square.effect7.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6); }
    .ih-item.square.effect7.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect7 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .ih-item.square.effect7 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .ih-item.square.effect7 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0;
      -webkit-transform: scale(4);
      -moz-transform: scale(4);
      -ms-transform: scale(4);
      -o-transform: scale(4);
      transform: scale(4);
      -webkit-transition: all 0.35s 0.1s ease-in-out;
      -moz-transition: all 0.35s 0.1s ease-in-out;
      transition: all 0.35s 0.1s ease-in-out; }
    .ih-item.square.effect7 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center;
      -webkit-transform: scale(5);
      -moz-transform: scale(5);
      -ms-transform: scale(5);
      -o-transform: scale(5);
      transform: scale(5);
      -webkit-transition: all 0.35s 0.3s linear;
      -moz-transition: all 0.35s 0.3s linear;
      transition: all 0.35s 0.3s linear; }
  .ih-item.square.effect7 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .ih-item.square.effect7 a:hover .info {
    visibility: visible;
    opacity: 1; }
    .ih-item.square.effect7 a:hover .info h3,
    .ih-item.square.effect7 a:hover .info p {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }

.ih-item.square.effect8 {
  overflow: hidden; }
  .ih-item.square.effect8.colored .info {
    background: #1a4a72; }
    .ih-item.square.effect8.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect8 .img {
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.square.effect8 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .ih-item.square.effect8 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0;
      -webkit-transition: all 0.35s 0.1s ease-in-out;
      -moz-transition: all 0.35s 0.1s ease-in-out;
      transition: all 0.35s 0.1s ease-in-out; }
    .ih-item.square.effect8 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center;
      -webkit-transition: all 0.35s 0.15s linear;
      -moz-transition: all 0.35s 0.15s linear;
      transition: all 0.35s 0.15s linear; }
  .ih-item.square.effect8 a:hover .img {
    opacity: 0; }
  .ih-item.square.effect8 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.square.effect8.scale_up .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.square.effect8.scale_up .info {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }
  .ih-item.square.effect8.scale_up .info h3,
  .ih-item.square.effect8.scale_up .info p {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }

.ih-item.square.effect8.scale_up a:hover .img {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5); }

.ih-item.square.effect8.scale_up a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .ih-item.square.effect8.scale_up a:hover .info h3,
  .ih-item.square.effect8.scale_up a:hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.ih-item.square.effect8.scale_down .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.square.effect8.scale_down .info {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5); }
  .ih-item.square.effect8.scale_down .info h3,
  .ih-item.square.effect8.scale_down .info p {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5); }

.ih-item.square.effect8.scale_down a:hover .img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ih-item.square.effect8.scale_down a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .ih-item.square.effect8.scale_down a:hover .info h3,
  .ih-item.square.effect8.scale_down a:hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.ih-item.square.effect9 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px; }
  .ih-item.square.effect9.colored .info .info-back {
    background: #1a4a72; }
  .ih-item.square.effect9.colored .info h3 {
    background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect9 .img {
    position: relative;
    z-index: 11;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .ih-item.square.effect9 .info {
    z-index: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .ih-item.square.effect9 .info .info-back {
      opacity: 1;
      width: 100%;
      height: 100%;
      padding-top: 30px;
      background: #333; }
    .ih-item.square.effect9 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 0; }
    .ih-item.square.effect9 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center; }

.ih-item.square.effect9.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.ih-item.square.effect9.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg); }

.ih-item.square.effect9.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.ih-item.square.effect9.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg); }

.ih-item.square.effect9.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.ih-item.square.effect9.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg); }

.ih-item.square.effect9.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.ih-item.square.effect9.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg); }

.ih-item.square.effect10 {
  overflow: hidden; }
  .ih-item.square.effect10.colored .info {
    background: #1a4a72; }
    .ih-item.square.effect10.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect10 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.square.effect10 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .ih-item.square.effect10 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0; }
    .ih-item.square.effect10 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center; }
  .ih-item.square.effect10 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.square.effect10.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect10.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.square.effect10.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.square.effect10.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect10.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect10.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.square.effect10.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.square.effect10.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect10.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect10.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect10.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect10.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect10.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect10.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect11 {
  overflow: hidden; }
  .ih-item.square.effect11.colored .info {
    background: #1a4a72; }
    .ih-item.square.effect11.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect11 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .ih-item.square.effect11 .info {
    background: #333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease 0.2s;
    -moz-transition: all 0.35s ease 0.2s;
    transition: all 0.35s ease 0.2s; }
    .ih-item.square.effect11 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0; }
    .ih-item.square.effect11 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center; }
  .ih-item.square.effect11 a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  .ih-item.square.effect11 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.square.effect11.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.square.effect11.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect11.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.square.effect11.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect11.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect11.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect11.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect11.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect12 {
  overflow: hidden; }
  .ih-item.square.effect12.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6); }
    .ih-item.square.effect12.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect12 .img {
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in; }
  .ih-item.square.effect12 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in; }
    .ih-item.square.effect12 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0;
      -webkit-transition: all 0.35s ease-in;
      -moz-transition: all 0.35s ease-in;
      transition: all 0.35s ease-in; }
    .ih-item.square.effect12 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center;
      -webkit-transition: all 0.35s ease-in;
      -moz-transition: all 0.35s ease-in;
      transition: all 0.35s ease-in; }
  .ih-item.square.effect12 a:hover .info {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s; }
    .ih-item.square.effect12 a:hover .info h3 {
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s; }
    .ih-item.square.effect12 a:hover .info p {
      -webkit-transition-delay: 0.25s;
      -moz-transition-delay: 0.25s;
      transition-delay: 0.25s; }

.ih-item.square.effect12.left_to_right .info {
  -webkit-transform: translate(-460px, -100px) rotate(-180deg);
  -moz-transform: translate(-460px, -100px) rotate(-180deg);
  -ms-transform: translate(-460px, -100px) rotate(-180deg);
  -o-transform: translate(-460px, -100px) rotate(-180deg);
  transform: translate(-460px, -100px) rotate(-180deg); }
  .ih-item.square.effect12.left_to_right .info h3 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px); }
  .ih-item.square.effect12.left_to_right .info p {
    -webkit-transform: translateX(-300px) rotate(-90deg);
    -moz-transform: translateX(-300px) rotate(-90deg);
    -ms-transform: translateX(-300px) rotate(-90deg);
    -o-transform: translateX(-300px) rotate(-90deg);
    transform: translateX(-300px) rotate(-90deg); }

.ih-item.square.effect12.left_to_right a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
  .ih-item.square.effect12.left_to_right a:hover .info h3 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  .ih-item.square.effect12.left_to_right a:hover .info p {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

.ih-item.square.effect12.right_to_left .info {
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -moz-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  -o-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg); }
  .ih-item.square.effect12.right_to_left .info h3 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px); }
  .ih-item.square.effect12.right_to_left .info p {
    -webkit-transform: translateX(300px) rotate(90deg);
    -moz-transform: translateX(300px) rotate(90deg);
    -ms-transform: translateX(300px) rotate(90deg);
    -o-transform: translateX(300px) rotate(90deg);
    transform: translateX(300px) rotate(90deg); }

.ih-item.square.effect12.right_to_left a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
  .ih-item.square.effect12.right_to_left a:hover .info h3 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  .ih-item.square.effect12.right_to_left a:hover .info p {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

.ih-item.square.effect12.top_to_bottom .info {
  -webkit-transform: translate(-265px, -145px) rotate(-45deg);
  -moz-transform: translate(-265px, -145px) rotate(-45deg);
  -ms-transform: translate(-265px, -145px) rotate(-45deg);
  -o-transform: translate(-265px, -145px) rotate(-45deg);
  transform: translate(-265px, -145px) rotate(-45deg); }
  .ih-item.square.effect12.top_to_bottom .info h3 {
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    transform: translate(200px, -200px); }
  .ih-item.square.effect12.top_to_bottom .info p {
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    transform: translate(200px, -200px); }

.ih-item.square.effect12.top_to_bottom a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s; }
  .ih-item.square.effect12.top_to_bottom a:hover .info h3 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .ih-item.square.effect12.top_to_bottom a:hover .info p {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s; }

.ih-item.square.effect12.bottom_to_top .info {
  -webkit-transform: translate(265px, 145px) rotate(45deg);
  -moz-transform: translate(265px, 145px) rotate(45deg);
  -ms-transform: translate(265px, 145px) rotate(45deg);
  -o-transform: translate(265px, 145px) rotate(45deg);
  transform: translate(265px, 145px) rotate(45deg); }
  .ih-item.square.effect12.bottom_to_top .info h3 {
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    transform: translate(200px, -200px); }
  .ih-item.square.effect12.bottom_to_top .info p {
    -webkit-transform: translate(-200px, 200px);
    -moz-transform: translate(-200px, 200px);
    -ms-transform: translate(-200px, 200px);
    -o-transform: translate(-200px, 200px);
    transform: translate(-200px, 200px); }

.ih-item.square.effect12.bottom_to_top a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s; }
  .ih-item.square.effect12.bottom_to_top a:hover .info h3 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .ih-item.square.effect12.bottom_to_top a:hover .info p {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s; }

.ih-item.square.effect13 {
  overflow: hidden; }
  .ih-item.square.effect13.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6); }
    .ih-item.square.effect13.colored .info h3 {
      background: rgba(12, 34, 52, 0.6); }
  .ih-item.square.effect13 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .ih-item.square.effect13 .info {
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .ih-item.square.effect13 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0; }
    .ih-item.square.effect13 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center; }
  .ih-item.square.effect13 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .ih-item.square.effect13 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.square.effect13.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.ih-item.square.effect13.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect13.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.ih-item.square.effect13.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.ih-item.square.effect13.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect13.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect13.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect13.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect14.colored .info {
  background: #1a4a72; }
  .ih-item.square.effect14.colored .info h3 {
    background: rgba(12, 34, 52, 0.6); }

.ih-item.square.effect14 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.ih-item.square.effect14 .info {
  background: #333;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s; }
  .ih-item.square.effect14 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111;
    margin: 30px 0 0 0; }
  .ih-item.square.effect14 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center; }

.ih-item.square.effect14 a:hover .img {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ih-item.square.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.ih-item.square.effect14.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0); }

.ih-item.square.effect14.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg); }

.ih-item.square.effect14.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0); }

.ih-item.square.effect14.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg); }

.ih-item.square.effect14.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect14.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ih-item.square.effect14.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.ih-item.square.effect14.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ih-item.square.effect15 {
  overflow: hidden;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px; }
  .ih-item.square.effect15.colored .info {
    background: #1a4a72; }
  .ih-item.square.effect15 .img {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .ih-item.square.effect15 .info {
    background: #333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.3s;
    -moz-transition: all 0.35s ease-in-out 0.3s;
    transition: all 0.35s ease-in-out 0.3s; }
    .ih-item.square.effect15 .info h3 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      font-size: 17px;
      padding: 10px;
      background: #111;
      margin: 30px 0 0 0; }
    .ih-item.square.effect15 .info p {
      font-style: italic;
      font-size: 12px;
      position: relative;
      color: #bbb;
      padding: 20px 20px 20px;
      text-align: center; }
  .ih-item.square.effect15 a:hover .img {
    opacity: 0;
    visibility: hidden; }
  .ih-item.square.effect15 a:hover .info {
    visibility: visible;
    opacity: 1; }

.ih-item.square.effect15.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.ih-item.square.effect15.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.ih-item.square.effect15.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg); }

.ih-item.square.effect15.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0); }

.ih-item.square.effect15.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.ih-item.square.effect15.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.ih-item.square.effect15.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg); }

.ih-item.square.effect15.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0); }

.ih-item.square.effect15.top_to_bottom .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.ih-item.square.effect15.top_to_bottom .info {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.ih-item.square.effect15.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg); }

.ih-item.square.effect15.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0); }

.ih-item.square.effect15.bottom_to_top .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.ih-item.square.effect15.bottom_to_top .info {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.ih-item.square.effect15.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg); }

.ih-item.square.effect15.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0); }

/* light box css */
.image-source-link {
  color: #98C3D1; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/*====== Zoom effect ======*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8); }

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */ }

.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg); }

.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s; }

.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg); }

.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0; }

.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0; }

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */ }

.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px); }

.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s; }

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0); }

.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0; }

.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0; }

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */ }

.mfp-move-from-top .mfp-content {
  vertical-align: top; }

.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px); }

.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s; }

.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0); }

.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0; }

.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0; }

/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */ }

.mfp-3d-unfold .mfp-content {
  perspective: 2000px; }

.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg); }

.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s; }

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg); }

.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0; }

.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0; }

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */ }

.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3); }

.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }

.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1); }

.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0; }

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0; }

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  100% {
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  animation-duration: 1s;
  animation-name: hinge; }

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out; }

.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0; }

/* Alertify css */
.alertify-logs > * {
  padding: 12px 24px;
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  transition: .2s all;
  display: block !important; }
  .alertify-logs > *, .alertify-logs > *.default {
    background: rgba(0, 0, 0, 0.8); }
  .alertify-logs > *.error {
    background: rgba(244, 67, 54, 0.8); }
  .alertify-logs > *.success {
    background: rgba(76, 175, 80, 0.9); }

.alertify {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999; }
  .alertify.hide {
    opacity: 0;
    pointer-events: none; }
  .alertify, .alertify.show {
    box-sizing: border-box;
    transition: all 0.33s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .alertify, .alertify * {
    box-sizing: border-box; }
  .alertify .dialog {
    padding: 12px; }
  .alertify .dialog, .alertify .alert {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .alertify .dialog > *, .alertify .alert > * {
      width: 400px;
      max-width: 95%;
      margin: 0 auto;
      text-align: center;
      padding: 12px;
      background: #fff;
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084); }
    .alertify .dialog .msg, .alertify .alert .msg {
      padding: 12px;
      margin-bottom: 12px;
      margin: 0;
      text-align: left; }
    .alertify .dialog input:not(.form-control), .alertify .alert input:not(.form-control) {
      margin-bottom: 15px;
      width: 100%;
      font-size: 100%;
      padding: 12px; }
      .alertify .dialog input:not(.form-control):focus, .alertify .alert input:not(.form-control):focus {
        outline-offset: -2px; }
    .alertify .dialog nav, .alertify .alert nav {
      text-align: right; }
      .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
        background: transparent;
        box-sizing: border-box;
        background: #F03434;
        color: white;
        position: relative;
        outline: 0;
        border: 0;
        display: inline-block;
        align-items: center;
        padding: 0 6px;
        margin: 6px 8px;
        line-height: 36px;
        min-height: 36px;
        white-space: nowrap;
        min-width: 88px;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 2px; }
        .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active {
          background-color: #e01111; }
        .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {
          border: 1px solid rgba(0, 0, 0, 0.1); }
      .alertify .dialog nav button.btn, .alertify .alert nav button.btn {
        margin: 6px 4px; }

.alertify-logs {
  position: fixed;
  z-index: 99999; }
  .alertify-logs.bottom, .alertify-logs:not(.top) {
    bottom: 16px; }
  .alertify-logs.left, .alertify-logs:not(.right) {
    left: 16px; }
    .alertify-logs.left > *, .alertify-logs:not(.right) > * {
      float: left;
      transform: translate3d(0, 0, 0);
      height: auto; }
      .alertify-logs.left > *.show, .alertify-logs:not(.right) > *.show {
        left: 0; }
      .alertify-logs.left > *, .alertify-logs.left > *.hide, .alertify-logs:not(.right) > *, .alertify-logs:not(.right) > *.hide {
        left: -110%; }
  .alertify-logs.right {
    right: 16px; }
    .alertify-logs.right > * {
      float: right;
      transform: translate3d(0, 0, 0); }
      .alertify-logs.right > *.show {
        right: 0;
        opacity: 1; }
      .alertify-logs.right > *, .alertify-logs.right > *.hide {
        right: -110%;
        opacity: 0; }
  .alertify-logs.top {
    top: 0; }
  .alertify-logs > * {
    box-sizing: border-box;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    clear: both;
    backface-visibility: hidden;
    perspective: 1000; }
    .alertify-logs > * {
      max-height: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
      opacity: 0;
      pointer-events: none; }
    .alertify-logs > *.show {
      margin-top: 12px;
      opacity: 1;
      max-height: 1000px;
      padding: 12px;
      pointer-events: auto; }

.br-theme-bars-1to10 .br-widget {
  height: 50px;
  white-space: nowrap; }

.br-theme-bars-1to10 .br-widget a {
  display: block;
  width: 12px;
  padding: 5px 0;
  height: 28px;
  float: left;
  background-color: #fbedd9;
  margin: 1px;
  text-align: center; }

.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected {
  background-color: #EDB867; }

.br-theme-bars-1to10 .br-widget .br-current-rating {
  font-size: 20px;
  line-height: 2;
  float: left;
  padding: 0 20px 0 20px;
  color: #EDB867;
  font-weight: 400; }

.br-theme-bars-1to10 .br-readonly a {
  cursor: default; }

.br-theme-bars-1to10 .br-readonly a.br-active,
.br-theme-bars-1to10 .br-readonly a.br-selected {
  background-color: #f2cd95; }

.br-theme-bars-1to10 .br-readonly .br-current-rating {
  color: #f2cd95; }

@media print {
  .br-theme-bars-1to10 .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .br-theme-bars-1to10 .br-widget a.br-active,
  .br-theme-bars-1to10 .br-widget a.br-selected {
    border: 1px solid black;
    background: white; }
  .br-theme-bars-1to10 .br-widget .br-current-rating {
    color: black; } }

.br-theme-bars-horizontal .br-widget {
  width: 120px;
  white-space: nowrap; }

.br-theme-bars-horizontal .br-widget a {
  display: block;
  width: 120px;
  height: 5px;
  background-color: #fbedd9;
  margin: 1px; }

.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected {
  background-color: #EDB867; }

.br-theme-bars-horizontal .br-widget .br-current-rating {
  width: 120px;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  text-align: center;
  color: #EDB867; }

.br-theme-bars-horizontal .br-readonly a {
  cursor: default; }

.br-theme-bars-horizontal .br-readonly a.br-active,
.br-theme-bars-horizontal .br-readonly a.br-selected {
  background-color: #f2cd95; }

.br-theme-bars-horizontal .br-readonly .br-current-rating {
  color: #f2cd95; }

@media print {
  .br-theme-bars-horizontal .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .br-theme-bars-horizontal .br-widget a.br-active,
  .br-theme-bars-horizontal .br-widget a.br-selected {
    border: 1px solid black;
    background: white; }
  .br-theme-bars-horizontal .br-widget .br-current-rating {
    color: black; } }

.br-theme-bars-movie .br-widget {
  height: 40px;
  white-space: nowrap; }

.br-theme-bars-movie .br-widget a {
  display: block;
  width: 60px;
  height: 8px;
  float: left;
  background-color: #bbcefb;
  margin: 1px; }

.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected {
  background-color: #4278F5; }

.br-theme-bars-movie .br-widget .br-current-rating {
  clear: both;
  width: 240px;
  text-align: center;
  font-weight: 600;
  display: block;
  padding: .5em 0;
  color: #4278F5;
  font-weight: 400; }

.br-theme-bars-movie .br-readonly a {
  cursor: default; }

.br-theme-bars-movie .br-readonly a.br-active,
.br-theme-bars-movie .br-readonly a.br-selected {
  background-color: #729bf8; }

.br-theme-bars-movie .br-readonly .br-current-rating {
  color: #729bf8; }

@media print {
  .br-theme-bars-movie .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .br-theme-bars-movie .br-widget a.br-active,
  .br-theme-bars-movie .br-widget a.br-selected {
    border: 1px solid black;
    background: white; }
  .br-theme-bars-movie .br-widget .br-current-rating {
    color: black; } }

.br-theme-bars-pill .br-widget {
  white-space: nowrap; }

.br-theme-bars-pill .br-widget a {
  padding: 7px 15px;
  background-color: #bef5e8;
  color: #50E3C2;
  text-decoration: none;
  font-size: 13px;
  line-height: 3;
  text-align: center;
  font-weight: 400; }

.br-theme-bars-pill .br-widget a:first-child {
  -webkit-border-top-left-radius: 999px;
  -webkit-border-bottom-left-radius: 999px;
  -moz-border-radius-topleft: 999px;
  -moz-border-radius-bottomleft: 999px;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px; }

.br-theme-bars-pill .br-widget a:last-child {
  -webkit-border-top-right-radius: 999px;
  -webkit-border-bottom-right-radius: 999px;
  -moz-border-radius-topright: 999px;
  -moz-border-radius-bottomright: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px; }

.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected {
  background-color: #50E3C2;
  color: white; }

.br-theme-bars-pill .br-readonly a {
  cursor: default; }

.br-theme-bars-pill .br-readonly a.br-active,
.br-theme-bars-pill .br-readonly a.br-selected {
  background-color: #7cead1; }

@media print {
  .br-theme-bars-pill .br-widget a {
    border: 1px solid #b3b3b3;
    border-left: none;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .br-theme-bars-pill .br-widget a.br-active,
  .br-theme-bars-pill .br-widget a.br-selected {
    border: 1px solid black;
    border-left: none;
    background: white;
    color: black; }
  .br-theme-bars-pill .br-widget a:first-child {
    border-left: 1px solid black; } }

.br-theme-bars-reversed .br-widget {
  height: 25px;
  white-space: nowrap; }

.br-theme-bars-reversed .br-widget a {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  background-color: #bef5e8;
  margin: 1px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #50E3C2;
  text-align: center; }

.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected {
  background-color: #50E3C2;
  color: white; }

.br-theme-bars-reversed .br-widget .br-current-rating {
  line-height: 1.3;
  float: left;
  padding: 0 20px 0 20px;
  color: #50E3C2;
  font-size: 17px;
  font-weight: 400; }

.br-theme-bars-reversed .br-readonly a {
  cursor: default; }

.br-theme-bars-reversed .br-readonly a.br-active,
.br-theme-bars-reversed .br-readonly a.br-selected {
  background-color: #7cead1; }

.br-theme-bars-reversed .br-readonly .br-current-rating {
  color: #7cead1; }

@media print {
  .br-theme-bars-reversed .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .br-theme-bars-reversed .br-widget a.br-active,
  .br-theme-bars-reversed .br-widget a.br-selected {
    border: 1px solid black;
    background: white; }
  .br-theme-bars-reversed .br-widget .br-current-rating {
    color: black; } }

.br-theme-bars-square .br-widget {
  height: 15px;
  white-space: nowrap; }

.br-theme-bars-square .br-widget a {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  border: 2px solid #bbcefb;
  background-color: white;
  margin: 2px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  color: #bbcefb;
  font-weight: 600; }

.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
  border: 2px solid #4278F5;
  color: #4278F5; }

.br-theme-bars-square .br-widget .br-current-rating {
  clear: both;
  width: 330px;
  text-align: center;
  font-weight: 600;
  display: block;
  padding: .5em 0;
  color: #646464; }

.br-theme-bars-square .br-readonly a {
  cursor: default; }

.br-theme-bars-square .br-readonly a.br-active,
.br-theme-bars-square .br-readonly a.br-selected {
  border: 2px solid #729bf8;
  color: #729bf8; }

@media print {
  .br-theme-bars-square .br-widget a {
    border: 2px solid #b3b3b3;
    color: #b3b3b3; }
  .br-theme-bars-square .br-widget a.br-active,
  .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid black;
    color: black; } }

.br-theme-css-stars .br-widget {
  height: 28px;
  white-space: nowrap; }

.br-theme-css-stars .br-widget a {
  text-decoration: none;
  height: 18px;
  width: 18px;
  float: left;
  font-size: 23px;
  margin-right: 5px; }

.br-theme-css-stars .br-widget a:after {
  content: "\2605";
  color: #d2d2d2; }

.br-theme-css-stars .br-widget a.br-active:after {
  color: #EDB867; }

.br-theme-css-stars .br-widget a.br-selected:after {
  color: #EDB867; }

.br-theme-css-stars .br-widget .br-current-rating {
  display: none; }

.br-theme-css-stars .br-readonly a {
  cursor: default; }

@media print {
  .br-theme-css-stars .br-widget a:after {
    content: "\2606";
    color: black; }
  .br-theme-css-stars .br-widget a.br-active:after,
  .br-theme-css-stars .br-widget a.br-selected:after {
    content: "\2605";
    color: black; } }

.br-theme-fontawesome-stars-o .br-widget {
  height: 28px;
  white-space: nowrap; }

.br-theme-fontawesome-stars-o .br-widget a {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px; }

.br-theme-fontawesome-stars-o .br-widget a:after {
  content: '\f006';
  color: #d2d2d2; }

.br-theme-fontawesome-stars-o .br-widget a.br-active:after {
  content: '\f005';
  color: #50E3C2; }

.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
  content: '\f005';
  color: #50E3C2; }

.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  content: '\f123';
  color: #50E3C2; }

.br-theme-fontawesome-stars-o .br-widget .br-current-rating {
  display: none; }

.br-theme-fontawesome-stars-o .br-readonly a {
  cursor: default; }

.br-theme-fontawesome-stars-o .br-reverse a.br-fractional {
  display: inline-block;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

@media print {
  .br-theme-fontawesome-stars-o .br-widget a:after {
    content: '\f006';
    color: black; }
  .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
  .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: '\f005';
    color: black; }
  .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    content: '\f123';
    color: black; } }

.br-theme-fontawesome-stars .br-widget {
  height: 28px;
  white-space: nowrap; }

.br-theme-fontawesome-stars .br-widget a {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px; }

.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f005';
  color: #d2d2d2; }

.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #EDB867; }

.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #EDB867; }

.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none; }

.br-theme-fontawesome-stars .br-readonly a {
  cursor: default; }

@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: black; }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: black; } }

.br-theme-bootstrap-stars .br-widget {
  height: 28px;
  white-space: nowrap; }

.br-theme-bootstrap-stars .br-widget a {
  font: normal normal normal 18px/1 'Glyphicons Halflings';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px; }

.br-theme-bootstrap-stars .br-widget a:after {
  content: '\e006';
  color: #d2d2d2; }

.br-theme-bootstrap-stars .br-widget a.br-active:after {
  color: #EDB867; }

.br-theme-bootstrap-stars .br-widget a.br-selected:after {
  color: #EDB867; }

.br-theme-bootstrap-stars .br-widget .br-current-rating {
  display: none; }

.br-theme-bootstrap-stars .br-readonly a {
  cursor: default; }

@media print {
  .br-theme-bootstrap-stars .br-widget a:after {
    content: '\e007';
    color: black; }
  .br-theme-bootstrap-stars .br-widget a.br-active:after,
  .br-theme-bootstrap-stars .br-widget a.br-selected:after {
    content: '\e006';
    color: black; } }

/***************************** 
    Stylish tolltip page 
*****************************/
.mytooltip {
  display: inline;
  position: relative;
  z-index: 9999; }

/* Trigger text */
.tooltip-item {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 0 10px; }

/* Gap filler */
.tooltip-item::after {
  content: '';
  position: absolute;
  width: 360px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.mytooltip:hover .tooltip-item::after {
  pointer-events: auto; }

/* Tooltip */
.tooltip-content {
  position: absolute;
  z-index: 9999;
  width: 360px;
  left: 50%;
  margin: 0 0 20px -120px;
  bottom: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
  background: #2b2b2b;
  opacity: 0;
  cursor: default;
  pointer-events: none; }

.tooltip-effect-1 .tooltip-content {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  color: #ffffff; }

.tooltip-effect-2 .tooltip-content {
  -webkit-transform-origin: 50% calc(110%);
  transform-origin: 50% calc(110%);
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s; }

.tooltip-effect-3 .tooltip-content {
  -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-4 .tooltip-content {
  margin-left: -250px;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale3d(0.7, 0.3, 1);
  transform: scale3d(0.7, 0.3, 1);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s; }

.tooltip-effect-5 .tooltip-content {
  width: 180px;
  margin-left: -90px;
  -webkit-transform-origin: 50% calc(106%);
  transform-origin: 50% calc(106%);
  -webkit-transform: rotate3d(0, 0, 1, 15deg);
  transform: rotate3d(0, 0, 1, 15deg);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  -webkit-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);
  transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); }

.mytooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); }

.tooltip.tooltip-effect-2:hover .tooltip-content {
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); }

/* Arrow */
.tooltip-content::after {
  content: '';
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #2a3035;
  border-width: 10px;
  margin-left: -10px; }

/* Tooltip content*/
.tooltip-content img {
  position: relative;
  height: 140px;
  display: block;
  float: left;
  margin-right: 1em; }

.tooltip-text {
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 1.31em 1.21em 1.21em 0;
  color: #fff; }

.tooltip-effect-5 .tooltip-text {
  padding: 1.4em; }

a.mytooltip {
  font-weight: 500;
  color: #fb9678; }

/* Tooltip 6 to 9 */
.tooltip-content2 {
  position: absolute;
  z-index: 9999;
  width: 80px;
  height: 80px;
  padding-top: 25px;
  left: 50%;
  margin-left: -40px;
  bottom: 100%;
  border-radius: 50%;
  text-align: center;
  background: #fb9678;
  color: #ffffff;
  opacity: 0;
  margin-bottom: 20px;
  cursor: default;
  pointer-events: none; }

.tooltip-content2 i {
  opacity: 0; }

.mytooltip:hover .tooltip-content2,
.mytooltip:hover .tooltip-content2 i {
  opacity: 1;
  font-size: 18px; }

.tooltip-effect-6 .tooltip-content2 {
  -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
  transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-6 .tooltip-content2 i {
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-7 .tooltip-content2 {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-7 .tooltip-content2 i {
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-8 .tooltip-content2 {
  -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
  transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-8 .tooltip-content2 i {
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-9 .tooltip-content2 {
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-effect-9 .tooltip-content2 i {
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.mytooltip:hover .tooltip-content2,
.mytooltip:hover .tooltip-content2 i {
  pointer-events: auto;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

.tooltip-effect-6:hover .tooltip-content2 i {
  -webkit-transform: rotate3d(1, 1, 1, 0);
  transform: rotate3d(1, 1, 1, 0); }

.tooltip-content2::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -7px 0 0 -15px;
  width: 30px;
  height: 20px;
  background: url(../../plugins/images/tooltip/tooltip1.svg) no-repeat center center;
  background-size: 100%; }

/***********Bloated Tooltip ***********/
.tooltip-content3 {
  position: absolute;
  background: url(../../plugins/images/tooltip/shape1.svg) no-repeat center bottom;
  background-size: 100% 100%;
  z-index: 9999;
  width: 200px;
  bottom: 100%;
  left: 50%;
  margin-left: -100px;
  padding: 50px 30px;
  text-align: center;
  color: #fff;
  opacity: 0;
  cursor: default;
  font-size: 14;
  line-height: 27px;
  pointer-events: none;
  -webkit-transform: scale3d(0.1, 0.2, 1);
  transform: scale3d(0.1, 0.2, 1);
  -webkit-transform-origin: 50% 120%;
  transform-origin: 50% 120%;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  -webkit-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
  transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); }

.mytooltip:hover .tooltip-content3 {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* Arrow */
.tooltip-content3::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  left: 50%;
  margin-left: -8px;
  top: 100%;
  background: #00AEEF;
  -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); }

/*************Box Tooltip *************/
/* Trigger text */
.tooltip-item2 {
  color: #03a9f3;
  cursor: pointer;
  z-index: 100;
  position: relative;
  display: inline-block;
  font-weight: 500;
  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, color 0.3s, transform 0.3s; }

.mytooltip:hover .tooltip-item2 {
  color: #ffffff;
  -webkit-transform: translate3d(0, -0.5em, 0);
  transform: translate3d(0, -0.5em, 0); }

/******************** Tooltip box ********************/
.tooltip-content4 {
  position: absolute;
  z-index: 99;
  width: 360px;
  left: 50%;
  margin-left: -180px;
  bottom: -5px;
  text-align: left;
  background: #03a9f3;
  opacity: 0;
  font-size: 14px;
  line-height: 27px;
  padding: 1.5em;
  color: #ffffff;
  border-bottom: 55px solid #2b2b2b;
  cursor: default;
  pointer-events: none;
  border-radius: 5px;
  -webkit-transform: translate3d(0, -0.5em, 0);
  transform: translate3d(0, -0.5em, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.tooltip-content4 a {
  color: #2b2b2b; }

.tooltip-text2 {
  opacity: 0;
  -webkit-transform: translate3d(0, 1.5em, 0);
  transform: translate3d(0, 1.5em, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.mytooltip:hover .tooltip-content4,
.mytooltip:hover .tooltip-text2 {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/*******Tooltip Line********/
.tooltip-content5 {
  position: absolute;
  z-index: 9999;
  width: 300px;
  left: 50%;
  bottom: 100%;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  font-weight: 400;
  color: #ffffff;
  background: transparent;
  opacity: 0;
  margin: 0 0 20px -150px;
  cursor: default;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s; }

.mytooltip:hover .tooltip-content5 {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.tooltip-content5 span {
  display: block; }

.tooltip-text3 {
  border-bottom: 10px solid #fb9678;
  overflow: hidden;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s; }

.mytooltip:hover .tooltip-text3 {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.tooltip-inner2 {
  background: #2b2b2b;
  padding: 40px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.mytooltip:hover .tooltip-inner2 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Arrow */
.tooltip-content5::after {
  content: '';
  bottom: -20px;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #fb9678;
  border-width: 10px;
  margin-left: -10px; }

.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.toast-message a,
.toast-message label {
  color: #FFFFFF; }

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1; }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em; }

/*Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/ }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center; }

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #20bf6b; }

.toast-error {
  background-color: #F03434; }

.toast-info {
  background-color: #0358C7; }

.toast-warning {
  background-color: #F6BB42; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90); }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px; } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7); }
  45% {
    transform: scale(1.05); }
  80% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.5); } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert {
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  animation: slideFromBottom 0.3s; }

.hideSweetAlert {
  animation: hideSweetAlert 0.3s; }

.hideSweetAlert[data-animation=none] {
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  animation: slideToTop 0.3s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  animation: slideToBottom 0.3s; }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg); } }

.animateSuccessTip {
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in; }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  animation: animateErrorIcon 0.5s; }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  animation: animateXMark 0.5s; }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  animation: pulseWarning 0.75s infinite alternate; }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  animation: pulseWarningIns 0.75s infinite alternate; }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1040; }

.sweet-alert {
  background-color: #ffffff;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 2000; }

@media all and (max-width: 767px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px; } }

.sweet-alert .form-group {
  display: none; }

.sweet-alert .form-group .sa-input-error {
  display: none; }

.sweet-alert.show-input .form-group {
  display: block; }

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative; }

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -9px;
  opacity: 0;
  visibility: hidden; }

.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default; }

.sweet-alert button.confirm[disabled] {
  color: transparent; }

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; }

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 20px auto;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .sa-icon.sa-error {
  border-color: #d43f3a; }

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block; }

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #d9534f;
  display: block;
  top: 37px;
  border-radius: 2px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  transform: rotate(45deg);
  left: 17px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  transform: rotate(-45deg);
  right: 16px; }

.sweet-alert .sa-icon.sa-warning {
  border-color: #eea236; }

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f0ad4e; }

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f0ad4e; }

.sweet-alert .sa-icon.sa-info {
  border-color: #46b8da; }

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #5bc0de; }

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #5bc0de; }

.sweet-alert .sa-icon.sa-success {
  border-color: #4cae4c; }

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #ffffff;
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #ffffff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat; }

.sweet-alert .btn-default:focus {
  border-color: #cccccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6); }

.sweet-alert .btn-success:focus {
  border-color: #4cae4c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(76, 174, 76, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(76, 174, 76, 0.6); }

.sweet-alert .btn-info:focus {
  border-color: #46b8da;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(70, 184, 218, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(70, 184, 218, 0.6); }

.sweet-alert .btn-danger:focus {
  border-color: #d43f3a;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(212, 63, 58, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(212, 63, 58, 0.6); }

.sweet-alert .btn-warning:focus {
  border-color: #eea236;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(238, 162, 54, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(238, 162, 54, 0.6); }

.sweet-alert button::-moz-focus-inner {
  border: 0; }

/*!
   * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
   * Copyright 2015 Daniel Cardoso <@DanielCardoso>
   * Licensed under MIT
   */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
   * Animation
   */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

/**
 * Nestable
 */
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .cf {
  zoom: 1; }

*:first-child + html .cf {
  zoom: 1; }

.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 600px;
  list-style: none;
  font-size: 13px;
  line-height: 20px; }

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

.dd-list .dd-list {
  padding-left: 30px; }

.dd-collapsed .dd-list {
  display: none; }

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px; }

.dd-handle {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: linear, top, #fafafa 0%, #eee 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd-handle:hover {
  color: #2ea8e5;
  background: #fff; }

.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold; }

.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0; }

.dd-item > button[data-action="collapse"]:before {
  content: '-'; }

.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear, 45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff, linear, 45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff;
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px; }

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999; }

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0; }

.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

/**
  * Nestable Extras
  */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd; }

#nestable-menu {
  padding: 0;
  margin: 20px 0; }

#nestable-output,
#nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
  color: #fff;
  border: 1px solid #999;
  background: #bbb;
  background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
  background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
  background: linear, top, #bbb 0%, #999 100%; }

#nestable2 .dd-handle:hover {
  background: #bbb; }

#nestable2 .dd-item > button:before {
  color: #fff; }

@media only screen and (min-width: 700px) {
  .dd {
    float: left;
    width: 48%; }
  .dd + .dd {
    margin-left: 2%; } }

.dd-hover > .dd-handle {
  background: #2ea8e5 !important; }

/**
  * Nestable Draggable Handles
  */
.dd3-content {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: linear, top, #fafafa 0%, #eee 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd3-content:hover {
  color: #2ea8e5;
  background: #fff; }

.dd-dragel > .dd3-item > .dd3-content {
  margin: 0; }

.dd3-item > button {
  margin-left: 30px; }

.dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #aaa;
  background: #ddd;
  background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
  background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
  background: linear, top, #ddd 0%, #bbb 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.dd3-handle:before {
  content: '≡';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 20px;
  font-weight: normal; }

.dd3-handle:hover {
  background: #ddd; }

/**
  * Socialite
  */
.socialite {
  display: block;
  float: left;
  height: 35px; }

/***************************** 
    Stylish tabs page 
*****************************/
.sttabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  font-weight: 300; }

.sticon::before {
  display: inline-block;
  margin: 0 0.4em 0 0;
  vertical-align: middle;
  font-size: 20px;
  speak: none;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sttabs nav {
  text-align: center; }

.sttabs nav ul {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  list-style: none;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }

.sttabs nav ul li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.sttabs nav a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5; }

.sttabs nav a span {
  vertical-align: middle;
  font-wight: 500;
  font-size: 14px;
  font-family: 'Rubik', sans-serif; }

.sttabs nav a:focus {
  outline: none; }

.sttabs nav li.tab-current a {
  color: #ff7676; }

.content-wrap {
  background: #ffffff; }

/*****************************/
/* Bar tab*/
/*****************************/
.tabs-style-bar nav ul li a {
  margin: 0 2px;
  background-color: #f7fafc;
  color: #686868;
  padding: 5px 0;
  transition: background-color 0.2s, color 0.2s; }

.tabs-style-bar nav ul li a:hover,
.tabs-style-bar nav ul li a:focus {
  color: #ff7676; }

.tabs-style-bar nav ul li a span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif; }

.tabs-style-bar nav ul li.tab-current a {
  background: #fb9678;
  color: #fff; }

/*****************************/
/* Icon box tab*/
/*****************************/
.tabs-style-iconbox nav {
  background: #f7fafc; }

.tabs-style-iconbox nav ul li a {
  overflow: visible;
  padding: 25px 0;
  line-height: 1;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: #313131; }

.tabs-style-iconbox nav ul li.tab-current {
  z-index: 1; }

.tabs-style-iconbox nav ul li.tab-current a {
  background: #2cabe3;
  color: #ffffff;
  box-shadow: -1px 0 0 #ffffff; }

.tabs-style-iconbox nav ul li.tab-current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px;
  border-top-color: #2cabe3;
  content: '';
  pointer-events: none; }

.tabs-style-iconbox nav ul li:first-child::before,
.tabs-style-iconbox nav ul li::after {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
  width: 1px;
  height: 60%;
  content: ''; }

.tabs-style-iconbox nav ul li:first-child::before {
  right: auto;
  left: 0; }

.tabs-style-iconbox .sticon::before {
  display: block;
  margin: 0 0 0.25em 0; }

/*****************************/
/* Underline tab*/
/*****************************/
.tabs-style-underline nav {
  border: 1px solid rgba(120, 130, 140, 0.13); }

.tabs-style-underline nav a {
  padding: 20px 0;
  border-left: 1px solid rgba(120, 130, 140, 0.13);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: #313131; }

.tabs-style-underline nav li:last-child a {
  border-right: 1px solid rgba(120, 130, 140, 0.13); }

.tabs-style-underline nav li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #fb9678;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate3d(0, 150%, 0);
  transform: translate3d(0, 150%, 0); }

.tabs-style-underline nav li.tab-current a::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/*****************************/
/* Triangle and line tab*/
/*****************************/
.tabs-style-linetriangle nav a {
  overflow: visible;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }

.tabs-style-linetriangle nav a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  padding: 15px 0;
  color: #313131; }

.tabs-style-linetriangle nav li.tab-current a:after,
.tabs-style-linetriangle nav li.tab-current a:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: '';
  pointer-events: none; }

.tabs-style-linetriangle nav li.tab-current a:after {
  margin-left: -10px;
  border-width: 10px;
  border-top-color: #ffffff; }

.tabs-style-linetriangle nav li.tab-current a span {
  color: #ff7676; }

.tabs-style-linetriangle nav li.tab-current a:before {
  margin-left: -11px;
  border-width: 11px;
  border-top-color: rgba(0, 0, 0, 0.2); }

/*****************************/
/* Falling Icon tab */
/*****************************/
.tabs-style-iconfall {
  overflow: visible; }

.tabs-style-iconfall nav {
  max-width: 1200px;
  margin: 0 auto; }

.tabs-style-iconfall nav a {
  display: inline-block;
  overflow: visible;
  padding: 1em 0 2em;
  color: #313131;
  line-height: 1;
  -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); }

.tabs-style-iconfall nav a:hover,
.tabs-style-iconfall nav a:focus {
  color: #ff7676; }

.tabs-style-iconfall nav li.tab-current a {
  color: #ff7676; }

.tabs-style-iconfall nav li::before {
  position: absolute;
  bottom: 1em;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 4px;
  background: #ff7676;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1); }

.tabs-style-iconfall nav li.tab-current::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.tabs-style-iconfall nav li.tab-current .sticon::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.tabs-style-iconfall .sticon::before {
  display: block;
  margin: 0 0 0.35em;
  opacity: 0;
  font-size: 24px;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
  pointer-events: none; }

@media screen and (max-width: 58em) {
  .tabs-style-iconfall nav li .sticon::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/*****************************/
/* Moving Line tab */
/*****************************/
.tabs-style-linemove nav {
  background: #f7fafc; }

.tabs-style-linemove nav li:last-child::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ff7676;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
  -webkit-transform: translate3d(-400%, 0, 0);
  transform: translate3d(-400%, 0, 0); }

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
  -webkit-transform: translate3d(-300%, 0, 0);
  transform: translate3d(-300%, 0, 0); }

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0); }

.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.tabs-style-linemove nav a {
  padding: 30px 0;
  color: #313131;
  line-height: 1;
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, transform 0.3s; }

.tabs-style-linemove nav li.tab-current a {
  color: #ff7676; }

/*****************************/
/* Line tab*/
/*****************************/
.tabs-style-line nav a {
  padding: 20px 10px;
  box-shadow: inset 0 -2px #d1d3d2;
  color: #686868;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  -webkit-transition: color 0.3s, box-shadow 0.3s;
  transition: color 0.3s, box-shadow 0.3s; }

.tabs-style-line nav a:hover,
.tabs-style-line nav a:focus {
  box-shadow: inset 0 -2px #74777b; }

.tabs-style-line nav li.tab-current a {
  box-shadow: inset 0 -2px #ff7676;
  color: #ff7676; }

@media screen and (max-width: 58em) {
  .tabs-style-line nav ul {
    display: block;
    box-shadow: none; }
  .tabs-style-line nav ul li {
    display: block;
    -webkit-flex: none;
    flex: none; } }

/*****************************/
/* Circle tab*/
/*****************************/
.tabs-style-circle {
  overflow: visible; }

.tabs-style-circle nav li {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.tabs-style-circle nav li::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  width: 120px;
  height: 120px;
  border: 1px solid #fb9678;
  border-radius: 50%;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.tabs-style-circle nav a {
  overflow: visible;
  color: #2b2b2b;
  font-weight: 500;
  font-size: 14;
  line-height: 1.1;
  -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); }

.tabs-style-circle nav a span {
  display: inline-block; }

.tabs-style-circle nav a:hover,
.tabs-style-circle nav a:focus {
  color: #ff7676; }

.tabs-style-circle nav li.tab-current a {
  color: #ff7676; }

.tabs-style-circle nav li.tab-current a span {
  -webkit-transform: translate3d(0, 4px, 0);
  transform: translate3d(0, 4px, 0); }

@media screen and (max-width: 58em) {
  .tabs-style-circle nav li::before {
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px; } }

.tabs-style-circle nav li.tab-current::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.tabs-style-circle nav a span,
.tabs-style-circle .icon::before {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); }

.tabs-style-circle .sticon::before {
  display: block;
  margin: 0;
  pointer-events: none; }

.tabs-style-circle nav li.tab-current .sticon::before {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0); }

/*****************************/
/* Shape tab*/
/*****************************/
.tabs-style-shape {
  max-width: 1200px;
  margin: 0 auto; }

.tabs-style-shape nav ul li {
  margin: 0 3em; }

.tabs-style-shape nav ul li:first-child {
  margin-left: 0; }

.tabs-style-shape nav ul li.tab-current {
  z-index: 1; }

.tabs-style-shape nav li a {
  overflow: visible;
  margin: 0 -3em 0 0;
  padding: 0;
  color: #fff;
  font-weight: 500; }

.tabs-style-shape nav li a svg {
  position: absolute;
  left: 100%;
  margin: 0;
  width: 3em;
  height: 100%;
  fill: #bdc2c9; }

.tabs-style-shape nav li:first-child a span {
  padding-left: 2em;
  border-radius: 30px 0 0 0; }

.tabs-style-shape nav li:last-child a span {
  padding-right: 2em;
  border-radius: 0 30px 0 0; }

.tabs-style-shape nav li a svg:nth-child(2),
.tabs-style-shape nav li:last-child a svg {
  right: 100%;
  left: auto;
  -webkit-transform: scale3d(-1, 1, 1);
  transform: scale3d(-1, 1, 1); }

.tabs-style-shape nav li a span {
  display: block;
  overflow: hidden;
  padding: 0.65em 0;
  background-color: #bdc2c9;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tabs-style-shape nav li a:hover span {
  background-color: #ff7676; }

.tabs-style-shape nav li a:hover svg {
  fill: #ff7676; }

.tabs-style-shape nav li a svg {
  pointer-events: none; }

.tabs-style-shape nav li a svg use {
  pointer-events: auto; }

.tabs-style-shape nav li.tab-current a span,
.tabs-style-shape nav li.tab-current a svg {
  -webkit-transition: none;
  transition: none; }

.tabs-style-shape nav li.tab-current a span {
  background: #f7fafc; }

.tabs-style-shape nav li.tab-current a svg {
  fill: #f7fafc; }

.tabs-style-shape .content-wrap {
  background: #f7fafc; }

@media screen and (max-width: 58em) {
  .tabs-style-shape nav ul {
    display: block;
    padding-top: 1.5em; }
  .tabs-style-shape nav ul li {
    display: block;
    margin: -1.25em 0 0;
    -webkit-flex: none;
    flex: none; }
  .tabs-style-shape nav ul li a {
    margin: 0; }
  .tabs-style-shape nav ul li svg {
    display: none; }
  .tabs-style-shape nav ul li a span {
    padding: 1.25em 0 2em !important;
    border-radius: 30px 30px 0 0 !important;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
    line-height: 1; }
  .tabs-style-shape nav ul li:last-child a span {
    padding: 1.25em 0 !important; }
  .tabs-style-shape nav ul li.tab-current {
    z-index: 1; } }

/*****************************/
/* Line Box tab*/
/*****************************/
.tabs-style-linebox nav ul li {
  margin: 0 0.5em;
  -webkit-flex: none;
  flex: none; }

.tabs-style-linebox nav a {
  padding: 0 1.5em;
  color: #313131;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.tabs-style-linebox nav a:hover,
.tabs-style-linebox nav a:focus {
  color: #ff7676; }

.tabs-style-linebox nav li.tab-current a {
  color: #ffffff; }

.tabs-style-linebox nav a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #d2d8d6;
  content: '';
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, transform 0.3s;
  -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); }

.tabs-style-linebox nav li.tab-current a::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.tabs-style-linebox nav a:hover::after,
.tabs-style-linebox nav a:focus::after,
.tabs-style-linebox nav li.tab-current a::after {
  background: #ff7676; }

@media screen and (max-width: 58em) {
  .tabs-style-linebox nav ul {
    display: block;
    box-shadow: none; }
  .tabs-style-linebox nav ul li {
    display: block;
    -webkit-flex: none;
    flex: none; } }

/*****************************/
/* Flip tab*/
/*****************************/
.tabs-style-flip {
  max-width: 1200px;
  margin: 0 auto; }

.tabs-style-flip nav a {
  padding: 0.5em 0;
  color: #313131;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.tabs-style-flip nav a:hover,
.tabs-style-flip nav a:focus {
  color: #ff7676; }

.tabs-style-flip nav a span {
  text-transform: uppercase;
  letter-spacing: 1px; }

.tabs-style-flip nav a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  content: '';
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%; }

.tabs-style-flip nav li.tab-current a {
  color: #ff7676; }

.tabs-style-flip nav li.tab-current a::after {
  background-color: #f7fafc;
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(900px) rotate3d(1, 0, 0, 0deg); }

.tabs-style-flip .content-wrap {
  background: #f7fafc; }

/*****************************/
/* Circle fill tab*/
/*****************************/
.tabs-style-circlefill {
  max-width: 800px;
  border: 1px solid #ff7676;
  margin: 0 auto; }

.tabs-style-circlefill nav ul li {
  overflow: hidden;
  border-right: 1px solid #ff7676; }

.tabs-style-circlefill nav li a {
  padding: 1.5em 0;
  color: #fff;
  font-size: 1.25em; }

.tabs-style-circlefill nav li:first-child {
  border-left: none; }

.tabs-style-circlefill nav li:last-child {
  border: none; }

.tabs-style-circlefill nav li::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  border: 1px solid #ff7676;
  border-radius: 50%;
  background: #ff7676;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.tabs-style-circlefill nav li.tab-current::before {
  -webkit-transform: scale3d(2.5, 2.5, 1);
  transform: scale3d(2.5, 2.5, 1); }

.tabs-style-circlefill nav a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.tabs-style-circlefill nav a span {
  display: none; }

.tabs-style-circlefill nav li.tab-current a {
  color: #ffffff; }

.tabs-style-circlefill .icon::before {
  display: block;
  margin: 0;
  pointer-events: none; }

.tabs-style-circlefill .content-wrap {
  border-top: 1px solid #ff7676; }

.bootstrap-switch {
  border: 1px solid;
  border-color: #ccc;
  border-radius: 4px;
  cursor: pointer;
  direction: ltr;
  display: inline-block;
  line-height: 8px;
  overflow: hidden;
  position: relative;
  text-align: left;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  user-select: none;
  vertical-align: middle;
  z-index: 0; }
  .bootstrap-switch .bootstrap-switch-container {
    border-radius: 4px;
    display: inline-block;
    top: 0;
    transform: translate3d(0, 0, 0); }
  .bootstrap-switch .bootstrap-switch-handle-on,
  .bootstrap-switch .bootstrap-switch-handle-off,
  .bootstrap-switch .bootstrap-switch-label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block !important;
    font-size: 14px;
    height: 100%;
    line-height: 20px;
    padding: 6px 12px; }
  .bootstrap-switch .bootstrap-switch-handle-on,
  .bootstrap-switch .bootstrap-switch-handle-off {
    text-align: center;
    z-index: 1; }
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
      background: #3867d6;
      color: #fff; }
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
      background: #2d98da;
      color: #fff; }
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
      background: #20bf6b;
      color: #fff; }
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
      background: #F6BB42;
      color: #fff; }
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
      background: #F03434;
      color: #fff; }
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
      background: #536c79;
      color: #000; }
  .bootstrap-switch .bootstrap-switch-label {
    background: #fff;
    color: #333;
    margin-bottom: -1px;
    margin-top: -1px;
    text-align: center;
    z-index: 100; }
  .bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] {
    filter: alpha(opacity=0);
    left: 0;
    opacity: 0;
    position: absolute !important;
    top: 0;
    z-index: -1; }
    .bootstrap-switch input[type='radio'].form-control, .bootstrap-switch input[type='checkbox'].form-control {
      height: auto; }
  .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
  .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
  .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px; }
  .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
  .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
  .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px; }
  .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
  .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
  .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    font-size: 18px;
    line-height: 1.33;
    padding: 6px 16px; }
  .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
    cursor: default !important; }
  .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
  .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
  .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
  .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
  .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
  .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
  .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
  .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
  .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    cursor: default !important;
    filter: alpha(opacity=50);
    opacity: .5; }
  .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    transition: margin-left .5s; }
  .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 3px; }
  .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 0; }
  .bootstrap-switch.bootstrap-switch-focused {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0; }
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
  .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
  .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

.abc-checkbox {
  padding-left: 20px; }
  .abc-checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .abc-checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #f0f3f5;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -moz-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .abc-checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #3e515b; }
  .abc-checkbox input[type="checkbox"],
  .abc-checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .abc-checkbox input[type="checkbox"]:focus + label::before,
    .abc-checkbox input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .abc-checkbox input[type="checkbox"]:checked + label::after,
    .abc-checkbox input[type="radio"]:checked + label::after {
      font-family: "FontAwesome";
      content: ""; }
    .abc-checkbox input[type="checkbox"]:indeterminate + label::after,
    .abc-checkbox input[type="radio"]:indeterminate + label::after {
      display: block;
      content: "";
      width: 10px;
      height: 3px;
      background-color: #555555;
      border-radius: 2px;
      margin-left: -16.5px;
      margin-top: 7px; }
    .abc-checkbox input[type="checkbox"]:disabled + label,
    .abc-checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .abc-checkbox input[type="checkbox"]:disabled + label::before,
      .abc-checkbox input[type="radio"]:disabled + label::before {
        background-color: #c2cfd6;
        cursor: not-allowed; }
  .abc-checkbox.abc-checkbox-circle label::before {
    border-radius: 50%; }
  .abc-checkbox.checkbox-inline {
    margin-top: 0; }

.abc-checkbox-primary input[type="checkbox"]:checked + label::before,
.abc-checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #3867d6;
  border-color: #3867d6; }

.abc-checkbox-primary input[type="checkbox"]:checked + label::after,
.abc-checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.abc-checkbox-danger input[type="checkbox"]:checked + label::before,
.abc-checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #F03434;
  border-color: #F03434; }

.abc-checkbox-danger input[type="checkbox"]:checked + label::after,
.abc-checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.abc-checkbox-info input[type="checkbox"]:checked + label::before,
.abc-checkbox-info input[type="radio"]:checked + label::before {
  background-color: #2d98da;
  border-color: #2d98da; }

.abc-checkbox-info input[type="checkbox"]:checked + label::after,
.abc-checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.abc-checkbox-warning input[type="checkbox"]:checked + label::before,
.abc-checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #F6BB42;
  border-color: #F6BB42; }

.abc-checkbox-warning input[type="checkbox"]:checked + label::after,
.abc-checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.abc-checkbox-success input[type="checkbox"]:checked + label::before,
.abc-checkbox-success input[type="radio"]:checked + label::before {
  background-color: #20bf6b;
  border-color: #20bf6b; }

.abc-checkbox-success input[type="checkbox"]:checked + label::after,
.abc-checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.abc-checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #3867d6;
  border-color: #3867d6; }

.abc-checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.abc-checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #F03434;
  border-color: #F03434; }

.abc-checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.abc-checkbox-info input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #2d98da;
  border-color: #2d98da; }

.abc-checkbox-info input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.abc-checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #F6BB42;
  border-color: #F6BB42; }

.abc-checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.abc-checkbox-success input[type="checkbox"]:indeterminate + label::before,
.abc-checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #20bf6b;
  border-color: #20bf6b; }

.abc-checkbox-success input[type="checkbox"]:indeterminate + label::after,
.abc-checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.abc-radio {
  padding-left: 20px; }
  .abc-radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .abc-radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #f0f3f5;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -moz-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .abc-radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #3e515b;
      transform: scale(0, 0);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .abc-radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .abc-radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .abc-radio input[type="radio"]:checked + label::after {
      transform: scale(1, 1); }
    .abc-radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .abc-radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .abc-radio.radio-inline {
    margin-top: 0; }

.abc-radio-primary input[type="radio"] + label::after {
  background-color: #3867d6; }

.abc-radio-primary input[type="radio"]:checked + label::before {
  border-color: #3867d6; }

.abc-radio-primary input[type="radio"]:checked + label::after {
  background-color: #3867d6; }

.abc-radio-danger input[type="radio"] + label::after {
  background-color: #F03434; }

.abc-radio-danger input[type="radio"]:checked + label::before {
  border-color: #F03434; }

.abc-radio-danger input[type="radio"]:checked + label::after {
  background-color: #F03434; }

.abc-radio-info input[type="radio"] + label::after {
  background-color: #2d98da; }

.abc-radio-info input[type="radio"]:checked + label::before {
  border-color: #2d98da; }

.abc-radio-info input[type="radio"]:checked + label::after {
  background-color: #2d98da; }

.abc-radio-warning input[type="radio"] + label::after {
  background-color: #F6BB42; }

.abc-radio-warning input[type="radio"]:checked + label::before {
  border-color: #F6BB42; }

.abc-radio-warning input[type="radio"]:checked + label::after {
  background-color: #F6BB42; }

.abc-radio-success input[type="radio"] + label::after {
  background-color: #20bf6b; }

.abc-radio-success input[type="radio"]:checked + label::before {
  border-color: #20bf6b; }

.abc-radio-success input[type="radio"]:checked + label::after {
  background-color: #20bf6b; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: "FontAwesome";
  content: ""; }

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #f0f3f5;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #f0f3f5;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6;
  min-height: 40px;
  padding: 5px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #536c79;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #f0f3f5;
  border-radius: 4px;
  cursor: text;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E4EAEC;
    border-radius: 8px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #f0f3f5 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F03434;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #c2cfd6;
  border-radius: 1px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear, to bottom, white 50%, #eeeeee 100%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #c2cfd6;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear, to bottom, #eeeeee 50%, #cccccc 100%;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #c2cfd6;
  border-radius: 0;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear, to bottom, white 0%, #eeeeee 50%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear, to bottom, #eeeeee 50%, white 100%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #c2cfd6;
  border-radius: 1px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #c2cfd6;
    border-radius: 1px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #c2cfd6;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/*
 * bootstrap-tagsinput v0.8.0
 * 
 */
.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #f0f3f5 !important;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6;
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  width: 100%;
  line-height: 22px;
  cursor: text; }

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit; }

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1; }

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777; }

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777; }

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none; }

.bootstrap-tagsinput .badge {
  margin-right: 2px;
  color: white;
  background-color: #F03434;
  padding: 5px 8px;
  border-radius: 3px;
  margin-top: 10px; }

.bootstrap-tagsinput .badge [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer; }

.bootstrap-tagsinput .badge [data-role="remove"]:after {
  content: "×";
  padding: 0px 4px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  font-size: 13px; }

.bootstrap-tagsinput .badge [data-role="remove"]:hover:after {
  background-color: rgba(0, 0, 0, 0.62); }

.bootstrap-tagsinput .badge [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.ms-container {
  background: transparent url("../libs/multiselect/img/switch.png") no-repeat 50% 50%;
  width: 450px; }

.ms-container:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden; }

.ms-container .ms-selectable, .ms-container .ms-selection {
  background: #fff;
  color: #555555;
  float: left;
  width: 45%; }

.ms-container .ms-selection {
  float: right; }

.ms-container .ms-list {
  position: relative;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6;
  height: 200px;
  padding: 10px;
  overflow-y: auto; }

.ms-container .ms-list.ms-focus {
  border-color: #F03434;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #F03434;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #F03434;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #F03434;
  outline: 0;
  outline: thin dotted \9; }

.ms-container ul {
  margin: 0;
  list-style-type: none;
  padding: 0; }

.ms-container .ms-optgroup-container {
  width: 100%; }

.ms-container .ms-optgroup-label {
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999; }

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px; }

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #F03434; }

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  background-color: #eee;
  color: #aaa;
  cursor: text; }

span.twitter-typeahead .tt-menu {
  cursor: pointer; }

.dropdown-menu,
span.twitter-typeahead .tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

span.twitter-typeahead .tt-suggestion {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }

span.twitter-typeahead .tt-suggestion:focus,
.dropdown-item:hover,
span.twitter-typeahead .tt-suggestion:hover {
  color: #2b2d2f;
  text-decoration: none;
  background-color: #f5f5f5; }

span.twitter-typeahead .active.tt-suggestion,
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .active.tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion.tt-cursor:focus,
span.twitter-typeahead .active.tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
  outline: 0; }

span.twitter-typeahead .disabled.tt-suggestion,
span.twitter-typeahead .disabled.tt-suggestion:focus,
span.twitter-typeahead .disabled.tt-suggestion:hover {
  color: #818a91; }

span.twitter-typeahead .disabled.tt-suggestion:focus,
span.twitter-typeahead .disabled.tt-suggestion:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

span.twitter-typeahead {
  width: 100%; }

.input-group span.twitter-typeahead {
  display: block !important; }

.input-group span.twitter-typeahead .tt-menu {
  top: 2.375rem !important; }

#scrollable-dropdown-menu .tt-menu {
  max-height: 150px !important;
  overflow-y: auto; }

/*
 *  Bootstrap TouchSpin - v3.1.2
 *  A mobile and touch friendly input spinner component for Bootstrap 3.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */
.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 200%;
  height: 50%;
  max-width: 200%;
  padding: 8px 10px;
  margin-left: -1px;
  margin-top: -1px;
  position: relative; }

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px; }

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px; }

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: -10px;
  left: -5px;
  font-size: 20px;
  font-weight: bolder; }

/*!
 * ClockPicker v0.0.7 for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */
.clockpicker .input-group-addon {
  cursor: pointer; }

.clockpicker-moving {
  cursor: move; }

.clockpicker-align-left.popover > .arrow {
  left: 25px; }

.clockpicker-align-top.popover > .arrow {
  top: 17px; }

.clockpicker-align-right.popover > .arrow {
  left: auto;
  right: 25px; }

.clockpicker-align-bottom.popover > .arrow {
  top: auto;
  bottom: 6px; }

.clockpicker-popover .popover-title {
  background-color: #fff;
  color: #999;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  text-align: center; }

.clockpicker-popover .popover-title span {
  cursor: pointer; }

.clockpicker-popover .popover-content {
  background-color: #f8f8f8;
  padding: 12px; }

.popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.clockpicker-plate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
  /* Disable text selection highlighting. Thanks to Hermanya */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.clockpicker-canvas,
.clockpicker-dial {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1px;
  top: -1px; }

.clockpicker-minutes {
  visibility: hidden; }

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: absolute;
  cursor: pointer; }

.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: #c0e5f7;
  background-color: rgba(0, 149, 221, 0.25); }

.clockpicker-button {
  background-image: none;
  background-color: #fff;
  border-width: 1px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 10px 0; }

.clockpicker-button:hover {
  background-image: none;
  background-color: #ebebeb; }

.clockpicker-button:focus {
  outline: none !important; }

.clockpicker-dial {
  -webkit-transition: -webkit-transform 350ms, opacity 350ms;
  -moz-transition: -moz-transform 350ms, opacity 350ms;
  -ms-transition: -ms-transform 350ms, opacity 350ms;
  -o-transition: -o-transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms; }

.clockpicker-dial-out {
  opacity: 0; }

.clockpicker-hours.clockpicker-dial-out {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2); }

.clockpicker-minutes.clockpicker-dial-out {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8); }

.clockpicker-canvas {
  -webkit-transition: opacity 175ms;
  -moz-transition: opacity 175ms;
  -ms-transition: opacity 175ms;
  -o-transition: opacity 175ms;
  transition: opacity 175ms; }

.clockpicker-canvas-out {
  opacity: 0.25; }

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
  stroke: none;
  fill: #0095dd; }

.clockpicker-canvas-bg {
  stroke: none;
  fill: #c0e5f7; }

.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25); }

.clockpicker-canvas line {
  stroke: #0095dd;
  stroke-width: 1;
  stroke-linecap: round;
  /*shape-rendering: crispEdges;*/ }

.clockpicker-button.am-button {
  margin: 1px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

.clockpicker-button.pm-button {
  margin: 1px 1px 1px 136px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

.ui-timepicker-wrapper {
  overflow-y: auto;
  max-height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10052;
  margin: 0; }

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em; }

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em; }

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888; }

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888; }

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0; }

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000; }

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #F03434;
  color: #fff; }

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc; }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default; }

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2; }

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15); }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777; }

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default; }

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0; }

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2; }

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb; }

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb; }

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2; }

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5; }

.datepicker table tr td.highlighted.focused {
  background: #afd9ee; }

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777; }

.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400; }

.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00; }

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00; }

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400; }

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today.focused {
  background: #ffc966; }

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777; }

.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0; }

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c; }

.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d; }

.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d; }

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c; }

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb; }

.datepicker table tr td.range.focused {
  background: #d5d5d5; }

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777; }

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3; }

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6; }

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0; }

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0; }

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6; }

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3; }

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3; }

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777; }

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417; }

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608; }

.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c; }

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608; }

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417; }

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777; }

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616; }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737; }

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616; }

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555; }

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40; }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-group.date .input-group-addon {
  cursor: pointer; }

.input-daterange {
  width: 100%; }

.input-daterange input {
  text-align: center; }

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px; }

/*# sourceMappingURL=bootstrap-datepicker3.css.map */
/**
* asRange v0.3.4
* https://github.com/amazingSurge/jquery-asRange
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
.asRange {
  position: relative;
  width: 331px;
  height: 8px;
  background-color: #cfcdc7;
  border-radius: 8px; }

.asRange .asRange-pointer {
  position: absolute;
  left: 30%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border-radius: 9px; }

.asRange .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #F03434;
  border-radius: inherit; }

.asRange .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  border-radius: inherit; }

.asRange .asRange-pointer.start {
  left: 0;
  margin-left: 4px; }

.asRange .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px; }

.asRange .asRange-pointer .asRange-tip {
  position: absolute;
  top: -33px;
  left: 0;
  width: 36px;
  height: 20px;
  margin-left: -15px;
  font-family: Bpreplay;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px;
  -webkit-transition: opacity .3s ease-in-out 0s;
  transition: opacity .3s ease-in-out 0s; }

.asRange .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.asRange .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 8px;
  background-color: #F03434;
  border-radius: 9px; }

.asRange .asRange-scale {
  display: none; }

.asRange-scale {
  position: relative;
  width: 331px;
  height: 8px;
  background-color: #cfcdc7;
  border-radius: 8px; }

.asRange-scale .asRange-pointer {
  position: absolute;
  left: 30%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border-radius: 9px; }

.asRange-scale .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #F03434;
  border-radius: inherit; }

.asRange-scale .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  border-radius: inherit; }

.asRange-scale .asRange-pointer.start {
  left: 0;
  margin-left: 4px; }

.asRange-scale .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px; }

.asRange-scale .asRange-pointer .asRange-tip {
  position: absolute;
  top: -33px;
  left: 0;
  width: 36px;
  height: 20px;
  margin-left: -15px;
  font-family: Bpreplay;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px;
  -webkit-transition: opacity .3s ease-in-out 0s;
  transition: opacity .3s ease-in-out 0s; }

.asRange-scale .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.asRange-scale .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 8px;
  background-color: #F03434;
  border-radius: 9px; }

.asRange-scale .asRange-scale {
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  background: url("../image/scale.png") no-repeat 0 center transparent; }

.asRange-scale .asRange-scale li {
  position: absolute;
  top: 18px;
  width: 30px;
  height: 20px;
  padding: 0;
  margin: 0;
  margin-left: -15px;
  text-align: center; }

.asRange-scale .asRange-scale li:first-child {
  left: 0; }

.asRange-scale .asRange-scale li:nth-child(2) {
  left: 33.3%; }

.asRange-scale .asRange-scale li:nth-child(3) {
  left: 66.6%; }

.asRange-scale .asRange-scale li:last-child {
  left: 100%; }

/*!
 * LABELAUTY jQuery Plugin Styles
 *
 * @file: jquery-labelauty.css
 * @author: Francisco Neves (@fntneves)
 * @site: www.francisconeves.com
 * @license: MIT License
 */
.hidden_element {
  position: absolute !important;
  top: -1000 !important; }

/* Prevent text and blocks selection */
input.labelauty + label ::selection {
  background-color: rgba(255, 255, 255, 0); }

input.labelauty + label ::-moz-selection {
  background-color: rgba(255, 255, 255, 0); }

/* Hide original checkboxes. They are ugly! */
input.labelauty {
  display: none !important; }

/*
 * Let's style the input
 * Feel free to work with it as you wish!
 */
input.labelauty + label {
  display: table;
  font-size: 1rem;
  padding: 8px 20px;
  background-color: #efefef;
  color: #b3b3b3;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 25px -3px #c2cfd6;
  -moz-box-shadow: 0px 5px 25px -3px #c2cfd6;
  box-shadow: 0px 5px 25px -3px #c2cfd6;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

/* Stylish text inside label */
input.labelauty + label > span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked {
  display: inline-block;
  line-height: 16px;
  vertical-align: bottom; }

/* Stylish icons inside label */
input.labelauty + label > span.labelauty-unchecked-image,
input.labelauty + label > span.labelauty-checked-image {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: left center;
  transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -webkit-transition: background-image 0.5s linear;
  -o-transition: background-image 0.5s linear; }

/* When there's a label, add a little margin to the left */
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {
  margin-left: 7px; }

/* When not Checked */
input.labelauty:not(:checked):not([disabled]) + label:hover {
  background-color: #eaeaea;
  color: #a7a7a7; }

input.labelauty:not(:checked) + label > span.labelauty-checked-image {
  display: none; }

input.labelauty:not(:checked) + label > span.labelauty-checked {
  display: none; }

/* When Checked */
input.labelauty:checked + label {
  background-color: #F03434;
  color: #ffffff; }

input.labelauty:checked:not([disabled]) + label:hover {
  background-color: #F03434; }

input.labelauty:checked + label > span.labelauty-unchecked-image {
  display: none; }

input.labelauty:checked + label > span.labelauty-unchecked {
  display: none; }

input.labelauty:checked + label > span.labelauty-checked {
  display: inline-block; }

input.labelauty.no-label:checked + label > span.labelauty-checked {
  display: block; }

/* When Disabled */
input.labelauty[disabled] + label {
  opacity: 0.5; }

/* Add a background to (un)checked images */
input.labelauty + label > span.labelauty-unchecked-image {
  background-image: url(../libs/jquery-labelauty/source/images/input-unchecked.png); }

input.labelauty + label > span.labelauty-checked-image {
  background-image: url(../libs/jquery-labelauty/source/images/input-checked.png); }

/*!
 * =============================================================
 * dropify v0.2.2 - Override your input files with style.
 * https://github.com/JeremyFagis/dropify
 *
 * (c) 2017 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)
 * =============================================================
 */
@font-face {
  font-family: 'dropify';
  src: url("../libs/dropify/dist/fonts/dropify.eot");
  src: url("../libs/dropify/dist/fonts/dropify.eot#iefix") format("embedded-opentype"), url("../libs/dropify/dist/fonts/dropify.woff") format("woff"), url("../libs/dropify/dist/fonts/dropify.ttf") format("truetype"), url("../libs/dropify/dist/fonts/dropify.svg#dropify") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="dropify-font-"]:before, [class*=" dropify-font-"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before {
  font-family: "dropify";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: .2em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em; }

.dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {
  content: '\e800'; }

.dropify-font-file:before {
  content: '\e801'; }

.dropify-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 200px;
  padding: 5px 10px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial";
  font-size: 14px;
  line-height: 22px;
  color: #F03434;
  background-color: #FFF;
  background-image: none;
  text-align: center;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6;
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear; }

.dropify-wrapper:hover {
  background-size: 30px 30px;
  background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
  background-image: linear, -45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent;
  -webkit-animation: stripes 2s linear infinite;
  animation: stripes 2s linear infinite; }

.dropify-wrapper.has-preview .dropify-clear {
  display: block; }

.dropify-wrapper.has-error {
  border-color: #F34141; }

.dropify-wrapper.has-error .dropify-message .dropify-error {
  display: block; }

.dropify-wrapper.has-error:hover .dropify-errors-container  {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.dropify-wrapper.disabled input {
  cursor: not-allowed; }

.dropify-wrapper.disabled:hover {
  background-image: none;
  -webkit-animation: none;
  animation: none; }

.dropify-wrapper.disabled .dropify-message {
  opacity: 0.5;
  text-decoration: line-through; }

.dropify-wrapper.disabled .dropify-infos-message {
  display: none; }

.dropify-wrapper input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 5; }

.dropify-wrapper .dropify-message {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.dropify-wrapper .dropify-message span.file-icon {
  font-size: 50px;
  color: #CCC; }

.dropify-wrapper .dropify-message p {
  margin: 5px 0 0 0; }

.dropify-wrapper .dropify-message p.dropify-error {
  color: #F34141;
  font-weight: bold;
  display: none; }

.dropify-wrapper .dropify-clear {
  display: none;
  position: absolute;
  opacity: 0;
  z-index: 7;
  top: 10px;
  right: 10px;
  background: none;
  border: 2px solid #FFF;
  text-transform: uppercase;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial";
  font-size: 11px;
  padding: 4px 8px;
  font-weight: bold;
  color: #FFF;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.dropify-wrapper .dropify-clear:hover {
  background: rgba(255, 255, 255, 0.2); }

.dropify-wrapper .dropify-preview {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #FFF;
  padding: 5px;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-align: center; }

.dropify-wrapper .dropify-preview .dropify-render img {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background-color: #FFF;
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear; }

.dropify-wrapper .dropify-preview .dropify-render i {
  font-size: 70px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  color: #F03434; }

.dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: 13px;
  width: 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dropify-wrapper .dropify-preview .dropify-infos {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -40%);
  transform: translate(0, -40%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  padding: 0 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFF;
  text-align: center;
  line-height: 25px;
  font-weight: bold; }

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
  margin-top: 15px;
  padding-top: 15px;
  font-size: 12px;
  position: relative;
  opacity: 0.5; }

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #FFF;
  width: 30px;
  height: 2px; }

.dropify-wrapper:hover .dropify-clear {
  opacity: 1; }

.dropify-wrapper:hover .dropify-preview .dropify-infos {
  opacity: 1; }

.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner {
  margin-top: -5px; }

.dropify-wrapper.touch-fallback {
  height: auto !important; }

.dropify-wrapper.touch-fallback:hover {
  background-image: none;
  -webkit-animation: none;
  animation: none; }

.dropify-wrapper.touch-fallback .dropify-preview {
  position: relative;
  padding: 0; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render {
  display: block;
  position: relative; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file {
  position: relative;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  left: 0; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before {
  margin-top: 30px;
  margin-bottom: 30px; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img {
  position: relative;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {
  position: relative;
  opacity: 1;
  background: transparent; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {
  position: relative;
  top: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 5px 90px 5px 0; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #F03434;
  text-align: left;
  line-height: 25px; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {
  font-weight: bold; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
  margin-top: 0;
  padding-top: 0;
  font-size: 11px;
  position: relative;
  opacity: 1; }

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
  display: none; }

.dropify-wrapper.touch-fallback .dropify-message {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 40px 0; }

.dropify-wrapper.touch-fallback .dropify-clear {
  top: auto;
  bottom: 23px;
  opacity: 1;
  border-color: rgba(119, 119, 119, 0.7);
  color: #F03434; }

.dropify-wrapper.touch-fallback.has-preview .dropify-message {
  display: none; }

.dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner {
  margin-top: 0; }

.dropify-wrapper .dropify-loader {
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
  z-index: 9; }

.dropify-wrapper .dropify-loader::after {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-animation: rotate 0.6s linear infinite;
  animation: rotate 0.6s linear infinite;
  border-radius: 100%;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #F03434;
  border-left: 1px solid #CCC;
  border-right: 1px solid #F03434;
  content: ''; }

.dropify-wrapper .dropify-errors-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(243, 65, 65, 0.8);
  text-align: left;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.15s,opacity 0.15s linear;
  transition: visibility 0s linear 0.15s,opacity 0.15s linear; }

.dropify-wrapper .dropify-errors-container ul {
  padding: 10px 20px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.dropify-wrapper .dropify-errors-container ul li {
  margin-left: 20px;
  color: #FFF;
  font-weight: bold; }

.dropify-wrapper .dropify-errors-container.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.dropify-wrapper ~ .dropify-errors-container ul {
  padding: 0;
  margin: 15px 0; }

.dropify-wrapper ~ .dropify-errors-container ul li {
  margin-left: 20px;
  color: #F34141;
  font-weight: bold; }

@-webkit-keyframes stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 60px 30px; } }

@keyframes stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 60px 30px; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); } }

/**
 * Bootstrap-Markdown.less
 *
 * @author Taufan Aditya @taufanaditya
 * @copyright 2013-2016 Taufan Aditya
 */
.md-editor {
  display: block;
  border: 1px solid #ddd; }
  .md-editor > .md-header, .md-editor .md-footer {
    display: block;
    padding: 6px 4px;
    background: #f5f5f5; }
  .md-editor > .md-header {
    margin: 0; }
  .md-editor > .md-preview {
    background: #fff;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    min-height: 10px;
    overflow: auto; }
  .md-editor > textarea {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 14px;
    outline: 0;
    outline: thin dotted  \9;
    /* IE6-9 */
    margin: 0;
    display: block;
    padding: 0;
    width: 100%;
    border: 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    box-shadow: none;
    background: #eeeeee; }
    .md-editor > textarea:focus {
      box-shadow: none;
      background: #fff; }
  .md-editor.active {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .md-editor .md-controls {
    float: right;
    padding: 3px; }
    .md-editor .md-controls .md-control {
      right: 5px;
      color: #bebebe;
      padding: 3px 3px 3px 10px; }
      .md-editor .md-controls .md-control:hover {
        color: #333; }
  .md-editor.md-fullscreen-mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    padding: 60px 30px 15px;
    background: #fff !important;
    border: 0 !important; }
    .md-editor.md-fullscreen-mode .md-footer {
      display: none; }
    .md-editor.md-fullscreen-mode .md-input,
    .md-editor.md-fullscreen-mode .md-preview {
      margin: 0 auto !important;
      height: 100% !important;
      font-size: 20px !important;
      padding: 20px !important;
      color: #999;
      line-height: 1.6em !important;
      resize: none !important;
      box-shadow: none !important;
      background: #fff !important;
      border: 0 !important; }
    .md-editor.md-fullscreen-mode .md-preview {
      color: #333;
      overflow: auto; }
    .md-editor.md-fullscreen-mode .md-input:hover, .md-editor.md-fullscreen-mode .md-input:focus {
      color: #333;
      background: #fff !important; }
    .md-editor.md-fullscreen-mode .md-header {
      background: none;
      text-align: center;
      position: fixed;
      width: 100%;
      top: 20px; }
    .md-editor.md-fullscreen-mode .btn-group {
      float: none; }
    .md-editor.md-fullscreen-mode .btn {
      border: 0;
      background: none;
      color: #b3b3b3; }
      .md-editor.md-fullscreen-mode .btn:hover, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active {
        box-shadow: none;
        color: #333; }
    .md-editor.md-fullscreen-mode .md-fullscreen-controls {
      position: absolute;
      top: 20px;
      right: 20px;
      text-align: right;
      z-index: 1002;
      display: block; }
      .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
        color: #b3b3b3;
        clear: right;
        margin: 10px;
        width: 30px;
        height: 30px;
        text-align: center; }
        .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
          color: #333;
          text-decoration: none; }
    .md-editor.md-fullscreen-mode .md-editor {
      height: 100% !important;
      position: relative; }
  .md-editor .md-fullscreen-controls {
    display: none; }

.md-nooverflow {
  overflow: hidden;
  position: fixed;
  width: 100%; }

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1; }

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
  dominant-baseline: central; }

.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end; }

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px; }

.ct-grid-background {
  fill: none; }

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-line {
  fill: none;
  stroke-width: 4px; }

.ct-area {
  stroke: none;
  fill-opacity: 0.1; }

.ct-bar {
  fill: none;
  stroke-width: 10px; }

.ct-slice-donut {
  fill: none;
  stroke-width: 60px; }

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #3867d6; }

.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
  fill: #3867d6; }

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #20bf6b; }

.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
  fill: #20bf6b; }

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #2d98da; }

.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
  fill: #2d98da; }

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #F03434; }

.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
  fill: #F03434; }

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #F6BB42; }

.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
  fill: #F6BB42; }

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #86797d; }

.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
  fill: #86797d; }

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #b2c326; }

.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
  fill: #b2c326; }

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #6188e2; }

.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
  fill: #6188e2; }

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #a748ca; }

.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
  fill: #a748ca; }

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #d70206; }

.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
  fill: #d70206; }

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #f05b4f; }

.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
  fill: #f05b4f; }

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #f4c63d; }

.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
  fill: #f4c63d; }

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #d17905; }

.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
  fill: #d17905; }

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #453d3f; }

.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
  fill: #453d3f; }

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #59922b; }

.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
  fill: #59922b; }

.ct-square {
  display: block;
  position: relative;
  width: 100%; }
  .ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%; }
  .ct-square:after {
    content: "";
    display: table;
    clear: both; }
  .ct-square > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%; }
  .ct-minor-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.88889%; }
  .ct-major-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.33333%; }
  .ct-minor-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%; }
  .ct-major-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%; }
  .ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fourth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.66667%; }
  .ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fifth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%; }
  .ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%; }
  .ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.8047%; }
  .ct-golden-section:after {
    content: "";
    display: table;
    clear: both; }
  .ct-golden-section > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%; }
  .ct-major-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%; }
  .ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.33333%; }
  .ct-major-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%; }
  .ct-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%; }
  .ct-major-tenth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-tenth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%; }
  .ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-eleventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.33333%; }
  .ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-twelfth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%; }
  .ct-double-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-double-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

/*!
 * FullCalendar v3.8.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
/* Colors
--------------------------------------------------------------------------------------------------*/
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
/* Firefox has an annoying inner border */
/* icons in buttons */
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
/* Popover
--------------------------------------------------------------------------------------------------*/
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
/* Tables
--------------------------------------------------------------------------------------------------*/
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
/* highlighting cells & background event skeleton */
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
/* TODO: move to agenda/basic */
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
/* resizer (cursor AND touch devices) */
/* resizer (touch devices) */
/* hit area */
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
/* resizer (cursor AND touch devices) */
/* left resizer  */
/* right resizer */
/* resizer (mouse devices) */
/* resizer (touch devices) */
/* left resizer  */
/* right resizer */
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
/* resizer (cursor devices) */
/* left resizer  */
/* right resizer */
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
/* popover that appears when "more" link is clicked */
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
/* Utilities
--------------------------------------------------------------------------------------------------*/
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
/* Popover
--------------------------------------------------------------------------------------------------*/
/* List View
--------------------------------------------------------------------------------------------------*/
/* Colors
--------------------------------------------------------------------------------------------------*/
/* Popover
--------------------------------------------------------------------------------------------------*/
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
/* Popover
--------------------------------------------------------------------------------------------------*/
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
/* Toolbar
--------------------------------------------------------------------------------------------------*/
/* the things within each left/right/center section */
/* the first thing within each left/center/right section */
/* title text */
/* button layering (for border precedence) */
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
/* week and day number styling */
/* when week/day number have own column */
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
/* divs within a cell within the fc-content-skeleton */
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
/* short mode, where time and title are on the same line */
/* resizer (cursor device) */
/* resizer (touch device) */
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
/* arrow on axis */
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
/* view wrapper */
/* table resets */
/* day headings with the list */
/* event list items */
/* make the dot closer to the event title */
/* message when no events */
.fc {
  direction: ltr;
  text-align: left;
  -webkit-box-shadow: 0px 0px 20px -4px #c2cfd6;
  -moz-box-shadow: 0px 0px 20px -4px #c2cfd6;
  box-shadow: 0px 0px 20px -4px #c2cfd6;
  padding: 30px; }
  .fc button {
    -webkit-box-shadow: 0px 5px 25px -3px #F03434;
    -moz-box-shadow: 0px 5px 25px -3px #F03434;
    box-shadow: 0px 5px 25px -3px #F03434;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer; }
    .fc button::-moz-focus-inner {
      margin: 0;
      padding: 0; }
    .fc button .fc-icon {
      position: relative;
      top: -0.05em;
      margin: 0 .2em;
      vertical-align: middle; }
  .fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px; }
  .fc .fc-button-group > *:first-child {
    margin-left: 0; }
  .fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; }
  .fc th {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top; }
  .fc td {
    border-style: solid;
    border-width: 1px;
    padding: 2;
    vertical-align: top; }
  .fc td.fc-today {
    border-style: double; }
  .fc .fc-row {
    border-style: solid;
    border-width: 0; }
    .fc .fc-row .fc-content-skeleton table {
      background: none;
      border-color: transparent; }
    .fc .fc-row .fc-content-skeleton td {
      background: none;
      border-color: transparent; }
    .fc .fc-row .fc-helper-skeleton td {
      background: none;
      border-color: transparent; }
  .fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em; }
  .fc .fc-toolbar > * > *:first-child {
    margin-left: 0; }
  .fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap; }
  .fc .fc-list-table {
    table-layout: auto; }

.fc-rtl {
  text-align: right; }
  .fc-rtl .fc-popover .fc-header .fc-close {
    float: left; }
  .fc-rtl .fc-popover .fc-header .fc-title {
    float: right; }
  .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px; }
  .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px; }
  .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px; }
  .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px; }
  .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px; }
  .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px; }
  .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left; }
  .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px; }
  .fc-rtl .fc-axis {
    text-align: left; }
  .fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%; }
  .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent; }
  .fc-rtl .fc-list-view {
    direction: rtl; }
  .fc-rtl .fc-list-heading-main {
    float: right; }
  .fc-rtl .fc-list-heading-alt {
    float: left; }
  .fc-rtl .fc-list-item-marker {
    padding-left: 0; }

body .fc {
  font-size: 1em; }

.fc-highlight {
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  background: #d7d7d7; }

.fc-state-default {
  border: 1px solid;
  background-color: #F03434;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear, to bottom, #ffffff, #e6e6e6;
  background-repeat: repeat-x;
  border-color: #F03434;
  border-color: #F03434;
  color: #678898;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.fc-state-hover {
  color: #fff;
  background-color: #F03434;
  color: #fff;
  text-decoration: none;
  background-position: 0 -33px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.fc-state-down {
  color: #fff;
  background-color: #F03434;
  background-color: #F03434;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-active {
  color: #fff;
  background-color: #F03434;
  background-color: #F03434;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  color: #fff;
  background-color: #F03434;
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none; }

.fc-button-group {
  display: inline-block; }

.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
  .fc-popover .fc-header {
    padding: 2px 4px; }
    .fc-popover .fc-header .fc-title {
      margin: 0 2px; }
    .fc-popover .fc-header .fc-close {
      cursor: pointer; }
  .fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0; }

.fc-ltr .fc-popover .fc-header .fc-title {
  float: left; }

.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

.fc-ltr .fc-h-event.fc-not-start {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.fc-ltr .fc-h-event .fc-start-resizer {
  cursor: w-resize;
  left: -1px; }

.fc-ltr .fc-h-event .fc-end-resizer {
  cursor: e-resize;
  right: -1px; }

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer {
  margin-left: -4px; }

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer {
  margin-right: -4px; }

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-left: -2px; }

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-right: -2px; }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px; }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .fc-bg table {
    height: 100%; }

.fc-bgevent-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-highlight-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-helper-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

a[data-goto] {
  cursor: pointer; }
  a[data-goto]:hover {
    text-decoration: underline; }

.fc-row {
  position: relative; }
  .fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent; }
  .fc-row:first-child table {
    border-top: 0 hidden transparent; }
  .fc-row .fc-bg {
    z-index: 1; }
  .fc-row .fc-bgevent-skeleton {
    bottom: 0;
    z-index: 2; }
    .fc-row .fc-bgevent-skeleton table {
      height: 100%; }
    .fc-row .fc-bgevent-skeleton td {
      border-color: transparent; }
  .fc-row .fc-highlight-skeleton {
    bottom: 0;
    z-index: 3; }
    .fc-row .fc-highlight-skeleton table {
      height: 100%; }
    .fc-row .fc-highlight-skeleton td {
      border-color: transparent; }
  .fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px; }
    .fc-row .fc-content-skeleton td {
      border-bottom: 0; }
    .fc-row .fc-content-skeleton tbody td {
      border-top: 0; }
  .fc-row .fc-helper-skeleton {
    z-index: 5; }
    .fc-row .fc-helper-skeleton td {
      border-bottom: 0; }
    .fc-row .fc-helper-skeleton tbody td {
      border-top: 0; }

.fc-scroller {
  -webkit-overflow-scrolling: touch; }
  .fc-scroller > .fc-day-grid {
    position: relative;
    width: 100%; }
  .fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%; }

.fc-event {
  position: relative;
  display: block;
  font-size: 0.9rem;
  line-height: 1.3;
  border-radius: 3px;
  background-color: #F03434;
  color: #fff !important;
  text-decoration: none;
  padding: 5px 10px !important; }
  .fc-event:hover {
    color: #fff;
    text-decoration: none; }
  .fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25; }
  .fc-event .fc-content {
    position: relative;
    z-index: 2; }
  .fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none; }

.fc-event-dot {
  background-color: #F03434;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

.fc-event[href] {
  cursor: pointer; }

.fc-event.fc-draggable {
  cursor: pointer; }

.fc-not-allowed {
  cursor: not-allowed; }
  .fc-not-allowed .fc-event {
    cursor: not-allowed; }

.fc-event.fc-allow-mouse-resize .fc-resizer {
  display: block; }

.fc-event.fc-selected {
  z-index: 9999 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
  .fc-event.fc-selected .fc-resizer {
    display: block; }
    .fc-event.fc-selected .fc-resizer:before {
      content: "";
      position: absolute;
      z-index: 9999;
      top: 50%;
      left: 50%;
      width: 40px;
      height: 40px;
      margin-left: -20px;
      margin-top: -20px; }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px; }

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px; }

.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px; }
  .fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden; }
  .fc-day-grid-event .fc-time {
    font-weight: bold; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px; }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: .25; }

a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }
  a.fc-more:hover {
    text-decoration: underline; }

.fc-limited {
  display: none; }

.fc-day-grid .fc-row {
  z-index: 1; }

.fc-more-popover {
  z-index: 2;
  width: 220px; }
  .fc-more-popover .fc-event-container {
    padding: 10px; }

.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

.fc-unthemed th {
  border-color: #f0f3f5;
  color: #F03434;
  padding-top: 15px;
  padding-bottom: 15px; }

.fc-unthemed td {
  border-color: #f0f3f5; }

.fc-unthemed thead {
  border-color: #f0f3f5; }

.fc-unthemed tbody {
  border-color: #f0f3f5; }

.fc-unthemed .fc-divider {
  border-color: #f0f3f5;
  background: #eee; }

.fc-unthemed .fc-row {
  border-color: #f0f3f5; }

.fc-unthemed .fc-content {
  border-color: #f0f3f5; }

.fc-unthemed .fc-popover {
  background-color: #f0f3f5; }
  .fc-unthemed .fc-popover .fc-header {
    background: #F03434;
    color: #fff; }
    .fc-unthemed .fc-popover .fc-header .fc-close {
      color: #fff;
      font-size: .9em;
      margin-top: 2px; }

.fc-unthemed .fc-list-view {
  border-color: #f0f3f5; }

.fc-unthemed .fc-list-heading td {
  border-color: #f0f3f5;
  background: #eee; }

.fc-unthemed td.fc-today {
  background: #fef2f2; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

.fc-unthemed .fc-list-item:hover td {
  background-color: #F03434; }

.fc-unthemed .fc-list-empty {
  background-color: #F03434; }

.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Josefin Sans", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .fc-icon:after {
    position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

.ui-widget .fc-disabled-day {
  background-image: none; }

.ui-widget .fc-event {
  color: #fff;
  text-decoration: none;
  font-weight: normal; }

.ui-widget td.fc-axis {
  font-weight: normal; }

.fc-time-grid {
  position: relative;
  z-index: 1;
  min-height: 100%; }
  .fc-time-grid .fc-slats {
    position: relative;
    z-index: 2; }
    .fc-time-grid .fc-slats .ui-widget-content {
      background: none; }
    .fc-time-grid .fc-slats td {
      height: 1.5em;
      border-bottom: 0; }
    .fc-time-grid .fc-slats .fc-minor td {
      border-top-style: dotted; }
  .fc-time-grid table {
    border: 0 hidden transparent; }
  .fc-time-grid > .fc-bg {
    z-index: 1; }
  .fc-time-grid > hr {
    position: relative;
    z-index: 2; }
  .fc-time-grid .fc-content-col {
    position: relative; }
  .fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0; }
  .fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1; }
  .fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2; }
  .fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3;
    position: relative; }
  .fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4; }
  .fc-time-grid .fc-now-indicator-line {
    z-index: 5;
    border-top-width: 1px;
    left: 0;
    right: 0; }
  .fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6; }
  .fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0; }
  .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1; }
  .fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0; }
  .fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px; }

.fc.fc-bootstrap3 a {
  text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0; }

.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0; }

.fc-bootstrap3 .fc-time-grid .fc-slats table {
  background: none; }

.fc-toolbar {
  text-align: center; }
  .fc-toolbar .fc-left {
    float: left; }
  .fc-toolbar .fc-right {
    float: right; }
  .fc-toolbar .fc-center {
    display: inline-block; }
  .fc-toolbar h2 {
    margin: 0;
    font-size: 1.5rem;
    color: #F03434; }
  .fc-toolbar button {
    position: relative; }
    .fc-toolbar button:focus {
      z-index: 5; }
  .fc-toolbar .fc-state-hover {
    z-index: 2; }
  .fc-toolbar .ui-state-hover {
    z-index: 2; }
  .fc-toolbar .fc-state-down {
    z-index: 3; }
  .fc-toolbar .fc-state-active {
    z-index: 4; }
  .fc-toolbar .ui-state-active {
    z-index: 4; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-view-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .fc-view-container *:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.fc-view {
  position: relative;
  z-index: 1; }
  .fc-view > table {
    position: relative;
    z-index: 1; }

.fc-basicWeek-view .fc-content-skeleton {
  padding-bottom: 1em; }

.fc-basicDay-view .fc-content-skeleton {
  padding-bottom: 1em; }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em; }

.fc-basic-view .fc-week-number {
  padding: 2px; }

.fc-basic-view .fc-day-number {
  padding: 2px; }

.fc-basic-view th.fc-week-number {
  padding: 0 2px; }

.fc-basic-view th.fc-day-number {
  padding: 0 2px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #F03434;
  color: #fff; }

.fc-basic-view td.fc-week-number {
  text-align: center; }
  .fc-basic-view td.fc-week-number > * {
    display: inline-block;
    min-width: 1.25em; }

.fc-row.fc-rigid {
  overflow: hidden; }
  .fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }

.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2; }
  .fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em; }
    .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
      padding-bottom: 1em; }

.fc-time-grid-container {
  position: relative;
  z-index: 1; }

.fc-v-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.fc-time-grid-event {
  overflow: hidden; }
  .fc-time-grid-event .fc-content {
    overflow: hidden; }
  .fc-time-grid-event .fc-time {
    padding: 0 1px;
    font-size: .85em;
    white-space: nowrap; }
  .fc-time-grid-event .fc-title {
    padding: 0 1px; }

.fc-time-grid-event.fc-selected {
  overflow: visible; }
  .fc-time-grid-event.fc-selected .fc-bg {
    display: none; }
  .fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px; }

.fc-time-grid-event.fc-short .fc-content {
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time {
  display: inline-block;
  vertical-align: top; }
  .fc-time-grid-event.fc-short .fc-time span {
    display: none; }
  .fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start); }
  .fc-time-grid-event.fc-short .fc-time:after {
    content: "\A0-\A0"; }

.fc-time-grid-event.fc-short .fc-title {
  display: inline-block;
  vertical-align: top;
  font-size: .85em;
  padding: 0; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: "Josefin Sans", sans-serif;
  text-align: center;
  cursor: s-resize; }
  .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="; }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

.fc-list-heading {
  border-bottom-width: 1px; }
  .fc-list-heading td {
    font-weight: bold; }

.fc-list-item.fc-has-url {
  cursor: pointer; }

.fc-list-item-marker {
  white-space: nowrap;
  width: 1px; }

.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

.fc-list-item-title a {
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  text-decoration: underline; }

.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }