@charset "UTF-8";
/*---------------------------------------
  1.IMPORT BOOTSTRAP 3
--------------------------------*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i&subset=vietnamese");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    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; } }

/*@import "bootstrap/glyphicons";*/
* {
  box-sizing: border-box; }

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

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

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

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

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

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

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

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

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

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

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

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

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

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

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

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

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

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .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 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .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 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .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 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

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

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

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

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

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

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

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

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    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); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
  visibility: collapse; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33333px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

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

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

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

.btn-block + .btn-block {
  margin-top: 5px; }

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.in {
    opacity: 1; }

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

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

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

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .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 {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.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:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

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

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

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

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

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

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.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:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

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

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

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

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[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: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

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

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

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

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

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

/*@import "bootstrap/alerts";*/
/*@import "bootstrap/progress-bars";*/
/*@import "bootstrap/media";*/
/*@import "bootstrap/list-group";*/
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

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

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

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

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

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

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

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

.modal-open {
  overflow: hidden !important; }
  @media (max-width: 767px) {
    .modal-open {
      position: fixed !important; } }

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

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

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

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  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;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.modal-header .close {
  margin-top: -2px; }

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

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

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

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

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

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

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

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

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

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

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

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

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

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

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

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

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

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

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

/*---------------------------
  3.CUSTOM ELEMENTS
--------------------------------*/
/*!
 * Declare Sass structure general EngineThemes (http://enginethemes.com)
 */
a:active, a:hover, a:focus {
  outline: 0 !important;
  outline-offset: 0 !important; }

/*Color placeholder*/
input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #c1c2c7;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #c1c2c7;
  opacity: 1;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #c1c2c7;
  opacity: 1;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c1c2c7;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px; }

/*Font size general pages*/
/*Font size heading*/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #2a394e;
  outline: none; }
  body a {
    text-decoration: none; }
    body a:hover {
      text-decoration: none; }

.float-right {
  text-align: right; }

.float-center {
  text-align: center; }

.float-left {
  text-align: left; }

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

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

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

.bold {
  font-weight: bold; }

.loading .loading-img {
  width: 26px;
  height: 26px;
  border: solid 2px transparent;
  border-radius: 50%;
  border-top: solid 2px #2196f3;
  box-sizing: border-box;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
  left: 50%;
  top: 50%;
  margin: -13px 0 0 -13px;
  background: none !important; }

.loading .loading-overlay {
  opacity: 0.8 !important; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/** Mixin **/
.clearfix {
  display: block; }
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

@media (max-width: 414px) {
  .col-mobile-12 {
    width: 100%; } }

.mje-price {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500; }

/* Tooltip */
.tooltip {
  font-family: "Open Sans", sans-serif;
  font-size: 12px; }

.not-found {
  text-align: center;
  color: #898a90;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif; }

.mjob-item {
  margin-bottom: 30px;
  background: #fff;
  position: relative;
  box-shadow: 2px 5px 43px rgba(188, 207, 219, 0.65);
  transition: all 0.4s ease;
  height: 345px;
  /* mjob status */
  /* Image  */
  /* Title */
  /* Author */
  /* Price */
  /* Rating */ }
  @media (min-width: 992px) {
    .mjob-item {
      height: auto; } }
  @media (min-width: 768px) {
    .mjob-item {
      height: auto; } }
  @media (max-width: 768px) {
    .mjob-item {
      height: auto; } }
  .mjob-item:hover {
    transition: all 0.4s ease;
    box-shadow: 16px 11px 56px rgba(139, 166, 183, 0.7); }
  .mjob-item .status-label {
    position: absolute;
    right: -7px;
    top: 10px;
    z-index: 9; }
    .mjob-item .status-label span {
      display: block;
      text-align: center;
      padding: 5px 0;
      font-size: 12px;
      color: #fff;
      border-radius: 45px 0 0 45px;
      width: 94px; }
  .mjob-item .actions {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }
    .mjob-item .actions ul {
      padding: 0;
      background: rgba(42, 57, 78, 0.76); }
      .mjob-item .actions ul li {
        height: auto;
        margin-bottom: 0 !important;
        display: inline-block;
        text-align: center;
        border-right: 1px solid #5f6568;
        width: 32%; }
        .mjob-item .actions ul li:last-child {
          border: none; }
        .mjob-item .actions ul li a {
          color: #fff;
          display: block;
          padding: 7px 0;
          width: 100%; }
  .mjob-item .mjob-item__image {
    position: relative;
    min-height: 158px;
    overflow: hidden; }
    @media (max-width: 1199px) {
      .mjob-item .mjob-item__image {
        min-height: 128px; } }
    @media (max-width: 991px) {
      .mjob-item .mjob-item__image {
        min-height: 160px; } }
    @media (max-width: 767px) {
      .mjob-item .mjob-item__image {
        min-height: 158px; } }
    .mjob-item .mjob-item__image img {
      max-width: 100%;
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .mjob-item .mjob-item__entry {
    padding: 15px; }
  .mjob-item .mjob-item__title {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px; }
    .mjob-item .mjob-item__title h2 {
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      height: 42px;
      overflow: hidden; }
      .mjob-item .mjob-item__title h2 a {
        color: #2c2c2c;
        display: block;
        transition: color .3s ease-in-out;
        text-decoration: none; }
        .mjob-item .mjob-item__title h2 a:hover {
          color: #10a2ef; }
  .mjob-item .mjob-item__author {
    font-size: 13px;
    color: #ADAEB2; }
  .mjob-item .mjob-item__price {
    color: #10a2ef;
    margin: 10px 0; }
    .mjob-item .mjob-item__price .mjob-item__price-inner {
      padding: 10px 0;
      border-top: 1px solid #f3f3f3;
      border-bottom: 1px solid #f3f3f3; }
    .mjob-item .mjob-item__price .starting-text {
      font-size: 14px;
      color: #2a394e; }
      .mjob-item .mjob-item__price .starting-text i {
        font-size: 16px;
        color: #aaafb2;
        margin-right: 5px; }
    .mjob-item .mjob-item__price .price-text {
      font-size: 20px;
      float: right;
      margin-top: -3px; }
  .mjob-item .mjob-item__rating {
    float: right; }
    .mjob-item .mjob-item__rating i {
      font-size: 13px; }

.mjob-list {
  list-style: none;
  padding: 0; }
  .mjob-list--horizontal .mjob-item .status-label {
    right: calc(100% - 272px); }
    @media (max-width: 767px) {
      .mjob-list--horizontal .mjob-item .status-label {
        right: -7px; } }
  .mjob-list--horizontal .mjob-item .mjob-item__image {
    float: left;
    min-width: 265px; }
    @media (max-width: 1199px) {
      .mjob-list--horizontal .mjob-item .mjob-item__image {
        min-height: 158px; } }
    @media (max-width: 414px) {
      .mjob-list--horizontal .mjob-item .mjob-item__image {
        width: 100% !important;
        float: none; } }
  .mjob-list--horizontal .mjob-item .mjob-item__entry {
    margin-left: 265px;
    padding-bottom: 0; }
    @media (max-width: 414px) {
      .mjob-list--horizontal .mjob-item .mjob-item__entry {
        padding: 15px !important;
        margin: 0 !important; } }
  .mjob-list li.col-lg-4:nth-child(3n+1), .mjob-list li.col-md-4:nth-child(3n+1) {
    clear: both; }
  @media (max-width: 991px) {
    .mjob-list li.col-lg-4:nth-child(3n+1), .mjob-list li.col-md-4:nth-child(3n+1) {
      clear: initial; }
    .mjob-list li.col-lg-4:nth-child(2n+1), .mjob-list li.col-md-4:nth-child(2n+1) {
      clear: both; } }
  @media (max-width: 768px) {
    .mjob-list li.col-lg-4:nth-child(3n+1), .mjob-list li.col-md-4:nth-child(3n+1) {
      clear: initial; }
    .mjob-list li.col-lg-4:nth-child(2n+1), .mjob-list li.col-md-4:nth-child(2n+1) {
      clear: both; } }

.order-item .mjob-item {
  box-shadow: none;
  border-bottom: 1px solid #dfe0e6;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.order-item .status-label {
  /* left: 175px;
    right: initial; */ }

.order-item .mjob-item__entry {
  padding: 0 0 0 15px; }

.order-item .order-item__date {
  font-size: 13px;
  color: #ADAEB2;
  float: right; }

.order-item .mjob-item__author {
  padding: 0;
  float: left; }

/*---------------------------
  3.CUSTOM CSS FOR ALL PAGES
--------------------------------*/
/*!
 * Structure Sass Pages EngineThemes (http://enginethemes.com)
 */
.table-wrapper {
  padding: 30px 0; }
  .table-wrapper .table-filter select {
    float: right;
    margin-left: 15px;
    height: 37px;
    border: 1px solid #dfe0e5;
    background: none;
    border-radius: 0;
    cursor: pointer; }
    @media (max-width: 767px) {
      .table-wrapper .table-filter select {
        margin-bottom: 6px; } }
  .table-wrapper .table-content {
    margin-top: 30px; }
    @media (max-width: 767px) {
      .table-wrapper .table-content {
        overflow-x: scroll; } }
    .table-wrapper .table-content table {
      width: 100%; }
      .table-wrapper .table-content table th, .table-wrapper .table-content table tr, .table-wrapper .table-content table td {
        border-bottom: 1px solid #efefef;
        padding: 12px 20px; }
      .table-wrapper .table-content table th {
        vertical-align: top;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .table-wrapper .table-content table th {
            font-size: 14px; } }
        .table-wrapper .table-content table th.sort-head {
          padding-top: 0;
          padding-bottom: 0; }
        .table-wrapper .table-content table th .sort-icon {
          float: right; }
        .table-wrapper .table-content table th a, .table-wrapper .table-content table th a:hover {
          color: #2a394e;
          text-decoration: none;
          display: block;
          padding: 12px 0; }
      .table-wrapper .table-content table td:first-child, .table-wrapper .table-content table th:first-child {
        padding-left: 0; }
      .table-wrapper .table-content table td:last-child, .table-wrapper .table-content table th:last-child {
        padding-right: 0; }
      .table-wrapper .table-content table .td-w-20 {
        width: 20%; }
      .table-wrapper .table-content table .payment-name {
        margin-top: 0;
        margin-bottom: 0; }
        .table-wrapper .table-content table .payment-name span {
          font-weight: normal;
          display: none; }
        .table-wrapper .table-content table .payment-name img {
          width: 40px; }
      .table-wrapper .table-content table .st-completed {
        color: #00ccbb; }
      .table-wrapper .table-content table .st-cancelled {
        color: #aaafb3; }
      .table-wrapper .table-content table .st-pending {
        color: #fda933; }
  .table-wrapper .table-footer {
    margin-top: 30px; }
    .table-wrapper .table-footer .paginations-wrapper {
      float: left;
      margin: 0; }
      @media (max-width: 767px) {
        .table-wrapper .table-footer .paginations-wrapper {
          float: none;
          text-align: left; } }
    .table-wrapper .table-footer .help-text {
      font-style: italic;
      color: #898989;
      float: right; }
      @media (max-width: 767px) {
        .table-wrapper .table-footer .help-text {
          float: none;
          display: block;
          margin-top: 10px; } }
  .table-wrapper .nothing-found {
    display: none; }
    .table-wrapper .nothing-found .no-items {
      padding-top: 24% !important; }

/* mjob price*/
.mje-price-text {
  text-transform: none !important; }

.modal textarea {
  border: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0; }

.list-item-extra {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media (max-width: 1024px) {
    .list-item-extra {
      display: block;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .list-item-extra .checkbox {
    margin: 0; }
  .list-item-extra .packge-chose label {
    line-height: 22px;
    color: #2a394e;
    padding-left: 0;
    padding-right: 10px; }
  .list-item-extra .package-price {
    color: #10a2ef;
    font-size: 18px;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
    text-align: right; }
    @media (max-width: 1199px) {
      .list-item-extra .package-price {
        position: relative;
        top: 0;
        text-align: right; } }
    @media (max-width: 1024px) {
      .list-item-extra .package-price {
        display: block !important;
        text-align: right; } }

body.stop-scroll-y {
  overflow-y: hidden; }

.update-data-wrap {
  padding: 20px 150px;
  text-align: center; }
  @media (max-width: 767px) {
    .update-data-wrap {
      padding: 0; } }
  .update-data-wrap p {
    margin: 0;
    font-size: 16px;
    line-height: 1.65em; }
  .update-data-wrap button {
    margin-top: 40px; }
    @media (max-width: 767px) {
      .update-data-wrap button {
        margin-top: 30px; } }

#et-header #logo-site {
  float: left;
  padding-top: 20px; }
  @media (max-width: 991px) {
    #et-header #logo-site {
      padding-top: 18px; } }
  @media (max-width: 767px) {
    #et-header #logo-site {
      margin-left: 8px;
      padding-top: 8px; } }
  #et-header #logo-site img {
    max-width: 150px;
    height: auto; }

#et-header .et-pull-top {
  min-height: 85px;
  background: #fff;
  padding: 0 30px;
  z-index: 999; }
  @media (max-width: 991px) {
    #et-header .et-pull-top {
      padding: 0 20px;
      z-index: 9999;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      position: fixed;
      top: 0;
      left: 0;
      right: 0; }
      #et-header .et-pull-top .navbar-header {
        float: left; }
      #et-header .et-pull-top .navbar-toggle {
        display: block;
        border: none;
        color: #2a394e;
        font-size: 22px;
        margin-top: 18px; } }
  @media (max-width: 767px) {
    #et-header .et-pull-top {
      min-height: 66px;
      padding-left: 5px; }
      #et-header .et-pull-top .navbar-toggle {
        display: block;
        border: none;
        color: #2a394e;
        font-size: 22px;
        margin-top: 8px;
        margin-right: 0; } }
  #et-header .et-pull-top .search-bar {
    margin-left: 90px;
    float: left;
    margin-top: 23px; }
    @media (max-width: 1199px) {
      #et-header .et-pull-top .search-bar {
        padding-left: 55px;
        margin-left: 0; } }
    @media (max-width: 767px) {
      #et-header .et-pull-top .search-bar {
        display: none !important; } }
    #et-header .et-pull-top .search-bar .icon-search {
      position: relative;
      right: 30px;
      color: rgba(137, 138, 144, 0.8);
      font-size: 16px; }
    #et-header .et-pull-top .search-bar input {
      height: 30px;
      padding-left: 0 !important;
      width: 250px; }

@media (max-width: 767px) {
  #et-header .header-left, #et-header .header-right {
    padding: 0; } }

#et-header .header-right {
  position: relative;
  z-index: 99;
  float: right; }

#et-header .list-message {
  border-right: 1px solid rgba(137, 138, 144, 0.3);
  padding: 4px 25px;
  display: inline-block;
  z-index: 2;
  position: relative; }
  @media (max-width: 991px) {
    #et-header .list-message.message-icon {
      display: none; } }
  @media (max-width: 991px) {
    #et-header .list-message {
      border: 0;
      padding: 0 12px; } }
  #et-header .list-message ul {
    padding: 0; }
  #et-header .list-message .dropdown-menu {
    width: 300px;
    left: 50%;
    margin-left: -150px;
    border: 0;
    box-shadow: 1px 0px 30px rgba(42, 57, 78, 0.3) !important;
    top: 45px;
    padding: 0; }
  #et-header .list-message .link-message {
    position: relative;
    font-size: 0;
    display: inline-block; }
    #et-header .list-message .link-message i {
      cursor: pointer;
      font-size: 18px;
      color: #2a394e;
      padding: 0; }
      @media (max-width: 991px) {
        #et-header .list-message .link-message i {
          font-size: 16px; } }
    #et-header .list-message .link-message .alert-sign {
      display: block;
      position: absolute;
      top: -3px;
      left: 10px;
      height: 14px;
      background: #e52e5d;
      border-radius: 3px;
      z-index: 99;
      font-size: 10px;
      line-height: 14px;
      color: #fff;
      text-align: center;
      padding: 0 3px;
      box-sizing: initial; }
  #et-header .list-message .dropdown-toggle {
    padding: 0; }
  #et-header .list-message .list-message-box-footer, #et-header .list-message .list-message-box-header {
    padding: 0 15px; }
  #et-header .list-message .list-message-box-header {
    background: #10a2ef;
    padding: 9px 15px;
    border-radius: 4px 4px 0 0; }
    #et-header .list-message .list-message-box-header:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #10a2ef;
      left: 50%;
      top: -9px;
      margin-left: -5px; }
    #et-header .list-message .list-message-box-header span {
      color: #fff;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
    #et-header .list-message .list-message-box-header a.mark-as-read {
      float: right;
      color: #fff; }
  #et-header .list-message .list-message-box-body {
    list-style: none;
    margin-bottom: 0; }
    #et-header .list-message .list-message-box-body li {
      margin: 0;
      padding: 13px 15px;
      border: none; }
      #et-header .list-message .list-message-box-body li .inner {
        position: relative; }
        #et-header .list-message .list-message-box-body li .inner.unread {
          font-family: 'Open Sans', sans-serif;
          font-weight: 700; }
      #et-header .list-message .list-message-box-body li:hover {
        background-color: #f2f7fa;
        padding: 13px 15px; }
        #et-header .list-message .list-message-box-body li:hover > a {
          text-decoration: none; }
      #et-header .list-message .list-message-box-body li .img-avatar {
        position: absolute;
        top: 0;
        left: 0; }
        #et-header .list-message .list-message-box-body li .img-avatar img {
          bottom: 0; }
      #et-header .list-message .list-message-box-body li .conversation-text {
        padding-left: 60px; }
        #et-header .list-message .list-message-box-body li .conversation-text .latest-reply {
          display: block;
          color: black;
          line-height: 1.5;
          overflow: hidden;
          height: 20px;
          text-overflow: ellipsis;
          white-space: nowrap; }
        #et-header .list-message .list-message-box-body li .conversation-text .latest-reply-time {
          font-size: 12px;
          color: #aaafb2;
          font-family: 'Open Sans', sans-serif;
          font-weight: 300; }
  #et-header .list-message .list-message-box-footer a {
    color: #10a2ef;
    border-top: 1px solid #dfe0e6;
    display: block;
    text-align: center;
    padding: 10px 0;
    text-transform: capitalize; }

#et-header .et-pull-bottom {
  display: none; }
  @media (max-width: 991px) {
    #et-header .et-pull-bottom {
      background: none;
      border-top: none;
      position: relative;
      padding: 0 15px;
      z-index: 9999; } }

#et-header .link-account {
  line-height: 83px;
  display: inline-block; }
  @media (max-width: 767px) {
    #et-header .link-account {
      line-height: 66px; } }
  #et-header .link-account ul {
    margin: 0;
    padding: 0; }
    #et-header .link-account ul li {
      display: inline-block; }
      #et-header .link-account ul li .open-signin-modal {
        color: #2a394e;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold; }
      #et-header .link-account ul li .open-signup-modal {
        color: #10a2ef;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold; }
      #et-header .link-account ul li .focus-signin-form {
        color: #2a394e;
        font-family: 'Open Sans', sans-serif; }

#et-header .list-notification, #et-header .link-post-services, #et-header .user-account {
  display: inline-block;
  margin-top: 15px; }

@media (max-width: 991px) {
  #et-header .user-account .display-name {
    display: none; }
  #et-header .user-account i.fa-angle-right {
    display: none; } }

@media (max-width: 767px) {
  #et-header .user-account {
    margin-top: 5px;
    margin-right: 8px; } }

@media (max-width: 991px) {
  #et-header .user-account .dropdown-menu {
    position: fixed;
    height: 100%;
    width: 250px;
    background: #2a394e !important;
    top: 0;
    right: 0;
    z-index: 99999;
    border-radius: 0;
    margin-top: 0;
    border: none;
    overflow: auto; } }
  @media (max-width: 991px) and (max-width: 991px) {
    #et-header .user-account .dropdown-menu {
      box-shadow: none !important; } }

@media (max-width: 991px) {
    #et-header .user-account .dropdown-menu li {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
    #et-header .user-account .dropdown-menu a {
      color: #e6e9f2; } }

#et-header .search-bar {
  margin-right: 20px; }
  #et-header .search-bar input {
    padding-left: 10px; }

#et-header .link-post-services {
  border-right: 1px solid rgba(137, 138, 144, 0.3);
  padding: 0 23px;
  margin-right: 12px; }
  @media (max-width: 1199px) {
    #et-header .link-post-services {
      display: none; } }
  #et-header .link-post-services a {
    color: #898a90;
    display: block; }
  #et-header .link-post-services .plus-circle {
    display: inline-block;
    background: #10a2ef;
    border-radius: 50%;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.3);
    margin-left: 15px;
    padding: 3px 7px;
    text-align: center; }
  #et-header .link-post-services i {
    transition: all 0.4s ease;
    color: #fff;
    font-size: 14px;
    position: relative; }
  #et-header .link-post-services:hover a {
    color: #10a2ef; }
  #et-header .link-post-services:hover i {
    transition: all 0.4s ease;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    bottom: 1px; }

#et-header .list-notification {
  border-left: 1px solid rgba(137, 138, 144, 0.3);
  border-right: 1px solid rgba(137, 138, 144, 0.3);
  padding: 0 25px;
  line-height: 32px;
  display: none; }
  #et-header .list-notification .link-notification {
    cursor: pointer;
    font-size: 18px; }

#et-header .user-account {
  cursor: pointer; }
  #et-header .user-account .dropdown {
    z-index: 5; }

body.home .search-bar {
  display: none; }

body.page-template-page-profile-php .plus-circle {
  padding: 5px 7px !important; }

#et-nav {
  background: #ecf5fa; }
  #et-nav nav ul {
    margin: 0;
    padding: 0; }
    #et-nav nav ul li {
      display: inline-block; }
      #et-nav nav ul li a, #et-nav nav ul li span {
        display: block;
        color: #2a394e;
        text-decoration: none;
        cursor: pointer;
        transition-duration: .3s;
        padding: 0 19px;
        line-height: 40px; }
        #et-nav nav ul li a:hover, #et-nav nav ul li span:hover {
          background: #10a2ef;
          color: #fff;
          padding: 0 19px;
          transition: all 0.4s ease; }
          @media (max-width: 991px) {
            #et-nav nav ul li a:hover, #et-nav nav ul li span:hover {
              padding: 10px 30px; } }
        #et-nav nav ul li a i, #et-nav nav ul li span i {
          padding-left: 8px; }
          @media (max-width: 991px) {
            #et-nav nav ul li a i, #et-nav nav ul li span i {
              display: none; } }
      #et-nav nav ul li.active a:before {
        background: #10a2ef; }
      #et-nav nav ul li.active:hover {
        background: #10a2ef; }
      #et-nav nav ul li.more {
        display: none; }
        #et-nav nav ul li.more:hover ul#overflow {
          opacity: 1;
          visibility: visible; }
  #et-nav nav .hvr-shutter-in-vertical {
    background: none; }
    #et-nav nav .hvr-shutter-in-vertical:before {
      background: #ecf5fa; }
      @media (max-width: 991px) {
        #et-nav nav .hvr-shutter-in-vertical:before {
          background: none !important; } }
  #et-nav nav #overflow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: left;
    transition-duration: .3s;
    right: -19px;
    top: 40px;
    min-width: 200px;
    background: #2a394e;
    padding: 15px 0 20px 0;
    z-index: 9999; }
    #et-nav nav #overflow li {
      float: none;
      display: block; }
      #et-nav nav #overflow li a {
        white-space: nowrap;
        background: #2a394e;
        color: #fff;
        line-height: 40px; }
        #et-nav nav #overflow li a:before {
          background: none; }
        #et-nav nav #overflow li a:hover {
          color: #10a2ef; }
        #et-nav nav #overflow li a i {
          display: none; }
      #et-nav nav #overflow li ul {
        display: none; }
  #et-nav .move-right ul:before {
    right: 30px;
    left: initial !important; }
  #et-nav .navbar-default {
    background: none;
    border: none;
    margin-bottom: 0;
    min-height: 40px; }
    @media (max-width: 991px) {
      #et-nav .navbar-default {
        position: fixed;
        top: 0; } }
    @media (max-width: 767px) {
      #et-nav .navbar-default {
        left: 0;
        top: -10px; } }
    #et-nav .navbar-default .navbar-toggle {
      border: none;
      color: #2a394e;
      font-size: 22px;
      margin-top: 18px; }
    #et-nav .navbar-default .dropdown:hover .dropdown-menu {
      display: block; }
    #et-nav .navbar-default .dropdown-menu {
      background: #2a394e;
      color: #fff;
      border-radius: 0;
      border: none;
      min-width: 200px;
      z-index: 9999; }
      #et-nav .navbar-default .dropdown-menu:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #2a394e;
        left: 30px;
        top: -5px;
        margin-left: -5px; }
      #et-nav .navbar-default .dropdown-menu li {
        display: block !important; }
  #et-nav .nav > li > a {
    line-height: 40px; }
  #et-nav .div-main-sub {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #3f4b5b;
    min-width: 200px; }
    #et-nav .div-main-sub li {
      display: block;
      margin-bottom: 15px; }
      #et-nav .div-main-sub li a {
        color: #fff;
        line-height: 10px;
        padding: 7px 30px;
        margin: 15px 0; }
        #et-nav .div-main-sub li a:hover {
          color: #10a2ef;
          background: none;
          padding: 7px 30px; }
      #et-nav .div-main-sub li ul {
        display: none !important; }
    #et-nav .div-main-sub:last-child {
      border: none; }
    #et-nav .div-main-sub .hvr-shutter-in-vertical {
      background: none; }
      #et-nav .div-main-sub .hvr-shutter-in-vertical:before {
        background: #2a394e; }
  #et-nav .megamenu .nav,
  #et-nav .megamenu .collapse,
  #et-nav .megamenu .dropup,
  #et-nav .megamenu .dropdown {
    position: static;
    padding-left: 0; }
  #et-nav .megamenu .container {
    position: relative; }
  #et-nav .megamenu .dropdown-menu {
    left: auto; }
  #et-nav .megamenu .megamenu-content {
    padding: 15px; }
  #et-nav .megamenu .megamenu-content h3 {
    margin-top: 0;
    color: #428bca;
    font-size: 18px; }
  #et-nav .megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0; }
  #et-nav .navbar-default .navbar-nav > .active > a, #et-nav .navbar-default .navbar-nav > .active > a:hover, #et-nav .navbar-default .navbar-nav > .active > a:focus {
    background: #10a2ef;
    color: #fff; }
  #et-nav .navbar-default .navbar-nav > .open > a, #et-nav .navbar-default .navbar-nav > .open > a:hover, #et-nav .navbar-default .navbar-nav > .open > a:focus {
    background: none; }
  @media (max-width: 991px) {
    #et-nav .navbar-default .dropdown:hover .dropdown-menu {
      display: none; } }
  @media (max-width: 767px) {
    #et-nav .navbar-collapse.in {
      overflow-y: initial; } }
  @media (max-width: 991px) {
    #et-nav .navbar-collapse.collapse {
      display: none; } }
  @media (max-width: 991px) {
    #et-nav .navbar-default .navbar-nav {
      position: fixed;
      width: 250px;
      height: 100%;
      z-index: 999999;
      background: #2a394e;
      left: 0;
      top: 0;
      margin: 0;
      overflow: scroll;
      -webkit-overflow-scrolling: touch; }
      #et-nav .navbar-default .navbar-nav li {
        display: block;
        border-bottom: 1px solid rgba(210, 210, 210, 0.09);
        margin-right: 0;
        position: relative; }
      #et-nav .navbar-default .navbar-nav a {
        color: #fff;
        padding-left: 10px;
        position: relative; }
      #et-nav .navbar-default .navbar-nav .dropdown-menu {
        position: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        padding-left: 0;
        min-width: 100%; }
        #et-nav .navbar-default .navbar-nav .dropdown-menu li {
          padding: 10px 0; }
      #et-nav .navbar-default .navbar-nav .div-main-sub {
        border-right: none;
        margin-bottom: 0;
        padding: 0 0 0 30px;
        min-width: 100%; }
        #et-nav .navbar-default .navbar-nav .div-main-sub:last-child {
          margin-bottom: 20px; } }
      @media (max-width: 991px) and (max-width: 767px) {
        #et-nav .navbar-default .navbar-nav .div-main-sub:last-child li:last-child {
          border-bottom: none; } }
  @media (max-width: 991px) {
      #et-nav .navbar-default .navbar-nav .dropdown-toggle i.fa-angle-right {
        transition: all 0.25s ease;
        font-size: 22px;
        position: absolute;
        right: 15px;
        margin-top: 8px; }
      #et-nav .navbar-default .navbar-nav .open .dropdown-toggle i.fa-angle-right {
        transition: all 0.25s ease;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); } }
  @media (max-width: 991px) {
    #et-nav .navbar-header {
      float: none; }
    #et-nav .navbar-toggle {
      display: block; }
    #et-nav .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
    #et-nav .navbar-nav {
      float: none !important;
      margin: 7.5px -15px; }
    #et-nav .navbar-nav > li {
      float: none; }
    #et-nav .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px; }
    #et-nav .navbar-text {
      float: none;
      margin: 15px 0; }
    #et-nav .collapsing {
      overflow: hidden !important; } }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none; }

