@charset "UTF-8";
/*--- Appeca Reset ---*/
/*--------------------*/
p {
  color: #666;
}
p strong {
  color: #1f1f1f;
}

a {
  color: #2980B9;
}

::-webkit-scrollbar {
  display: none;
}

html, body {
  overflow-x: hidden !important;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased !important;
  -webkit-transform: translate3d(1, 1, 1);
  transform: translate3d(1, 1, 1);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*:focus {
  outline: none;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  line-height: 30px;
  font-weight: 400;
}

::selection {
  background-color: #ccc;
  color: black;
}

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
  display: block;
  position: relative;
}

textarea, input {
  outline: none;
}

input {
  border-radius: 0 !important;
  -webkit-border-radius: 0px !important;
  display: inline-block;
}

textarea {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0px !important;
}

label a {
  display: inline-block;
}

/*---Page Content Settings---*/
/*---------------------------*/
#page-transitions {
  left: 0px;
  right: 0px;
  display: block;
  overflow: hidden;
}

#page-content {
  margin-bottom: 0;
  background-color: white;
}

.page-content-gray {
  background-color: #E1E0E6;
}

.transparent-bg {
  background-color: rgba(255, 255, 255, 0) !important;
  transition: all 250ms ease;
}

.header-clear {
  padding-top: 20px !important;
}
.header-clear-larger {
  padding-top: 30px !important;
}

#page-content-scroll {
  transition: all 350ms ease;
}

.page-content {
  transition: all 350ms ease;
  padding-top: 55px;
  margin-top: 0;
}

.page-content-full {
  padding-top: 0;
}

/*---Typography---*/
/*----------------*/
p {
  line-height: 20px;
  margin-bottom: 30px;
  font-size: 13px;
}
p > a {
  display: inline;
  text-decoration: none;
}
p > a:hover {
  text-decoration: underline;
}
p > span {
  display: inline;
}
p > strong {
  font-weight: 500;
}

span > a,
a > span,
strong a,
em a,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  display: inline;
}

a,
a:hover {
  text-decoration: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  clear: both;
  margin-bottom: 27px;
}

th {
  vertical-align: middle;
  font-weight: bold;
  line-height: 35px;
}

tr {
  line-height: 18px;
}

td {
  text-align: center;
  padding: 9px 0;
  line-height: 18px;
  vertical-align: middle;
}

.table tr.even td {
  background: #efefef;
}

.table tr:hover td {
  background: #f8f8f8;
}

tr:hover > td {
  background: white;
}

table {
  background-color: #f6f6f6;
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}

th, td {
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

th {
  color: #1f1f1f;
  background-color: #f6f6f6;
}

td {
  color: #666;
  background-color: #fdfdfd;
}

.table-borders-light * {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

ul, ol {
  color: #666;
  margin-bottom: 30px;
  padding-left: 20px;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: disc;
}

ul ul,
ol ol {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

li {
  line-height: 24px;
  margin-bottom: 5px;
}

ol > li:last-child,
ul > li:last-child {
  margin-bottom: 0;
}

textarea {
  font-family: "Roboto", sans-serif;
}

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

sup {
  top: -15px;
}

sub {
  bottom: 0;
}

.disabled {
  display: none !important;
}

.disabled-box {
  display: none;
}

.center-item {
  margin-left: auto !important;
  margin-right: auto;
}

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

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

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

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

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

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

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

.font-17 {
  font-size: 17px !important;
}

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

.font-19 {
  font-size: 19px !important;
}

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

.font-21 {
  font-size: 21px !important;
}

h5, h4, h3, h2, h1 {
  font-weight: 500;
  margin-bottom: 5px;
}

h1 {
  font-size: 24px;
  line-height: 26px;
}

h2 {
  font-size: 21px;
  line-height: 25px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
}

h4 {
  font-size: 18px;
  line-height: 23px;
}

h5 {
  font-size: 15px;
  line-height: 22px;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.ultrathin {
  font-weight: 100;
}

.thin {
  font-weight: 300;
}

.thiner,
.regular {
  font-weight: 400;
}

.regularbold {
  font-weight: 500;
}

.bold {
  font-weight: 600;
}

.ultrabold {
  font-weight: 900;
}

.justify {
  text-align: justify;
}

.italic {
  font-style: italic;
}

.pointer {
  cursor: pointer;
}

.ultrasmall-text {
  font-size: 10px;
}

.smaller-text {
  font-size: 11px;
  margin-top: -5px;
  display: block;
}

.small-text {
  font-size: 12px;
  margin-top: -5px;
  display: block;
  line-height: 24px;
}

.normal-text {
  font-size: 14px;
}

.larger-text {
  font-size: 26px;
}

.large-text {
  font-size: 28px;
}

.huge-text {
  font-size: 30px;
}

.boxed-text-large, .boxed-text-small, .boxed-text {
  margin: 0 auto;
  text-align: center;
}

.boxed-text {
  max-width: 80%;
}
.boxed-text-small {
  max-width: 200px;
}
.boxed-text-large {
  max-width: 300px;
}

.medium-line-height {
  line-height: 30px;
}

.large-line-height {
  line-height: 40px;
}

.small-text-icon i {
  padding-left: 15px;
  width: 25px;
  padding-right: 10px;
}
.small-text-icon i:first-child {
  padding-left: 0;
}

.border-text {
  border-width: 4px;
  padding: 5px 0 5px 15px;
  border-top: none;
  border-right: none;
  border-bottom: none;
}

.left-text {
  text-align: left;
  display: block;
}

.center-text {
  text-align: center;
  display: block;
}

.right-text {
  text-align: right;
  display: block;
}

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

.text-highlight {
  margin-bottom: 15px;
}
.text-highlight span {
  display: block;
  float: left;
  padding: 0 8px;
  margin-right: 5px;
}

/*---Background & Colors---*/
/*-------------------------*/
.bg-full {
  position: fixed;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  overflow: hidden;
}

.bg-cover {
  background-size: cover;
  background-position: center;
}

.bg-transparent {
  background: rgba(0, 0, 0, 0) !important;
}

.bg-dark {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.overlay,
.overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}

.overlay {
  z-index: 9;
}

.overlay-image {
  z-index: 8;
}

.above-overlay {
  position: relative;
  z-index: 10 !important;
}

.dark-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.medium-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}

.light-overlay {
  background-color: rgba(255, 255, 255, 0.85);
}

.overlay-dark {
  background-color: rgba(0, 0, 0, 0.8);
}

.overlay-medium {
  background-color: rgba(0, 0, 0, 0.65);
}

.overlay-light {
  background-color: rgba(255, 255, 255, 0.75);
}

.overlay-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.7) 70%, black 100%);
}

.overlay-gradient-small {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.8) 100%);
}

.bg-black i, .bg-gray-dark i, .bg-gray-light i, .bg-brown2-dark i, .bg-brown2-light i, .bg-brown-dark i, .bg-brown-light i, .bg-pink-dark i, .bg-pink-light i, .bg-red-dark i, .bg-red-light i, .bg-orange-dark i, .bg-orange-light i, .bg-yellow2-dark i, .bg-yellow2-light i, .bg-yellow-dark i, .bg-yellow-light i, .bg-night-dark i, .bg-night-light i, .bg-magenta-dark i, .bg-magenta-light i, .bg-blue2-dark i, .bg-blue2-light i, .bg-blue-dark i, .bg-blue-light i, .bg-green2-dark i, .bg-green2-light i, .bg-green-dark i, .bg-green-light i, .bg-teal-dark i, .bg-teal-light i {
  color: #fff;
}

.bg-teal-light {
  background-color: #a0cecb !important;
  color: #fff;
}
.border-teal-light {
  border: solid 1px #a0cecb !important;
}

.bg-hover-teal-light:hover {
  background-color: #a0cecb !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-teal-light {
  color: #a0cecb !important;
}

.bg-teal-dark {
  background-color: #7db1b1 !important;
  color: #fff;
}
.border-teal-dark {
  border: solid 1px #7db1b1 !important;
}

.bg-hover-teal-dark:hover {
  background-color: #7db1b1 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-teal-dark {
  color: #7db1b1 !important;
}

.bg-green-light {
  background-color: #a0d468 !important;
  color: #fff;
}
.border-green-light {
  border: solid 1px #a0d468 !important;
}

.bg-hover-green-light:hover {
  background-color: #a0d468 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-green-light {
  color: #a0d468 !important;
}

.bg-green-dark {
  background-color: #8cc152 !important;
  color: #fff;
}
.border-green-dark {
  border: solid 1px #8cc152 !important;
}