.overlay-nav, .overlay-user {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 99;
  display: none; }

@media (max-width: 991px) {
  .user-account-open {
    overflow: hidden; } }

.user-account .open .overlay-user {
  display: block;
  left: 0; }
  @media (min-width: 991px) {
    .user-account .open .overlay-user {
      display: none; } }
  @media (max-width: 991px) {
    .user-account .open .overlay-user {
      display: block; } }

@media (max-width: 991px) {
  .menu-nav-open #et-nav .navbar-collapse.collapse {
    display: block; } }

.title-aside {
  color: #2a394e;
  font-size: 17px;
  font-family: 'Montserrat', sans-serif; }

.slider {
  z-index: 0;
  width: 100%;
  position: relative;
  display: none; }
  @media (max-width: 767px) {
    .slider {
      height: 340px !important; } }
  @media (max-width: 480px) {
    .slider {
      height: 340px !important; } }
  .slider .backgound-under {
    background: rgba(51, 54, 70, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10; }
  .slider .background-image {
    position: relative;
    z-index: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .slider .background-image img {
      max-width: 100%;
      width: 100%;
      position: relative;
      z-index: 5;
      height: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) !important;
      -webkit-transform: translate(-50%, -50%) !important;
      -moz-transform: translate(-50%, -50%) !important;
      -o-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important; }
      @media (max-width: 1199px) {
        .slider .background-image img {
          max-width: initial; } }
      @media (max-width: 991px) {
        .slider .background-image img {
          max-width: initial;
          width: auto !important;
          height: 100%; } }
      @media (max-width: 767px) {
        .slider .background-image img {
          height: auto; } }

.statistic-job-number {
  position: absolute;
  bottom: 20px;
  z-index: 11;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-size: 18px;
  text-align: center; }
  .statistic-job-number .link-last-job {
    color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    display: inline-block; }
  .statistic-job-number i {
    font-size: 25px;
    font-weight: bold;
    position: relative;
    top: 4px;
    padding-left: 10px; }

.header-images {
  min-height: 250px;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
  top: 0;
  overflow: hidden; }
  .header-images img {
    width: 100%;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0%) !important;
    -webkit-transform: translate(-50%, 0%) !important;
    -moz-transform: translate(-50%, 0%) !important;
    -o-transform: translate(-50%, 0%) !important;
    -ms-transform: translate(-50%, 0%) !important; }
    @media (max-width: 991px) {
      .header-images img {
        width: auto; } }
    @media (max-width: 1199px) {
      .header-images img {
        width: auto; } }

.btn-post {
  border: 2px solid #fff !important;
  border-radius: 45px;
  color: #fff;
  background: none;
  padding: 25px 50px !important;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  font-family: 'Montserrat', sans-serif; }
  .btn-post i {
    transition: all 0.4s ease; }
  .btn-post:hover {
    color: #fff;
    text-decoration: none; }
    .btn-post:hover .cirlce-plus {
      background: #fff; }
      .btn-post:hover .cirlce-plus i {
        transition: all 0.4s ease;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        position: relative;
        bottom: 2px;
        left: 1px;
        color: #10a2ef; }
  .btn-post .cirlce-plus {
    background: #10a2ef;
    border-radius: 50%;
    padding: 15px 20px;
    position: relative;
    left: 36px; }
    @media (max-width: 991px) {
      .btn-post .cirlce-plus {
        left: 29px; } }

.banner-title {
  display: inline-block;
  width: 65%;
  vertical-align: top;
  font-size: 36px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold; }
  @media (max-width: 991px) {
    .banner-title {
      margin: 0 0 10px 0;
      font-size: 30px; } }

.name-button-post {
  display: inline-block;
  margin-bottom: 0; }
  @media (max-width: 480px) {
    .name-button-post {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%; } }

/*Effect slider scroll items*/
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation: bounce 5s 2;
  animation: bounce 5s 2;
  display: inline-block;
  color: #fff; }

.outer {
  position: relative;
  min-height: 448px; }

.form-search {
  width: 700px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .form-search {
      width: 100%; } }

.banner {
  min-height: 250px;
  position: relative; }

.search-slider {
  position: relative;
  z-index: 1; }
  .search-slider .function-images {
    position: absolute;
    right: 0;
    top: 15px; }
    .search-slider .function-images ul {
      padding: 0; }
      .search-slider .function-images ul li {
        display: inline-block;
        margin-right: 20px; }

.outer-form {
  background: #fff;
  border-radius: 45px;
  padding: 10px 0;
  width: 100%;
  margin: 0 auto;
  color: #2a394e;
  font-size: 21px;
  position: relative;
  text-align: left; }
  @media (max-width: 767px) {
    .outer-form {
      font-size: 18px;
      text-align: left;
      padding-left: 14px; }
      .outer-form input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 18px !important;
        position: relative;
        bottom: 0px; }
      .outer-form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        opacity: 1;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 18px !important;
        position: relative;
        bottom: 0px; }
      .outer-form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        opacity: 1;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 18px !important;
        position: relative;
        bottom: 0px; }
      .outer-form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 18px !important;
        position: relative;
        bottom: 0px; } }
  @media (max-width: 480px) {
    .outer-form {
      font-size: 16px;
      position: relative; }
      .outer-form input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        font-size: 16px !important;
        bottom: 0px; }
      .outer-form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        opacity: 1;
        font-size: 18px !important;
        bottom: 0px; }
      .outer-form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        opacity: 1;
        font-size: 16px !important;
        bottom: 0px; }
      .outer-form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 16px !important;
        bottom: 0px; } }
  .outer-form input {
    border: none;
    height: 45px;
    width: 308px;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    outline: none; }
    @media (max-width: 767px) {
      .outer-form input {
        width: 37%;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300; } }
  @media (max-width: 767px) {
    .outer-form .search-title:before {
      content: "\f002";
      font-family: "FontAwesome"; } }
  @media (max-width: 767px) {
    .outer-form .text-search {
      display: none; } }
  .outer-form input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 21px; }
  .outer-form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 21px; }
  .outer-form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 21px; }
  .outer-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 21px; }
  .outer-form .btn-submit {
    padding: 18px 33px;
    font-size: 18px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 767px) {
      .outer-form .btn-submit {
        padding: 10px 14px;
        bottom: 71px;
        position: absolute;
        right: 26px; } }
  .outer-form .text {
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; }
    @media (max-width: 767px) {
      .outer-form .text {
        margin-left: 0; } }

.search-form {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
  vertical-align: middle;
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%); }
  @media (max-width: 767px) {
    .search-form {
      padding: 15px 15px 60px 15px; }
      .search-form .btn-submit {
        bottom: 11px;
        right: 10px; } }
  .search-form h1 {
    font-size: 48px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 2px; }
    @media (max-width: 767px) {
      .search-form h1 {
        font-size: 23px; } }
  .search-form h4 {
    font-size: 18px;
    margin-bottom: 30px;
    font-style: italic; }
    @media (max-width: 767px) {
      .search-form h4 {
        font-size: 14px; } }
  .search-form .btn-search {
    height: 50px;
    padding: 0px 25px;
    position: absolute;
    right: 9px;
    bottom: 8px;
    border: none;
    border-radius: 45px;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    outline: none; }
    @media (max-width: 767px) {
      .search-form .btn-search {
        padding: 0 16px; } }
    @media (max-width: 480px) {
      .search-form .btn-search {
        right: 9px;
        bottom: 8px; } }
  .search-form .icon-search {
    position: absolute;
    margin: 15px 0 0 15px; }

.not-found-sub-text {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  padding-top: 5px; }
  @media (max-width: 767px) {
    .not-found-sub-text {
      display: none; } }
  .not-found-sub-text a {
    color: #10a2ef; }
  .not-found-sub-text .new-search-link {
    color: #10a2ef;
    cursor: pointer;
    font-weight: normal; }

.search-result {
  margin-top: 82px; }
  .search-result .block-title-text {
    width: calc(100% - 250px);
    margin: 0;
    line-height: 1.45em; }
    @media (max-width: 991px) {
      .search-result .block-title-text {
        width: 100%; } }
  @media (max-width: 991px) {
    .search-result {
      margin-top: 30px; } }
  .search-result .total-result {
    color: #898a90;
    font-size: 14px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    margin-top: 30px; }
  .search-result .block-title {
    position: relative; }
  .search-result .filter-by {
    position: absolute;
    top: 4px;
    right: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: none;
    margin: 0; }
    @media (max-width: 991px) {
      .search-result .filter-by {
        position: relative;
        bottom: 0; }
        .search-result .filter-by .status-filter {
          height: 44px; } }
    @media (max-width: 767px) {
      .search-result .filter-by {
        bottom: 0;
        position: relative; } }
    .search-result .filter-by > span {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
    .search-result .filter-by > select {
      display: inline-block;
      vertical-align: middle; }

.advanced-filters {
  margin-bottom: 50px; }
  .advanced-filters .filter-by-verified.form-group {
    margin-bottom: 0; }
    .advanced-filters .filter-by-verified.form-group label {
      font-weight: 400;
      color: #2a394e; }
  .advanced-filters .chosen-choices {
    /* @media (max-width:$screen-sm-max) {
            background: #fff !important;
            border: 1px solid #dfe0e5 !important;
            height: 38px !important;
        } */ }

.advanced-filters-item {
  margin-top: 30px;
  margin-bottom: 15px; }
  .advanced-filters-item .filter-title {
    color: #898a90;
    font-size: 14px;
    padding: 0;
    margin-bottom: 15px;
    font-family: "Open Sans" , sans-serif; }
  .advanced-filters-item .filter-budget-min {
    float: left;
    margin-right: 12px;
    width: calc(50% - 32px); }
    @media (max-width: 991px) {
      .advanced-filters-item .filter-budget-min {
        width: calc(50% - 65px);
        height: 44px;
        border: 1px solid #dfe0e5;
        padding-left: 12px !important;
        padding-right: 12px !important; } }
    @media (max-width: 767px) {
      .advanced-filters-item .filter-budget-min {
        width: calc(50% - 15px); } }
  .advanced-filters-item .filter-budget-max {
    width: calc(50% - 32px);
    margin-left: 12px; }
    @media (max-width: 991px) {
      .advanced-filters-item .filter-budget-max {
        width: calc(50% - 65px);
        height: 44px;
        border: 1px solid #dfe0e5;
        padding-left: 12px !important;
        padding-right: 12px !important; } }
    @media (max-width: 767px) {
      .advanced-filters-item .filter-budget-max {
        width: calc(50% - 15px); } }
  .advanced-filters-item .filter-price {
    padding-right: 0;
    width: 32px;
    border: none;
    background: none;
    text-align: right; }
    @media (max-width: 991px) {
      .advanced-filters-item .filter-price {
        background: #10a2ef;
        margin-left: 20px;
        padding: 0;
        width: 80px;
        height: 44px;
        color: #FFF;
        line-height: 42px;
        border-radius: 4px;
        text-align: center;
        vertical-align: top; } }
    @media (max-width: 767px) {
      .advanced-filters-item .filter-price {
        margin: 10px 0 0; } }
    .advanced-filters-item .filter-price:focus, .advanced-filters-item .filter-price:active, .advanced-filters-item .filter-price:hover {
      outline: none;
      box-shadow: none; }
  .advanced-filters-item .advanced-filters-item {
    margin-bottom: 40px; }

/**
 * Fix content search page
 */
body.filter-open {
  overflow: hidden; }
  @media (min-width: 992px) {
    body.filter-open {
      overflow: auto; } }

.filter-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #000; }
  .filter-backdrop.in {
    opacity: 0.5; }
  @media (min-width: 992px) {
    .filter-backdrop {
      display: none; } }

.search-result .block-title {
  margin: 0 0 65px;
  font-weight: 400;
  padding: 0 0 22px;
  border-bottom: 1px solid #dfe0e6; }

.show-filter-wrap {
  margin: 40px 0 0; }
  .show-filter-wrap a {
    display: block;
    padding: 15px 0;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #898a90;
    text-align: center;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    line-height: 1em; }
    .show-filter-wrap a i {
      margin-left: 6px; }

@media (max-width: 991px) {
  .mje-col-left-wrap {
    display: none; }
    .mje-col-left-wrap.active {
      display: block;
      background: #FFF;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10000;
      padding-left: 24px;
      padding-right: 24px;
      overflow-x: hidden;
      overflow-y: auto; } }
    @media (max-width: 991px) and (max-width: 767px) {
      .mje-col-left-wrap.active {
        padding-left: 10px;
        padding-right: 10px; } }

@media (max-width: 991px) {
      .mje-col-left-wrap.active .filter-by {
        display: block;
        margin: 30px 0 0; }
        .mje-col-left-wrap.active .filter-by > span {
          display: block;
          margin: 0 0 10px;
          font-family: "Montserrat", sans-serif;
          font-size: 16px;
          font-weight: 400;
          color: #2a394e;
          text-transform: uppercase;
          line-height: 1em; }
          .mje-col-left-wrap.active .filter-by > span > span {
            font-family: "Montserrat", sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #2a394e;
            display: none; }
        .mje-col-left-wrap.active .filter-by .status-filter {
          width: 100%; }
      .mje-col-left-wrap.active .menu-left {
        width: 100%;
        margin: 40px 0 0; }
        .mje-col-left-wrap.active .menu-left .title-menu {
          display: block;
          font-family: "Montserrat", sans-serif;
          font-size: 16px;
          font-weight: 400;
          color: #2a394e;
          line-height: 1em; }
        .mje-col-left-wrap.active .menu-left .button-dropdown-menu {
          margin-bottom: 0;
          height: 44px;
          padding-left: 12px; }
      .mje-col-left-wrap.active .filter-tags {
        width: 100%;
        margin: 40px 0 0; }
        .mje-col-left-wrap.active .filter-tags .title-menu {
          display: block;
          font-family: "Montserrat", sans-serif;
          font-size: 16px;
          font-weight: 400;
          color: #2a394e;
          line-height: 1em; }
      .mje-col-left-wrap.active .advanced-filters {
        margin-top: 36px; } }

.header-filter-wrap {
  padding: 30px 24px;
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dfe0e6; }
  @media (max-width: 767px) {
    .header-filter-wrap {
      margin-left: -10px;
      margin-right: -10px;
      padding: 16px 10px; } }
  .header-filter-wrap a {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #10a2ef; }
    .header-filter-wrap a i {
      margin-right: 6px; }

.clear-filter-btn {
  display: block;
  padding: 17px 0;
  background: #f9f9f9;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #898a90;
  border: 1px solid #dbdbdb;
  line-height: 1em;
  text-align: center;
  border-radius: 4px; }

.filter-price-mjob {
  font-size: 0; }
  .filter-price-mjob * {
    font-size: 14px; }
  .filter-price-mjob > span {
    color: #c1c2c7; }

@media (max-width: 991px) {
  .status-filter {
    padding-left: 10px; } }

.ml-35 {
  margin-left: 35px; }

.form-authentication input {
  min-height: 45px; }

.form-authentication input[type="checkbox"] {
  min-height: auto; }

.form-authentication .submit {
  border: none;
  padding: 10px 50px; }

.form-authentication .link-join {
  margin-top: 10px;
  min-height: 60px; }

.form-authentication .note-paragraph {
  text-align: center;
  margin-bottom: 55px; }

.form-authentication .check-terms {
  margin-left: 35px; }
  @media (max-width: 480px) {
    .form-authentication .check-terms p.error {
      top: 67px; } }

.signin-form {
  margin-top: 30px; }

.reset-pass-active {
  margin-top: 130px !important; }
  .reset-pass-active .reset-title {
    color: #10a2ef;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px; }

.page-sign-in {
  padding-top: 50px !important; }

.reset-pass {
  margin-top: 45px; }

.social-authentication {
  margin-top: 30px; }
  .social-authentication ul {
    margin: 0;
    padding: 0; }
  .social-authentication li {
    list-style: none; }
    .social-authentication li a {
      display: block;
      margin-bottom: 20px;
      padding: 10px 0 10px 20px; }
      .social-authentication li a.face {
        border: 1px solid #3b5998;
        color: #3b5998; }
      .social-authentication li a.twitter {
        border: 1px solid #68c5ef;
        color: #68c5ef; }
      .social-authentication li a.google {
        border: 1px solid #ea4335;
        color: #ea4335; }
      .social-authentication li a.linkin {
        border: 1px solid #007ab5;
        color: #007ab5; }
      .social-authentication li a i {
        margin-right: 10px; }

.form-reset {
  text-align: left;
  margin: 0 auto;
  width: 50%; }
  @media (max-width: 991px) {
    .form-reset {
      width: 60%; } }
  @media (max-width: 767px) {
    .form-reset {
      width: 100%; } }

@media (max-width: 767px) {
  #forgotPasswordForm {
    padding-top: 30px; } }

.open-forgot-modal {
  color: #e52e5d;
  position: relative;
  top: 10px;
  text-decoration: underline; }
  @media (max-width: 991px) {
    .open-forgot-modal {
      padding-left: 0; } }
  .open-forgot-modal:hover {
    color: #10a2ef; }

.forgot-pass {
  float: right; }
  @media (max-width: 767px) {
    .forgot-pass {
      text-align: left;
      margin: 20px 0;
      float: none; } }

.sign-in-button {
  float: left; }
  @media (max-width: 767px) {
    .sign-in-button {
      text-align: left;
      float: none; } }

.inner-form {
  padding: 50px 50px 20px 50px; }
  @media (max-width: 991px) {
    .inner-form {
      padding: 40px; } }
  @media (max-width: 767px) {
    .inner-form {
      padding: 15px; } }

.social {
  margin: 20px 0 10px 0; }
  @media (max-width: 991px) {
    .social {
      text-align: center; } }

.socials-head, .list-social-login {
  display: inline-block; }

.socials-head {
  font-size: 14px;
  margin: 40px 20px 0 0; }
  @media (max-width: 991px) {
    .socials-head {
      display: block;
      margin: 80px 0 35px 0; } }

.list-social-login {
  padding: 0; }
  @media (max-width: 991px) {
    .list-social-login {
      width: 100%; } }
  .list-social-login li {
    display: inline-block;
    margin-left: 25px; }
    @media (max-width: 991px) {
      .list-social-login li {
        font-size: 25px;
        width: 24%;
        text-align: center; }
        .list-social-login li:first-child {
          text-align: left;
          margin-left: 0; }
        .list-social-login li:last-child {
          text-align: right; } }
    .list-social-login li .fb {
      color: #002993; }
    .list-social-login li .gplus {
      color: #d72227; }
    .list-social-login li .tw {
      color: #03a9f4; }
    .list-social-login li .social-text {
      display: none; }

.not-member {
  border: 1px solid rgba(137, 138, 144, 0.2);
  padding: 35px 0; }
  .not-member a {
    color: #10a2ef; }

.insert-email input {
  width: 58% !important;
  display: inline-block; }
  @media (max-width: 767px) {
    .insert-email input {
      width: 100% !important; } }

.insert-email .btn-continue {
  display: inline-block;
  padding: 13px 30px;
  float: right; }
  .insert-email .btn-continue i {
    margin-left: 20px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 1px; }
  @media (max-width: 767px) {
    .insert-email .btn-continue {
      position: absolute;
      left: 35px;
      top: 90px; } }

.text-choosen {
  margin-left: 15px;
  color: #2a394e;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif; }
  .text-choosen a {
    color: #10a2ef;
    text-decoration: underline; }
  .text-choosen:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid #10a2ef;
    background: #fff; }
  .text-choosen:after {
    content: '\f00c';
    font-family: "FontAwesome";
    position: absolute;
    left: -34px;
    top: 1px;
    font-size: 14px;
    color: #10a2ef;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s; }

.checkbox .error {
  margin: 0 !important;
  position: absolute;
  top: 43px;
  left: 33px; }

.note-paragraph {
  color: #898a90;
  margin-bottom: 40px; }

#signUpFormStep1 p.error {
  right: 188px; }
  @media (max-width: 767px) {
    #signUpFormStep1 p.error {
      right: 0;
      margin-left: 0; } }

@media (max-width: 767px) {
  #signUpFormStep1 .social {
    margin-top: 150px !important; } }

.mjob-post-service {
  padding-top: 75px; }
  @media (max-width: 991px) {
    .mjob-post-service {
      margin-top: 30px; } }

.progress-bar {
  width: 350px;
  margin: 0 auto;
  padding-bottom: 70px;
  position: relative; }
  @media (max-width: 767px) {
    .progress-bar {
      width: 290px; } }
  .progress-bar .mjob-progress-bar-item {
    background: #d4dee6;
    border-radius: 45px; }
    .progress-bar .mjob-progress-bar-item .step-4-col .half {
      width: 42%; }
  .progress-bar ul {
    margin: 0;
    padding: 2px 0; }
    .progress-bar ul li {
      display: inline-block;
      width: 24%;
      position: relative;
      z-index: 3; }
      .progress-bar ul li:first-child {
        text-align: left;
        right: 7px; }
      .progress-bar ul li span {
        cursor: pointer; }
      .progress-bar ul li.active span {
        background: #fff;
        color: #10a2ef;
        border-radius: 45px;
        padding: 2px 18px;
        box-shadow: 2px 5px 30px rgba(16, 162, 239, 0.5); }
  .progress-bar .step-3-col li {
    width: 32% !important; }
    .progress-bar .step-3-col li:nth-child(3) {
      text-align: right;
      padding-right: 15px; }
      .progress-bar .step-3-col li:nth-child(3).active {
        left: 20px; }
  .progress-bar .step-4-col li:nth-child(4) {
    text-align: right;
    padding-right: 15px; }
    .progress-bar .step-4-col li:nth-child(4).active {
      left: 20px; }
  .progress-bar .half {
    width: 50%;
    display: block !important; }
  .progress-bar .full {
    width: 100%;
    display: block !important; }
  .progress-bar .done span {
    display: none; }
  .progress-bar .done:before {
    content: "\f00c";
    font-family: "FontAwesome";
    padding-left: 20px;
    color: #fff; }
  .progress-bar .progress-bar-success {
    display: none;
    background: #10a2ef;
    border-radius: 45px;
    position: absolute;
    z-index: 1;
    height: 22px;
    top: 1px; }

#step4 {
  display: none;
  width: 100%; }
  #step4 .list-price li p {
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 11px; }

#step-post {
  display: none; }

#step2, #step3 {
  display: none; }

#checkout-step2 {
  display: none; }
  #checkout-step2 li:hover:before {
    border-right: none !important; }

.sc_user_role {
  display: none; }

.package {
  position: relative;
  margin-bottom: 20px; }
  .package .chose-package {
    position: absolute;
    right: 20px;
    top: 10px; }
    @media (max-width: 480px) {
      .package .chose-package {
        position: relative;
        right: 0; } }
    .package .chose-package .price {
      color: #10a2ef;
      font-size: 30px;
      font-family: 'Montserrat', sans-serif; }
    .package .chose-package .btn-chose {
      border: none;
      padding: 10px 20px; }

.post-job {
  width: 70%;
  margin: 0 auto;
  text-align: left;
  padding: 0;
  margin-bottom: 100px; }
  @media (max-width: 991px) {
    .post-job {
      width: 100%; } }
  .post-job .attachment-image {
    margin-top: 40px; }
    .post-job .attachment-image.has-image .carousel_container {
      top: 27px; }
  .post-job .input-group .text-note {
    position: absolute;
    right: 0; }
  @media (max-width: 991px) {
    .post-job .category-area {
      margin-top: 40px; } }
  @media (max-width: 767px) {
    .post-job .category-area select {
      width: 100%;
      height: 35px;
      border: none;
      border-bottom: 1px solid rgba(137, 138, 144, 0.2);
      background: none; } }
  .post-job .category-area .input-group .input-group-addon {
    padding-top: 15px; }
  @media (max-width: 991px) {
    .post-job .category-area .input-group .chosen-container {
      width: 100% !important; } }
  .post-job .category-area .input-group .chosen-single {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .post-job .text-currency {
    width: 74% !important;
    float: right; }
  .post-job .select-gateway {
    text-align: center;
    color: #898a90; }
  .post-job .note-plan {
    color: #aaafb2;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin-bottom: 25px; }
  .post-job .select-plan {
    color: #2a394e;
    text-decoration: none; }
  .post-job #wp-post_content-editor-container {
    border: 1px solid #d2d2d2; }
  .post-job li {
    display: block;
    background: #fff;
    box-shadow: 2px 5px 43px rgba(188, 207, 219, 0.65);
    padding: 20px 20px 10px 20px;
    cursor: pointer;
    position: relative; }
    .post-job li:hover:before {
      content: "";
      border-right: 6px solid #10a2ef;
      position: absolute;
      height: 100%;
      right: 0;
      top: 0;
      transition-duration: 0.3s;
      transition-timing-function: ease-out; }
  .post-job .group-attachment {
    position: relative; }
  .post-job .btn-save {
    padding: 13px 90px;
    margin-top: 50px;
    vertical-align: inherit; }
    @media (max-width: 767px) {
      .post-job .btn-save {
        padding: 13px 60px; } }
  .post-job .btn-discard {
    color: #898a90;
    margin-left: 20px; }
  .post-job textarea {
    min-height: 300px; }
  .post-job .img-avatar {
    position: relative; }
  .post-job .outer-carousel-gallery {
    position: relative; }
    .post-job .outer-carousel-gallery label.error {
      bottom: 0; }
  .post-job .extra-price label.error {
    bottom: 55px; }
  .post-job .carousel-gallery {
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    height: auto; }
  .post-job .upload-description {
    position: absolute;
    z-index: 1;
    text-align: center;
    color: #898a90;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important; }
    .post-job .upload-description i {
      font-size: 50px;
      margin-bottom: 10px; }
  .post-job .show {
    display: block; }
  .post-job .hide {
    display: none; }
  .post-job .functions-link {
    position: absolute;
    right: 0;
    top: 45px; }
    .post-job .functions-link ul {
      margin: 0;
      padding: 0; }
      .post-job .functions-link ul li {
        display: inline-block;
        margin-right: 30px;
        cursor: none; }
  .post-job .job-items {
    position: relative; }
    .post-job .job-items .remove-items {
      position: absolute;
      right: -28px;
      top: 13px;
      color: #e52e5d;
      z-index: 99; }
  .post-job .add-more {
    margin: 0 0 30px 0; }
    .post-job .add-more a {
      color: #898a90; }
      .post-job .add-more a .icon-plus {
        background: #10a2ef;
        color: #fff;
        border-radius: 50%;
        padding: 3px 7px;
        margin-left: 10px; }
  .post-job .package {
    margin-bottom: 30px; }
    .post-job .package .cate-package {
      color: #2a394e;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
    .post-job .package .content-package, .post-job .package .name-package {
      width: 70%; }
      @media (max-width: 480px) {
        .post-job .package .content-package, .post-job .package .name-package {
          width: 100%; } }
    .post-job .package .no-free-package ul {
      margin: 0 0 30px 0;
      padding: 0; }
      .post-job .package .no-free-package ul li {
        display: inline-block;
        margin-right: 20px; }
  .post-job .btn-discard {
    border: none;
    padding: 10px 20px; }
  .post-job .extra-item {
    margin: 0;
    border: 1px solid rgba(137, 138, 144, 0.2);
    margin-bottom: 20px !important; }
    @media (max-width: 991px) {
      .post-job .extra-item {
        width: 96%; } }
    .post-job .extra-item .name-item-extra {
      border-right: 1px solid rgba(137, 138, 144, 0.2); }
    .post-job .extra-item input {
      border: none; }
    .post-job .extra-item .input-items, .post-job .extra-item .text-currency {
      padding: 0 15px !important; }
  .post-job .chosen-container-single .chosen-single {
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(137, 138, 144, 0.2);
    padding-bottom: 45px;
    padding-left: 0; }
  .post-job .chosen-container-single .chosen-single span {
    padding-top: 10px;
    color: #c1c2c7;
    font-size: 14px; }
  .post-job .chosen-container-single .chosen-single div {
    top: 12px; }
  .post-job .chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0; }
  .post-job .chosen-container .chosen-single span {
    /* WebKit, Blink, Edge */
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #c1c2c7; }
  .post-job .chosen-container .chosen-results li {
    line-height: 30px;
    background: none;
    box-shadow: none;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif; }
    .post-job .chosen-container .chosen-results li:before {
      border-right: none !important; }
  .post-job .skill-control input {
    width: 100% !important;
    line-height: 25px !important; }
  .post-job .skill-control span {
    display: block;
    color: rgba(137, 138, 144, 0.6);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700; }
  .post-job .skill-control .skills-list {
    padding-left: 0; }
    .post-job .skill-control .skills-list li {
      display: inline-block;
      background: #dae0e6;
      box-shadow: none;
      padding: 8px 20px;
      margin: 30px 20px 0 0;
      border-radius: 45px; }
      .post-job .skill-control .skills-list li:hover {
        border-right: 0; }
        .post-job .skill-control .skills-list li:hover:before {
          border-right: none !important; }
      .post-job .skill-control .skills-list li .delete {
        color: #2a394e; }
      .post-job .skill-control .skills-list li .text-ellipsis {
        color: #2a394e;
        display: inline-block;
        margin-right: 10px;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif; }

.list-price {
  text-align: center; }
  @media (max-width: 991px) {
    .list-price {
      padding: 0 15px;
      margin-top: 50px; } }
  .list-price li {
    text-align: center;
    padding-top: 40px;
    background: none;
    box-shadow: none;
    display: inline-block; }
    @media (max-width: 767px) {
      .list-price li {
        width: 100%; } }
    .list-price li:hover:before {
      border-right: none; }
    .list-price li .outer-payment-items {
      background: #fff;
      box-shadow: 1px 3px 9px #d2d2d2;
      height: 200px;
      width: 210px; }
      .list-price li .outer-payment-items.hvr-underline-from-left {
        display: inherit; }
        .list-price li .outer-payment-items.hvr-underline-from-left:before {
          background: #10a2ef;
          height: 6px; }
      @media (max-width: 767px) {
        .list-price li .outer-payment-items {
          height: auto;
          padding: 20px 0 20px 30px;
          width: 100%; } }
    @media (max-width: 991px) {
      .list-price li {
        padding: 0 15px;
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .list-price li {
        vertical-align: middle;
        text-align: left;
        margin-bottom: 20px; } }
    .list-price li a {
      display: block;
      padding-top: 50px; }
      @media (max-width: 767px) {
        .list-price li a {
          text-align: left;
          padding-top: 0; } }
    @media (max-width: 767px) {
      .list-price li p {
        display: inline-block;
        padding-left: 20px; } }
    .list-price li img {
      margin: 0 auto;
      padding-bottom: 20px; }
      @media (max-width: 767px) {
        .list-price li img {
          display: inline-block;
          padding-bottom: 0; } }
    .list-price li:hover {
      border-right: 0; }
    .list-price li .btn-submit-price-plan {
      color: #2a394e;
      font-size: 18px;
      font-family: 'Montserrat', sans-serif; }
      .list-price li .btn-submit-price-plan .text-cash {
        text-transform: uppercase; }

@media (max-width: 767px) {
  .attachment-image {
    margin-top: 0; } }

.attachment-image .add-img {
  cursor: pointer; }

.attachment-image ul {
  margin: 0;
  padding: 0;
  float: left; }
  @media (max-width: 767px) {
    .attachment-image ul {
      margin-top: 20px; } }
  .attachment-image ul li {
    display: inline-block;
    margin: 0 20px 20px 0;
    position: relative;
    cursor: pointer;
    background: none;
    box-shadow: none;
    padding: 0;
    vertical-align: middle;
    /* checkbox aspect */
    /* checked mark aspect */
    /* checked mark aspect changes */ }
    .attachment-image ul li:hover:before {
      border-right: none; }
    .attachment-image ul li .delete-img {
      position: absolute;
      left: -11px;
      top: -13px;
      background: #fff;
      border-radius: 50%;
      padding: 2px 6px;
      box-shadow: 1px 3px 9px #dfe0e5;
      color: #898a90; }
    .attachment-image ul li input[type="radio"] {
      display: block;
      height: 15px;
      width: 15px;
      margin-right: 10px;
      margin-bottom: 20px;
      top: 10px; }
    .attachment-image ul li input[type="radio"]:not(:checked),
    .attachment-image ul li input[type="radio"]:checked {
      position: absolute; }
    .attachment-image ul li input[type="radio"]:not(:checked),
    .attachment-image ul li input[type="radio"]:checked {
      position: relative;
      cursor: pointer;
      margin: 0 auto; }
    .attachment-image ul li input[type="radio"]:not(:checked):before,
    .attachment-image ul li input[type="radio"]:checked:before {
      content: '';
      position: absolute;
      left: 0px;
      top: -1px;
      width: 15px;
      height: 15px;
      border: 1px solid #10a2ef;
      background: #fff;
      border-radius: 50%; }
    .attachment-image ul li input[type="radio"]:not(:checked):after,
    .attachment-image ul li input[type="radio"]:checked:after {
      content: '\f111';
      font-family: "FontAwesome";
      position: absolute;
      left: 4px;
      top: 2px;
      font-size: 8px;
      color: #10a2ef;
      transition: all .2s;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -ms-transition: all .2s;
      -o-transition: all .2s; }
    .attachment-image ul li input[type="radio"]:not(:checked):after {
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0);
      width: 15px;
      height: 15px; }
    .attachment-image ul li input[type="radio"]:checked:after {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
      width: 15px;
      height: 15px; }
    .attachment-image ul li img {
      width: 160px;
      height: 90px;
      border-radius: 4px; }
      .attachment-image ul li img:hover {
        border: 2px solid #10a2ef; }
    .attachment-image ul li .remove-link {
      position: absolute;
      top: 42%;
      left: 46%;
      display: none; }
    .attachment-image ul li:hover .remove-link {
      display: block; }
    .attachment-image ul li .image-upload label {
      cursor: pointer; }
    .attachment-image ul li .image-upload input {
      display: none; }
    .attachment-image ul li .image-upload .add-img img {
      position: relative;
      bottom: 10px;
      width: auto;
      height: auto; }
      .attachment-image ul li .image-upload .add-img img:hover {
        border: none; }

#authentication-page #signUpForm {
  display: none; }

#authentication-page .not-member {
  border: none; }

#authentication-page .list-social-login {
  padding: 0; }
  #authentication-page .list-social-login li {
    display: inline-block;
    background: none;
    box-shadow: none;
    padding: 0; }
    #authentication-page .list-social-login li:hover {
      border-right: 0; }
    #authentication-page .list-social-login li:before {
      content: "";
      border-right: 0 !important; }

#authentication-page .btn-back-sign {
  margin-left: 50px;
  padding-top: 30px; }
  #authentication-page .btn-back-sign i {
    padding-right: 10px; }

#authentication-page .focus-signin-form {
  color: #aaafb3; }

@media (max-width: 767px) {
  .size-package {
    display: block;
    margin-top: 5px; } }

@media (max-width: 767px) {
  .text-cash, .text-checkout, .text-bank, .img-logo {
    display: inline-block; } }

@media (max-width: 767px) {
  .text-cash, .text-checkout, .text-bank {
    padding-left: 40px; } }

@media (max-width: 480px) {
  .text-cash, .text-checkout, .text-bank {
    padding-left: 10px; } }

#link-modal-title {
  background: #10a2ef !important;
  color: #fff;
  text-align: center;
  padding: 25px 0 !important;
  height: auto !important;
  text-shadow: none;
  font-weight: inherit !important; }

#wp-link-close {
  color: #fff !important;
  left: 16px;
  top: 27px !important;
  outline: none; }
  #wp-link-close .screen-reader-text {
    display: none; }

#wp-link #link-options {
  padding: 30px 30px 0 30px !important; }
  #wp-link #link-options .howto {
    margin: 0 0 10px 0 !important; }

#link-selector {
  top: 84px !important; }

#link-selector div {
  margin-bottom: 15px; }
  #link-selector div input[type="text"] {
    height: 35px;
    width: 100% !important;
    padding: 0 15px; }
  #link-selector div label {
    display: block !important; }

#wp-link #link-options label span, #wp-link #search-panel label span.search-label {
  display: block !important;
  width: auto !important;
  text-align: left !important;
  margin-bottom: 8px; }

#wp-link p.howto {
  margin: 27px 29px !important; }

#wp-link-submit {
  background: #10a2ef;
  color: #fff;
  border-radius: 45px;
  padding: 10px 40px;
  border: none; }

#wp-link-cancel a {
  color: #10a2ef;
  position: relative;
  top: 9px; }

.moxie-shim {
  width: 100% !important;
  height: 100% !important;
  z-index: 99999999;
  left: 0; }
  .moxie-shim input {
    display: block !important; }

#most-recent-results, .howto, #search-panel {
  display: none !important; }

.post-job.edit-mjob-form .category-area .input-group .chosen-container {
  width: 322px; }

.has-price-field .category-area {
  margin-top: 40px; }
  @media (max-width: 991px) {
    .has-price-field .category-area {
      width: 100%; }
      .has-price-field .category-area .chosen-container {
        width: 100% !important; } }

@media (max-width: 767px) {
  .has-price-field .delivery-area {
    margin-top: 25px; } }

.title-opening-message i {
  margin-left: 8px;
  cursor: pointer; }

textarea.input-opening-message {
  border: 1px solid rgba(137, 138, 144, 0.2) !important;
  margin-top: 5px;
  min-height: 200px !important; }

.step-post .popover {
  max-width: 50%; }
  @media (max-width: 767px) {
    .step-post .popover {
      max-width: 100%;
      left: 0 !important;
      top: -270px !important; } }
  .step-post .popover .popover-title span {
    color: #2a394e;
    font-style: italic;
    font-weight: 500; }
  .step-post .popover .popover-title .icon-message {
    width: 7%;
    padding-top: 5px; }
    .step-post .popover .popover-title .icon-message i {
      margin-left: 0;
      cursor: default; }
  .step-post .popover .popover-title .text-message {
    width: 93%;
    line-height: 25px; }

.step-post .carousel_container {
  display: inline-block; }

.mjob-extras-wrapper {
  clear: both; }
  .mjob-extras-wrapper label.error {
    display: none !important; }
  .mjob-extras-wrapper .label-currency {
    padding: 0 10px;
    position: absolute;
    top: 13px; }
  .mjob-extras-wrapper .text-currency {
    text-align: right; }

.redirect-content {
  margin-top: 80px; }

@media (max-width: 991px) {
  .admin-bar #content {
    padding-top: 39px; } }

@media (max-width: 767px) {
  .admin-bar #content {
    padding-top: 20px; } }

#content {
  min-height: 700px; }
  @media (max-width: 991px) {
    #content {
      padding-top: 85px; } }
  @media (max-width: 767px) {
    #content {
      padding-top: 65px; } }
  #content .main-content {
    margin-top: 50px; }
  #content .list-page {
    margin-top: 50px; }

.tags .chosen-container-multi .chosen-choices {
  height: 35px;
  line-height: 30px;
  background: none;
  border: none;
  border-bottom: 1px solid #dfe0e6;
  box-shadow: none;
  border-radius: 0; }
  @media (max-width: 991px) {
    .tags .chosen-container-multi .chosen-choices {
      border: 1px solid #dfe0e6;
      padding-left: 12px;
      padding-right: 12px; } }

.tags .chosen-container-multi .chosen-choices li.search-choice {
  background: #dae0e6;
  color: #2a394e;
  font-size: 12px;
  border: none;
  box-shadow: none;
  border-radius: 50px;
  padding: 6px 25px 6px 15px; }
  @media (max-width: 991px) {
    .tags .chosen-container-multi .chosen-choices li.search-choice {
      margin-top: 8px; } }

.tags .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 8px;
  right: 9px; }

.tags .chosen-container .chosen-drop {
  top: 100% !important; }

@media (max-width: 991px) {
  .tags .search-field input[type="text"] {
    min-height: 40px; } }

.line-distance {
  width: 30px;
  padding-top: 10px; }
  .line-distance:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(16, 162, 239, 0.5); }
  .line-distance:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 50%;
    height: 2px;
    background-color: #10a2ef;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1; }

.rate-it {
  display: inline-block; }

.fa-star-o:before {
  content: "\f005" !important;
  color: #e5e5e5; }

.fa-star, .fa-star-half-o {
  color: #10a2ef; }

.how-it-work {
  margin: 80px 0;
  text-align: center; }
  .how-it-work h2 {
    font-size: 18px; }

.featured-job .mjob-item:nth-child(4n+1) {
  clear: both; }

@media (max-width: 991px) {
  .featured-job .mjob-item:nth-child(4n+1) {
    clear: none; }
  .featured-job .mjob-item:nth-child(3n+1) {
    clear: both; } }

@media (max-width: 767px) {
  .featured-job .mjob-item:nth-child(3n+1) {
    clear: none; } }

.block-intro {
  background: url(../img/bg-intro.png);
  background-size: cover;
  width: 100%;
  padding-bottom: 80px;
  padding-top: 37px; }
  @media (max-width: 991px) {
    .block-intro {
      margin-top: 0;
      padding-bottom: 50px; } }
  .block-intro ul {
    padding: 0;
    margin-top: 20px; }
    .block-intro ul li {
      margin-bottom: 30px;
      list-style: none;
      padding-left: 0; }
  .block-intro h5 a.title {
    font-size: 18px;
    color: #2a394e;
    font-family: 'Montserrat', sans-serif; }
  .block-intro .icon-article {
    margin-top: 10px; }
    .block-intro .icon-article img {
      width: 30px;
      height: 30px; }
  .block-intro .text-article {
    width: 82%; }
    @media (max-width: 991px) {
      .block-intro .text-article {
        width: 90%;
        padding-right: 30px; } }
    @media (max-width: 767px) {
      .block-intro .text-article {
        width: 81%; } }
  .block-intro .load-more {
    color: #10a2ef;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    position: relative;
    top: 20px;
    clear: both; }
    .block-intro .load-more a {
      color: #10a2ef; }
    .block-intro .load-more i {
      padding-left: 20px;
      font-size: 20px; }
    @media (max-width: 991px) {
      .block-intro .load-more {
        text-align: left;
        top: 0;
        margin-left: 72px; } }
    @media (max-width: 767px) {
      .block-intro .load-more {
        margin-left: 18%; } }

.block-social {
  text-align: center;
  line-height: 30px;
  display: inline-block; }
  .block-social p {
    margin: 0 100px 20px 100px; }
  .block-social li {
    display: inline-block;
    margin-right: 20px; }
    .block-social li:last-child {
      margin-right: 0; }

.title-pages {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 50px;
  display: block; }

.block-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 27px;
  margin-bottom: 50px;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .block-title {
      font-size: 20px;
      margin-bottom: 25px; } }

.block-hot-items {
  background: #ecf5fa;
  text-align: center; }
  @media (max-width: 991px) {
    .block-hot-items .hvr-float-shadow:before {
      display: none; } }
  .block-hot-items .inner-hot-items {
    padding: 65px 15px 50px 15px; }
    @media (max-width: 991px) {
      .block-hot-items .inner-hot-items {
        padding-top: 20px; } }
    @media (max-width: 767px) {
      .block-hot-items .inner-hot-items {
        padding-top: 0; }
        .block-hot-items .inner-hot-items ul {
          margin: 0; } }
    .block-hot-items .inner-hot-items .block-title {
      margin-bottom: 60px; }
      @media (max-width: 767px) {
        .block-hot-items .inner-hot-items .block-title {
          margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .block-hot-items {
      padding: 45px 0; } }
  @media (max-width: 1199px) {
    .block-hot-items {
      padding: 45px 0; } }
  @media (max-width: 767px) {
    .block-hot-items {
      padding: 20px 0; }
      .block-hot-items .block-title {
        margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .block-hot-items .hvr-float-shadow {
      display: block; } }
  @media (max-width: 767px) {
    .block-hot-items .hvr-float-shadow {
      display: initial; } }
  .block-hot-items ul {
    padding: 0;
    background: #fff;
    border-left: 1px solid #cae3f3;
    border-top: 1px solid #cae3f3;
    margin-bottom: 70px; }
    @media (max-width: 991px) {
      .block-hot-items ul {
        margin-bottom: 0; } }
    .block-hot-items ul li {
      display: inline-block;
      border-right: 1px solid #cae3f3;
      border-bottom: 1px solid #cae3f3;
      height: 204px; }
      @media (max-width: 991px) {
        .block-hot-items ul li {
          padding: 25px 0;
          height: auto; } }
      .block-hot-items ul li a {
        color: #2a394e;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        padding: 45px 0;
        display: block; }
      .block-hot-items ul li .avatar {
        position: relative;
        margin-bottom: 13px; }
        .block-hot-items ul li .avatar .line {
          margin: 0 auto;
          padding-top: 15px; }
        .block-hot-items ul li .avatar img {
          width: 55px;
          height: 55px;
          border-radius: 50%;
          border: 1px solid #10a2ef;
          padding: 4px; }
      .block-hot-items ul li .name-items {
        margin-top: 0;
        color: #2a394e;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-transform: uppercase; }
      @media (max-width: 991px) {
        .block-hot-items ul li {
          text-align: left;
          padding-left: 30px; }
          .block-hot-items ul li .avatar, .block-hot-items ul li .name-items {
            float: left; }
          .block-hot-items ul li .avatar {
            margin-right: 30px; }
          .block-hot-items ul li .name-items {
            width: 48%;
            height: 30px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 24px; } }
      @media (max-width: 767px) {
        .block-hot-items ul li {
          padding: 0 0 10px 0;
          text-align: center; }
          .block-hot-items ul li .avatar, .block-hot-items ul li .name-items {
            display: block;
            margin-right: 0;
            text-align: center; }
          .block-hot-items ul li .avatar {
            float: inherit; }
          .block-hot-items ul li .name-items {
            text-overflow: ellipsis;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            padding: 0 15px; }
          .block-hot-items ul li a {
            font-family: 'Montserrat', sans-serif; } }
  .block-hot-items .see-all a {
    color: #10a2ef;
    font-family: 'Montserrat', sans-serif; }
  .block-hot-items .see-all i {
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 1px; }

.featured-job {
  margin-top: 50px;
  padding-left: 0; }
  @media (max-width: 767px) {
    .featured-job {
      margin-top: 30px; } }

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  height: 30px;
  min-width: 190px;
  font-family: inherit;
  font-size: 14px; }

.chosen-results {
  padding: 0 15px;
  margin-top: 0 !important; }
  .chosen-results .level-0 {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none; }
  .chosen-results .level-1 {
    padding-left: 30px !important;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none; }

@media (max-width: 991px) {
  #wpadminbar {
    z-index: 99; } }

.home #et-header {
  min-height: 124px; }
  @media (max-width: 991px) {
    .home #et-header {
      min-height: 85px; } }
  @media (max-width: 767px) {
    .home #et-header {
      min-height: 65px; } }

.home .et-pull-top {
  position: fixed;
  top: auto;
  width: 100%;
  z-index: 999; }
  @media (max-width: 767px) {
    .home .et-pull-top {
      position: relative; } }

@media (max-width: 767px) {
  .home .search-bar {
    display: none; } }

.home #et-nav {
  top: 84px;
  position: relative;
  z-index: 99; }
  @media (max-width: 991px) {
    .home #et-nav {
      z-index: 9999; } }
  @media (max-width: 991px) {
    .home #et-nav .navbar-default {
      position: fixed;
      bottom: inherit; } }

.block-items {
  margin: 60px 0 0 0;
  text-align: left; }
  @media (max-width: 767px) {
    .block-items {
      margin-top: 30px; } }
  .block-items .item {
    border: 1px solid #d2d2d2;
    padding: 8px;
    margin-left: 30px !important; }
    .block-items .item:first-child {
      margin-left: 0; }
  .block-items ul li {
    list-style: none; }

body.archive .block-title {
  font-weight: 400;
  line-height: 1.45em; }
  @media (max-width: 991px) {
    body.archive .block-title {
      display: block;
      width: 100%;
      overflow: hidden; } }

.job-items-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  width: 47%; }
  @media (max-width: 767px) {
    .job-items-title {
      text-align: center; }
      .job-items-title .banner-title {
        margin-right: 0;
        width: auto;
        font-size: 23px; } }
  @media (max-width: 480px) {
    .job-items-title {
      padding-top: 0;
      width: 80%; }
      .job-items-title .banner-title {
        display: block; } }
  .job-items-title .btn-post {
    margin-top: 10px;
    padding: 10px 20px;
    border: none;
    position: relative;
    overflow: hidden; }
    @media (max-width: 991px) {
      .job-items-title .btn-post {
        padding: 20px 36px !important; } }
    @media (max-width: 480px) {
      .job-items-title .btn-post {
        width: 100%; }
        .job-items-title .btn-post .cirlce-plus {
          position: absolute;
          bottom: 6px;
          right: 9px;
          left: inherit; } }
    @media (max-width: 320px) {
      .job-items-title .btn-post .name-button-post {
        text-align: left; } }

.list-mjobs {
  padding: 0; }
  .list-mjobs li.mjob-item:nth-child(3n+1) {
    clear: both; }
  @media (max-width: 767px) {
    .list-mjobs li.mjob-item:nth-child(3n+1) {
      clear: none; }
    .list-mjobs li.mjob-item:nth-child(2n+1) {
      clear: both; } }
  @media (max-width: 991px) {
    .list-mjobs {
      padding-left: 0; } }