.bg-hover-green-dark:hover {
  background-color: #8cc152 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-green-dark {
  color: #8cc152 !important;
}

.bg-green2-light {
  background-color: #2ecc71 !important;
  color: #fff;
}
.border-green2-light {
  border: solid 1px #2ecc71 !important;
}

.bg-hover-green2-light:hover {
  background-color: #2ecc71 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-green2-light {
  color: #2ecc71 !important;
}

.bg-green2-dark {
  background-color: #2aba66 !important;
  color: #fff;
}
.border-green2-dark {
  border: solid 1px #2aba66 !important;
}

.bg-hover-green2-dark:hover {
  background-color: #2aba66 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-green2-dark {
  color: #2aba66 !important;
}

.bg-blue-light {
  background-color: #5d9cec !important;
  color: #fff;
}
.border-blue-light {
  border: solid 1px #5d9cec !important;
}

.bg-hover-blue-light:hover {
  background-color: #5d9cec !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-blue-light {
  color: #5d9cec !important;
}

.bg-blue-dark {
  background-color: #4a89dc !important;
  color: #fff;
}
.border-blue-dark {
  border: solid 1px #4a89dc !important;
}

.bg-hover-blue-dark:hover {
  background-color: #4a89dc !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-blue-dark {
  color: #4a89dc !important;
}

.bg-blue2-light {
  background-color: #4fc1e9 !important;
  color: #fff;
}
.border-blue2-light {
  border: solid 1px #4fc1e9 !important;
}

.bg-hover-blue2-light:hover {
  background-color: #4fc1e9 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-blue2-light {
  color: #4fc1e9 !important;
}

.bg-blue2-dark {
  background-color: #3bafda !important;
  color: #fff;
}
.border-blue2-dark {
  border: solid 1px #3bafda !important;
}

.bg-hover-blue2-dark:hover {
  background-color: #3bafda !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-blue2-dark {
  color: #3bafda !important;
}

.bg-magenta-light {
  background-color: #8067b7 !important;
  color: #fff;
}
.border-magenta-light {
  border: solid 1px #8067b7 !important;
}

.bg-hover-magenta-light:hover {
  background-color: #8067b7 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-magenta-light {
  color: #8067b7 !important;
}

.bg-magenta-dark {
  background-color: #6a50a7 !important;
  color: #fff;
}
.border-magenta-dark {
  border: solid 1px #6a50a7 !important;
}

.bg-hover-magenta-dark:hover {
  background-color: #6a50a7 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-magenta-dark {
  color: #6a50a7 !important;
}

.bg-night-light {
  background-color: #656d78 !important;
  color: #fff;
}
.border-night-light {
  border: solid 1px #656d78 !important;
}

.bg-hover-night-light:hover {
  background-color: #656d78 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-night-light {
  color: #656d78 !important;
}

.bg-night-dark {
  background-color: #434a54 !important;
  color: #fff;
}
.border-night-dark {
  border: solid 1px #434a54 !important;
}

.bg-hover-night-dark:hover {
  background-color: #434a54 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-night-dark {
  color: #434a54 !important;
}

.bg-yellow-light {
  background-color: #ffce54 !important;
  color: #fff;
}
.border-yellow-light {
  border: solid 1px #ffce54 !important;
}

.bg-hover-yellow-light:hover {
  background-color: #ffce54 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-yellow-light {
  color: #ffce54 !important;
}

.bg-yellow-dark {
  background-color: #f6bb42 !important;
  color: #fff;
}
.border-yellow-dark {
  border: solid 1px #f6bb42 !important;
}

.bg-hover-yellow-dark:hover {
  background-color: #f6bb42 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-yellow-dark {
  color: #f6bb42 !important;
}

.bg-yellow2-light {
  background-color: #e8ce4d !important;
  color: #fff;
}
.border-yellow2-light {
  border: solid 1px #e8ce4d !important;
}

.bg-hover-yellow2-light:hover {
  background-color: #e8ce4d !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-yellow2-light {
  color: #e8ce4d !important;
}

.bg-yellow2-dark {
  background-color: #e0c341 !important;
  color: #fff;
}
.border-yellow2-dark {
  border: solid 1px #e0c341 !important;
}

.bg-hover-yellow2-dark:hover {
  background-color: #e0c341 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-yellow2-dark {
  color: #e0c341 !important;
}

.bg-orange-light {
  background-color: #fc6e51 !important;
  color: #fff;
}
.border-orange-light {
  border: solid 1px #fc6e51 !important;
}

.bg-hover-orange-light:hover {
  background-color: #fc6e51 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-orange-light {
  color: #fc6e51 !important;
}

.bg-orange-dark {
  background-color: #e9573f !important;
  color: #fff;
}
.border-orange-dark {
  border: solid 1px #e9573f !important;
}

.bg-hover-orange-dark:hover {
  background-color: #e9573f !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-orange-dark {
  color: #e9573f !important;
}

.bg-red-light {
  background-color: #e74c3c !important;
  color: #fff;
}
.border-red-light {
  border: solid 1px #e74c3c !important;
}

.bg-hover-red-light:hover {
  background-color: #e74c3c !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-red-light {
  color: #e74c3c !important;
}

.bg-red-dark {
  background-color: #c0392b !important;
  color: #fff;
}
.border-red-dark {
  border: solid 1px #c0392b !important;
}

.bg-hover-red-dark:hover {
  background-color: #c0392b !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-red-dark {
  color: #c0392b !important;
}

.bg-pink-light {
  background-color: #fa6a8e !important;
  color: #fff;
}
.border-pink-light {
  border: solid 1px #fa6a8e !important;
}

.bg-hover-pink-light:hover {
  background-color: #fa6a8e !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-pink-light {
  color: #fa6a8e !important;
}

.bg-pink-dark {
  background-color: #fb3365 !important;
  color: #fff;
}
.border-pink-dark {
  border: solid 1px #fb3365 !important;
}

.bg-hover-pink-dark:hover {
  background-color: #fb3365 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-pink-dark {
  color: #fb3365 !important;
}

.bg-brown-light {
  background-color: #baa286 !important;
  color: #fff;
}
.border-brown-light {
  border: solid 1px #baa286 !important;
}

.bg-hover-brown-light:hover {
  background-color: #baa286 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-brown-light {
  color: #baa286 !important;
}

.bg-brown-dark {
  background-color: #aa8e69 !important;
  color: #fff;
}
.border-brown-dark {
  border: solid 1px #aa8e69 !important;
}

.bg-hover-brown-dark:hover {
  background-color: #aa8e69 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-brown-dark {
  color: #aa8e69 !important;
}

.bg-brown2-light {
  background-color: #8e8271 !important;
  color: #fff;
}
.border-brown2-light {
  border: solid 1px #8e8271 !important;
}

.bg-hover-brown2-light:hover {
  background-color: #8e8271 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-brown2-light {
  color: #8e8271 !important;
}

.bg-brown2-dark {
  background-color: #7b7163 !important;
  color: #fff;
}
.border-brown2-dark {
  border: solid 1px #7b7163 !important;
}

.bg-hover-brown2-dark:hover {
  background-color: #7b7163 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-brown2-dark {
  color: #7b7163 !important;
}

.bg-gray-light {
  background-color: #bdc3c7 !important;
  color: #fff;
}
.border-gray-light {
  border: solid 1px #bdc3c7 !important;
}

.bg-hover-gray-light:hover {
  background-color: #bdc3c7 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-gray-light {
  color: #bdc3c7 !important;
}

.bg-gray-dark {
  background-color: #95a5a6 !important;
  color: #fff;
}
.border-gray-dark {
  border: solid 1px #95a5a6 !important;
}

.bg-hover-gray-dark:hover {
  background-color: #95a5a6 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-gray-dark {
  color: #95a5a6 !important;
}

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

.border-white {
  border: solid 1px #fff !important;
}

.bg-hover-white:hover {
  background-color: #fff !important;
  color: #000;
  transition: all 200ms ease;
}

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

.bg-black {
  background-color: #000 !important;
  color: #fff;
}
.border-black {
  border: solid 1px #000 !important;
}

.bg-hover-black:hover {
  background-color: #000 !important;
  color: #fff;
  transition: all 200ms ease;
}

.color-black {
  color: #000 !important;
}