.functions-items {
  border-bottom: 1px solid #dfe0e5;
  padding-bottom: 24px;
  margin: 82px 0 40px 0; }
  @media (max-width: 991px) {
    .functions-items {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .functions-items {
      margin-top: 0;
      border-bottom: none;
      margin-bottom: 10px; } }

.filter-by, .view-as {
  display: inline-block;
  cursor: pointer;
  margin-top: 25px; }
  .filter-by select, .view-as select {
    height: 37px;
    border: 1px solid #dfe0e6;
    background: none;
    border-radius: 0; }

@media (max-width: 767px) {
  select.multi-tax-item {
    width: 100%;
    margin-bottom: 20px;
    height: 44px !important;
    background: none !important;
    border: 1px solid #dfe0e5 !important;
    padding-right: 10px;
    padding-right: 10px; } }

@media (max-width: 767px) {
  .filter-by {
    width: 100%; } }

@media (max-width: 767px) {
  .filter-by span {
    display: none; } }

.filter-by .status-filter {
  width: 180px;
  border: 1px solid #dfe0e6;
  height: 30px; }
  @media (max-width: 767px) {
    .filter-by .status-filter {
      width: 100%;
      height: 44px;
      background: none !important; } }

.view-as {
  margin-left: 20px; }
  .view-as ul {
    padding: 0; }
    .view-as ul li {
      display: inline-block;
      padding: 3px 10px;
      border: 1px solid #dfe0e5;
      color: #c1c2c7; }
      .view-as ul li:first-child {
        margin-left: 0; }
      .view-as ul li.active {
        background: #898a90;
        color: #fff;
        border: none; }
      .view-as ul li i {
        font-weight: bold; }

.statistic {
  border: 1px solid #d2d2d2;
  padding: 8px;
  margin-bottom: 20px; }
  .statistic ul {
    padding-left: 0; }
    .statistic ul li {
      display: block;
      padding: 10px 0; }

.set-status {
  position: relative; }
  .set-status .tooltip > .tooltip-inner {
    background-color: #10a2ef; }
  .set-status .tooltip > .tooltip-arrow {
    border-top-color: #10a2ef; }

.block-items ul li:hover .status {
  display: block !important;
  position: absolute; }

.fullwidth {
  width: 100%;
  text-align: left; }
  .fullwidth img {
    float: left;
    width: 260px !important; }
  .fullwidth .information-items {
    float: left;
    padding-left: 20px; }
  .fullwidth .inner .star, .fullwidth .inner .bookmark {
    position: absolute;
    right: 15px; }

.title-menu {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  text-transform: uppercase; }

.menu-left, .filter-tags {
  position: relative; }
  @media (max-width: 991px) {
    .menu-left, .filter-tags {
      display: inline-block;
      width: 49%; }
      .menu-left .title-menu, .filter-tags .title-menu {
        display: none; } }
  @media (max-width: 767px) {
    .menu-left, .filter-tags {
      width: 100%; } }

@media (max-width: 991px) {
  .menu-left {
    margin-right: 10px; } }

.filter-tags {
  margin-bottom: 50px; }
  @media (max-width: 991px) {
    .filter-tags {
      margin-bottom: 0;
      /* .chosen-choices{
      background: $white-base !important;
      border: 1px solid #dfe0e5 !important;
      height: 38px !important;
    } */ } }

.menu-left .dropdown-menu {
  display: block;
  border: none;
  background: none;
  position: inherit;
  box-shadow: none;
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    .menu-left .dropdown-menu {
      display: none;
      position: absolute;
      background: #fff;
      border: 1px solid #dfe0e5;
      padding: 15px; } }

.menu-left .button-dropdown-menu {
  display: none; }
  .menu-left .button-dropdown-menu:focus {
    outline: none; }
  @media (max-width: 991px) {
    .menu-left .button-dropdown-menu {
      display: block;
      width: 100%;
      text-align: left;
      height: 44px;
      margin-bottom: 20px;
      background: #fff;
      box-shadow: none;
      border: 1px solid #dfe0e6;
      padding-left: 12px; }
      .menu-left .button-dropdown-menu .caret {
        float: right;
        margin-top: 7px;
        margin-right: 5px; } }

.open > .dropdown-menu {
  display: block !important; }

.accordion {
  width: 100%;
  padding-left: 0; }
  @media (max-width: 991px) {
    .accordion {
      overflow: scroll;
      height: 250px; } }
  .accordion a.active {
    color: #10a2ef;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700; }
  .accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 0;
    font-size: 14px;
    position: relative;
    transition: all 0.4s ease;
    font-family: 'Open Sans', sans-serif; }
    .accordion .link a {
      color: #898a90;
      display: block; }
      .accordion .link a:hover {
        color: #10a2ef;
        text-decoration: none; }
      .accordion .link a.active {
        color: #10a2ef; }
    .accordion .link:hover i {
      color: #10a2ef; }
  .accordion li {
    list-style: none;
    /*&:hover a{
      color: $blue-light-base;
      text-decoration: none;
    }*/ }
    .accordion li:last-child .link {
      border-bottom: 0; }
    .accordion li i {
      position: absolute;
      top: 19px;
      right: 0;
      font-size: 14px;
      color: #898a90;
      transition: all 0.4s ease; }
      @media (max-width: 991px) {
        .accordion li i {
          font-size: 20px;
          margin-left: 50px; } }
      .accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px; }
    .accordion li.open .link a.active {
      color: #10a2ef;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
    .accordion li.open i {
      color: #10a2ef; }
      .accordion li.open i.fa-chevron-right {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
    .accordion li.open .submenu {
      display: block !important; }

.submenu {
  display: none;
  font-size: 14px;
  padding-left: 10px;
  border-left: 6px solid #10a2ef; }
  .submenu a {
    display: block;
    text-decoration: none;
    color: #898a90;
    padding: 15px;
    transition: all 0.25s ease;
    font-family: 'Open Sans', sans-serif; }
    .submenu a:hover {
      color: #10a2ef; }

.sub-caterogies {
  padding-left: 0; }
  .sub-caterogies li {
    display: block;
    padding: 8px 0; }
    .sub-caterogies li a {
      color: #2a394e;
      text-decoration: none; }
      .sub-caterogies li a:hover {
        color: #10a2ef;
        font-weight: bold; }

#accordion > li.active > .link > a {
  color: #10a2ef;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700; }

.paginations-wrapper {
  margin: 0 20px 40px 0; }
  @media (max-width: 991px) {
    .paginations-wrapper {
      text-align: center; } }
  .paginations-wrapper .page-numbers {
    margin-right: 30px;
    color: #2a394e; }
    @media (max-width: 767px) {
      .paginations-wrapper .page-numbers {
        margin-right: 20px; } }
    .paginations-wrapper .page-numbers:hover {
      color: #10a2ef;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
  .paginations-wrapper .current {
    color: #10a2ef;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px; }

.pending-color {
  background: #fda933;
  box-shadow: 1px 3px 9px rgba(253, 169, 51, 0.5); }

.active-color {
  background: #00ccbb;
  box-shadow: 1px 3px 9px rgba(0, 204, 187, 0.5); }

.pause-color {
  background: #2a394e;
  box-shadow: 1px 3px 9px rgba(42, 57, 78, 0.5); }

.disputed-color {
  background: #5d8635;
  box-shadow: 1px 3px 9px rgba(93, 134, 53, 0.5); }

.reject-color {
  background: #9b9c85;
  box-shadow: 1px 3px 9px rgba(155, 156, 133, 0.5); }

.draft-color {
  background: #aaafb3;
  box-shadow: 1px 3px 9px rgba(170, 175, 179, 0.5); }

.archive-color {
  background: #e56a2e;
  box-shadow: 1px 3px 9px rgba(229, 106, 46, 0.5); }

.featured-color {
  background: #e52e5d;
  box-shadow: 1px 3px 9px rgba(229, 46, 93, 0.5); }

.finished-color {
  background: #78b939;
  box-shadow: 1px 3px 9px rgba(120, 185, 57, 0.5); }

.delivered-color {
  background: #3ec2eb;
  box-shadow: 1px 3px 9px rgba(62, 194, 235, 0.5); }

.disputing-color {
  background: #3b567b;
  box-shadow: 1px 3px 9px rgba(59, 86, 123, 0.5); }

.late-color {
  background: #ef0c1c;
  box-shadow: 1px 3px 9px rgba(239, 12, 28, 0.5); }

.order-color {
  background: #fda933;
  box-shadow: 1px 3px 9px rgba(253, 169, 51, 0.5); }

.get-offer-color {
  background: #10a2ef;
  box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5); }

.finished-text {
  color: #78b939; }

.pending-text {
  color: #fda933; }

.disputing-text {
  color: #3b567b; }

.active-text, .publish-text, .unpause-text {
  color: #00ccbb; }

.late-text {
  color: #ef0c1c; }

.disputed-text {
  color: #5d8635; }

.delivered-text {
  color: #3ec2eb; }

.archive-text {
  color: #e56a2e; }

.pause-text {
  color: #537ab1; }

.draft-text {
  color: #aaafb3; }

.reject-text {
  color: #9b9c85; }

.notification {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 22px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=9);
  z-index: 9999999; }

.success-bg {
  background-color: #1B83D3; }

.error-bg {
  background-color: #db5f47; }

/* Notifications */
#mje-notification-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none; }

#mje-notification-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -450px;
  width: 450px;
  background-color: #fff;
  z-index: 9999;
  transition: all .4s ease;
  /* animation */
  /* Custom scroll bar */ }
  #mje-notification-container.having-adminbar {
    top: 32px; }
    @media (max-width: 992px) {
      #mje-notification-container.having-adminbar {
        top: 0; } }
  @media (max-width: 767px) {
    #mje-notification-container {
      right: -100%;
      width: 100%; } }
  #mje-notification-container .hide-action, #mje-notification-container .hide-all a {
    color: #898a90; }
  #mje-notification-container.slide-in {
    right: 0; }
  #mje-notification-container .close-notification {
    position: absolute;
    right: 25px;
    top: 20px;
    cursor: pointer; }
  #mje-notification-container .notification-header {
    font-family: 'Montserrat', sans-serif;
    padding: 40px 30px 35px 30px;
    border-bottom: 1px solid #e6e6e6;
    pointer-events: none; }
    #mje-notification-container .notification-header h2 {
      font-size: 22px;
      margin: 0;
      text-align: center; }
      #mje-notification-container .notification-header h2 .unread-count {
        background: #10a2ef;
        color: #fff;
        font-size: 15px;
        min-width: 27px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        border-radius: 50px;
        display: inline-block;
        position: relative;
        top: -1px; }
        #mje-notification-container .notification-header h2 .unread-count-padding {
          padding: 0 10px; }
  #mje-notification-container .notification-list {
    margin: 0;
    padding: 0; }
  #mje-notification-container .notification-item {
    border-bottom: 1px solid #dbeef8;
    list-style-type: none; }
    #mje-notification-container .notification-item-inner.unread {
      background: #f0f8fc; }
    #mje-notification-container .notification-item:last-child {
      border-bottom: none; }
    #mje-notification-container .notification-item .noti-content {
      line-height: 25px; }
      #mje-notification-container .notification-item .noti-content p {
        margin-bottom: 5px; }
      #mje-notification-container .notification-item .noti-content a {
        font-weight: 700; }
      #mje-notification-container .notification-item .noti-content .action-text {
        font-style: italic; }
        #mje-notification-container .notification-item .noti-content .action-text-dispute {
          color: #eb8251; }
      #mje-notification-container .notification-item .noti-content .rate-it .fa:before {
        font-size: 13px !important; }
    #mje-notification-container .notification-item .noti-meta {
      color: #a9a9a9;
      font-size: 13px; }
      #mje-notification-container .notification-item .noti-meta .hide-action {
        padding-left: 15px; }
    #mje-notification-container .notification-item .undo-noti {
      text-align: center;
      display: none; }
    #mje-notification-container .notification-item .read-noti {
      position: relative; }
      #mje-notification-container .notification-item .read-noti.no-link {
        padding: 30px; }
      #mje-notification-container .notification-item .read-noti .noti-link {
        color: #000;
        display: block;
        padding: 30px; }
        #mje-notification-container .notification-item .read-noti .noti-link:hover {
          background-color: #f7f7f7; }
        #mje-notification-container .notification-item .read-noti .noti-link:active, #mje-notification-container .notification-item .read-noti .noti-link:focus {
          text-decoration: none;
          background-color: #f7f7f7; }
      #mje-notification-container .notification-item .read-noti .noti-icon {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        font-size: 25px;
        left: 30px;
        top: 35px; }
        #mje-notification-container .notification-item .read-noti .noti-icon i {
          background: #10a2ef;
          display: block;
          line-height: 40px; }
        #mje-notification-container .notification-item .read-noti .noti-icon i, #mje-notification-container .notification-item .read-noti .noti-icon img {
          border-radius: 50px;
          width: 100%;
          height: 100%; }
      #mje-notification-container .notification-item .read-noti .noti-content, #mje-notification-container .notification-item .read-noti .noti-meta {
        margin-left: 55px; }
      #mje-notification-container .notification-item .read-noti .hide-action {
        cursor: pointer;
        position: relative;
        z-index: 10; }
        #mje-notification-container .notification-item .read-noti .hide-action:hover {
          text-decoration: underline; }
    #mje-notification-container .notification-item .undo-noti {
      padding: 30px; }
      #mje-notification-container .notification-item .undo-noti .undo-action {
        cursor: pointer;
        color: #10a2ef; }
        #mje-notification-container .notification-item .undo-noti .undo-action:hover {
          text-decoration: underline; }
    #mje-notification-container .notification-item.hidden-noti .read-noti {
      display: none; }
    #mje-notification-container .notification-item.hidden-noti .undo-noti {
      display: block; }
  #mje-notification-container .notification-empty {
    background: #f2f2f2; }
    #mje-notification-container .notification-empty .notification-bell {
      display: block; }
    #mje-notification-container .notification-empty .notification-reach-end {
      display: none !important; }
  #mje-notification-container .notification-bell {
    display: none;
    text-align: center;
    color: #a2a2a2;
    padding: 40px 0; }
    #mje-notification-container .notification-bell .bell-tooltip, #mje-notification-container .notification-bell .notice h4 {
      font-family: 'Montserrat', sans-serif; }
    #mje-notification-container .notification-bell .bell .bell-tooltip span {
      background: #fff;
      padding: 12px 20px;
      border-radius: 5px;
      display: inline-block;
      position: relative; }
      #mje-notification-container .notification-bell .bell .bell-tooltip span:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px; }
    #mje-notification-container .notification-bell .bell img {
      margin-top: 18px; }
    #mje-notification-container .notification-bell .notice {
      margin-top: 40px; }
  #mje-notification-container .loading {
    position: relative;
    height: 26px;
    display: none;
    margin-bottom: 20px;
    top: 15px; }
  #mje-notification-container .notification-reach-end {
    text-align: center;
    padding: 10px 0;
    font-style: italic;
    color: #a2a2a2;
    display: none; }
  #mje-notification-container .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #mje-notification-container .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 2px; }

.mjob-single-page {
  padding-bottom: 50px;
  /* mJob reviews */
  /** Edit mJob Form **/ }
  .mjob-single-page .box-shadow {
    margin-bottom: 20px; }
  .mjob-single-page .mjob-single-primary {
    margin-top: 50px; }
  .mjob-single-page .pad-lr-30 {
    padding-left: 30px;
    padding-right: 30px; }
    @media (max-width: 768px) {
      .mjob-single-page .pad-lr-30 {
        padding-left: 20px;
        padding-right: 20px; } }
  .mjob-single-page .mjob-single-block {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-top: 20px; }
    .mjob-single-page .mjob-single-block:first-child {
      margin-top: 0; }
    .mjob-single-page .mjob-single-block:last-child {
      border: 0; }
    .mjob-single-page .mjob-single-block .title {
      color: #aaafb2;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 14px; }
  .mjob-single-page .mjob-single-header {
    border-bottom: none; }
    .mjob-single-page .mjob-single-header h2 {
      font-size: 21px;
      color: #2a394e;
      line-height: 35px;
      display: inline-block;
      font-weight: 500;
      font-family: 'Montserrat', sans-serif; }
      .mjob-single-page .mjob-single-header h2 .edit-mjob-action {
        font-size: 14px;
        font-weight: 500;
        color: #00ccbb;
        padding-left: 10px;
        font-family: 'Montserrat', sans-serif; }
        .mjob-single-page .mjob-single-header h2 .edit-mjob-action i {
          padding-right: 5px; }
        .mjob-single-page .mjob-single-header h2 .edit-mjob-action .loading {
          position: relative;
          top: -5px;
          left: 19px;
          display: none; }
        .mjob-single-page .mjob-single-header h2 .edit-mjob-action span {
          display: inline-block; }
    .mjob-single-page .mjob-single-header .mjob-single-meta {
      color: #aaafb3;
      position: relative;
      margin-top: 10px;
      border-top: 1px solid #efefef;
      padding-top: 15px; }
      .mjob-single-page .mjob-single-header .mjob-single-meta .mjob-cat-breadcrumb .parent {
        color: #aaafb3; }
      .mjob-single-page .mjob-single-header .mjob-single-meta .mjob-cat-breadcrumb i {
        padding: 0 5px; }
  .mjob-single-page .mjob-single-gallery .carousel-indicators {
    bottom: 10px; }
    .mjob-single-page .mjob-single-gallery .carousel-indicators li {
      border: none;
      background: #fff;
      margin: 0 5px;
      width: 8px;
      height: 8px; }
  .mjob-single-page .mjob-single-gallery .carousel-control {
    background: none; }
    .mjob-single-page .mjob-single-gallery .carousel-control.left {
      left: -30px; }
    .mjob-single-page .mjob-single-gallery .carousel-control.right {
      right: -30px; }
    .mjob-single-page .mjob-single-gallery .carousel-control .fa {
      position: absolute;
      top: 50%;
      color: #898a90;
      text-shadow: none; }
  .mjob-single-page .mjob-single-share {
    position: absolute;
    top: 0;
    left: -50px;
    margin-top: 0;
    border-bottom: none; }
    @media (max-width: 1024px) {
      .mjob-single-page .mjob-single-share {
        position: initial; } }
    @media (max-width: 1024px) {
      .mjob-single-page .mjob-single-share .sharing {
        background-color: #f5f5f5;
        padding: 20px; } }
    .mjob-single-page .mjob-single-share ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .mjob-single-page .mjob-single-share ul li {
        display: block;
        margin-bottom: 7px; }
        @media (max-width: 1024px) {
          .mjob-single-page .mjob-single-share ul li {
            display: inline-block;
            margin-bottom: 0;
            margin-right: 5px; } }
        .mjob-single-page .mjob-single-share ul li a {
          background: #ea4335;
          color: #fff;
          display: block;
          width: 35px;
          height: 35px;
          border-radius: 3px;
          line-height: 35px;
          text-align: center;
          font-size: 18px;
          float: none;
          margin-bottom: 0; }
        .mjob-single-page .mjob-single-share ul li.facebook a {
          background: #3b5998; }
        .mjob-single-page .mjob-single-share ul li.twitter a {
          background: #68c5ef; }
  .mjob-single-page .mjob-single-description {
    padding-bottom: 40px; }
    .mjob-single-page .mjob-single-description .post-detail {
      margin-top: 30px; }
      .mjob-single-page .mjob-single-description .post-detail .blog-content .post-content {
        padding: 0;
        margin: 0;
        border: none; }
    .mjob-single-page .mjob-single-description .tags {
      margin-bottom: 30px; }
      .mjob-single-page .mjob-single-description .tags ul {
        padding: 0;
        margin-top: 25px; }
        .mjob-single-page .mjob-single-description .tags ul li {
          display: inline-block;
          margin-right: 10px;
          margin-bottom: 20px; }
          .mjob-single-page .mjob-single-description .tags ul li a {
            color: #2a394e;
            font-size: 12px;
            padding: 5px 15px;
            background: #dae0e6;
            border-radius: 45px; }
  .mjob-single-page .mjob-single-aside {
    /* Opening message block */ }
    @media (max-width: 991px) {
      .mjob-single-page .mjob-single-aside .box-aside-stat {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .mjob-single-page .mjob-single-aside .action {
        -webkit-box-ordinal-group: 99;
            -ms-flex-order: 98;
                order: 98;
        padding: 30px !important; }
        .mjob-single-page .mjob-single-aside .action button {
          width: 100%; }
      .mjob-single-page .mjob-single-aside .custom-order-link {
        -webkit-box-ordinal-group: 100;
            -ms-flex-order: 99;
                order: 99; }
      .mjob-single-page .mjob-single-aside .mjob-add-extra {
        margin-top: 25px; } }
    .mjob-single-page .mjob-single-aside .box-shadow {
      padding: 30px 0;
      margin-bottom: 20px; }
    .mjob-single-page .mjob-single-aside .mjob-status {
      padding-bottom: 30px;
      text-transform: uppercase;
      font-size: 21px;
      font-weight: 600; }
    .mjob-single-page .mjob-single-aside .mjob-single-stat {
      padding: 0 30px; }
      .mjob-single-page .mjob-single-aside .mjob-single-stat ul {
        padding: 0; }
        .mjob-single-page .mjob-single-aside .mjob-single-stat ul li {
          margin: 10px 0; }
          .mjob-single-page .mjob-single-aside .mjob-single-stat ul li span, .mjob-single-page .mjob-single-aside .mjob-single-stat ul li .fa-star {
            color: #aaafb3; }
          .mjob-single-page .mjob-single-aside .mjob-single-stat ul li i {
            margin-right: 15px; }
      .mjob-single-page .mjob-single-aside .mjob-single-stat .stat-block {
        border-bottom: 1px solid #efefef;
        padding-bottom: 5px;
        margin-bottom: 15px; }
        .mjob-single-page .mjob-single-aside .mjob-single-stat .stat-block:last-child {
          margin-bottom: 0; }
      .mjob-single-page .mjob-single-aside .mjob-single-stat .price {
        font-size: 25px;
        color: #10a2ef;
        font-family: 'Montserrat', sans-serif;
        position: relative;
        top: -5px; }
    .mjob-single-page .mjob-single-aside .mjob-add-extra {
      padding: 0 30px; }
      .mjob-single-page .mjob-single-aside .mjob-add-extra .extra {
        font-weight: 700; }
      .mjob-single-page .mjob-single-aside .mjob-add-extra .mjob-list-extras {
        margin-top: 10px;
        padding: 0;
        list-style: none; }
        .mjob-single-page .mjob-single-aside .mjob-add-extra .mjob-list-extras .list-item-extra {
          border-bottom: 1px solid #efefef;
          padding-bottom: 10px;
          margin-bottom: 10px; }
    .mjob-single-page .mjob-single-aside .personal-profile {
      margin-bottom: 0;
      padding-bottom: 0; }
    .mjob-single-page .mjob-single-aside .custom-order-link {
      text-align: center;
      padding-top: 15px;
      font-family: 'Montserrat', sans-serif;
      font-size: 14px; }
      .mjob-single-page .mjob-single-aside .custom-order-link i {
        padding-left: 10px; }
    .mjob-single-page .mjob-single-aside .action {
      text-align: center;
      border-bottom: 1px solid #efefef;
      padding: 20px 30px;
      margin-bottom: 20px; }
      .mjob-single-page .mjob-single-aside .action button {
        width: 100%; }
    .mjob-single-page .mjob-single-aside .opening-message {
      padding: 30px; }
      .mjob-single-page .mjob-single-aside .opening-message .aside-title {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        border-bottom: 1px solid #dfe0e5;
        padding-bottom: 13px;
        margin-bottom: 15px; }
        .mjob-single-page .mjob-single-aside .opening-message .aside-title i {
          color: #b8b9bd;
          margin-left: 5px;
          font-size: 12px; }
      .mjob-single-page .mjob-single-aside .opening-message .content {
        line-height: 25px; }
  .mjob-single-page .mjob-single-review .total-review {
    color: #2a394e;
    font-family: 'Open Sans', sans-serif;
    text-transform: none; }
  .mjob-single-page .mjob-single-review ul {
    margin-top: 30px;
    padding: 0; }
    .mjob-single-page .mjob-single-review ul li {
      display: block;
      margin-bottom: 30px;
      border-bottom: 1px solid #dfe0e5;
      padding-bottom: 30px; }
      .mjob-single-page .mjob-single-review ul li:last-child {
        border-bottom: 0; }
      .mjob-single-page .mjob-single-review ul li .image-avatar {
        float: left;
        width: 10%; }
        .mjob-single-page .mjob-single-review ul li .image-avatar img {
          width: 75px;
          height: 65px;
          border-radius: 50%;
          max-width: 100%; }
          @media (max-width: 767px) {
            .mjob-single-page .mjob-single-review ul li .image-avatar img {
              width: 35px;
              height: 25px; } }
      .mjob-single-page .mjob-single-review ul li .profile-viewer {
        float: right;
        width: 85%;
        position: relative; }
        .mjob-single-page .mjob-single-review ul li .profile-viewer .name-author {
          color: #2a394e;
          font-family: 'Montserrat', sans-serif; }
        .mjob-single-page .mjob-single-review ul li .profile-viewer .review-time {
          color: #c1c2c7;
          font-size: 12px;
          padding-top: 7px; }
        .mjob-single-page .mjob-single-review ul li .profile-viewer .rate-it {
          position: absolute;
          right: 0;
          top: 0; }
        .mjob-single-page .mjob-single-review ul li .profile-viewer .commnet-content {
          line-height: 25px; }
  .mjob-single-page .mjob-edit-content .post-job {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
  .mjob-single-page .mjob-edit-content .mjob-title {
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #dfe0e5;
    padding-bottom: 10px;
    font-size: 21px;
    display: block; }
  .mjob-single-page .mjob-edit-content .loading {
    display: none;
    position: relative; }

.mjob-profile-page {
  margin-top: 45px; }
  .mjob-profile-page .block-title {
    border-bottom: 1px solid #dfe0e5;
    padding: 0 0 22px;
    margin: 0 0 15px; }
  .mjob-profile-page .btn-back {
    color: #aaafb3; }
    .mjob-profile-page .btn-back i {
      padding-right: 10px;
      position: relative;
      top: 1px; }
  .mjob-profile-page > .profile {
    margin-top: 20px; }

.user-email {
  font-size: 14px;
  font-weight: 300;
  color: #898a90;
  font-family: 'Open Sans', sans-serif;
  text-align: center; }

.profile li {
  border-bottom: none; }

.profile .user-email {
  font-size: 14px;
  font-weight: 300;
  color: #898a90;
  font-family: 'Open Sans', sans-serif; }

.profile .upload-profile-avatar {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  cursor: pointer; }
  .profile .upload-profile-avatar .back-top-hover {
    background: #10a2ef;
    opacity: 0.8;
    display: none;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    color: #fff; }
    .profile .upload-profile-avatar .back-top-hover i {
      padding-top: 30%;
      font-size: 20px; }
  .profile .upload-profile-avatar:hover .back-top-hover {
    display: block; }

.profile .edit-link, .profile .title {
  display: inline-block; }

.profile .pull-right {
  color: #2a394e;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-align: right; }

.profile .block-profile {
  background: #fff;
  padding: 30px;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .profile .block-profile {
      padding: 15px; } }

.profile .status-customer {
  position: absolute;
  top: 28px;
  right: 36px;
  z-index: 90; }
  .profile .status-customer .user-status {
    width: 150px; }

.profile .text-content {
  position: relative;
  cursor: pointer;
  min-height: 31px; }
  .profile .text-content:hover:before {
    content: "\f040";
    font-family: "FontAwesome";
    font-size: 15px;
    color: #fff;
    background: #10a2ef;
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px 10px;
    border-radius: 0 0 0 4px;
    z-index: 999; }
  .profile .text-content textarea.editable {
    border: none;
    resize: none;
    overflow: hidden;
    white-space: pre-line;
    padding: 0;
    outline: 0; }
    .profile .text-content textarea.editable:hover {
      background: #eeeeee;
      border: 1px solid #d2d2d2; }
    .profile .text-content textarea.editable:focus {
      background: none; }

.profile .location, .profile .language, .profile .timezone {
  color: #90969b; }

.profile .location .select-language, .profile .timezone .select-language {
  position: relative;
  bottom: 5px; }

.profile .location .chosen-container-single .chosen-single, .profile .timezone .chosen-container-single .chosen-single {
  background: none;
  border: 1px solid #dfe0e5;
  text-align: left;
  height: 30px;
  line-height: 28px; }

.profile .location .chosen-container .chosen-results li, .profile .timezone .chosen-container .chosen-results li {
  padding-left: 10px; }

.profile .location .chosen-container .chosen-results li.group-option, .profile .timezone .chosen-container .chosen-results li.group-option {
  padding-left: 25px !important; }

.profile .location .chosen-container .chosen-results li.highlighted, .profile .timezone .chosen-container .chosen-results li.highlighted {
  background: #10a2ef; }

.profile .location .chosen-container .chosen-drop, .profile .timezone .chosen-container .chosen-drop {
  border: 1px solid #dfe0e5; }

.profile .location .chosen-container .chosen-results, .profile .timezone .chosen-container .chosen-results {
  text-align: left; }

.profile .language {
  border-bottom: none !important; }
  .profile .language .chosen-container-multi .chosen-choices li.search-choice {
    margin: 9px 0 3px 9px; }
  .profile .language .choose-language {
    margin-top: 15px; }
    .profile .language .choose-language .chosen-choices {
      background: none;
      border: 1px solid #dfe0e5; }
      .profile .language .choose-language .chosen-choices li {
        border-bottom: none;
        padding-left: 10px; }
        .profile .language .choose-language .chosen-choices li.search-choice {
          background: #dae0e6;
          color: #2a394e;
          font-size: 12px;
          border: none; }
    .profile .language .choose-language .chosen-results li {
      padding-left: 10px; }
    .profile .language .choose-language input {
      height: 35px !important;
      box-shadow: none; }

.profile .title {
  color: #898a90;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px; }

@media (max-width: 767px) {
  .profile .full-address {
    bottom: 0; } }

@media (max-width: 480px) {
  .profile .full-address {
    top: -3px; } }

.profile .text-address textarea {
  width: 100%; }

.profile .block-intro {
  text-align: left;
  position: relative;
  background: none;
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 25px; }
  .profile .block-intro textarea {
    width: 100%;
    padding: 20px; }
  .profile .block-intro .vote {
    margin-bottom: 10px; }
  .profile .block-intro p {
    margin: 0 0 20px 0; }

.profile .block-skill {
  margin: 20px 0; }
  .profile .block-skill ul {
    margin: 0;
    padding: 0; }
    .profile .block-skill ul li {
      display: inline-block;
      border: 1px solid #dfe0e5;
      padding: 10px 20px; }

.profile .block-payment {
  position: relative;
  line-height: 25px; }
  .profile .block-payment p {
    margin-bottom: 20px; }
  .profile .block-payment .text-content-wrapper {
    margin-bottom: 30px; }
  .profile .block-payment textarea {
    width: 100%;
    padding: 20px; }

.profile .chosen-container .chosen-results li.highlighted {
  background: #10a2ef; }

.profile .block-billing {
  margin-top: 50px; }
  .profile .block-billing ul {
    padding: 0; }
    .profile .block-billing ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        .profile .block-billing ul li {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .profile .block-billing ul li p {
        margin-bottom: 0; }
      .profile .block-billing ul li .cate-title {
        -ms-flex-preferred-size: 200px;
            flex-basis: 200px;
        color: #2a394e;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        padding: 5px 0; }
        @media (max-width: 767px) {
          .profile .block-billing ul li .cate-title {
            -ms-flex-preferred-size: 0;
                flex-basis: 0; } }
        @media (max-width: 767px) {
          .profile .block-billing ul li .cate-title {
            margin: 10px 0; } }
      .profile .block-billing ul li .info-content {
        width: 100%;
        margin-left: 60px; }
        @media (max-width: 767px) {
          .profile .block-billing ul li .info-content {
            margin-left: 0; } }
        .profile .block-billing ul li .info-content .text-content {
          min-height: auto;
          padding: 5px 0; }
        .profile .block-billing ul li .info-content input, .profile .block-billing ul li .info-content textarea {
          width: 100%;
          padding: 5px 0; }
        .profile .block-billing ul li .info-content textarea {
          cursor: pointer; }
          .profile .block-billing ul li .info-content textarea:hover {
            border: none; }
        .profile .block-billing ul li .info-content input, .profile .block-billing ul li .info-content textarea:focus {
          border: 1px solid #dfe0e5; }
      @media (max-width: 767px) {
        .profile .block-billing ul li #billing_country {
          width: 100%;
          height: 35px;
          border: 1px solid #dfe0e5;
          box-shadow: none;
          background: #fff; } }
      .profile .block-billing ul li #billing_country .chosen-container-single .chosen-single {
        height: 35px;
        line-height: 30px;
        background: none;
        box-shadow: none;
        border-radius: 0;
        border: 1px solid #dfe0e5; }
      .profile .block-billing ul li #billing_country .chosen-container-single .chosen-single div {
        top: 4px; }
      .profile .block-billing ul li #billing_country .chosen-container .chosen-results li {
        padding: 10px;
        margin: 0; }
      .profile .block-billing ul li #billing_country .chosen-container .chosen-drop {
        border: 1px solid #dfe0e5; }
      .profile .block-billing ul li .text-content:before {
        display: none; }
      .profile .block-billing ul li .text-content:hover {
        background: #efefef; }

.profile .block-items {
  text-align: left; }
  .profile .block-items ul {
    padding: 0; }

.profile .block-connect-social {
  margin-top: 30px; }
  .profile .block-connect-social ul {
    padding: 0;
    margin-top: 10px; }
    .profile .block-connect-social ul li {
      display: inline-block;
      margin: 0 20px 20px 0;
      cursor: pointer; }
      @media (max-width: 767px) {
        .profile .block-connect-social ul li {
          display: block;
          width: 100%; } }
      .profile .block-connect-social ul li a {
        text-decoration: none; }
        @media (max-width: 767px) {
          .profile .block-connect-social ul li a {
            display: block;
            width: 100%; } }
      .profile .block-connect-social ul li .fb, .profile .block-connect-social ul li .gplus, .profile .block-connect-social ul li .tw {
        padding: 5px 20px;
        border-radius: 4px; }
        @media (max-width: 767px) {
          .profile .block-connect-social ul li .fb, .profile .block-connect-social ul li .gplus, .profile .block-connect-social ul li .tw {
            padding-top: 10px;
            padding-bottom: 10px; } }
        .profile .block-connect-social ul li .fb i, .profile .block-connect-social ul li .gplus i, .profile .block-connect-social ul li .tw i {
          padding-right: 10px; }
      .profile .block-connect-social ul li .fb {
        border: 1px solid #3b5998;
        color: #3b5998; }
      .profile .block-connect-social ul li .tw {
        border: 1px solid #68c5ef;
        color: #68c5ef; }
      .profile .block-connect-social ul li .gplus {
        border: 1px solid #ea4335;
        color: #ea4335; }

@media (max-width: 991px) {
  .profile .block-statistic {
    position: absolute;
    top: -130px;
    width: 32%;
    right: 15px; } }

@media (max-width: 767px) {
  .profile .block-statistic {
    top: -56px;
    width: auto;
    right: 15px;
    left: 15px; } }

.profile .block-statistic .dropdown-menu {
  display: block;
  border: none;
  background: none;
  position: inherit;
  box-shadow: none; }
  .profile .block-statistic .dropdown-menu a {
    padding: 0;
    text-transform: capitalize; }
  @media (max-width: 991px) {
    .profile .block-statistic .dropdown-menu {
      display: none;
      position: absolute;
      background: #fff;
      border: 1px solid #dfe0e5;
      width: 100%;
      padding: 10px; } }

.profile .block-statistic .button-dropdown-menu {
  display: none; }
  @media (max-width: 991px) {
    .profile .block-statistic .button-dropdown-menu {
      display: block;
      width: 100%;
      text-align: left;
      height: 38px;
      margin-bottom: 20px;
      background: #fff;
      box-shadow: none;
      border: 1px solid #dfe0e5; }
      .profile .block-statistic .button-dropdown-menu .caret {
        float: right;
        margin-top: 7px;
        margin-right: 5px; } }

.profile .block-statistic ul {
  padding-left: 0; }
  .profile .block-statistic ul li {
    display: block;
    margin-bottom: 30px;
    position: relative; }
    .profile .block-statistic ul li a {
      color: #898a90; }
      .profile .block-statistic ul li a:hover {
        color: #10a2ef;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        text-decoration: none; }

.profile .block-statistic .private-account {
  margin-top: 30px; }

/** Upload modal **/
#uploadAvatar .browse_button {
  background: #c1c2c7;
  padding: 30px;
  cursor: pointer; }

#uploadAvatar .image-upload .drag-image {
  text-align: center;
  color: #2a394e;
  margin: 70px 0 100px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px; }
  #uploadAvatar .image-upload .drag-image i {
    font-size: 120px;
    color: #838892;
    margin: 50px 0 20px 0; }
  #uploadAvatar .image-upload .drag-image .drag-image-select-button {
    color: #2a394e;
    text-decoration: underline; }
  #uploadAvatar .image-upload .drag-image span {
    display: block; }

#uploadAvatar .image-upload .preview-image-src {
  width: 100%;
  height: auto;
  display: none; }

#uploadAvatar button[disabled] {
  opacity: .5; }

#uploadAvatar .btn-remove {
  display: none;
  color: #898a90;
  padding-left: 20px; }

.user-public-profile {
  margin-bottom: 30px; }
  .user-public-profile .bio span {
    color: #90969b; }
  .user-public-profile .title-info {
    color: #90969b; }
  .user-public-profile .payment-info {
    margin-top: 20px; }
  .user-public-profile .personal-profile .vote {
    text-align: center; }
    .user-public-profile .personal-profile .vote .rate-it {
      padding-top: 18px; }
  .user-public-profile .personal-profile ul li {
    border: none; }
    .user-public-profile .personal-profile ul li i {
      padding-right: 12px; }
    .user-public-profile .personal-profile ul li .pull-right {
      color: #2a394e;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      text-align: right; }
  .user-public-profile .public-information li {
    padding-bottom: 0 !important; }
    .user-public-profile .public-information li p {
      margin-bottom: 0; }
    .user-public-profile .public-information li .cate-title {
      color: #2a394e;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
  .user-public-profile .link-personal {
    margin-top: 10px;
    border-top: 1px solid #dfe0e6; }
    .user-public-profile .link-personal li {
      padding-bottom: 0 !important; }
  .user-public-profile .mjob-list .mjob-item__author {
    display: none; }

#display_name input[type="text"] {
  text-align: center;
  outline: 0;
  border: 1px solid #d2d2d2; }

#display_name .text-content:hover:before {
  background: none !important;
  color: #10a2ef; }

.active-account {
  width: 100%;
  text-align: center;
  background: #10a2ef;
  color: #fff;
  padding: 8px 0;
  border-radius: 4px; }
  .active-account p {
    margin-bottom: 0; }
  .active-account a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold; }
    .active-account a:hover {
      text-decoration: underline; }

/* Profile Sidebar Block */
.personal-profile {
  margin-bottom: 20px;
  padding: 30px; }
  @media (max-width: 767px) {
    .personal-profile {
      padding: 15px;
      margin-top: 40px; } }
  .personal-profile .line {
    margin: 0 auto; }
  .personal-profile img {
    width: 70px;
    height: 70px;
    border-radius: 50%; }
  .personal-profile h4 {
    margin: 20px 0;
    font-family: 'Montserrat', sans-serif; }
  .personal-profile ul {
    padding-left: 0;
    margin: 0;
    padding-top: 25px; }
    .personal-profile ul li {
      display: block;
      padding: 10px 0;
      position: relative; }
      .personal-profile ul li .title-items {
        color: #90969b; }
      .personal-profile ul li .content-bio {
        margin-top: 10px;
        line-height: 25px; }
      .personal-profile ul li .show-bio {
        text-align: left;
        color: #00ccbb;
        margin: 10px 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px; }
        .personal-profile ul li .show-bio i {
          color: #00ccbb;
          padding-right: 5px;
          position: relative;
          top: 2px; }
      .personal-profile ul li i {
        padding-right: 20px;
        font-size: 16px;
        color: #90969b; }
      .personal-profile ul li .info-text {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        text-align: right; }
        .personal-profile ul li .info-text span {
          display: block; }
      .personal-profile ul li .content-items {
        margin: 10px 0 0 0;
        line-height: 30px; }
  .personal-profile .chosen-location, .personal-profile .choose-timezone {
    margin: 10px 0 0 0; }
    .personal-profile .chosen-location .chosen-container-single .chosen-single, .personal-profile .choose-timezone .chosen-container-single .chosen-single {
      border-radius: 0;
      box-shadow: none;
      height: 38px;
      background: none;
      color: #90969b;
      padding: 3px 12px; }
    .personal-profile .chosen-location .chosen-container-single .chosen-single div b, .personal-profile .choose-timezone .chosen-container-single .chosen-single div b {
      background-position: 0 8px; }
    @media (max-width: 767px) {
      .personal-profile .chosen-location, .personal-profile .choose-timezone {
        width: 100%; }
        .personal-profile .chosen-location .chosen-single, .personal-profile .choose-timezone .chosen-single {
          width: 100%;
          height: 35px;
          border: 1px solid #dfe0e5;
          background: #fff; } }
  .personal-profile .chosen-choices {
    padding-top: 0; }
  .personal-profile .chosen-results {
    padding-top: 0; }
  .personal-profile .link-personal ul {
    margin: 0;
    padding-top: 0; }
    .personal-profile .link-personal ul li {
      display: block;
      text-align: center;
      padding: 15px 0;
      font-family: 'Montserrat', sans-serif;
      border-bottom: 1px solid #dfe0e6; }
      .personal-profile .link-personal ul li:last-child {
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 20px; }
      .personal-profile .link-personal ul li .contact-link {
        color: #00ccbb; }
        .personal-profile .link-personal ul li .contact-link i {
          padding-left: 8px;
          color: #00ccbb; }
      .personal-profile .link-personal ul li .profile-link {
        color: #10a2ef; }
        .personal-profile .link-personal ul li .profile-link i {
          padding-left: 8px;
          color: #10a2ef; }

.tab-pane {
  margin-top: 30px; }
  @media (max-width: 767px) {
    .tab-pane {
      margin-top: 0; } }
  .tab-pane .title-top-pages {
    margin-bottom: 30px; }
  .tab-pane .information-items-detail {
    min-height: 450px !important;
    margin-bottom: 20px !important; }
  .tab-pane .filter-order {
    position: absolute;
    right: 35px;
    top: -5px; }
    @media (max-width: 767px) {
      .tab-pane .filter-order {
        position: initial; } }
    .tab-pane .filter-order select {
      width: 180px; }
      @media (max-width: 767px) {
        .tab-pane .filter-order select {
          width: 100%;
          height: 35px;
          background: #fff;
          border: 1px solid #dfe0e5;
          margin-bottom: 10px; } }

.link-more {
  color: #10a2ef;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  margin-left: 30px; }
  .link-more i {
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold; }

.image-items {
  float: left;
  margin-right: 20px; }
  .image-items img {
    width: 100px;
    height: 100px; }

.order .add-extra ul {
  padding: 0; }
  .order .add-extra ul li {
    display: block; }

.order .add-extra .btn-extra {
  cursor: pointer; }

.order .pack-chose, .order .package-price {
  display: inline-block; }

.btn-checkout {
  padding: 13px 30px !important;
  border: none;
  text-transform: uppercase;
  margin-top: 60px; }
  @media (max-width: 991px) {
    .btn-checkout {
      margin-top: 30px; } }

.checkout-payment {
  width: 70%;
  margin: 0 auto; }
  @media (max-width: 991px) {
    .checkout-payment .inner-form {
      padding: 0;
      margin-top: 80px; } }

@media (max-width: 480px) {
  .btn-view-order {
    padding: 13px 17px !important; } }

.payment-signin .text-social, .payment-signin .list-social {
  display: inline-block; }

.payment-signin .list-social {
  padding: 0;
  margin-top: 13px; }
  .payment-signin .list-social li {
    display: inline-block;
    margin-left: 10px; }

.load-more {
  margin-top: 50px; }
  .load-more .btn-submit {
    border: none;
    padding: 5px 20px; }

.order-name h3 {
  font-size: 16px;
  font-weight: bold; }

.order-name .status {
  background: none; }

.delivery {
  text-align: right; }
  @media (max-width: 767px) {
    .delivery {
      float: right; } }
  .delivery .btn-delivery {
    border: none;
    padding: 10px 20px; }

.dispute .btn-dispute {
  border: none;
  padding: 10px 20px; }

.dispute .title {
  margin-bottom: 20px; }

.text-description .title {
  font-weight: bold; }

.text-description p {
  font-size: 14px !important;
  font-family: 'Open Sans', sans-serif !important;
  line-height: 25px !important; }

.file-attachment ul {
  padding: 0;
  margin: 20px 0; }
  .file-attachment ul li {
    display: inline-block;
    margin: 0 10px 15px 0; }
    .file-attachment ul li img {
      width: 120px;
      height: 100px; }

.send-message, .attachment-file {
  display: inline-block; }

.attachment-file {
  margin-right: 20px; }
  .attachment-file .image-upload label {
    cursor: pointer; }
  .attachment-file .image-upload input {
    display: none; }

.text-dispute {
  color: #aaafb2;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif; }

.mjob-single-order-page {
  padding-top: 15px;
  /* order detail sidebar */ }
  .mjob-single-order-page .box-shadow-title {
    background-size: 100% !important;
    clear: both; }
  .mjob-single-order-page .order-name h2 {
    font-size: 21px;
    font-family: 'Montserrat', sans-serif;
    line-height: 30px; }
  .mjob-single-order-page .personal-profile {
    margin-top: 30px;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .mjob-single-order-page .personal-profile {
        padding-bottom: 20px; } }
  .mjob-single-order-page .functions-items {
    position: relative;
    margin: 0 0 20px 0; }
    .mjob-single-order-page .functions-items select {
      position: relative;
      bottom: 1px;
      height: 31px; }
    .mjob-single-order-page .functions-items .date {
      margin-bottom: 0;
      color: #10a2ef; }
      .mjob-single-order-page .functions-items .date .text-date {
        color: #aaafb3; }
    .mjob-single-order-page .functions-items .status-filter {
      position: absolute;
      right: 0;
      top: 0; }
      .mjob-single-order-page .functions-items .status-filter .filter-by {
        margin-top: 0; }
      @media (max-width: 767px) {
        .mjob-single-order-page .functions-items .status-filter {
          top: 24px; } }
  .mjob-single-order-page .title-description {
    font-family: 'Montserrat', sans-serif;
    color: #aaafb2;
    text-transform: uppercase;
    margin-bottom: 20px; }
    .mjob-single-order-page .title-description p {
      line-height: 25px; }
  .mjob-single-order-page .btn-dispute {
    color: #10a2ef;
    border: 2px solid #10a2ef;
    padding: 13px 35px;
    border-radius: 45px;
    background: none;
    margin-top: 15px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif; }
  .mjob-single-order-page .dispute {
    border-top: 1px solid #dfe0e5;
    border-bottom: 1px solid #dfe0e5;
    padding: 20px 0 30px 0;
    margin-top: 20px; }
  .mjob-single-order-page .related {
    padding: 30px 0;
    border-top: 1px solid #dfe0e5; }
    .mjob-single-order-page .related .realated-job {
      padding-left: 2px;
      margin-top: 20px; }
    .mjob-single-order-page .related h3 {
      font-size: 14px;
      margin: 0;
      padding: 0 15px; }
  .mjob-single-order-page .order-detail-price .title-cate {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    padding-bottom: 20px; }
  .mjob-single-order-page .order-detail-price .price-items {
    position: absolute;
    color: #10a2ef;
    font-family: 'Montserrat', sans-serif; }
  .mjob-single-order-page .order-detail-price .order-price, .mjob-single-order-page .order-detail-price .order-extra, .mjob-single-order-page .order-detail-price .total-order {
    padding: 25px 30px;
    position: relative; }
    .mjob-single-order-page .order-detail-price .order-price p, .mjob-single-order-page .order-detail-price .order-extra p, .mjob-single-order-page .order-detail-price .total-order p {
      margin-bottom: 0; }
    .mjob-single-order-page .order-detail-price .order-price .price-items, .mjob-single-order-page .order-detail-price .order-extra .price-items, .mjob-single-order-page .order-detail-price .total-order .price-items {
      top: 15px;
      right: 25px;
      font-size: 30px; }
    .mjob-single-order-page .order-detail-price .order-price .days-order, .mjob-single-order-page .order-detail-price .order-extra .days-order, .mjob-single-order-page .order-detail-price .total-order .days-order {
      position: absolute;
      right: 30px;
      bottom: 25px; }
    .mjob-single-order-page .order-detail-price .order-price .time-order, .mjob-single-order-page .order-detail-price .order-extra .time-order, .mjob-single-order-page .order-detail-price .total-order .time-order {
      color: #aaafb3; }
      .mjob-single-order-page .order-detail-price .order-price .time-order i, .mjob-single-order-page .order-detail-price .order-extra .time-order i, .mjob-single-order-page .order-detail-price .total-order .time-order i {
        padding-right: 10px;
        font-size: 14px; }
  .mjob-single-order-page .order-detail-price .order-extra {
    border: 1px solid #dfe0e5;
    border-left: 0;
    border-right: 0; }
    @media (max-width: 1199px) {
      .mjob-single-order-page .order-detail-price .order-extra .price-items {
        position: relative;
        left: 0;
        top: 0 !important;
        text-align: right; } }
    @media (max-width: 991px) {
      .mjob-single-order-page .order-detail-price .order-extra .price-items {
        position: absolute; } }
    .mjob-single-order-page .order-detail-price .order-extra ul {
      padding-left: 0; }
      .mjob-single-order-page .order-detail-price .order-extra ul li {
        display: block;
        position: relative;
        margin-bottom: 20px;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px; }
        .mjob-single-order-page .order-detail-price .order-extra ul li:last-child {
          margin-bottom: 0;
          border: none;
          padding-bottom: 0; }
        .mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
          width: 61%;
          line-height: 25px; }
          @media (max-width: 1199px) {
            .mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
              width: 100%; } }
          @media (max-width: 991px) {
            .mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
              width: 75%; } }
          @media (max-width: 767px) {
            .mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
              width: 100%; } }
        .mjob-single-order-page .order-detail-price .order-extra ul li .price-items {
          top: 0;
          right: 0;
          font-size: 18px; }
          @media (max-width: 767px) {
            .mjob-single-order-page .order-detail-price .order-extra ul li .price-items {
              position: initial;
              padding-top: 5px; } }
  .mjob-single-order-page .order-detail-price .total-order {
    background: #f2f7fa; }
    .mjob-single-order-page .order-detail-price .total-order .title-cate {
      padding-bottom: 10px; }
    .mjob-single-order-page .order-detail-price .total-order .price-items {
      top: 15px;
      right: 25px;
      font-size: 30px; }
  .mjob-single-order-page .order-detail-sidebar {
    margin-top: 30px; }
    .mjob-single-order-page .order-detail-sidebar .box-shadow {
      margin-bottom: 20px; }

.mjob-order-disable, .disable-button {
  background: #dae0e6 !important;
  box-shadow: 1px 3px 9px rgba(218, 224, 230, 0.3) !important;
  color: #90969b !important; }

/* mjob order review form */
.review-form {
  padding: 30px; }
  .review-form .suggest {
    color: #aaafb2;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: italic; }
  .review-form textarea {
    width: 100%;
    padding: 20px; }
  .review-form span.post_content, .review-form .rating-it {
    display: inline-block;
    margin-bottom: 20px; }
  .review-form span.post_content {
    color: #898a90;
    margin-right: 10px; }
  .review-form .btn-discard {
    color: #898a90;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    border: none;
    background: none;
    margin-left: 20px; }

.mjob-order-page {
  padding-top: 50px;
  /* mJob item in sidebar */ }
  @media (max-width: 991px) {
    .mjob-order-page {
      padding-top: 0; } }
  .mjob-order-page .list-item-extra label {
    padding-right: 70px; }
    @media (max-width: 991px) {
      .mjob-order-page .list-item-extra label {
        padding-right: 0; } }
  .mjob-order-page .block-items {
    margin-top: 0; }
    .mjob-order-page .block-items ul {
      padding-left: 0; }
  .mjob-order-page .mjob-item {
    padding-left: 0; }
    @media (max-width: 991px) {
      .mjob-order-page .mjob-item .mjob-item__author {
        margin-top: -20px; } }
    @media (max-width: 414px) {
      .mjob-order-page .mjob-item .mjob-item__author {
        margin-top: 0; } }
  .mjob-order-page .extra-item:last-child {
    border: none; }
  .mjob-order-page .extra-item.active .package-price {
    color: #10a2ef; }
  @media (max-width: 767px) {
    .mjob-order-page .list-payment-gateway li p {
      vertical-align: top;
      margin-bottom: 0;
      margin-top: 11px; } }

.mjob-order-page.continue .withdraw {
  margin-bottom: 0; }

.mjob-order-page.continue .block-title {
  text-align: center;
  border: none;
  padding-bottom: 0; }

.mjob-order-page.continue .note {
  color: #898a90; }

.title-sub {
  color: #898a90;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  margin-bottom: 25px; }
  @media (max-width: 991px) {
    .title-sub {
      padding-left: 0;
      padding-right: 0; } }

.items-chosen {
  padding-right: 90px; }
  @media (max-width: 991px) {
    .items-chosen {
      padding-right: 15px; } }

@media (max-width: 1199px) {
  .mjob-order-info {
    margin-top: 30px; } }

@media (max-width: 991px) {
  .mjob-order-info {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 767px) {
  .mjob-order-info {
    margin-top: 0; }
    .mjob-order-info .inner {
      margin: 0; } }

.mjob-order-info .attachment-file-name ul li a {
  width: 100%; }

.mjob-order-info p {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 25px !important; }

.mjob-order-info .price {
  color: #10a2ef;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important; }
  @media (max-width: 991px) {
    .mjob-order-info .price {
      padding-left: 0;
      padding-right: 0; } }

.mjob-order-info .total-price {
  color: #10a2ef;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px; }

.mjob-order-info .total-text {
  font-family: 'Montserrat', sans-serif;
  color: #898a90;
  margin-right: 30px;
  text-transform: uppercase; }

.mjob-order-info .add-extra {
  border-top: 1px solid #dfe0e5;
  border-bottom: 1px solid #dfe0e5;
  padding: 20px 0;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .mjob-order-info .add-extra {
      padding: 20px; } }

@media (max-width: 767px) {
  .mjob-order-info .action-order {
    padding-right: 20px; } }

.mjob-order-info .list-extra {
  margin-top: 10px; }
  .mjob-order-info .list-extra li {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb; }
    .mjob-order-info .list-extra li:last-child {
      border-bottom: none; }
    .mjob-order-info .list-extra li .package-price {
      font-family: 'Montserrat', sans-serif;
      color: #c1c2c7;
      font-size: 18px;
      text-transform: uppercase; }
    .mjob-order-info .list-extra li .packge-chose .checkbox {
      margin: 0; }
      .mjob-order-info .list-extra li .packge-chose .checkbox p {
        display: block;
        width: 100%;
        margin: 0 0 0 10px;
        line-height: 25px; }
        .mjob-order-info .list-extra li .packge-chose .checkbox p p {
          width: 40%; }

.mjob-dispute-form input {
  width: 100%;
  height: 40px;
  vertical-align: top; }

.mjob-dispute-form .add-img {
  color: #aaafb2;
  position: relative;
  top: 10px; }
  .mjob-dispute-form .add-img i {
    margin-left: 10px;
    background: #10a2ef;
    border-radius: 50%;
    padding: 5px 7px;
    color: #fff; }

.mjob-dispute-form .image-item {
  position: relative;
  top: 10px; }

.delivery .btn-delivery {
  padding: 15px 30px;
  text-transform: uppercase; }

.form-delivery-order, .outer-conversation {
  padding: 30px; }
  .form-delivery-order .attachment-file ul, .outer-conversation .attachment-file ul {
    margin-bottom: 25px; }
  @media (max-width: 767px) {
    .form-delivery-order, .outer-conversation {
      padding: 17px; } }
  .form-delivery-order .attachment-image .add-img, .outer-conversation .attachment-image .add-img {
    color: #898a90; }
    .form-delivery-order .attachment-image .add-img i, .outer-conversation .attachment-image .add-img i {
      color: #fff;
      background: #10a2ef;
      padding: 5px 7px;
      border-radius: 50%;
      margin-left: 10px;
      box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.3); }
  .form-delivery-order .attachment-image .delete-img, .outer-conversation .attachment-image .delete-img {
    position: relative;
    left: 0;
    top: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: #10a2ef; }
    .form-delivery-order .attachment-image .delete-img i, .outer-conversation .attachment-image .delete-img i {
      color: #e52e5d;
      padding-left: 5px; }
  .form-delivery-order textarea, .outer-conversation textarea {
    width: 100%;
    height: 200px;
    padding: 20px; }
  .form-delivery-order .submit, .outer-conversation .submit {
    padding: 13px 90px; }

.form-delivery-order .error {
  color: #e52e5d;
  position: absolute;
  right: 26px; }

.checkout-payment {
  margin-top: 40px !important; }
  .checkout-payment p {
    color: #898a90; }

.time-leave {
  margin-bottom: 30px; }

.count_down {
  color: #10a2ef;
  font-size: 24px; }

.order-information {
  margin-top: 25px; }

.payment-fail .block-title {
  padding: 0;
  margin: 0;
  border-bottom: none !important; }

.dispute-link {
  color: #eb8251;
  margin: 20px 0 50px 0; }
  .dispute-link a {
    color: #eb8251;
    font-family: 'Montserrat', sans-serif; }
  .dispute-link i {
    padding-left: 5px;
    position: relative;
    bottom: 2px; }

.area-delivery {
  padding-bottom: 22px;
  position: relative;
  margin-top: 35px; }

.order-start-work {
  padding: 16px 40px !important;
  font-size: 14px; }

.countdown {
  margin: 50px 0 15px 0;
  color: #10a2ef;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  float: left;
  width: 77%;
  margin-top: 15px; }
  @media (max-width: 767px) {
    .countdown {
      width: 100%; } }
  .countdown .item {
    font-size: 14px;
    padding-right: 10px; }
    @media (max-width: 991px) {
      .countdown .item {
        font-size: 11px;
        padding-right: 2px; } }
  .countdown .distance-time {
    padding-right: 10px; }
    @media (max-width: 991px) {
      .countdown .distance-time {
        padding-right: 2px; } }
  .countdown .notice {
    font-size: 14px; }
    .countdown .notice i {
      color: #e56a2e;
      padding-right: 5px; }

.delivery-content {
  margin-bottom: 27px; }

.secure-code {
  padding: 30px; }

.disable-gateway {
  opacity: 0.5; }
  .disable-gateway a:hover {
    cursor: default; }
  .disable-gateway a:visited {
    text-decoration: none; }

.custom-offer-info {
  padding: 30px 0 30px 0; }
  .custom-offer-info .time-delivery-custom {
    margin: 30px 0 0 0; }
  .custom-offer-info .mjob-order-info {
    padding-top: 25px !important; }

.show-more, .show-less, .show-more:hover, .show-less:hover {
  color: #10a2ef;
  display: inline-block; }
  .show-more i, .show-less i, .show-more:hover i, .show-less:hover i {
    margin-left: 5px; }

.content-text-description {
  display: inline-block; }

.color-custom-label {
  color: #10a2ef; }

.attachment-file-name .list-attach {
  margin: 30px 0; }
  .attachment-file-name .list-attach li {
    display: block;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
  .attachment-file-name .list-attach i {
    display: initial; }

.attachment-file-name ul {
  margin-left: 0;
  padding: 0; }
  .attachment-file-name ul li {
    display: inline-block;
    margin: 0 20px 20px 0; }
    .attachment-file-name ul li a {
      color: #10a2ef;
      display: inline-block;
      white-space: pre-wrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 40%; }
      .attachment-file-name ul li a i {
        padding-right: 10px; }

.custom-order-status {
  font-size: 13px;
  font-weight: 600; }
  .custom-order-status i {
    margin-right: 5px; }
  .custom-order-status.checkout i {
    color: #72be2e;
    font-size: 18px;
    position: relative;
    top: 2px; }
  .custom-order-status a {
    color: #10a2ef; }
  .custom-order-status.decline, .custom-order-status.reject {
    font-style: italic; }
    .custom-order-status.decline i, .custom-order-status.reject i {
      color: #ff2222;
      font-size: 18px;
      position: relative;
      top: 2px; }

.describe-custom-order p {
  font-style: italic; }

.describe-custom-order i {
  color: #ff9800;
  font-size: 18px;
  float: left;
  width: 2%; }
  @media (max-width: 480px) {
    .describe-custom-order i {
      width: 7%; } }

.describe-custom-order span {
  float: right;
  width: 95%; }
  @media (max-width: 1199px) {
    .describe-custom-order span {
      width: 93% !important; } }
  @media (max-width: 991px) {
    .describe-custom-order span {
      width: 96% !important; } }
  @media (max-width: 767px) {
    .describe-custom-order span {
      width: 92% !important; } }
  @media (max-width: 480px) {
    .describe-custom-order span {
      width: 90% !important; } }

.customOrderModal .attachment-file li, .form-delivery-order .attachment-file li, .outer-conversation .attachment-file li {
  position: relative;
  width: 100%;
  margin-bottom: 10px !important; }
  .customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px;
    position: relative;
    top: 4px; }
    @media (max-width: 1199px) {
      .customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
        max-width: 250px !important; } }
    @media (max-width: 991px) {
      .customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
        max-width: 200px !important; } }
    @media (max-width: 767px) {
      .customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
        max-width: 250px !important; } }
    @media (max-width: 480px) {
      .customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
        max-width: 190px !important; } }
  .customOrderModal .attachment-file li .delete-img, .form-delivery-order .attachment-file li .delete-img, .outer-conversation .attachment-file li .delete-img {
    position: initial; }

.customOrderModal .mjob-name {
  font-family: "Montserrat", sans-serif;
  margin: 0 0 30px 0; }

.outer-detail-custom {
  height: 100%; }
  .outer-detail-custom .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: -37px !important; }

.text-form-custom p.error {
  bottom: -10px !important; }

#bt-send-custom-disable, #disable-custom-order-link {
  opacity: 0.2;
  cursor: default !important; }

/*
.info-payment-method{
    margin: 100px 0 50px 0;
    text-align: center;
    @media(max-width:$screen-xs-max){
        padding: 0 20px;
    }

    .list-payment-cash{
        margin: 0 auto;
        width: 80%;
        @media(max-width:$screen-sm-max){
            width: 100%;
        }
    }
    .link-detail-method{
        margin-top: 80px;
        @media(max-width:$screen-sm-max){
            margin-bottom: 60px;
        }
        i{
            margin-left: 5px;
        }
        .btn-submit{
            padding: 13px 40px !important;
            @media(max-width:$screen-sm-max){
                padding: 13px 30px !important;
            }
        }
    }
    .sub-title{
        font-size: 21px;
        color: $blue-light-base;
        @media(max-width:$screen-sm-max){
            font-size: 18px;
        }
        @media(max-width:$screen-xs-max){
            font-size: 14px;
        }
    }
    .title{
        font-size: 27px;
        color: $blue-base;
        font-weight: bold;
        margin-bottom: 7px;
        @media(max-width:$screen-xs-max){
            font-size: 24px;
        }
    }
  .list-payment-cash{
    padding: 50px 0;
    @media(max-width:$screen-xs-max){
      text-align: left;
      padding: 30px 0;
    }
  }
  .name{
    color: #aaafb2;
    text-transform: uppercase;
  }
  .name > div{
    padding-bottom: 40px;
  }
  .name > div, .info > div{
    border-right: 1px solid #efefef;
    @media(max-width:$screen-xs-max){
      padding: 20px 0;
      border-right: none;

    }
  }
  .name > div:last-child, .info > div:last-child{
    border-right: none;
  }
  .name{
    @media(max-width:$screen-xs-max){
      width: 50%;
      float: left;
    }
  }
  .info{
    font-weight: bold;
    @media(max-width:$screen-xs-max){
      width: 50%;
      float: right;

    }
  }
  .invoice-note{
    margin-top: 30px;
    @media (max-width: 1024px) {
      padding: 0 50px;
    }
    @media(max-width:$screen-sm-max){
      padding: 0 50px;
    }
    @media(max-width:$screen-xs-max){
      margin-top: 0;
      padding: 0 15px;
    }
    p{
      margin-bottom: 0;
    }
  }
  .type-cash{
    color: #aaafb2;
    text-transform: uppercase;
    margin-bottom: 20px !important;
  }
}
*/
.info-payment-method {
  margin: 100px 0 50px 0;
  text-align: center; }
  .info-payment-method .title {
    font-size: 27px;
    color: #2a394e;
    font-weight: bold;
    margin-bottom: 7px; }
    @media (max-width: 767px) {
      .info-payment-method .title {
        font-size: 24px; } }
  .info-payment-method .sub-title {
    font-size: 21px;
    color: #10a2ef; }
    @media (max-width: 991px) {
      .info-payment-method .sub-title {
        font-size: 18px; } }
    @media (max-width: 767px) {
      .info-payment-method .sub-title {
        font-size: 14px; } }
  .info-payment-method .invoice-note {
    margin-top: 30px; }
    @media (max-width: 1024px) {
      .info-payment-method .invoice-note {
        padding: 0 50px; } }
    @media (max-width: 991px) {
      .info-payment-method .invoice-note {
        padding: 0 50px; } }
    @media (max-width: 767px) {
      .info-payment-method .invoice-note {
        margin-top: 0;
        padding: 0 15px; } }
    .info-payment-method .invoice-note p {
      margin-bottom: 0; }
  .info-payment-method .link-detail-method {
    margin-top: 80px; }
    @media (max-width: 991px) {
      .info-payment-method .link-detail-method {
        margin-bottom: 60px; } }
    .info-payment-method .link-detail-method i {
      margin-left: 5px; }
    .info-payment-method .link-detail-method .btn-submit {
      padding: 13px 40px !important; }
      @media (max-width: 991px) {
        .info-payment-method .link-detail-method .btn-submit {
          padding: 13px 30px !important; } }

.invoice-detail {
  margin: 0 auto;
  width: 80%; }
  @media (max-width: 767px) {
    .invoice-detail {
      width: 100%; } }
  .invoice-detail .mje-table {
    width: 100%;
    margin: 50px 0; }
    @media (max-width: 767px) {
      .invoice-detail .mje-table {
        display: block; }
        .invoice-detail .mje-table .mje-table-row {
          display: block; }
          .invoice-detail .mje-table .mje-table-row .mje-table-col {
            display: block;
            width: 100%;
            padding: 20px 15px;
            text-align: left;
            border: none; }
        .invoice-detail .mje-table .table-invoice-title {
          padding: 0;
          display: inline-block;
          width: 50%; }
        .invoice-detail .mje-table .payment-name {
          display: inline-block; }
          .invoice-detail .mje-table .payment-name span {
            text-align: left; } }
    .invoice-detail .mje-table .mje-table-col {
      width: 25%;
      border-right: 1px solid #efefef;
      font-weight: 700;
      vertical-align: top; }
      .invoice-detail .mje-table .mje-table-col:last-child {
        border: none; }
  .invoice-detail .payment-name span {
    display: block;
    margin: 10px 0 0;
    padding: 0; }

.table-invoice-title {
  display: block;
  padding: 0 0 30px;
  font-size: 14px;
  font-weight: 400;
  color: #aaafb2;
  text-transform: uppercase;
  line-height: 1em;
  vertical-align: top; }

.frame-delivery-info {
  padding: 20px 20px 10px 20px;
  border-radius: 4px;
  border: 1px solid #10a2ef;
  margin-top: 20px; }

.inner-conversation-form {
  border-radius: 4px;
  border: 1px solid #eeeff3; }

.no-attachment {
  font-size: 14px;
  font-style: italic;
  color: #aaafb2; }

.status-order-detail {
  font-size: 18px;
  font-weight: 600;
  float: right;
  position: relative;
  bottom: 24px; }
  @media (max-width: 767px) {
    .status-order-detail {
      float: initial;
      bottom: -10px; } }

.delay {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .delay {
      width: inherit;
      margin-top: 8px; } }
  .delay .btn-delay {
    background: #ec8251;
    border-radius: 4px;
    padding: 7px 12px;
    border: none;
    color: #fff; }
    .delay .btn-delay i {
      padding-right: 5px; }

.accept {
  text-align: right;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .accept {
      float: left; } }
  @media (max-width: 767px) {
    .accept {
      margin-bottom: 30px;
      float: right; } }
  .accept .btn-accept {
    padding: 13px 35px !important; }

.payment-name {
  font-weight: normal !important; }
  @media (max-width: 767px) {
    .payment-name {
      margin-bottom: 0; } }
  .payment-name img {
    width: 45px; }
  .payment-name span {
    text-align: center;
    font-weight: bold;
    padding-left: 10px; }

.chosen-container .chosen-results li.highlighted {
  background: #10a2ef;
  background-image: linear-gradient(#10a2ef 20%, #10a2ef 90%); }

.main-dashboard {
  margin-top: 45px; }
  @media (max-width: 767px) {
    .main-dashboard .personal-profile {
      margin-top: 0; } }
  .main-dashboard .content-bio {
    color: #c1c2c7 !important; }
  .main-dashboard .no-items {
    padding-top: 50% !important; }
    @media (max-width: 991px) {
      .main-dashboard .no-items {
        padding-top: 5% !important; } }

.no-items {
  padding-top: 30% !important;
  text-align: center;
  color: #c1c2c7;
  font-family: 'Open Sans', sans-serif;
  font-size: 21px; }
  @media (max-width: 991px) {
    .no-items {
      padding-top: 2% !important; } }

@media (max-width: 991px) {
  .my-list-mjobs .block-statistic {
    top: -123px;
    right: 125px; }
  .my-list-mjobs .filter {
    bottom: 65px !important; }
    .my-list-mjobs .filter select {
      height: 37px;
      background: none;
      border: 1px solid #dfe0e5;
      border-radius: 0; } }

.gradient {
  position: relative; }
  .gradient:after {
    content: "";
    height: 50px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -40%, white 85%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }

.hidden-bio {
  height: 154px;
  overflow: hidden; }
  .hidden-bio.show {
    height: 100%; }

.show-bio {
  display: block;
  text-align: center;
  color: #10a2ef;
  font-size: 13px; }
  .show-bio:hover, .show-bio:active, .show-bio:focus {
    color: #10a2ef; }

.not-view {
  text-align: center;
  color: #898a90;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif;
  margin-top: 30px; }

.dashboard .chart-padding {
  padding: 10px 30px 10px 30px; }

@media (max-width: 991px) {
  .dashboard .revenues li {
    margin-bottom: 0;
    height: 100px; } }

.dashboard .revenues span.currency {
  padding-left: 10px; }

.dashboard #secure_code {
  margin-left: 5px; }

.dashboard .block-title {
  border-bottom: 1px solid #dfe0e5;
  padding: 0 0 22px;
  margin: 0 0 40px;
  line-height: 1.45em; }
  @media (max-width: 991px) {
    .dashboard .block-title {
      margin-bottom: 20px; } }

.dashboard .balance-withdraw {
  padding: 15px 30px; }
  @media (max-width: 991px) {
    .dashboard .balance-withdraw {
      padding-left: 20px;
      padding-right: 20px; } }

.dashboard .personal-profile {
  min-height: 715px; }
  @media (max-width: 991px) {
    .dashboard .personal-profile {
      min-height: auto; } }
  .dashboard .personal-profile h4 {
    margin-bottom: 5px; }

.dashboard .information-items-detail {
  min-height: 650px;
  margin-bottom: 100px;
  padding: 0 30px;
  position: relative;
  border-radius: 4px; }
  @media (max-width: 991px) {
    .dashboard .information-items-detail {
      min-height: 200px;
      margin-bottom: 30px;
      height: auto !important; } }
  @media (max-width: 767px) {
    .dashboard .information-items-detail {
      padding: 0 15px; } }
  .dashboard .information-items-detail .tabs-information .view-all {
    padding-bottom: 30px; }
    .dashboard .information-items-detail .tabs-information .view-all.view-all-head {
      padding: 0;
      position: absolute;
      right: 30px;
      top: 20px; }
      @media (max-width: 767px) {
        .dashboard .information-items-detail .tabs-information .view-all.view-all-head {
          display: none; } }
    .dashboard .information-items-detail .tabs-information .view-all a {
      color: #10a2ef;
      text-decoration: none; }
  .dashboard .information-items-detail .nav-tabs {
    border: none; }
  .dashboard .information-items-detail .nav-tabs > li {
    vertical-align: top;
    height: 50px; }
  .dashboard .information-items-detail .nav-tabs > li > a {
    text-transform: uppercase;
    padding: 15px 0;
    margin-right: 30px;
    color: #aaafb2;
    font-family: 'Montserrat', sans-serif;
    border-radius: 0;
    background: none;
    border-right: none;
    border-left: 0; }
    @media (max-width: 991px) {
      .dashboard .information-items-detail .nav-tabs > li > a {
        margin-right: 9px;
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; } }
  .dashboard .information-items-detail .nav-tabs > li.active > a {
    border-top: 6px solid #10a2ef;
    border-radius: 0;
    background: none;
    border-right: none;
    border-left: 0;
    padding: 10px 0;
    color: #10a2ef; }
  .dashboard .information-items-detail .nav-tabs > li > a:hover {
    background: none;
    border-left: none;
    border-right: none;
    border-bottom: none; }

.dashboard .bio {
  margin-top: 8px; }
  .dashboard .bio span {
    color: #90969b; }
  .dashboard .bio .content-bio {
    color: #2a394e;
    line-height: 25px;
    margin-top: 10px; }

.dashboard .edit-profile {
  margin-top: 20px; }
  .dashboard .edit-profile a {
    color: #00ccbb;
    font-family: 'Montserrat', sans-serif; }
    .dashboard .edit-profile a i {
      padding-right: 10px; }

.dashboard .title {
  color: #2a394e;
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  padding: 30px 30px 10px 30px; }
  @media (max-width: 991px) {
    .dashboard .title {
      padding-left: 20px;
      padding-right: 20px; } }

.box-shadow {
  box-shadow: 0 3px 9px rgba(234, 234, 234, 0.58);
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(225, 225, 225, 0.67); }

.revenues {
  margin-bottom: 30px;
  border-radius: 4px; }
  .revenues .cate {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin: 0 10%;
    min-height: 35px; }
    .revenues .cate .sub {
      text-transform: capitalize;
      font-size: 12px;
      font-weight: normal;
      color: #9f9f9f;
      display: block; }
      .revenues .cate .sub a:hover {
        color: #9f9f9f; }
    @media (max-width: 767px) {
      .revenues .cate {
        float: left; } }
  @media (max-width: 767px) {
    .revenues .cate, .revenues .currency {
      margin-left: 0 !important;
      margin-top: 5px;
      min-height: 25px !important; } }
  .revenues .line {
    margin-left: 30px; }
    @media (max-width: 991px) {
      .revenues .line {
        margin-left: 20px; } }
  .revenues ul {
    padding: 0;
    margin-top: 25px; }
    @media (max-width: 767px) {
      .revenues ul {
        padding-left: 20px;
        padding-right: 20px; } }
    .revenues ul li {
      display: inline-block;
      text-align: center;
      border-right: 1px solid #dfe0e5;
      vertical-align: top;
      height: 75px;
      margin-bottom: 25px; }
      .revenues ul li .cate {
        text-transform: uppercase; }
      @media (max-width: 767px) {
        .revenues ul li {
          text-align: left;
          height: auto !important;
          padding: 15px 0;
          border-right: none;
          border-bottom: 1px solid #dfe0e5; } }
      .revenues ul li:last-child {
        border-right: none; }
      .revenues ul li .currency {
        font-size: 20px;
        color: #10a2ef;
        margin-top: 20px; }
        @media (max-width: 767px) {
          .revenues ul li .currency {
            float: right;
            margin: 0; } }

.mjob-revenues-page .balance-withdraw {
  padding: 15px 40px; }
  @media (max-width: 767px) {
    .mjob-revenues-page .balance-withdraw {
      padding: 15px 28px; } }

.currency-balance, .note-balance {
  display: inline-block;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .currency-balance, .note-balance {
      display: block; } }

.total-currency {
  color: #a9b4bb;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .total-currency {
      margin-left: 0 !important;
      display: block; } }

.currency-balance {
  font-family: 'Montserrat', sans-serif;
  color: #9f9f9f;
  font-size: 20px; }
  .currency-balance .price-balance {
    color: #10a2ef;
    margin-left: 3px; }
    @media (max-width: 991px) {
      .currency-balance .price-balance {
        float: right; } }

.note-balance {
  color: #b3c0c8;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-size: 13px;
  margin-left: 5px; }
  @media (max-width: 767px) {
    .note-balance {
      margin-left: 0; } }

.balance-checkout {
  background: #f8f8f8;
  padding: 17px 30px; }
  .balance-checkout .withdrew-text {
    text-align: center;
    color: #a9b4bb;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-right: 1px solid #d2d2d2;
    padding: 3px 0; }
    .balance-checkout .withdrew-text p {
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .balance-checkout .withdrew-text p {
          margin-left: 0 !important; } }
  .balance-checkout .withdrew-text:last-child {
    border: none; }

@media (max-width: 767px) {
  .value-payment p.error {
    margin-left: 0 !important; } }

.line {
  position: relative;
  width: 30px; }

.chart {
  height: 370px;
  margin-bottom: 30px;
  border-radius: 4px; }
  @media (max-width: 767px) {
    .chart {
      display: none; } }
  .chart .line {
    margin-left: 30px; }

.list-order {
  position: relative; }
  .list-order .not-found {
    padding-top: 30% !important;
    text-align: center;
    color: #c1c2c7;
    font-family: 'Open Sans', sans-serif;
    font-size: 21px; }
    @media (max-width: 991px) {
      .list-order .not-found {
        padding-top: 2% !important; } }
  .list-order .paginations-wrapper {
    margin: 30px 0 25px 0;
    padding-bottom: 30px; }

.task-container-control {
  margin-top: 30px; }
  @media (max-width: 767px) {
    .task-container-control {
      margin-top: 0; } }
  .task-container-control .paginations-wrapper {
    margin: 30px 0 25px 0;
    padding-bottom: 30px; }

.list-order .label-status, .list-job .label-status {
  position: absolute;
  right: -34px;
  top: 0;
  width: 94px;
  padding: 5px 0;
  border-radius: 45px 0 0 45px;
  color: #fff;
  font-size: 12px;
  text-align: center; }
  @media (max-width: 767px) {
    .list-order .label-status, .list-job .label-status {
      right: -27px; } }

.list-order li:hover a, .list-job li:hover a {
  color: #10a2ef; }

@media (max-width: 767px) {
  .mjob-author-page .info-items {
    width: 100% !important;
    padding-top: 0 !important; } }

@media (max-width: 767px) {
  .statistic-order {
    display: none !important; } }

.withdraw {
  margin-bottom: 100px; }
  .withdraw .title-top-pages {
    margin: 45px 0 0 0;
    position: relative; }
    .withdraw .title-top-pages .filter {
      position: absolute;
      right: 0;
      bottom: 70px; }
      @media (max-width: 767px) {
        .withdraw .title-top-pages .filter {
          position: initial;
          display: none; } }
  .withdraw .profile {
    margin-top: 20px; }
    @media (max-width: 991px) {
      .withdraw .profile {
        margin: 10px 0 0 0; } }
    @media (max-width: 767px) {
      .withdraw .profile {
        margin: 0; } }
    @media (max-width: 991px) {
      .withdraw .profile .outer-revenues {
        padding: 0; } }
    @media (max-width: 767px) {
      .withdraw .profile .outer-revenues {
        margin-left: 0; } }
  .withdraw .payment-method {
    position: relative;
    padding: 0 30px 30px 30px; }
    @media (max-width: 991px) {
      .withdraw .payment-method {
        box-shadow: none;
        background: none; } }
    .withdraw .payment-method .choose-payment {
      color: #898a90;
      text-transform: uppercase;
      font-family: 'Montserrat', sans-serif; }
    .withdraw .payment-method .link-change-payment {
      position: absolute;
      right: 0;
      top: 0; }
      @media (max-width: 767px) {
        .withdraw .payment-method .link-change-payment {
          position: initial; } }
      .withdraw .payment-method .link-change-payment a {
        color: #10a2ef; }
  .withdraw #withdrawForm .radio {
    display: inline-block;
    margin-right: 50px; }
    .withdraw #withdrawForm .radio label {
      padding-left: 0; }
    .withdraw #withdrawForm .radio span {
      color: #2a394e;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
    .withdraw #withdrawForm .radio input {
      float: left; }
  .withdraw #withdrawForm .code-bank {
    width: 58%; }
    @media (max-width: 767px) {
      .withdraw #withdrawForm .code-bank {
        width: 100%; } }
  .withdraw #withdrawForm .form-group label span {
    top: 0; }
  .withdraw .withdraw-revenues {
    border-radius: 4px; }
    @media (max-width: 767px) {
      .withdraw .withdraw-revenues .revenues {
        margin-top: 0; } }
  .withdraw .btn-back {
    color: #aaafb3; }
    .withdraw .btn-back i {
      padding-right: 10px; }
  .withdraw .block-items-detail {
    padding: 0; }
  .withdraw .block-title {
    margin-bottom: 15px; }
  @media (max-width: 767px) {
    .withdraw .block-statistic {
      position: initial; } }
  .withdraw .block-statistic ul {
    padding-left: 0; }
  .withdraw .revenues {
    box-shadow: none;
    background: none;
    margin-bottom: 25px;
    border: none; }
    @media (max-width: 767px) {
      .withdraw .revenues {
        margin-top: 50px; } }
    .withdraw .revenues ul {
      margin: 33px 0 0 0; }
  .withdraw .withdraw-history-wrapper {
    padding: 35px 0 30px 0;
    margin: 0 30px; }
    @media (max-width: 767px) {
      .withdraw .withdraw-history-wrapper {
        margin: 0 15px; } }
    .withdraw .withdraw-history-wrapper .payment-method {
      padding-left: 0; }
  @media (max-width: 767px) {
    .withdraw .payment-method {
      padding: 0 15px;
      box-shadow: none; } }
  .withdraw .payment-method .nav-tabs {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .withdraw .payment-method .nav-tabs {
        margin-bottom: 20px; } }
  .withdraw .bank-group .bank {
    width: 31.33%;
    display: inline-block;
    margin-right: 15px; }
    @media (max-width: 991px) {
      .withdraw .bank-group .bank {
        width: 30.33%; } }
    @media (max-width: 767px) {
      .withdraw .bank-group .bank {
        width: 100%;
        margin-bottom: 20px; } }
    .withdraw .bank-group .bank:last-child {
      margin-right: 0;
      float: right; }
      @media (max-width: 767px) {
        .withdraw .bank-group .bank:last-child {
          margin-bottom: 0; } }
  @media (max-width: 767px) {
    .withdraw .save-button-paypal {
      text-align: left; }
      .withdraw .save-button-paypal .btn-save {
        margin-top: 0 !important; } }
  @media (max-width: 991px) {
    .withdraw .change-password-dashboard {
      box-shadow: none;
      background: none; } }
  @media (max-width: 767px) {
    .withdraw .change-password-dashboard {
      box-shadow: none;
      padding: 0; } }
  @media (max-width: 767px) {
    .withdraw #bankAccountForm .send-button-method {
      text-align: left; } }
  @media (max-width: 767px) {
    .withdraw #bankAccountForm .user-bank .input-group-addon {
      vertical-align: top;
      padding-top: 13px; } }
  .withdraw #bankAccountForm .chosen-container {
    width: 94% !important; }
  .withdraw #bankAccountForm .chosen-container input {
    width: 100%; }
  .withdraw #bankAccountForm .chosen-container-single .chosen-single {
    height: 35px;
    line-height: 30px;
    background: none;
    border: none;
    border-bottom: 1px solid #dfe0e5;
    box-shadow: none;
    border-radius: 0; }
  .withdraw #bankAccountForm .chosen-container-single .chosen-single div {
    top: 4px; }
  .withdraw #bankAccountForm .chosen-container .chosen-results li {
    padding: 10px; }
  .withdraw #bankAccountForm .chosen-container .chosen-results li.highlighted {
    background: #10a2ef; }
  .withdraw #bankAccountForm .chosen-container .chosen-drop {
    border: 1px solid #dfe0e5; }
  .withdraw #bankAccountForm .chosen-container .chosen-results {
    clear: both; }
  .withdraw #bankAccountForm .btn-send {
    padding: 13px 85px; }
  @media (max-width: 991px) {
    .withdraw #bankAccountForm, .withdraw #paypalAccountForm, .withdraw #changePassForm {
      width: 93%; } }
  @media (max-width: 767px) {
    .withdraw #bankAccountForm, .withdraw #paypalAccountForm, .withdraw #changePassForm {
      width: 100%; } }
  @media (max-width: 767px) {
    .withdraw #withdrawForm .submit-bank {
      text-align: left; } }
  .withdraw #withdrawForm .btn-submit-bank {
    padding: 13px 80px; }
    @media (max-width: 767px) {
      .withdraw #withdrawForm .btn-submit-bank {
        width: 100%; } }
  .withdraw #paypalAccountForm .btn-save {
    padding: 13px 85px; }

.block-history {
  margin-top: 50px; }
  .block-history table {
    margin-top: 5px; }
    .block-history table .title-head {
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      line-height: 25px;
      padding-bottom: 20px; }
    .block-history table tr > td {
      line-height: 40px;
      text-align: center;
      padding: 8px 0; }
      .block-history table tr > td:first-child {
        padding-left: 0;
        text-align: left; }
      .block-history table tr > td:last-child {
        padding-right: 0; }
  .block-history .successful {
    color: #10a2ef; }
  .block-history .rejected {
    color: #e52e5d; }

.change-password {
  padding: 50px 20px 30px 20px; }
  @media (max-width: 767px) {
    .change-password {
      padding-top: 20px;
      padding-bottom: 10px; } }

@media (max-width: 767px) {
  .change-pass-button-method {
    text-align: left; } }

.load-more-post {
  color: #10a2ef;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  cursor: pointer; }

.link-post-job .post-job-button {
  position: absolute;
  right: 103px;
  top: 17px;
  color: #898a90; }
  @media (max-width: 767px) {
    .link-post-job .post-job-button {
      right: 17px; } }

.link-post-job .plus-circle {
  display: inline-block;
  background: #10a2ef;
  border-radius: 50%;
  box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.3);
  margin-left: 15px;
  padding: 3px 7px;
  text-align: center;
  color: #fff; }

.link-post-job a:hover {
  text-decoration: none; }

.error-block {
  text-align: center; }
  .error-block p {
    color: #898a90;
    font-size: 23px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px; }

.main-dashboard .mjob-list--horizontal {
  padding: 0;
  margin-top: 20px; }
  .main-dashboard .mjob-list--horizontal .mjob-item {
    box-shadow: none;
    border-bottom: 1px solid #dfe0e6;
    margin-bottom: 20px;
    padding-bottom: 15px; }
    @media (max-width: 414px) {
      .main-dashboard .mjob-list--horizontal .mjob-item {
        border: 1px solid #dfe0e6;
        padding-bottom: 0; } }
    .main-dashboard .mjob-list--horizontal .mjob-item .status-label {
      left: 80px; }
      @media (max-width: 414px) {
        .main-dashboard .mjob-list--horizontal .mjob-item .status-label {
          right: -7px;
          left: initial; }
          .main-dashboard .mjob-list--horizontal .mjob-item .status-label span {
            border-radius: 45px 0 0 45px; } }
    .main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__image {
      width: 168px;
      min-height: 101px;
      min-width: 168px; }
    .main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__entry {
      margin-left: 168px;
      padding: 0 0 0 15px; }
    .main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__author {
      display: none; }
    .main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__price .mjob-item__price-inner {
      border-top: 0;
      padding-top: 0; }
    @media (max-width: 414px) {
      .main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__price .mjob-item__price-inner {
        padding-top: 10px;
        border-top: 1px solid #f3f3f3; } }
  .main-dashboard .mjob-list--horizontal .order-item .mjob-item__author {
    display: block; }

.my-list-order .information-items-detail {
  height: auto;
  min-height: 665px; }

/* Topup Changelog Modal */
#topup-changelog-modal-front .modal-dialog {
  max-width: 800px;
  width: 800px; }
  @media all and (max-width: 768px) {
    #topup-changelog-modal-front .modal-dialog {
      width: auto;
      max-width: 100%; } }

#topup-changelog-modal-front .inner {
  background-color: #fff;
  padding: 20px;
  max-height: 500px;
  overflow-y: auto; }

#topup-changelog-modal-front .table-content,
#topup-changelog-modal-front .table-wrapper {
  padding: 0;
  margin: 0; }

#topup-changelog-modal-front .not-found {
  font-size: 14px;
  font-weight: normal; }

#topup-changelog-modal-front .changelog-amount.add {
  color: #10a2ef; }

#topup-changelog-modal-front .changelog-amount.minus {
  color: #ec3a3a; }

#topup-changelog-modal-front td {
  vertical-align: top; }

.wrapper-list-conversation {
  width: 100%;
  height: 550px; }
  @media (max-width: 767px) {
    .wrapper-list-conversation {
      width: 100%; } }
  .wrapper-list-conversation .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .wrapper-list-conversation .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0; }

.emoji {
  width: auto !important; }

.mjob-modal-conversation-form p.error {
  color: #e52e5d;
  position: absolute;
  right: 30px; }

.single-ae_message .conversation-form {
  border-top: none !important;
  position: relative;
  z-index: 1; }

.single-ae_message .note-scroll {
  margin-top: 15px !important; }

.mjob_conversation_detail_page .title-top-pages {
  margin-top: 30px !important; }

.mjob_conversation_detail_page .ellipsis {
  white-space: pre;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  color: #e1e1e1; }

.mjob_conversation_detail_page .note-scroll {
  margin-top: 50px; }

.mjob_conversation_detail_page .current {
  padding-right: 0;
  margin-bottom: 50px; }
  @media (max-width: 991px) {
    .mjob_conversation_detail_page .current {
      padding-left: 0;
      margin-top: 0; } }

.mjob_conversation_detail_page .current-order {
  padding: 0 30px 30px 30px;
  margin-left: 30px; }
  @media (max-width: 991px) {
    .mjob_conversation_detail_page .current-order {
      padding: 15px;
      margin-left: 0;
      margin-bottom: 20px; } }
  .mjob_conversation_detail_page .current-order .text-content {
    margin-top: 28px; }
  .mjob_conversation_detail_page .current-order .label-status {
    right: -38px;
    z-index: 2; }
  .mjob_conversation_detail_page .current-order .paginations-wrapper {
    padding-bottom: 0;
    margin: 0 0 15px 0; }

.mjob_conversation_detail_page .title-column {
  color: #2a394e;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  padding-bottom: 8px; }

.mjob_conversation_detail_page .conversation-form {
  padding-left: 0;
  clear: both;
  margin: 30px 0 50px 0; }
  .mjob_conversation_detail_page .conversation-form .line {
    border-bottom: 1px solid #10a2ef;
    position: absolute;
    width: 100%;
    top: 10px;
    z-index: 0; }
  .mjob_conversation_detail_page .conversation-form .paginations-wrapper {
    padding: 0;
    margin-left: 0;
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px; }
    .mjob_conversation_detail_page .conversation-form .paginations-wrapper a {
      color: #10a2ef;
      font-family: 'Open Sans', sans-serif; }

.mjob_conversation_detail_page .list-conversation {
  padding: 0; }
  .mjob_conversation_detail_page .list-conversation li {
    display: block;
    margin-bottom: 18px; }
    .mjob_conversation_detail_page .list-conversation li .img-avatar {
      float: left;
      margin-right: 20px;
      width: 8%; }
      @media (max-width: 320px) {
        .mjob_conversation_detail_page .list-conversation li .img-avatar {
          width: auto;
          margin-right: 0; } }
      .mjob_conversation_detail_page .list-conversation li .img-avatar img {
        width: 40px;
        height: 40px;
        border-radius: 50%; }
        @media (max-width: 320px) {
          .mjob_conversation_detail_page .list-conversation li .img-avatar img {
            width: 30px;
            height: 30px; } }

.mjob_conversation_detail_page .box-shadow-title {
  background-size: 66%;
  width: 100%;
  height: auto;
  background-position: left bottom; }
  @media (max-width: 991px) {
    .mjob_conversation_detail_page .box-shadow-title {
      background-size: 100%; } }

.mjob_conversation_detail_page .conversation {
  padding: 0; }
  .mjob_conversation_detail_page .conversation li {
    display: block;
    margin-bottom: 30px; }

.mjob_conversation_detail_page .conversation-text ul {
  padding: 0; }
  .mjob_conversation_detail_page .conversation-text ul li {
    display: block;
    margin-top: 10px;
    margin-bottom: 0; }
    .mjob_conversation_detail_page .conversation-text ul li i {
      padding-right: 10px; }
    .mjob_conversation_detail_page .conversation-text ul li:first-child {
      margin-top: 20px; }

.mjob_conversation_detail_page .conversation-text iframe {
  width: 100% !important; }

.mjob_conversation_detail_page .message-item .budget, .mjob_conversation_detail_page .message-item .deadline {
  display: inline-block;
  margin: 25px 30px 0 0;
  text-transform: uppercase;
  font-weight: bold; }
  @media (max-width: 767px) {
    .mjob_conversation_detail_page .message-item .budget, .mjob_conversation_detail_page .message-item .deadline {
      margin: 15px 0 0 0; } }
  .mjob_conversation_detail_page .message-item .budget span, .mjob_conversation_detail_page .message-item .deadline span {
    padding-left: 10px; }

.mjob_conversation_detail_page .message-item .budget span {
  font-size: 18px; }

.mjob_conversation_detail_page .message-item .deadline span {
  font-weight: 500;
  text-transform: none; }

.mjob_conversation_detail_page .offer-label {
  font-weight: bold;
  padding-bottom: 7px; }

.mjob_conversation_detail_page .private-message {
  position: relative; }
  .mjob_conversation_detail_page .private-message .img-avatar {
    float: left;
    margin-right: 20px;
    width: 7%;
    display: none; }
    .mjob_conversation_detail_page .private-message .img-avatar img {
      width: 50px;
      height: 50px;
      border-radius: 50%; }
  .mjob_conversation_detail_page .private-message .conversation-text {
    width: 60%;
    background: #10a2ef;
    color: #fff;
    padding: 14px 15px;
    float: right;
    margin-right: 129px;
    border-radius: 4px; }
    @media (max-width: 767px) {
      .mjob_conversation_detail_page .private-message .conversation-text {
        width: 88%;
        margin-right: 43px; } }
    @media (max-width: 480px) {
      .mjob_conversation_detail_page .private-message .conversation-text {
        margin-right: 0;
        width: 100%; } }
    .mjob_conversation_detail_page .private-message .conversation-text li a {
      color: #fff; }
    .mjob_conversation_detail_page .private-message .conversation-text p {
      margin-bottom: 0; }
  .mjob_conversation_detail_page .private-message .message-time {
    position: absolute;
    right: 0; }
    @media (max-width: 767px) {
      .mjob_conversation_detail_page .private-message .message-time {
        position: initial; } }

.mjob_conversation_detail_page .guest-message .conversation-text {
  float: left;
  width: 60%;
  background: #fff;
  color: #2a394e;
  padding: 14px 15px;
  position: relative;
  border-radius: 4px; }
  @media (max-width: 767px) {
    .mjob_conversation_detail_page .guest-message .conversation-text {
      width: 86%;
      margin-right: 0; } }
  @media (max-width: 480px) {
    .mjob_conversation_detail_page .guest-message .conversation-text {
      width: 77%;
      margin-right: 0;
      margin-left: 20px; } }
  .mjob_conversation_detail_page .guest-message .conversation-text li a {
    color: #10a2ef; }
  .mjob_conversation_detail_page .guest-message .conversation-text .budget span {
    color: #10a2ef; }
  .mjob_conversation_detail_page .guest-message .conversation-text p {
    margin-bottom: 0; }

.mjob_conversation_detail_page .guest-message .img-avatar {
  float: right;
  width: 7%; }
  .mjob_conversation_detail_page .guest-message .img-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%; }

.mjob_conversation_detail_page .admin-message {
  background: #eb8251;
  color: #fff;
  padding: 15px 20px;
  border-radius: 8px; }
  .mjob_conversation_detail_page .admin-message .img-avatar {
    display: none; }
  .mjob_conversation_detail_page .admin-message p {
    margin-bottom: 0; }
  .mjob_conversation_detail_page .admin-message .message-time {
    float: inherit;
    text-align: right;
    color: #973916; }
  .mjob_conversation_detail_page .admin-message .conversation-text {
    background: #eb8251 !important;
    border: none !important; }
  .mjob_conversation_detail_page .admin-message .view-custom-order {
    color: #fff !important; }

.mjob_conversation_detail_page .note {
  margin: 20px 0; }

.mjob_conversation_detail_page .message-time {
  float: right;
  font-size: 12px;
  color: #10a2ef;
  margin-top: 15px; }

.conversation-date {
  margin: 40px 0 20px 0;
  color: #10a2ef;
  position: relative; }
  .conversation-date .date {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 0 15px; }

.compose-conversation .compose {
  position: relative;
  margin-bottom: 0; }
  .compose-conversation .compose .attachment-image, .compose-conversation .compose .send-message {
    float: left; }
  .compose-conversation .compose .attachment-image {
    margin-top: 0;
    margin-right: 10px; }
  .compose-conversation .compose .send-message {
    background: none;
    border: none;
    text-transform: uppercase;
    color: #10a2ef;
    font-family: 'Montserrat', sans-serif; }

.compose-conversation .group-compose {
  position: relative;
  width: 100%; }
  .compose-conversation .group-compose .error {
    color: #e52e5d;
    position: absolute;
    right: 0;
    bottom: -35px; }

.compose-conversation .input-compose {
  width: 100%; }
  .compose-conversation .input-compose textarea {
    width: 100%;
    padding: 30px 20px 25px 73px;
    border: none;
    margin: 0;
    vertical-align: middle;
    max-height: 150px;
    resize: none; }
  .compose-conversation .input-compose input {
    border: none;
    padding: 0 15px;
    width: 85%;
    height: 40px;
    outline: 0; }
    @media (max-width: 991px) {
      .compose-conversation .input-compose input {
        padding: 0 40px 0 15px; } }
    @media (max-width: 767px) {
      .compose-conversation .input-compose input {
        padding: 0 50px 0 15px; } }
  .compose-conversation .input-compose input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #10a2ef;
    font-size: 14px; }
  .compose-conversation .input-compose input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #10a2ef;
    opacity: 1;
    font-size: 14px; }
  .compose-conversation .input-compose input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #10a2ef;
    opacity: 1;
    font-size: 14px; }
  .compose-conversation .input-compose input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #10a2ef;
    font-size: 14px; }

.compose-conversation .action-link {
  position: absolute;
  top: 0;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .compose-conversation .action-link .plupload_buttons {
    display: block;
    width: 100%;
    height: 100%; }
  .compose-conversation .action-link .attachment-image {
    margin-right: 0; }
  .compose-conversation .action-link .add-img i.fa-paperclip {
    color: #fff;
    font-size: 18px;
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg); }
  .compose-conversation .action-link span.img-gallery {
    background: #10a2ef;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px; }

.compose-conversation .gallery_container_single_conversation {
  margin-right: 0;
  width: 100%; }
  .compose-conversation .gallery_container_single_conversation .add-img i {
    color: #10a2ef; }

.compose-conversation .carousel_single_conversation-image-list {
  margin-bottom: 0;
  width: 100%;
  margin-left: 10px;
  padding-left: 62px; }
  .compose-conversation .carousel_single_conversation-image-list li {
    display: inline-block;
    width: 19%;
    margin: 10px 0 0px 0;
    padding-right: 20px;
    position: relative;
    background: #dbdbdb;
    border-radius: 45px;
    padding: 5px 20px; }
    @media (max-width: 767px) {
      .compose-conversation .carousel_single_conversation-image-list li {
        width: 44%; } }
    .compose-conversation .carousel_single_conversation-image-list li a {
      color: #10a2ef;
      text-decoration: underline;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      overflow: hidden;
      text-decoration: none;
      font-size: 12px; }
      .compose-conversation .carousel_single_conversation-image-list li a .fa-paperclip {
        display: none; }
      .compose-conversation .carousel_single_conversation-image-list li a .fa-times {
        color: #2a394e;
        padding-left: 10px; }
      .compose-conversation .carousel_single_conversation-image-list li a.delete-img {
        position: absolute;
        top: 5px;
        right: 9px; }

.all-list-message .paginations-wrapper {
  margin: 36px 20px 40px 102px; }

.all-list-message .not-found {
  margin-top: 20px;
  font-size: 21px;
  color: #c1c2c7;
  font-family: 'Open Sans', sans-serif; }

.all-list-message .list-conversation {
  padding-left: 0;
  margin-top: 8px; }
  .all-list-message .list-conversation .inner {
    padding: 20px 0; }
  .all-list-message .list-conversation .unread {
    background: #f3fafe; }
    .all-list-message .list-conversation .unread .name-author, .all-list-message .list-conversation .unread .latest-reply {
      font-family: 'Montserrat', sans-serif;
      font-weight: bold;
      color: #2a394e; }
  .all-list-message .list-conversation li {
    display: block;
    border-bottom: 1px solid #dfe0e5; }
    .all-list-message .list-conversation li .img-avatar {
      float: left;
      margin-right: 20px; }
      .all-list-message .list-conversation li .img-avatar img {
        border-radius: 50%;
        width: 75px;
        height: 75px; }
    .all-list-message .list-conversation li > a {
      display: block; }
    .all-list-message .list-conversation li .conversation-text {
      color: #2a394e;
      margin-left: 92px; }

.all-list-message .name-author {
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  color: #2a394e; }
  .all-list-message .name-author a {
    color: #2a394e; }

.all-list-message .latest-reply-time {
  color: #aaafb2;
  font-size: 12px;
  margin: 10px 0 0 0; }

.current-order {
  border: 1px solid #dfe0e5;
  padding: 8px; }
  .current-order .title-column {
    margin-top: 20px; }
  .current-order ul {
    padding: 0; }
    .current-order ul li {
      display: block;
      position: relative;
      padding-top: 8px; }
      .current-order ul li h2 {
        font-size: 14px;
        margin-top: 0; }
      .current-order ul li .label-status {
        position: absolute;
        right: 0;
        top: 7px;
        width: 94px; }
      .current-order ul li .total-message {
        position: absolute;
        right: 0;
        bottom: 0; }
  .current-order .name-customer-order {
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 80%;
    height: 20px;
    font-weight: bold; }

.custom-order-box {
  padding: 0 !important; }
  .custom-order-box li {
    margin: 0 35px 0 23px;
    border-bottom: 1px solid #dfe0e5; }
    .custom-order-box li:last-child {
      border-bottom: none !important; }
  .custom-order-box .title-column {
    padding-left: 30px; }
  .custom-order-box .budget, .custom-order-box .deadline {
    color: #aaafb2;
    text-transform: uppercase;
    font-weight: bold; }
    .custom-order-box .budget span, .custom-order-box .deadline span {
      padding-left: 10px; }
  .custom-order-box .custom-order-btn {
    margin: 20px 0 10px 0; }
  .custom-order-box .outer-etd {
    position: relative; }
  .custom-order-box .budget {
    position: absolute;
    right: 0;
    top: 0; }
    .custom-order-box .budget span {
      color: #10a2ef;
      font-size: 20px; }
    @media (max-width: 1199px) {
      .custom-order-box .budget span {
        padding-left: 0; } }
    @media (max-width: 991px) {
      .custom-order-box .budget {
        position: absolute;
        right: 0;
        top: 0; } }
    @media (max-width: 480px) {
      .custom-order-box .budget {
        position: relative; }
        .custom-order-box .budget span {
          padding-left: 0; } }
  .custom-order-box .deadline {
    padding-top: 5px; }
    .custom-order-box .deadline span {
      text-transform: none;
      color: #2a394e;
      font-weight: 500; }
  .custom-order-box .more {
    text-align: center;
    border-top: 1px solid #dfe0e5;
    margin: 0 30px;
    padding-top: 15px;
    position: relative;
    z-index: 1; }
    .custom-order-box .more a {
      color: #10a2ef; }
  .custom-order-box .btn-decline, .custom-order-box .btn-send-offer, .custom-order-box .btn-accept-offer {
    display: inline-block;
    border-radius: 45px;
    text-align: center;
    font-size: 12px;
    border: none;
    outline: 0; }
  .custom-order-box .btn-decline {
    background: #fff;
    color: #10a2ef;
    padding: 4px 20px;
    border: 1px solid #10a2ef; }
  .custom-order-box .btn-send-offer, .custom-order-box .btn-accept-offer {
    background: #10a2ef;
    color: #fff;
    padding: 5px 20px;
    margin-left: 5px; }
  .custom-order-box .list-attach li {
    padding: 10px 10px 0 0;
    margin: 0;
    display: block;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
  .custom-order-box .list-attach i {
    display: initial; }

.outer-detail-custom-order {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  width: 100%;
  z-index: 5;
  display: none; }
  @media (max-width: 991px) {
    .outer-detail-custom-order {
      z-index: 100; } }

.detail-custom-order {
  width: 44%;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  box-shadow: 16px 0 rgba(139, 166, 183, 0.7);
  -webkit-box-shadow: 16px 0 rgba(139, 166, 183, 0.7);
  -moz-box-shadow: 16px 0 rgba(139, 166, 183, 0.7);
  z-index: 9999;
  margin-top: 0; }
  @media (max-width: 991px) {
    .detail-custom-order {
      height: 100%;
      width: 100%;
      z-index: 9999; } }
  .detail-custom-order .budget {
    position: relative; }

.overlay-custom-detail {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.28);
  display: none; }

.close-detail {
  position: absolute;
  right: 30px;
  top: 30px;
  color: rgba(137, 138, 144, 0.5);
  font-size: 20px;
  cursor: pointer;
  z-index: 999; }

.show-detail-custom-order {
  display: block; }

.content-custom-order {
  padding: 30px 50px 30px 30px;
  height: 100%; }
  .content-custom-order h2 {
    font-size: 14px;
    margin-top: 30px;
    font-weight: bold;
    line-height: 25px; }
    .content-custom-order h2 a {
      color: #2a394e; }
  .content-custom-order .date {
    color: #aaafb3; }
    .content-custom-order .date span {
      color: #10a2ef; }
  .content-custom-order .block-text {
    border-top: 1px solid #dfe0e5;
    padding-top: 20px;
    position: relative; }
    .content-custom-order .block-text .title {
      text-transform: uppercase;
      color: #aaafb2;
      font-family: 'Montserrat', sans-serif; }
    .content-custom-order .block-text .budget, .content-custom-order .block-text .deadline {
      display: inline-block;
      margin-right: 30px;
      color: #aaafb2;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 10px; }
      .content-custom-order .block-text .budget span, .content-custom-order .block-text .deadline span {
        padding-left: 10px; }
    .content-custom-order .block-text .budget span {
      color: #10a2ef;
      font-size: 24px; }
    .content-custom-order .block-text .deadline span {
      text-transform: none;
      color: #2a394e;
      font-weight: 500; }
    .content-custom-order .block-text .list-attach {
      padding-left: 0;
      margin-top: 10px; }
      .content-custom-order .block-text .list-attach li {
        display: inline-block;
        margin: 0 20px 10px 0;
        border: none; }
        .content-custom-order .block-text .list-attach li i {
          padding-right: 5px; }
        .content-custom-order .block-text .list-attach li a {
          color: #10a2ef; }
    .content-custom-order .block-text .label-status {
      position: absolute;
      right: 0;
      width: 94px;
      top: 13px;
      padding: 5px 0;
      border-radius: 45px 0 0 45px;
      color: #fff;
      font-size: 10px;
      text-align: center;
      font-size: 12px; }
    .content-custom-order .block-text .padding-top10 {
      padding-top: 15px; }
    .content-custom-order .block-text .action {
      margin-top: 25px; }
      .content-custom-order .block-text .action .btn-decline, .content-custom-order .block-text .action .btn-send-offer {
        display: inline-block;
        border-radius: 45px;
        text-align: center;
        font-size: 12px;
        border: none; }
      .content-custom-order .block-text .action .btn-decline {
        background: #fff;
        color: #10a2ef;
        padding: 4px 20px;
        border: 1px solid #10a2ef; }
      .content-custom-order .block-text .action .btn-send-offer {
        background: #10a2ef;
        color: #fff;
        padding: 5px 20px;
        margin-left: 5px; }
  .content-custom-order .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .content-custom-order .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 4px;
    top: 100px; }

.action-form {
  padding: 30px 50px 30px 30px;
  height: 100%; }
  @media (max-width: 767px) {
    .action-form {
      padding: 30px; } }
  .action-form .btn-back {
    color: #aaafb3;
    cursor: pointer; }
    .action-form .btn-back i {
      padding-right: 10px; }
  .action-form .cata-title {
    text-transform: uppercase;
    color: #10a2ef;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; }
  .action-form .btn-send-offer {
    font-size: 12px;
    padding: 5px 30px;
    text-transform: none;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif; }

#reject, #decline, #send-offer {
  display: none; }

#send-offer .form-delivery-order {
  padding: 17px; }
  @media (max-width: 767px) {
    #send-offer .form-delivery-order {
      padding: 17px 0; } }

#send-offer .date-deadline, #send-offer .price {
  margin-bottom: 25px; }
  @media (max-width: 1199px) {
    #send-offer .date-deadline, #send-offer .price {
      width: 100%; } }
  #send-offer .date-deadline input[type="number"], #send-offer .price input[type="number"] {
    width: 80%;
    line-height: 50px; }
  #send-offer .date-deadline .symsbol, #send-offer .price .symsbol {
    color: #898a90;
    position: relative;
    top: 15px;
    left: 10px; }
    @media (max-width: 480px) {
      #send-offer .date-deadline .symsbol, #send-offer .price .symsbol {
        left: 4px; } }
  #send-offer .date-deadline p.error, #send-offer .price p.error {
    bottom: -40px !important;
    right: 43px;
    margin-left: 0; }
    @media (max-width: 991px) {
      #send-offer .date-deadline p.error, #send-offer .price p.error {
        right: 120px; } }
    @media (max-width: 767px) {
      #send-offer .date-deadline p.error, #send-offer .price p.error {
        right: 58px; } }

#send-offer .attachment-image li {
  position: relative;
  width: 100%;
  margin-bottom: 10px !important;
  border: none; }
  #send-offer .attachment-image li span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 275px;
    position: relative;
    top: 4px; }
    @media (max-width: 1199px) {
      #send-offer .attachment-image li span {
        max-width: 247px !important; } }
    @media (max-width: 767px) {
      #send-offer .attachment-image li span {
        max-width: 250px !important; } }
    @media (max-width: 480px) {
      #send-offer .attachment-image li span {
        max-width: 190px !important; } }
  #send-offer .attachment-image li .delete-img {
    position: initial; }

.changelog-item {
  text-align: center;
  position: relative; }
  @media (max-width: 767px) {
    .changelog-item {
      text-align: left; } }
  .changelog-item .changelog-text {
    color: #90969b;
    font-style: italic;
    margin: 0 90px; }
    @media (max-width: 767px) {
      .changelog-item .changelog-text {
        margin: 0 90px 0 0; } }
    .changelog-item .changelog-text a {
      color: #10a2ef;
      font-weight: bold; }
  .changelog-item .message-time {
    position: absolute;
    right: 0;
    top: 2px;
    margin-top: 0; }

.user-conversation {
  display: block;
  font-size: 11px;
  color: #aaafb3;
  font-style: italic;
  text-transform: none;
  font-weight: 100; }
  .user-conversation a {
    font-size: 13px;
    color: #10a2ef;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 3px; }

.list-custom-order-wrapper {
  max-height: 550px;
  height: auto;
  right: -7px; }
  @media (max-width: 991px) {
    .list-custom-order-wrapper {
      height: inherit !important;
      max-height: inherit;
      overflow: auto !important; } }
  .list-custom-order-wrapper .mCSB_dragger_bar, .list-custom-order-wrapper .mCSB_dragger_bar:hover {
    background-color: rgba(16, 162, 239, 0) !important; }
  .list-custom-order-wrapper .mCSB_scrollTools .mCSB_dragger {
    cursor: context-menu !important; }
  .list-custom-order-wrapper .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent !important;
    box-shadow: none !important; }
  @media (max-width: 480px) {
    .list-custom-order-wrapper .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .list-custom-order-wrapper .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
      right: 0 !important; } }

.gardient-load-more {
  position: absolute;
  z-index: 0;
  min-height: 130px;
  width: 86%;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  bottom: 30px; }

.no-custom {
  padding-left: 23px; }

.custom-order {
  border: 2px solid #ffe4c7;
  color: #222222 !important;
  background: #fff !important; }
  .custom-order .image-item a {
    color: #01579B !important; }
  .custom-order .budget span {
    color: #000 !important; }
  .custom-order .view-custom-order {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px !important;
    font-weight: 200;
    font-style: italic;
    color: #919191;
    margin-bottom: 15px !important; }
    .custom-order .view-custom-order .link-view-custom-order {
      color: #10a2ef;
      cursor: pointer; }

.custom-offer {
  border: 2px solid #c7edfc;
  color: #222222 !important;
  background: #fff !important; }
  .custom-offer .budget span {
    color: #000 !important; }
  .custom-offer .offer-label {
    color: #10a2ef; }
  .custom-offer .image-item a {
    color: #4188a4 !important; }

.disable-browse {
  opacity: .5;
  cursor: not-allowed; }
  .disable-browse a {
    cursor: not-allowed !important; }

.page-404 {
  margin: 120px 0 55px 0; }
  .page-404 .note-wrong {
    font-size: 29px;
    font-family: 'Montserrat', sans-serif;
    color: #10a2ef;
    text-transform: uppercase; }
  .page-404 .icon-404 {
    font-size: 195px;
    margin-bottom: 0;
    color: #10a2ef; }
    @media (max-width: 767px) {
      .page-404 .icon-404 {
        font-size: 10em; } }
    .page-404 .icon-404 span {
      font-family: 'Montserrat', sans-serif; }
  .page-404 .content-404 {
    color: #2a394e; }
  .page-404 a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: underline;
    color: #2a394e; }
  .page-404 .link-back {
    margin: 70px 0 30px 0; }
    .page-404 .link-back a {
      color: #fff;
      text-decoration: none; }
    .page-404 .link-back i {
      padding-right: 10px;
      font-size: 18px;
      font-weight: bold; }

.block-page {
  position: relative;
  min-height: 700px; }

.blog-pages, .post-detail {
  margin-top: 50px; }

.post-detail h1 {
  margin-top: 0; }

.post-list {
  padding-left: 0;
  float: left; }
  .post-list .article-post {
    padding: 0; }
  .post-list li {
    display: block;
    margin-bottom: 50px; }
    .post-list li .image-avatar img {
      width: 256px;
      height: 180px;
      border-radius: 4px; }
      @media (max-width: 767px) {
        .post-list li .image-avatar img {
          width: 100% !important;
          margin-bottom: 20px; } }
    .post-list li .info-items {
      position: relative; }
      .post-list li .info-items .author-post, .post-list li .info-items .date-post {
        margin-bottom: 20px; }
      .post-list li .info-items .author-post {
        color: #898a90; }
      .post-list li .info-items .date-post {
        position: absolute;
        right: 0;
        top: 0;
        color: #898a90; }
      .post-list li .info-items h2 {
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px; }
        .post-list li .info-items h2 a {
          color: #2a394e; }
      .post-list li .info-items .group-function {
        position: relative;
        min-height: 72px; }
        .post-list li .info-items .group-function .total-comments {
          font-size: 12px;
          position: absolute;
          right: 0;
          bottom: -12px;
          color: #10a2ef; }
        .post-list li .info-items .group-function .more {
          text-transform: uppercase;
          color: #10a2ef;
          font-family: 'Montserrat', sans-serif; }

.post-detail .blog-content {
  position: relative; }
  .post-detail .blog-content .author-post, .post-detail .blog-content .date-post {
    color: #aaafb3; }
  .post-detail .blog-content .date-post {
    position: absolute;
    right: 0;
    top: 0; }
  .post-detail .blog-content .title-blog {
    margin: 0; }
    .post-detail .blog-content .title-blog a {
      color: #2a394e;
      font-size: 21px;
      font-family: 'Montserrat', sans-serif; }
  .post-detail .blog-content .post-content {
    margin-top: 20px;
    border-bottom: 1px solid #dfe0e5;
    padding-bottom: 50px; }
    .post-detail .blog-content .post-content h1 {
      font-size: 21px; }
    .post-detail .blog-content .post-content h2 {
      font-size: 18px; }
    .post-detail .blog-content .post-content h3 {
      font-size: 16px; }
    .post-detail .blog-content .post-content h4 {
      font-size: 14px; }
    .post-detail .blog-content .post-content h5 {
      font-size: 12px; }
    .post-detail .blog-content .post-content h6 {
      font-size: 10px; }
    .post-detail .blog-content .post-content p {
      line-height: 25px;
      margin-bottom: 20px; }
    .post-detail .blog-content .post-content img {
      max-width: 100%;
      height: auto; }
    .post-detail .blog-content .post-content li {
      margin-bottom: 10px; }
  .post-detail .blog-content .cmt {
    margin-top: 20px; }
    .post-detail .blog-content .cmt .text-comment {
      color: #aaafb2;
      text-transform: uppercase;
      font-family: 'Montserrat', sans-serif;
      margin-right: 5px; }

.post-detail #comments {
  margin: 0 -15px; }
  .post-detail #comments .comment-reply-title {
    color: #aaafb2;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    margin-right: 5px;
    font-size: 14px; }
  .post-detail #comments .comment-notes {
    margin-bottom: 20px; }
  .post-detail #comments label {
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #c1c2c7;
    font-size: 16px; }
  .post-detail #comments input[type="text"], .post-detail #comments textarea {
    width: 80%;
    border: 1px solid rgba(137, 138, 144, 0.2);
    padding: 20px; }
  .post-detail #comments input[type="text"] {
    height: 40px; }
  .post-detail #comments .required {
    color: #e52e5d; }
  .post-detail #comments .form-submit {
    margin-top: 40px; }
    .post-detail #comments .form-submit .submit {
      border-radius: 45px;
      padding: 13px 60px;
      border: none;
      background: #10a2ef;
      color: #fff;
      box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
      font-family: 'Montserrat', sans-serif;
      text-transform: uppercase; }
      .post-detail #comments .form-submit .submit:hover {
        color: #fff;
        text-decoration: none; }
  .post-detail #comments .logged-in-as a {
    color: #10a2ef; }
  .post-detail #comments .comment-list {
    padding-left: 0; }
    .post-detail #comments .comment-list li {
      display: block;
      list-style: none;
      border-bottom: 1px solid #dfe0e5;
      padding: 20px 0; }
      .post-detail #comments .comment-list li img {
        border-radius: 50%; }
      .post-detail #comments .comment-list li .says {
        display: none; }
  .post-detail #comments .comment-list .pull-left {
    width: 8%; }
  .post-detail #comments .comment-list .pull-right {
    width: 89%; }
    @media (max-width: 480px) {
      .post-detail #comments .comment-list .pull-right {
        width: 75%; } }
  .post-detail #comments .comment-list .avatar-comment img {
    width: 70px;
    height: 70px; }
  .post-detail #comments .comment-list .media-heading {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #2a394e;
    font-size: 14px; }
  .post-detail #comments .comment-list .time-review {
    color: #c1c2c7;
    font-size: 12px; }
  .post-detail #comments .comment-list .comment-text {
    margin-top: 10px; }
  .post-detail #comments .comment-list .comment-reply-link {
    color: #10a2ef;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif; }
    .post-detail #comments .comment-list .comment-reply-link i {
      display: none; }
  .post-detail #comments .comment-list .children {
    margin-top: 20px; }
    .post-detail #comments .comment-list .children li {
      border-bottom: 0;
      border-top: 1px solid #dfe0e5; }

@media (max-width: 480px) {
  .post-detail {
    margin: 0; } }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.5s; }

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.5s; }

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); }

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg); }

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate; }

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate; }

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg); }

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg); }

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg); }

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color; }

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white; }

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: color, background-color; }

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  background-color: #2098d1;
  color: white; }

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white; }

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white; }

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white; }

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white; }

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s; }

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white; }

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s; }

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white; }

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s; }

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white; }

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s; }

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white; }

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white; }

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2); }

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2098d1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white; }

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0); }

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white; }

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0); }

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white; }

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1); }

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white; }

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0); }

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white; }

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white; }

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0); }

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s; }

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white; }

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none; }

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity; }

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1; }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out; }

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in; }

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left; }

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px; }

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left; }

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1; }

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: border-radius; }

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em; }

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0; }

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0; }

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0; }

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0; }

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0; }

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0; }

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098d1;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: 0.1s;
  transition-timing-function: ease-out; }

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px; }

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden; }

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow; }

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow; }

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow, -webkit-transform;
  transition-property: box-shadow, transform;
  transition-property: box-shadow, transform, -webkit-transform; }

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow; }

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  transition-duration: 0.3s;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */ }

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity; }