.border-light {
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-05 {
  opacity: 0.05;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-75 {
  opacity: 0.75;
}

.skype-bg, .phone-bg, .youtube-bg, .reddit-bg, .tumblr-bg, .dribbble-bg, .mail-bg, .sms-bg, .pinterest-bg, .whatsapp-bg, .google-bg, .twitter-bg, .linkedin-bg, .facebook-bg {
  border: solid 1px;
  color: #fff;
}

.skype-color:hover, .phone-color:hover, .youtube-color:hover, .reddit-color:hover, .tumblr-color:hover, .dribbble-color:hover, .mail-color:hover, .sms-color:hover, .pinterest-color:hover, .whatsapp-color:hover, .google-color:hover, .twitter-color:hover, .linkedin-color:hover, .facebook-color:hover {
  color: #fff;
}

.facebook-color {
  color: #3b5998 !important;
}
.facebook-bg {
  background-color: #3b5998;
  border-color: #3b5998;
}
.facebook-bg:hover {
  background-color: #4469b7;
}

.linkedin-color {
  color: #0077b5 !important;
}
.linkedin-bg {
  background-color: #0077b5;
  border-color: #0077b5;
}
.linkedin-bg:hover {
  background-color: #0186cb;
}

.twitter-color {
  color: #4099ff !important;
}
.twitter-bg {
  background-color: #4099ff;
  border-color: #4099ff;
}
.twitter-bg:hover {
  background-color: #5fa9fd;
}

.google-color {
  color: #d34836 !important;
}
.google-bg {
  background-color: #d34836;
  border-color: #d34836;
}
.google-bg:hover {
  background-color: #ea4f3b;
}

.whatsapp-color {
  color: #34af23 !important;
}
.whatsapp-bg {
  background-color: #34af23;
  border-color: #34af23;
}
.whatsapp-bg:hover {
  background-color: #3cc729;
}

.pinterest-color {
  color: #c92228 !important;
}
.pinterest-bg {
  background-color: #c92228;
  border-color: #c92228;
}
.pinterest-bg:hover {
  background-color: #e3262c;
}

.sms-color {
  color: #27ae60 !important;
}
.sms-bg {
  background-color: #27ae60;
  border-color: #27ae60;
}
.sms-bg:hover {
  background-color: #2bbe69;
}

.mail-color {
  color: #3498db !important;
}
.mail-bg {
  background-color: #3498db;
  border-color: #3498db;
}
.mail-bg:hover {
  background-color: #38a5ed;
}

.dribbble-color {
  color: #ea4c89 !important;
}
.dribbble-bg {
  background-color: #ea4c89;
  border-color: #ea4c89;
}
.dribbble-bg:hover {
  background-color: #fc5294;
}

.tumblr-color {
  color: #2c3d52 !important;
}
.tumblr-bg {
  background-color: #2c3d52;
  border-color: #2c3d52;
}
.tumblr-bg:hover {
  background-color: #3e5674;
}

.reddit-color {
  color: #336699 !important;
}
.reddit-bg {
  background-color: #336699;
  border-color: #336699;
}
.reddit-bg:hover {
  background-color: #3b77b4;
}

.youtube-color {
  color: #d12827 !important;
}
.youtube-bg {
  background-color: #d12827;
  border-color: #d12827;
}
.youtube-bg:hover {
  background-color: #ea2e2d;
}

.phone-color {
  color: #27ae60 !important;
}
.phone-bg {
  background-color: #27ae60;
  border-color: #27ae60;
}
.phone-bg:hover {
  background-color: #2cc76e;
}

.skype-color {
  color: #12a5f4 !important;
}
.skype-bg {
  background-color: #12a5f4;
  border-color: #12a5f4;
}
.skype-bg:hover {
  background-color: #0f95dd;
}

/*---Responsive Classes---*/
/*------------------------*/
.clear {
  clear: both !important;
}

.last-column {
  margin-right: 0 !important;
}

.no-top {
  margin-top: 0 !important;
}
.no-bottom {
  margin-bottom: 0 !important;
}

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

.small-top {
  margin-top: 10px !important;
  display: block;
}
.small-bottom {
  margin-bottom: 10px !important;
  display: block;
}

.half-top {
  margin-top: 15px !important;
  display: block;
}
.half-bottom {
  margin-bottom: 15px !important;
  display: block;
}

.full-top {
  margin-top: 30px !important;
  display: block;
}
.full-bottom {
  margin-bottom: 30px !important;
  display: block;
}

.padding-left {
  padding-left: 20px;
}
.padding-right {
  padding-right: 20px;
}

.left-padding {
  padding-left: 30px;
}

.right-padding {
  padding-right: 30px;
}

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

.responsive-image {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.html-content img,
.responsive {
  width: 100%;
  height: auto;
}

.rounded-image {
  border-radius: 300px;
  max-width: 300px;
  overflow: hidden;
}

.border-round {
  border-radius: 100px;
  overflow: hidden;
}

.no-shadow {
  box-shadow: none !important;
}

.center-object {
  margin: auto;
  background-position: center !important;
}

.box-shadow {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.icon-clear-left {
  padding-left: 15px;
}
.icon-clear-right {
  padding-right: 15px;
}

.maps {
  min-height: 250px;
}

.responsive-video {
  position: relative;
  min-height: 220px;
  width: 100%;
  overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content-padding {
  padding: 20px;
}

.content-large {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.content-boxed {
  border-radius: 5px !important;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.content-boxed-padding {
  padding: 15px 20px;
  margin-bottom: 30px;
}
.content-boxed-shadow {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.content-boxed .owl-dots {
  margin-bottom: 0 !important;
}

.content {
  margin: 0 20px 30px;
}

.content-fullscreen {
  margin-bottom: 30px;
  padding: 0;
}

.last-column:after {
  visibility: hidden !important;
  display: block !important;
  content: "" !important;
  clear: both !important;
  height: 0 !important;
}

.container,
.container-fullscreen {
  margin-bottom: 30px;
  display: block;
}

.space-left {
  padding-left: 10px;
}

.space-right {
  padding-right: 10px;
}

.center-boxed-content, .center-boxed-text {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.center-boxed-text {
  max-width: 500px;
}

.center-boxed-content {
  max-width: 600px;
}

.one-half {
  width: 45%;
  float: left;
  margin-right: 10%;
}

.one-third {
  width: 28%;
  float: left;
  margin-right: 8%;
}

.float-left {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.float-right {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}

/*---Decorations---*/
/*-----------------*/
.decoration-margins,
.decoration-boxed {
  margin: 0 20px;
}

.decoration {
  height: 1px;
  display: block;
  margin-bottom: 30px;
  clear: both;
  background-color: rgba(0, 0, 0, 0.1);
}

.decoration-lines div {
  height: 5px;
  width: 10%;
  float: left;
}

.decoration-lines-thin div {
  height: 3px;
  width: 10%;
  float: left;
}

.deco-0 {
  background-color: #c0392b;
}
.deco-1 {
  background-color: #2ecc71;
}
.deco-2 {
  background-color: #3498db;
}
.deco-3 {
  background-color: #bdc3c7;
}
.deco-4 {
  background-color: #f1c40f;
}
.deco-5 {
  background-color: #e67e22;
}
.deco-6 {
  background-color: #9b59b6;
}
.deco-7 {
  background-color: #34495e;
}
.deco-8 {
  background-color: #16a085;
}
.deco-9 {
  background-color: #95a5a6;
}
.deco-thick {
  height: 3px;
  width: 60px;
  margin: 0 auto;
}

.decoration-small {
  height: 3px;
  width: 100px;
  margin: 0 auto 30px;
}

.decoration-shadow {
  height: 5px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

.decoration-line-fade {
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border: 0;
}

.decoration-zig-zag {
  height: 6px;
  background: url("../images/framework/deco-zig.png") repeat-x 0 0;
  border: 0;
}

.decoration-slash {
  height: 6px;
  background: url("../images/framework/deco-slash.png") repeat-x 0 0;
  border: 0;
}

/*Input Style*/
/*-----------*/
.input-simple-1 > em,
.select-box-1 > em {
  font-style: normal;
  display: block;
  font-size: 11px;
}
.input-simple-1 > strong,
.select-box-1 > strong {
  position: absolute;
  right: 0;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  color: #cacaca;
}

.input-simple-1,
.textarea-simple-1 {
  width: 100%;
  display: block;
  padding: 0;
  text-indent: 0;
  transition: all 250ms ease;
}

.input-simple-1 .fa {
  pointer-events: none;
}
.input-simple-1.has-icon i {
  position: absolute;
  z-index: 2;
  right: 0;
  font-size: 12px;
  height: 40px;
  width: 12px;
  line-height: 41px;
  text-align: center;
  color: #666;
}
.input-simple-1.textarea.has-icon i {
  margin-top: 28px;
}
.input-simple-1.textarea textarea {
  padding: 5px 30px 10px 0;
  height: 40px;
  line-height: 28px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
  transition: all 250ms ease;
}
.input-simple-1.textarea textarea:focus {
  height: 120px;
}
.input-simple-1 input {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  border-left: none;
  border-right: none;
  border-top: none;
  display: block;
  width: 100%;
  box-shadow: none;
  background-color: transparent;
  transition: all 250ms ease;
}
.input-simple-1.has-icon input {
  text-indent: 0;
}
.input-simple-1 input::placeholder,
.input-simple-1 textarea::placeholder {
  color: #b7b7b7;
}
.input-simple-1.input-blue input:focus {
  border-color: #5d9cec;
}
.input-simple-1.input-green input:focus {
  border-color: #a0d468;
}
.input-simple-1.input-red input:focus {
  border-color: #d8334a;
}

.select-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: white url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 95% 50%;
  box-sizing: border-box;
  margin-bottom: 30px;
  height: 44px;
  line-height: 44px;
  width: 100%;
  box-shadow: none;
  -webkit-appearance: none;
  background-color: transparent;
}
.select-box select {
  width: 99.9%;
  height: 44px;
  line-height: 44px;
  padding-left: 20px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}
.select-box select:focus {
  outline: none;
  color: #666;
}

.select-box-1 {
  margin-top: 20px;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 5px;
  background-position: center right;
}
.select-box-1 select {
  padding-left: 0;
  color: #b7b7b7;
}
.select-box-1 em {
  position: absolute;
  margin-top: -35px;
}
.select-box-1 strong {
  margin-top: -35px;
}

.select-style select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 black;
}

.input-simple-2 {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.input-simple-2.has-icon i {
  position: absolute;
  z-index: 2;
  right: 0;
  font-size: 12px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  color: #666;
}
.input-simple-2 input {
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
  height: 44px;
  line-height: 44px;
  border-radius: 3px;
  text-indent: 15px;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 12px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  transition: all 250ms ease;
}
.input-simple-2.textarea.has-icon i {
  margin-top: 0;
}
.input-simple-2.textarea textarea {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 30px;
  height: 50px;
  border-radius: 3px;
  line-height: 28px;
  background-color: transparent;
  border: solid 1px rgba(0, 0, 0, 0.1);
  transition: all 250ms ease;
}
.input-simple-2.textarea textarea:focus {
  height: 130px;
}
.input-simple-2.has-icon input {
  text-indent: 15px;
}
.input-simple-2 input::placeholder,
.input-simple-2 textarea::placeholder {
  color: #959595;
}
.input-simple-2.input-blue input:focus {
  border-color: #5d9cec;
}
.input-simple-2.input-green input:focus {
  border-color: #a0d468;
}
.input-simple-2.input-red input:focus {
  border-color: #fc6e51;
}

.select-box-2 {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-position: 99% center;
}
.select-box-2 select {
  padding-left: 15px;
  color: #a3a3a3;
}

.textarea-simple-2 {
  width: 100%;
  display: block;
  padding: 0;
  text-indent: 0;
  transition: all 250ms ease;
}

/*---Checkboxes & Radios---*/
/*-------------------------*/
.fac {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.fac label {
  margin: 0 1em 0 0;
  padding-left: 1.5em;
  cursor: pointer;
  font-weight: inherit;
}
.fac > input + label:before,
.fac > span::after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 0;
  margin-top: 0.5px;
}
.fac > input + label:before {
  transition: opacity 150ms ease-in-out;
}
.fac input {
  position: absolute;
  width: auto;
  z-index: -1;
}

.checkboxes {
  margin-top: 10px;
  margin-bottom: 30px;
}
.checkboxes .fac {
  display: block;
}

.fac-radio > input:checked + label:before,
.fac-checkbox-o > input:checked + label:before,
.fac-checkbox-round-o > input:checked + label:before, .fac-checkbox > input:checked + label:before,
.fac > input:checked + label:before {
  opacity: 1;
}

.fac-radio > input + label:before,
.fac-checkbox-o > input + label:before,
.fac-checkbox-round-o > input + label:before, .fac-checkbox > input + label:before,
.fac-checkbox-round > input + label:before {
  opacity: 0;
}

.fac-default > input + label:before,
.fac-default > span::after {
  color: #9d9d9d;
}

.fac-blue > input + label:before,
.fac-blue > span::after {
  color: #428bca;
}

.fac-green > input + label:before,
.fac-green > span::after {
  color: #5cb85c;
}

.fac-orange > input + label:before,
.fac-orange > span::after {
  color: #f0ad4e;
}

.fac-red > input + label:before,
.fac-red > span::after {
  color: #d9534f;
}

.fac-checkbox > span::after {
  content: "";
}
.fac-checkbox > input[type=checkbox] + label:before {
  content: "";
}
.fac-checkbox-round > span::after {
  content: "";
}
.fac-checkbox-round > input[type=checkbox] + label:before {
  content: "";
}
.fac-checkbox-o > span::after {
  content: "";
}
.fac-checkbox-o > input[type=checkbox] + label:before {
  content: "";
}
.fac-checkbox-round-o > span::after {
  content: "";
}
.fac-checkbox-round-o > input[type=checkbox] + label:before {
  content: "";
}

.fac-radio > span::after {
  content: "";
}
.fac-radio > input[type=radio] + label:before {
  content: "";
}
.fac-radio-full > span::after {
  content: "";
}
.fac-radio-full > input[type=radio] + label:before {
  content: "";
}

/*---Chips---*/
/*-----------*/
.chips-dark {
  background-color: #242631;
  color: white;
}

.chips {
  cursor: pointer;
}
.chips a {
  background-color: #ececec;
  border: solid 1px rgba(0, 0, 0, 0.03);
  display: inline-block;
}
.chips .chips-icon,
.chips img {
  border-radius: 20px;
  font-size: 12px;
  text-align: center;
  margin-right: 10px;
  position: absolute;
  left: -2px;
  top: -1px;
}

.chips-large a {
  padding: 0 20px 0 45px;
  border-radius: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.chips-large .chips-icon,
.chips-large img {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.chips-small a {
  padding: 1px 10px 1px 35px;
  border-radius: 24px;
  margin: 0 5px 5px 0;
  font-size: 12px;
  line-height: 24px;
}
.chips-small .chips-icon,
.chips-small img {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.chips-hide {
  margin-left: 10px;
  font-size: 12px;
  opacity: 0.5;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  display: block;
}

/*---Link List---*/
/*---------------*/
.link-list {
  list-style: none;
  padding-left: 0;
  display: block;
  position: relative;
}
.link-list a {
  padding-left: 35px;
  line-height: 44px;
  font-size: 14px;
  font-weight: 500;
  color: black;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.link-list a i {
  font-size: 18px;
  position: absolute;
  height: 44px;
  width: 30px;
  line-height: 44px;
  left: -5px;
  text-align: center;
}
.link-list .link-list {
  display: none;
}
.link-list .link-list a {
  border: none;
  padding-left: 35px;
  line-height: 35px;
}
.link-list .link-list a i {
  padding-left: 0;
  font-size: 10px;
  line-height: 38px;
}
.link-list .link-list a span {
  line-height: 35px;
  font-size: 13px;
  color: #666;
  font-weight: 400;
}
.link-list li {
  background-color: rgba(255, 255, 255, 0);
  margin: 0;
  padding-top: 5px;
}
.link-list .fa-angle-right,
.link-list .fa-angle-down {
  right: 0;
  left: auto;
  padding: 0;
  font-size: 12px;
}

/*---Search---*/
/*------------*/
.disabled-search {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 200ms ease;
}

.search-results {
  overflow: scroll;
  transition: all 200ms ease;
}

.disabled-search-list {
  max-height: 0;
  overflow: hidden;
  transition: all 200ms ease;
}

.search-icon-list div {
  line-height: 40px;
  transition: all 250ms ease;
}
.search-icon-list i {
  line-height: 40px;
  width: 30px;
  text-align: center;
}

.search-input-square .search input {
  -webkit-appearance: none;
}
.search-input-round .search input {
  border-radius: 65px;
  -webkit-appearance: none;
}
.search-input-large input, .search-input-large .search i {
  height: 60px;
  line-height: 60px;
}

.search [data-search] {
  margin-bottom: 20px;
}

.search-input-container .search i {
  position: absolute;
  height: 45px;
  line-height: 45px;
  width: 40px;
  text-align: center;
  font-size: 11px;
  z-index: 2;
}
.search-input-container .search input {
  height: 45px;
  line-height: 45px;
  width: 100%;
  background-color: transparent;
  padding-left: 40px;
  margin: 0;
  border: solid 1px rgba(0, 0, 0, 0.15);
}

.search-input-dark .search input::placeholder {
  font-size: 12px;
  color: #cacaca;
}
.search-input-dark .search input {
  background-color: #242631;
  color: #cacaca;
}
.search-input-dark .search i {
  color: #cacaca;
}

.search-input-light .search input::placeholder {
  font-size: 12px;
  color: #888;
}
.search-input-light .search input {
  background-color: white;
  color: #1f1f1f;
}
.search-input-light .search i {
  color: #1f1f1f;
}

/*---Buttons---*/
/*-------------*/
.button {
  transition: all 250ms ease;
}

.icon {
  display: inline-block;
  margin: 0 5px 5px;
}
.icon i {
  display: block;
  text-align: center;
}

.button,
.button-round {
  color: white;
  height: 45px;
  line-height: 42px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 0 20px;
  cursor: pointer;
}

.button-ghost {
  text-align: center;
  font-size: 13px;
  display: inline-block;
  margin: 0 5px 10px;
  padding: 0 20px;
  background-color: transparent;
  color: white;
  padding-top: 1px;
}
.button-ghost:hover {
  background-color: white;
  color: #1f1f1f;
}

.button-bold {
  font-weight: 700;
}

.button-icon.button-center-large {
  padding-left: 40px;
}

.icon-xxl, .icon-xxl i {
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 40px;
}
.icon-xl, .icon-xl i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 32px;
}
.icon-l, .icon-l i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
}
.icon-m, .icon-m i {
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 20px;
}
.icon-s, .icon-s i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.icon-xs, .icon-xs i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}
.icon-round {
  border-radius: 3px;
}
.icon-circle {
  border-radius: 100%;
}
.icon-center {
  margin: 0 auto;
  display: block;
}

.center-icons {
  margin: 20px auto 30px;
}

.button-pink2-3d, .button-pink-3d, .button-red-3d, .button-orange-3d, .button-yellow-3d, .button-dark2-3d, .button-dark-3d, .button-magenta2-3d, .button-magenta-3d, .button-blue2-3d, .button-blue-3d, .button-green-3d, .button-mint-3d, .button-teal-3d {
  border: none;
  border-bottom: solid 5px;
  padding: 0 22px;
}

.button-teal {
  background-color: #a0cecb;
  border: solid 2px #a0cecb;
}
.button-teal-3d {
  border-color: #628d8d;
}
.button-teal:hover {
  background-color: #7db1b1;
  border-color: #7db1b1;
}
.button-teal:active {
  background-color: #628d8d;
  border-color: #628d8d;
}

.button-mint {
  background-color: #48cfad;
  border: solid 2px #48cfad;
}
.button-mint-3d {
  border-color: #2fa285;
}
.button-mint:hover {
  background-color: #37bc9b;
  border-color: #37bc9b;
}
.button-mint:active {
  background-color: #2fa285;
  border-color: #2fa285;
}

.button-green {
  background-color: #8cc152;
  border: solid 2px #8cc152;
}
.button-green-3d {
  border-color: #77a346;
}
.button-green:hover {
  background-color: #a0d468;
  border-color: #a0d468;
}
.button-green:active {
  background-color: #77a346;
  border-color: #77a346;
}

.button-blue {
  background-color: #4a89dc;
  border: solid 2px #4a89dc;
}
.button-blue-3d {
  border-color: #3a71b9;
}
.button-blue:hover {
  background-color: #5d9cec;
  border-color: #5d9cec;
}
.button-blue:active {
  background-color: #3a71b9;
  border-color: #3a71b9;
}

.button-blue2 {
  background-color: #4fc1e9;
  border: solid 2px #4fc1e9;
}
.button-blue2-3d {
  border-color: #3ba3c9;
}
.button-blue2:hover {
  background-color: #3bafda;
  border-color: #3bafda;
}
.button-blue2:active {
  background-color: #3ba3c9;
  border-color: #3ba3c9;
}

.button-magenta {
  background-color: #ac92ec;
  border: solid 2px #ac92ec;
}
.button-magenta-3d {
  border-color: #8a70cc;
}
.button-magenta:hover {
  background-color: #967adc;
  border-color: #967adc;
}
.button-magenta:active {
  background-color: #8a70cc;
  border-color: #8a70cc;
}

.button-magenta2 {
  background-color: #8067b7;
  border: solid 2px #8067b7;
}
.button-magenta2-3d {
  border-color: #503a84;
}
.button-magenta2:hover {
  background-color: #6a50a7;
  border-color: #6a50a7;
}
.button-magenta2:active {
  background-color: #503a84;
  border-color: #503a84;
}

.button-dark {
  background-color: #3c3b3d;
  border: solid 2px #3c3b3d;
}
.button-dark-3d {
  border-color: #000;
}
.button-dark:hover {
  background-color: #323133;
  border-color: #323133;
}
.button-dark:active {
  background-color: #000;
  border-color: #000;
}

.button-dark2 {
  background-color: #656d78;
  border: solid 2px #656d78;
}
.button-dark2-3d {
  border-color: #434a54;
}
.button-dark2:hover {
  background-color: #3a404a;
  border-color: #3a404a;
}
.button-dark2:active {
  background-color: #434a54;
  border-color: #434a54;
}

.button-yellow {
  background-color: #f6bb42;
  border: solid 2px #f6bb42;
}
.button-yellow-3d {
  border-color: #cb9527;
}
.button-yellow:hover {
  background-color: #d8a02e;
  border-color: #d8a02e;
}
.button-yellow:active {
  background-color: #cb9527;
  border-color: #cb9527;
}

.button-orange {
  background-color: #fc6e51;
  border: solid 2px #fc6e51;
}
.button-orange-3d {
  border-color: #c6442f;
}
.button-orange:hover {
  background-color: #e9573f;
  border-color: #e9573f;
}
.button-orange:active {
  background-color: #c6442f;
  border-color: #c6442f;
}

.button-red {
  background-color: #ed5565;
  border: solid 2px #ed5565;
}
.button-red-3d {
  border-color: #bf263c;
}
.button-red:hover {
  background-color: #da4453;
  border-color: #da4453;
}
.button-red:active {
  background-color: #bf263c;
  border-color: #bf263c;
}

.button-pink {
  background-color: #fb3365;
  border: solid 2px #fb3365;
}
.button-pink-3d {
  border-color: #e22c59;
}
.button-pink:hover {
  background-color: #ff4876;
  border-color: #ff4876;
}
.button-pink:active {
  background-color: #e22c59;
  border-color: #e22c59;
}

.button-pink2 {
  background-color: #ec87c0;
  border: solid 2px #ec87c0;
}
.button-pink2-3d {
  border-color: #ba5992;
}
.button-pink2:hover {
  background-color: #d770ad;
  border-color: #d770ad;
}
.button-pink2:active {
  background-color: #ba5992;
  border-color: #ba5992;
}

.button-icon {
  padding-left: 50px;
  height: 50px;
  line-height: 50px;
  border: none;
}
.button-icon i {
  width: 50px;
  line-height: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.1);
}
.button-icon.button-full {
  padding-left: 20px;
}
.button-full {
  display: block;
  width: 100%;
  margin-left: -1px;
}
.button-round {
  border-radius: 40px;
}
.button-round.button-icon i {
  border-radius: 50px;
}
.button-rounded {
  border-radius: 4px;
}
.button-social {
  text-align: left;
  width: 100%;
  padding-left: 70px;
}
.button-social i {
  text-align: center;
}
.button-social-center {
  text-align: center;
  padding-left: 40px;
}
.button-center {
  width: 150px;
}
.button-center-small {
  display: block;
  margin: 0 auto;
  width: 100px;
}
.button-center-large {
  width: 250px;
}

.button-center, .button-center-large {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.button-xl {
  font-size: 18px;
  height: 70px;
  line-height: 68px;
}
.button-xl.button-icon i {
  font-size: 12px;
  height: 70px;
  width: 68px;
  border-radius: 70px;
  line-height: 70px;
}
.button-l {
  font-size: 16px;
  height: 60px;
  line-height: 60px;
}
.button-l.button-icon {
  line-height: 60px;
}
.button-l.button-icon i {
  font-size: 20px;
  height: 60px;
  width: 55px;
  line-height: 60px;
}
.button-m {
  font-size: 15px;
  height: 55px;
  line-height: 55px;
}
.button-m.button-icon {
  line-height: 55px;
}
.button-m.button-icon i {
  font-size: 16px;
  height: 55px;
  width: 55px;
  line-height: 55px;
}
.button-sm {
  font-size: 12px;
  height: 45px;
  line-height: 41px;
}
.button-sm.button-icon {
  line-height: 45px;
}
.button-sm.button-icon i {
  font-size: 14px;
  height: 45px;
  width: 45px;
  line-height: 45px;
}
.button-s {
  font-size: 12px;
  height: 40px;
  line-height: 36px;
}
.button-s.button-icon {
  line-height: 40px;
}
.button-s.button-icon i {
  font-size: 14px;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
.button-xs {
  font-size: 11px;
  height: 35px;
  line-height: 31px;
}
.button-xs.button-icon {
  line-height: 35px;
}
.button-xs.button-icon i {
  font-size: 14px;
  height: 35px;
  width: 35px;
  line-height: 35px;
}

/*---Header & Menu Icons---*/
/*-------------------------*/
#header {
  height: 55px;
  line-height: 55px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 998;
  transition: all 350ms ease;
}
#header * {
  transition: all 250ms ease;
}

.header-icon {
  width: 50px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 13px;
  position: absolute;
}
.header-icon-ball {
  font-size: 8px;
  position: absolute;
  width: 13px;
  height: 13px;
  line-height: 13px;
  border-radius: 13px;
  top: 12px;
  right: 7px;
}

.header-logo {
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}

.header-logo-center .header-logo {
  left: 50%;
  margin-left: -37px;
}
.header-logo-center .header-icon-1 {
  border-right: solid 1px;
  left: 0;
}
.header-logo-center .header-icon-2 {
  left: 50px;
}
.header-logo-center .header-icon-3 {
  right: 50px;
}
.header-logo-center .header-icon-4 {
  border-left: solid 1px;
  right: 0;
}
.header-logo-left .header-logo {
  left: 20px;
}
.header-logo-left .header-icon-1 {
  border-left: solid 1px;
  right: 0;
}
.header-logo-left .header-icon-2 {
  border-left: solid 1px;
  right: 50px;
}
.header-logo-left .header-icon-3 {
  border-left: solid 1px;
  right: 100px;
}
.header-logo-left .header-icon-4 {
  right: 150px;
}
.header-logo-right .header-logo {
  right: 20px;
}
.header-logo-right .header-icon-1 {
  border-left: solid 1px;
  left: 0;
}
.header-logo-right .header-icon-2 {
  border-left: solid 1px;
  left: 50px;
}
.header-logo-right .header-icon-3 {
  border-left: solid 1px;
  left: 100px;
}
.header-logo-right .header-icon-4 {
  left: 150px;
}
.header-logo-app .header-logo {
  left: 60px;
}
.header-logo-app .header-title {
  position: absolute;
  left: 60px;
}
.header-logo-app .header-icon-1 {
  border-left: solid 1px;
  left: 0;
}
.header-logo-app .header-icon-2 {
  border-left: solid 1px;
  right: 50px;
}
.header-logo-app .header-icon-3 {
  border-left: solid 1px;
  right: 100px;
}
.header-logo-app .header-icon-4 {
  border-left: solid 1px;
  right: 0;
}

.header-title {
  width: calc(100% - 200px);
  height: 55px;
  line-height: 55px;
  font-size: 15px;
  font-weight: 500;
}

.header-light .header-icon .header-title, .header-light .header-icon i, .header-light .header-icon {
  color: #1f1f1f;
}

.header-light {
  background-color: white;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.015);
}
.header-light .header-icon {
  border-color: rgba(0, 0, 0, 0.05);
}
.header-light .header-icon em {
  background-color: #1f1f1f;
}
.header-dark {
  background-color: #242631;
}
.header-dark .header-icon {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.04);
}
.header-dark em {
  background-color: rgba(255, 255, 255, 0.7);
}
.header-dark .header-title {
  color: white;
}

.store-ball {
  font-size: 8px;
  position: absolute;
  top: 12px;
  right: 7px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  border-radius: 13px;
}

/*---Footer---*/
/*------------*/
.footer-dark {
  background-color: #0c1117;
}
.footer-dark .decoration {
  background-color: rgba(255, 255, 255, 0.05);
}

.footer-light {
  background-color: #f5f5f5;
  border-top: solid 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.03);
}
.footer-light .decoration {
  background-color: rgba(0, 0, 0, 0.1);
}

.footer {
  padding: 20px;
}
.footer .decoration {
  margin-bottom: 20px;
}
.footer p {
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}
.footer .copyright-text {
  opacity: 0.7;
  font-size: 11px;
}

.footer-logo {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}

.footer-socials {
  width: 270px;
  margin: 30px auto 20px;
}
.footer-socials:after {
  content: "";
  display: block;
  clear: both;
}
.footer-socials a {
  width: 16.7%;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
.footer-socials i {
  margin-left: 0;
}

/*------------------*/
/*Notification Boxes*/
/*------------------*/
.notification-green {
  background-color: #8fbf5b;
}
.notification-blue {
  background-color: #2a87c4;
}
.notification-red {
  background-color: #e05967;
}

.notification-large {
  padding: 20px 15px 15px 15px;
  margin: 0 0 30px;
}
.notification-large h1 {
  font-size: 16px;
  color: white;
}
.notification-large p {
  opacity: 0.7;
  color: white;
  margin-bottom: 0;
}

.notification-small {
  padding: 15px 20px 10px 15px;
  margin: 0 0 30px;
}
.notification-small p {
  font-size: 13px;
  color: white;
}

.notification-icon-transparent .notification-icon {
  background-color: transparent;
  padding-left: 0;
}
.notification-icon-transparent p {
  margin-left: -10px;
}

.notification-has-icon {
  padding: 15px 40px 15px 80px;
}
.notification-has-icon div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  background-color: rgba(0, 0, 0, 0.05);
}
.notification-has-icon .notification-icon i {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  text-align: center;
  font-size: 24px;
  color: white;
}
.notification-has-icon.notification-small {
  padding-left: 65px;
}
.notification-has-icon.notification-small .notification-icon {
  width: 50px;
}
.notification-has-icon.notification-small i {
  font-size: 14px;
}

.close-notification {
  position: absolute;
  height: 50px;
  width: 55px;
  line-height: 43px;
  text-align: center;
  top: 4px;
  right: 0;
  color: white;
  opacity: 0.3;
}

/*----Preloader----*/
/*-----------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 999999999;
  pointer-events: none;
  opacity: 1;
  transition: all 500ms ease;
}
#preloader h1 {
  width: 100%;
  margin-top: 110px;
}
#preloader em {
  position: fixed;
  width: 100%;
  bottom: 20px;
  font-style: normal;
  text-align: center;
  font-size: 10px;
  line-height: 22px;
}
#preloader p {
  text-align: center;
  font-size: 16px;
  margin-top: 30px;
}
#preloader.hide-preloader {
  pointer-events: none;
  opacity: 0;
  transition: all 500ms ease;
}

.page-change-preloader {
  opacity: 0;
  pointer-events: none;
  background-color: #1b1d26;
  background-size: 100px 60px;
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  pointer-events: none;
  transition: all 250ms ease;
}

.show-change-preloader {
  opacity: 1;
}

.preload-spinner {
  animation: preload-spin 1.2s ease infinite;
  clip: rect(0, 40px, 40px, 20px);
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.preload-spinner:after {
  animation: preload-spin-after 1.2s ease-in-out infinite;
  clip: rect(0, 40px, 40px, 20px);
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  box-shadow: inset #8cc152 0 0 0 1px;
}

@keyframes preload-spin {
  25% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(185deg);
  }
}
@keyframes preload-spin-after {
  0% {
    transform: rotate(-175deg);
  }
  100% {
    transform: rotate(175deg);
  }
}
.spinner-yellow:after {
  box-shadow: inset #f6bb42 0 0 0 1px;
}

.spinner-green:after {
  box-shadow: inset #27ae60 0 0 0 1px;
}

.spinner-red:after {
  box-shadow: inset #d8334a 0 0 0 1px;
}

.spinner-pink:after {
  box-shadow: inset #ec87c0 0 0 0 1px;
}

.spinner-blue:after {
  box-shadow: inset #5d9cec 0 0 0 1px;
}

.spinner-teal:after {
  box-shadow: inset #a0cecb 0 0 0 1px;
}

.spinner-magenta:after {
  box-shadow: inset #8067b7 0 0 0 1px;
}

.spinner-black:after {
  box-shadow: inset black 0 0 0 1px;
}

.spinner-brown:after {
  box-shadow: inset #8e8271 0 0 0 1px;
}

.preloader-dark {
  background-color: #1b1d26;
}
.preloader-dark .cp1,
.preloader-dark .cp2 {
  opacity: 0.05;
  background-color: white;
}
.preloader-dark em {
  color: rgba(255, 255, 255, 0.3);
}

.preloader-light {
  background-color: white;
}
.preloader-light .cp1,
.preloader-light .cp2 {
  opacity: 0.05;
  background-color: black;
}
.preloader-light em {
  color: rgba(0, 0, 0, 0.8);
}

/*---Logos---*/
/*-----------*/
.profile-logo, .preloader-light h1, .menu-light .menu-list-logo, .menu-light.menu-thumbnails .menu-logo .menu-logo-image, .menu-light.menu-large .menu-logo, .footer-light .footer-logo, .header-light .header-logo {
  background-image: url("../images/clients/mpaq/logo-light.jpg");
}

.timeline-logo, .preloader-dark h1, .menu-dark .menu-list-logo, .menu-dark.menu-thumbnails .menu-logo .menu-logo-image, .menu-perspective .menu-logo, .menu-dark.menu-large .menu-logo, .footer-dark .footer-logo, .header-dark .header-logo {
  background-image: url("../images/clients/mpaq/logo.jpg");
}

.profile-logo, .timeline-logo, .header-logo {
  background-size: 74px 14px;
  height: 55px;
}

.header-logo {
  width: 74px;
}

.footer-logo {
  height: 25px;
  background-size: 120px 23px;
}

.menu-large .menu-logo {
  background-size: 105px 20px;
}

.menu-perspective .menu-logo {
  background-size: 135px 25px;
}

.menu-perspective-background {
  background-image: url("../images/bg-perspective.png");
}

.menu-thumbnails .menu-logo .menu-logo-image {
  height: 20px;
  background-size: 100px 19px;
}

.menu-list-logo {
  background-size: 140px 27px;
  width: 140px;
  height: 27px;
}

.preloader-light h1, .preloader-dark h1 {
  height: 32px;
  background-size: 165px 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.view-forward.ng-enter {
  left: 100%;
  position: relative;
  z-index: 1000000000;
}
.view-forward.ng-enter-active {
  left: 0;
}
.view-forward.ng-leave {
  opacity: 1;
  z-index: 999999998;
}
.view-forward.ng-leave-active {
  opacity: 0;
}

.view-back.ng-enter {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999999998;
}
.view-back.ng-enter-active {
  opacity: 1;
}
.view-back.ng-leave {
  left: 0;
  position: relative;
  z-index: 1000000000;
}
.view-back.ng-leave-active {
  left: 100%;
}

.error-messages {
  transition: 0.5s linear all;
}
.error-messages.ng-hide-remove, .error-messages.ng-hide-add-active {
  opacity: 0;
}
.error-messages.ng-hide-remove-active, .error-messages.ng-hide-add {
  opacity: 1;
}
.error-messages .error {
  transition: 0.5s linear all;
}
.error-messages .error.ng-enter {
  transform: translateX(-100%);
  opacity: 0;
}
.error-messages .error.ng-enter-active, .error-messages .error.ng-leave {
  transform: translateX(0);
  opacity: 100;
}
.error-messages .error.ng-leave-active {
  transform: translateX(100%);
  opacity: 0;
}

.flex-form-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-item {
  flex-basis: 100%;
}
@media screen and (min-width: 768px) {
  .flex-item {
    flex-basis: 49%;
  }
}

.flex-item-full {
  flex-basis: 100%;
}

.input-tag-fix.ng-pristine .tags {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #ccc;
}

.tags .tag-item .remove-button {
  display: inline-block;
}

.am-array-add,
.am-array-delete {
  position: relative;
  z-index: 2;
}

.am-array-content {
  transition: 0.5s linear all;
}
.am-array-content.ng-enter {
  transform: translateX(-100%);
}
.am-array-content.ng-enter-active, .am-array-content.ng-leave {
  transform: translateX(0);
}
.am-array-content.ng-leave-active {
  transform: translateX(-100%);
}

.autocomplete-list {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 3;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}
.autocomplete-list:not(.disabled-search-list) {
  max-height: 250px;
  overflow-y: scroll;
}
.autocomplete-list li:hover {
  background: #ccc;
}

.select .autocomplete-list {
  top: 50px;
}

::-webkit-scrollbar {
  display: block;
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #081f3e;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.select-box {
  height: auto;
  min-height: 44px;
}
.select-box .autocomplete-list {
  position: relative;
}

.invisible-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.invisible-overlay.active {
  z-index: 2;
}

#loading-text {
  margin-top: 30px;
}
#loading-text p {
  font-size: 26px;
}
#loading-text #payment-text {
  font-size: 36px;
  line-height: 40px;
  margin: 10px;
}
#loading-text p:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "…";
  width: 0;
  margin-right: 1.25em;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
    margin-right: 0;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
    margin-right: 0;
  }
}
.button {
  -webkit-appearance: none;
}

.summary-header,
.session-header,
.session-content {
  text-align: left;
  padding-left: 5px;
}

.even td.session-content,
.even td.session-action {
  background-color: #f6f6f6;
}

.summary-row td {
  padding-left: 5px;
  text-align: left;
}

.product-name-col {
  width: 50%;
}

th.amount-col,
td.amount-col {
  text-align: right;
  width: 50%;
  padding-right: 5px;
}

.wrapped {
  word-break: break-word;
}

body,
p,
.button,
.fac,
.input-simple-2 input,
.link-list a {
  font-size: 15px;
}

.dropzone .dz-preview .dz-error-message {
  top: 150px;
}
.dropzone .dz-preview .dz-progress {
  display: none;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  display: block;
}

.strikethrough {
  text-decoration: line-through;
}

.file-list {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 0 10px;
  line-height: 45px;
  color: #000;
}
.file-list a.file-name {
  float: left;
  border-bottom: none;
}
.file-list .btn-delete,
.file-list .btn-rename {
  float: right;
}
.file-list .btn-rename {
  margin-right: 10px;
}

#page-content {
  min-height: 100vh;
}

.eway-button {
  background: transparent !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.eway-button span {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

table.sectioned {
  border-collapse: collapse;
}
table.sectioned tbody {
  border-bottom: 2px solid;
}
table.sectioned tbody .ng-inactive {
  display: none;
}

.checkboxes .fac.inline-checkbox {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

.password-confirm .input-simple-2 {
  display: inline-block;
  width: 49%;
}
.password-confirm .input-simple-2.password-container {
  margin-right: 1.5%;
}

.fancy-radio {
  display: block;
  border: 1px solid #081f3e;
  border-radius: 5px;
  color: #081f3e;
}
.fancy-radio input[type=radio] {
  position: absolute;
  z-index: -1;
}
.fancy-radio label {
  display: block;
  line-height: 45px;
  padding: 0 15px;
  pointer-events: auto;
}
.fancy-radio input[type=radio]:checked + label {
  background: #081f3e;
  color: #fff;
}
.fancy-radio input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  right: 15px;
}

.ninja-filter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 44px;
  opacity: 0;
}

.show-phone {
  display: none;
}

.ta-editor {
  height: auto;
}

h1, h2, h3 {
  margin-top: 0;
}

.container {
  width: auto;
  padding: 0;
  margin: 0;
}

.error a {
  color: white;
  text-decoration: underline;
}

.iti {
  display: block;
}

@media screen and (max-width: 768px) {
  .hide-tablet {
    display: none;
  }
}
@media screen and (max-width: 414px) {
  .hide-phone {
    display: none;
  }

  .show-phone {
    display: block;
  }
}
.breadcrumb-container {
  display: block;
}

.breadcrumb {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  border-radius: 5px;
  padding: 0;
  margin: 0;
}
.breadcrumb-step {
  text-decoration: none;
  outline: none;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 10px 0 45px;
  position: relative;
  background: white;
  transition: all 0.5s;
}
.breadcrumb-step-index {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  position: absolute;
  top: 0;
  left: 14px;
  font-weight: bold;
  background: white;
  text-align: center;
}
.breadcrumb-step.active {
  color: white;
}
.breadcrumb-text {
  font-size: 15px;
}
._720kb-datepicker-calendar {
  padding-bottom: 0;
}

@media screen and (min-width: 414px) {
  ._720kb-datepicker-calendar {
    width: 220px;
    margin-left: auto;
  }
}
.select-box-side-by-side {
  width: 20%;
  display: inline-block;
  margin-right: 5px;
}

.select-box-container {
  min-height: 44px;
  position: relative;
}

.select-box-2 select {
  color: inherit;
}
.select-box-2.focused {
  position: absolute;
  z-index: 1;
  background-color: #FFF;
  height: auto;
}
.select-box-2.focused select {
  height: auto;
}

input.discount-code-input {
  width: 79%;
  display: inline-block;
  vertical-align: middle;
}

a.discount-code-btn {
  margin: 0 0 0 15px;
}

.stripe-iframe-container,
input.stripe {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 10px 12px;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  color: #32325d;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  width: 100%;
  outline: none;
}

input.stripe {
  height: 44px;
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltip-text {
  font-family: "Open Sans", sans-serif;
  visibility: hidden;
  width: 320px;
  background-color: #333;
  color: white;
  text-align: center;
  padding: 15px;
  border-radius: 6px;
  line-height: 18px;
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.tooltip .tooltip-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.tooltip .tooltip-text.tooltip-top {
  bottom: 150%;
  left: -154px;
}
.tooltip:hover .tooltip-text {
  transition: opacity 0.3s;
  visibility: visible;
  opacity: 1;
}

.header-logo-app .header-title {
  left: 20px;
  text-align: center;
  width: calc(100% - 40px);
}
.header-logo-app .header-icon-1 {
  cursor: pointer;
  left: 20px;
  width: 150px;
  z-index: 2;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .header-logo-app .header-title {
    left: 120px;
    width: calc(100% - 240px);
  }
}
@media screen and (max-width: 414px) {
  .header-logo-app .header-title {
    left: 35px;
    width: calc(100% - 70px);
  }
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
textarea {
  font-family: "Open Sans", sans-serif;
}

.header-skin {
  background-image: none;
  background-color: #081f3e;
  background-size: cover;
}
.header-skin .header-icon {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.04);
}
.header-skin em {
  background-color: rgba(255, 255, 255, 0.7);
}
.header-skin .header-title {
  color: white;
}
.header-skin .header-logo {
  background-image: url("../images/clients/mpaq/logo.jpg");
}

.footer-skin {
  background-image: none;
  background-color: #081f3e;
  background-size: cover;
}
.footer-skin .decoration {
  background-color: rgba(255, 255, 255, 0.05);
}
.footer-skin p,
.footer-skin p > a {
  color: white;
}
.footer-skin .footer-logo {
  background-image: url("../images/clients/mpaq/logo.jpg");
  height: 90px;
  background-size: 360px 90px;
}

.breadcrumb-step {
  color: #081f3e;
}
.breadcrumb-step-index {
  color: #081f3e;
  box-shadow: 0 0 0 1px #081f3e;
}
.breadcrumb-step-index.active {
  background: #081f3e;
  color: white;
}
.breadcrumb-step.current {
  background: #307bbd;
}

.button-primary {
  background-color: #081f3e;
  border-color: #081f3e;
}
.button-primary-3d {
  border: none;
  border-bottom: solid 5px;
  padding: 0 22px;
  border-color: #081f3e;
}
.button-primary:hover {
  background-color: #307bbd;
  border-color: #307bbd;
}
.button-primary:active {
  background-color: #307bbd;
  border-color: #307bbd;
}

.deco-primary {
  background-color: #081f3e;
}

.input-simple-1.input-primary input:focus,
.input-simple-2.input-primary input:focus {
  border-color: #081f3e;
}

.bg-primary {
  background-color: #081f3e !important;
  color: white;
}
.bg-primary i {
  color: white;
}

.bg-hover-primary:hover {
  background-color: #081f3e !important;
  color: white;
  transition: all 200ms ease;
}

.border-primary {
  border: solid 1px #081f3e !important;
}

.color-primary {
  color: #081f3e !important;
}

._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #081f3e;
}
._720kb-datepicker-calendar-header:nth-child(even) {
  background: #307bbd;
}

a._720kb-datepicker-calendar-month-button {
  color: white;
}

.input-simple-2.has-icon ._720kb-datepicker-calendar-month span,
.input-simple-2.has-icon ._720kb-datepicker-calendar-month i {
  color: white;
}

#page-content {
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: calc(90px + 90px);
}

.preloader-light h1,
.preloader-dark h1 {
  height: 90px;
  background-size: 360px 90px;
}

p > strong {
  font-weight: bold;
}

#loading-text {
  border: 1px solid #081f3e;
  color: #081f3e;
}

.footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  #header, .menu-modal-full > div, .menu-top > div {
    /* iOS 11.0 */
    padding-top: constant(safe-area-inset-top);
    /* iOS 11.2 */
    padding-top: env(safe-area-inset-top);
  }

  #header {
    box-sizing: content-box;
  }

  .page-content {
    /* iOS 11.0 */
    padding-top: calc( 55px + constant(safe-area-inset-top) );
    /* iOS 11.2 */
    padding-top: calc( 55px + env(safe-area-inset-top) );
  }

  .cover-overlay {
    top: -55px;
  }

  .footer {
    /* iOS 11.0 */
    padding-bottom: constant(safe-area-inset-bottom);
    /* iOS 11.2 */
    padding-bottom: env(safe-area-inset-bottom);
  }

  .coverpage {
    /* iOS 11.0 */
    max-height: calc( (100vh - 55px) - constant(safe-area-inset-bottom) );
    /* iOS 11.2 */
    max-height: calc( (100vh - 55px) - env(safe-area-inset-bottom) );
  }

  .flex {
    /* iOS 11.0 */
    max-height: calc( (95vh - 55px) - constant(safe-area-inset-bottom) );
    /* iOS 11.2 */
    max-height: calc( (95vh - 55px) - env(safe-area-inset-bottom) );
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  #header, .menu-modal-full > div, .menu-top > div {
    /* iOS 11.0 */
    padding-top: constant(safe-area-inset-top);
    /* iOS 11.2 */
    padding-top: env(safe-area-inset-top);
  }

  #header {
    box-sizing: content-box;
  }

  .page-content {
    /* iOS 11.0 */
    padding-top: calc( 55px + constant(safe-area-inset-top) );
    /* iOS 11.2 */
    padding-top: calc( 55px + env(safe-area-inset-top) );
  }

  .cover-overlay {
    top: -55px;
  }

  .footer {
    /* iOS 11.0 */
    padding-bottom: constant(safe-area-inset-bottom);
    /* iOS 11.2 */
    padding-bottom: env(safe-area-inset-bottom);
  }

  .coverpage {
    /* iOS 11.0 */
    max-height: calc( (100vh - 55px) - constant(safe-area-inset-bottom) );
    /* iOS 11.2 */
    max-height: calc( (100vh - 55px) - env(safe-area-inset-bottom) );
  }

  .flex {
    /* iOS 11.0 */
    max-height: calc( (95vh - 55px) - constant(safe-area-inset-bottom) );
    /* iOS 11.2 */
    max-height: calc( (95vh - 55px) - env(safe-area-inset-bottom) );
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  #header, .menu-modal-full > div, .menu-top > div {
    /* iOS 11.0 */
    padding-top: constant(safe-area-inset-top);
    /* iOS 11.2 */
    padding-top: env(safe-area-inset-top);
  }

  #header {
    box-sizing: content-box;
  }

  .page-content {
    /* iOS 11.0 */
    padding-top: calc( 55px + constant(safe-area-inset-top) );
    /* iOS 11.2 */
    padding-top: calc( 55px + env(safe-area-inset-top) );
  }

  .cover-overlay {
    top: -55px;
  }

  .footer {
    /* iOS 11.0 */
    padding-bottom: constant(safe-area-inset-bottom);
    /* iOS 11.2 */
    padding-bottom: env(safe-area-inset-bottom);
  }

  .coverpage {
    /* iOS 11.0 */
    max-height: calc( (100vh - 55px) - constant(safe-area-inset-bottom) );
    /* iOS 11.2 */
    max-height: calc( (100vh - 55px) - env(safe-area-inset-bottom) );
  }

  .flex {
    /* iOS 11.0 */
    max-height: calc( (95vh - 55px) - constant(safe-area-inset-bottom) );
    /* iOS 11.2 */
    max-height: calc( (95vh - 55px) - env(safe-area-inset-bottom) );
  }
}

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