.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); }

.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); }

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1; }

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent; }

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1; }

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent; }

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent; }

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  transition-duration: 0.1s; }

.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px); }

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.1s; }

.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px); }

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transition-duration: 1s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-in-out; }

.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
  100% {
    opacity: 1; } }

@keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
  100% {
    opacity: 1; } }

/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
  opacity: 0;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.5s;
  transition-property: color; }

.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
  color: #0F9E5E; }

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }

/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-float-away:before, .hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome; }

.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }

/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0); }

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8); }

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-timing-function: ease-out; }

.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-timing-function: ease-out; }

.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em; }

.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-timing-function: ease-out; }

.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg); }

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg); }

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px); }

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out; }

.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px); }

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate; }

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate; }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height; }

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px; }

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height; }

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px; }

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height; }

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px; }

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height; }

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px; }

#footer {
  padding: 40px 0 0;
  background: #2a394e;
  color: #fff;
  position: relative;
  z-index: 99; }
  #footer .et-pull-top {
    margin-bottom: 40px;
    background: none;
    position: relative; }
    #footer .et-pull-top ul {
      margin: 0;
      padding: 0; }
      #footer .et-pull-top ul li {
        display: block;
        margin-bottom: 8px; }
        #footer .et-pull-top ul li a {
          color: #fff; }
    #footer .et-pull-top h3, #footer .et-pull-top h2 {
      font-size: 18px;
      margin-bottom: 30px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }
  #footer .et-pull-bottom {
    padding: 15px 0 30px 0;
    position: relative !important; }
    @media (max-width: 767px) {
      #footer .et-pull-bottom .social-link {
        text-align: center;
        margin-top: 10px; } }
    #footer .et-pull-bottom .social-link ul {
      padding: 0; }
      #footer .et-pull-bottom .social-link ul li {
        display: inline-block;
        margin-left: 15px;
        cursor: pointer; }
        #footer .et-pull-bottom .social-link ul li .face i {
          padding: 4px 10px; }
        #footer .et-pull-bottom .social-link ul li .twitter i {
          padding: 5px 8px; }
        #footer .et-pull-bottom .social-link ul li .google i {
          padding: 5px; }
        #footer .et-pull-bottom .social-link ul li a {
          color: #fff;
          padding: 4px 0; }
          #footer .et-pull-bottom .social-link ul li a.face:hover {
            transition: all 0.4s ease;
            background: #3b5998;
            border-radius: 50%; }
          #footer .et-pull-bottom .social-link ul li a.twitter:hover {
            transition: all 0.4s ease;
            background: #28a9e0;
            border-radius: 50%; }
          #footer .et-pull-bottom .social-link ul li a.google:hover {
            transition: all 0.4s ease;
            background: #d6492f;
            border-radius: 50%; }
    @media (max-width: 767px) {
      #footer .et-pull-bottom {
        text-align: center; } }
    #footer .et-pull-bottom a {
      color: #10a2ef;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500; }

#invoices-container .invoice-detail .table-content, #invoices-container .invoice-detail .invoice-note {
  margin-bottom: 40px; }

#invoices-container .invoice-detail .invoice-note {
  text-align: center;
  padding: 0 50px; }
  @media (max-width: 767px) {
    #invoices-container .invoice-detail .invoice-note {
      padding: 0 15px; } }
  #invoices-container .invoice-detail .invoice-note .type-cash {
    font-weight: bold; }

#invoices-container .invoice-detail .link-detail-method {
  text-align: center;
  margin-top: 80px; }
  @media (max-width: 991px) {
    #invoices-container .invoice-detail .link-detail-method {
      margin-top: 0; } }
  #invoices-container .invoice-detail .link-detail-method a {
    display: inline-block; }
  #invoices-container .invoice-detail .link-detail-method i {
    padding-left: 10px; }

#invoices-container .invoice-detail table {
  margin-top: 50px; }
  @media (max-width: 991px) {
    #invoices-container .invoice-detail table {
      margin-top: 0; } }
  #invoices-container .invoice-detail table tr, #invoices-container .invoice-detail table td, #invoices-container .invoice-detail table th {
    border-bottom: none;
    text-align: center;
    border-right: 1px solid #efefef; }
    #invoices-container .invoice-detail table tr:last-child, #invoices-container .invoice-detail table td:last-child, #invoices-container .invoice-detail table th:last-child {
      border-right: none; }
  #invoices-container .invoice-detail table th {
    font-weight: normal;
    color: #aaafb2; }
  #invoices-container .invoice-detail table td {
    font-weight: bold; }

/*---------------------------
  4.CUSTOMIZED BOOTSTRAP FOR PAGE
--------------------------------*/
/*!
 * Structure Sass Pages EngineThemes (http://enginethemes.com)
 */
.modal {
  z-index: 99999999999;
  background: rgba(0, 0, 0, 0.7);
  padding-top: 90px; }

.modal-content {
  border-radius: 4px;
  border: none; }

.close {
  float: left !important;
  color: #fff;
  opacity: 1;
  outline: 0; }

.modal-header {
  text-align: center;
  border-bottom: none;
  background: #10a2ef;
  border-radius: 4px 4px 0 0;
  color: #fff;
  padding: 33px 50px;
  font-family: 'Montserrat', sans-serif; }

.modal-body {
  padding: 0 !important; }

.modal {
  z-index: 99999; }

.reject-project.form_modal_style {
  padding: 30px; }

.et-dropdown button {
  border: 0;
  background: none; }

.et-dropdown .avatar {
  color: #898a90;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600; }

.et-dropdown i {
  font-size: 25px;
  padding-left: 15px;
  font-weight: bold;
  color: #898a90;
  position: relative;
  top: 3px;
  transition: all 0.25s ease; }

.et-dropdown img {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  bottom: 4px; }
  @media (max-width: 991px) {
    .et-dropdown img {
      margin-right: 0;
      width: 30px;
      height: 30px;
      bottom: 0; } }

.et-dropdown .dropdown-toggle {
  position: inherit;
  z-index: 1111;
  padding: 10px; }
  @media (max-width: 991px) {
    .et-dropdown .dropdown-toggle {
      padding-right: 0; } }

.et-dropdown .dropdown-menu {
  background-clip: padding-box;
  background-color: #fff !important;
  box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);
  border-radius: 4px;
  margin-top: 9px;
  right: 10px;
  left: inherit; }

.et-dropdown .et-dropdown-login {
  padding: 0; }
  .et-dropdown .et-dropdown-login:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #10a2ef;
    right: 0;
    top: -9px;
    margin-left: -5px; }
    @media (max-width: 991px) {
      .et-dropdown .et-dropdown-login:before {
        display: none; } }
  .et-dropdown .et-dropdown-login .get-message-link, .et-dropdown .et-dropdown-login .post-service-link {
    display: none; }
    @media (max-width: 991px) {
      .et-dropdown .et-dropdown-login .get-message-link, .et-dropdown .et-dropdown-login .post-service-link {
        display: block; } }
  @media (max-width: 991px) {
    .et-dropdown .et-dropdown-login .post-service-link a {
      position: relative; }
    .et-dropdown .et-dropdown-login .post-service-link .plus-circle {
      display: inline-block;
      background: #10a2ef;
      border-radius: 50%;
      margin-left: 15px;
      text-align: center;
      width: 30px;
      height: 30px;
      position: absolute;
      right: 15px;
      bottom: 5px; }
    .et-dropdown .et-dropdown-login .post-service-link i {
      color: #fff;
      font-size: 14px;
      position: relative;
      padding: 0;
      top: 6px; } }
  .et-dropdown .et-dropdown-login li {
    border-bottom: 1px solid #d2d2d2;
    margin: 0 10px; }
    @media (max-width: 991px) {
      .et-dropdown .et-dropdown-login li {
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
    .et-dropdown .et-dropdown-login li:hover {
      background: #10a2ef;
      padding: 0 10px;
      margin: 0;
      border-top: 0 !important; }
      @media (max-width: 991px) {
        .et-dropdown .et-dropdown-login li:hover {
          padding: 10px; } }
    .et-dropdown .et-dropdown-login li:first-child {
      border: none;
      margin: 0;
      padding: 0 10px;
      background: #10a2ef;
      border-bottom: 0; }
      @media (max-width: 991px) {
        .et-dropdown .et-dropdown-login li:first-child {
          background: none;
          padding: 10px; } }
      .et-dropdown .et-dropdown-login li:first-child a {
        color: #fff; }
    .et-dropdown .et-dropdown-login li:last-child {
      border-bottom: 0; }
    .et-dropdown .et-dropdown-login li a {
      padding: 10px 0; }
      .et-dropdown .et-dropdown-login li a:hover {
        background: none;
        color: #fff; }
    .et-dropdown .et-dropdown-login li i {
      padding-right: 20px; }

.et-dropdown.open i.fa-angle-right {
  transition: all 0.25s ease;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: -3px;
  right: -5px; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: none; }

.btn-submit {
  border-radius: 45px;
  padding: 13px 60px;
  border: none;
  background: #10a2ef;
  color: #fff;
  box-shadow: -1px 6px 19px rgba(16, 162, 239, 0.4);
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  outline: none;
  position: relative;
  overflow: hidden; }
  .btn-submit:hover, .btn-submit.active, .btn-submit.visited {
    color: #fff;
    text-decoration: none; }

.btn-submit-o {
  border-radius: 45px;
  padding: 13px 60px;
  border: none;
  background: #fff;
  border: 2px solid #10a2ef;
  color: #10a2ef;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  outline: none;
  position: relative;
  overflow: hidden; }
  .btn-submit-o:hover, .btn-submit-o.active, .btn-submit-o.visited {
    color: #10a2ef;
    text-decoration: none; }

input, textarea {
  outline: 0 !important; }

.et-form .form-group {
  margin-bottom: 40px;
  position: relative; }
  .et-form .form-group:last-child {
    margin-bottom: 20px; }

.et-form .input-group {
  width: 100%; }

.et-form .input-group-addon {
  background: none;
  border: none;
  color: #898a90;
  padding: 0 25px 0 0;
  font-size: 16px; }

.et-form .no-addon {
  padding-right: 35px; }

.et-form .mb-20 {
  margin-bottom: 20px; }

.et-form label {
  color: #717171;
  font-size: 15px;
  font-weight: 600; }
  .et-form label i {
    padding-right: 8px; }

.et-form .tos-text {
  font-weight: normal; }

.et-form .note-message {
  color: #2a394e !important;
  font-style: italic;
  font-size: 13px; }

.et-form input {
  height: 45px;
  width: 100%;
  padding: 0 !important;
  border: 0;
  border-bottom: 1px solid rgba(137, 138, 144, 0.2);
  box-shadow: none;
  outline: none; }
  .et-form input:focus {
    box-shadow: none;
    border-radius: 0; }

.et-form input[type="text"], .et-form input[type="number"], .et-form input[type="email"], .et-form textarea {
  border-radius: 0; }
  .et-form input[type="text"]:focus, .et-form input[type="number"]:focus, .et-form input[type="email"]:focus, .et-form textarea:focus {
    border-bottom: 1px solid #10a2ef; }

.et-form input:-webkit-autofill {
  background-color: none; }

.et-form input[type="checkbox"], .et-form input[type="radio"] {
  width: auto;
  height: auto; }

.et-form textarea {
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(137, 138, 144, 0.2);
  margin-top: 10px;
  resize: none;
  height: 100px;
  box-shadow: none; }
  .et-form textarea:focus {
    box-shadow: none; }

.et-form .has-error .form-control {
  box-shadow: none;
  border-color: #e52e5d;
  border-radius: 0; }

.et-form .has-error input, .et-form .has-error textarea {
  webkit-animation-name: hvr-buzz-out;
  -webkit-animation-name: hvr-buzz-out;
          animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  border-color: #e52e5d; }
  .et-form .has-error input:focus, .et-form .has-error textarea:focus {
    border-color: #e52e5d !important; }

.et-form .has-error label {
  color: #e52e5d; }

.et-form .error {
  color: #e52e5d;
  clear: both;
  font-size: 13px;
  webkit-animation-name: hvr-buzz-out;
  -webkit-animation-name: hvr-buzz-out;
          animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  text-align: right;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 5px; }

.et-form .chosen-container .chosen-drop {
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  top: 0; }

.et-form .chosen-container .chosen-search {
  padding: 0 15px; }
  .et-form .chosen-container .chosen-search input[type="text"] {
    background: none;
    border: none;
    border-bottom: 1px solid rgba(137, 138, 144, 0.2);
    height: 40px;
    font-family: inherit; }

.et-form .chosen-container .chosen-single span {
  color: #000;
  font-size: 14px; }

.et-form .chosen-container .chosen-results {
  padding: 0;
  margin: 0; }
  .et-form .chosen-container .chosen-results li {
    padding: 7px 15px; }
    .et-form .chosen-container .chosen-results li.highlighted {
      background: #efefef;
      color: #10a2ef;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700; }

.form-group label span {
  position: relative;
  top: 6px; }

/*---------Checkbox--------------- */
.form-group .checkbox input:checked ~ span:after, .form-group .radio input:checked ~ span:after {
  border-color: #fff;
  -webkit-transform: rotate(-45deg) scale(1, 1);
          transform: rotate(-45deg) scale(1, 1); }

.form-group .checkbox input:checked ~ span:before, .form-group .radio input:checked ~ span:before {
  background: #10a2ef;
  border-color: #10a2ef; }

.form-group .checkbox span, .form-group .radio span {
  top: 0; }
  .form-group .checkbox span:before, .form-group .radio span:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 2px solid #e6e6e6;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-right: 15px;
    vertical-align: text-top; }
  .form-group .checkbox span:after, .form-group .radio span:after {
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
            transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 2px;
    top: 3px;
    z-index: 1;
    width: 14px;
    height: 7px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none; }

.form-group .checkbox label, .form-group .radio label {
  padding-left: 0; }

.form-group .radio input:checked + span:after {
  border: none;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  background: #10a2ef; }

.form-group .radio input:checked + span:before {
  border: 2px solid #e6e6e6;
  background: #fff; }

.form-group .radio span:after, .form-group .radio span:before {
  border-radius: 50%; }

.mje-chosen-single .chosen-container-single .chosen-single {
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #d4d7dc;
  padding-bottom: 45px;
  padding-left: 0; }

.mje-chosen-single .chosen-container-single .chosen-single span {
  padding-top: 10px;
  color: #c1c2c7;
  font-size: 14px; }

.mje-chosen-single .chosen-container-single .chosen-single div {
  top: 12px; }

.mje-chosen-single .chosen-container-active.chosen-with-drop .chosen-single {
  border: none;
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 0; }

.mje-chosen-single .chosen-container .chosen-single span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #c1c2c7; }

.mje-chosen-single .chosen-container .chosen-results li {
  line-height: 30px;
  background: none;
  box-shadow: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif; }

.mje-chosen-single .chosen-container .chosen-results li:before {
  border-right: none !important; }

.mje-chosen-single .chosen-container .chosen-drop {
  top: 0;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); }

.mje-chosen-single select.chosen-single {
  width: 100%;
  height: 38px; }

.nav-tabs {
  border: none; }

.nav-tabs > li {
  vertical-align: top;
  height: 50px; }

.nav-tabs > li > a {
  text-transform: uppercase;
  padding: 20px 0 !important;
  margin-right: 30px;
  color: #aaafb2;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  border-radius: 0;
  background: none;
  border-right: none;
  border-left: 0; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-top: 6px solid #10a2ef;
  border-radius: 0;
  background: none;
  border-right: none;
  border-left: 0;
  padding: 15px 0 !important;
  color: #10a2ef; }

.nav-tabs > li > a:hover {
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding: 20px 0 !important; }

.nav-tabs > li > a:hover {
  border: none; }

.breadscrums {
  margin-bottom: 40px; }
  .breadscrums h2 {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #aaafb3; }
    .breadscrums h2 i {
      padding: 0 12px; }
    .breadscrums h2 .sub-caterogies {
      color: #10a2ef; }

.loading-blur {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 998; }

.loading-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: url("../img/loading.gif") center center no-repeat; }

.loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0.5;
  background: #fff; }

.loading-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: url("../img/loading.gif") center center no-repeat !important; }

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: all .3s ease-out; }
  .waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.7s ease-out;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0);
            transform: scale(0);
    pointer-events: none; }
  .waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45); }
  .waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7); }
  .waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7); }
  .waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7); }
  .waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7); }
  .waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7); }
  .waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7); }
  .waves-effect.waves-blue .waves-ripple {
    background-color: rgba(16, 162, 239, 0.2); }
  .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none; }

.waves-notransition {
  transition: none !important; }

.waves-circle {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none; }

.waves-block {
  display: block; }

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1; }

.mje-table {
  display: table; }

.mje-table-head {
  display: table-row; }

.mje-table-row {
  display: table-row; }

.mje-table-col {
  display: table-cell; }