@charset "UTF-8";
/*!
 * Style Sass All Pages Freelancer EngineThemes (http://enginethemes.com)
 /*---------------------------------------
TREE CSS STRUCTURE
1.IMPORT BOOTSTRAP 3
2.CUSTOM CSS FOR ALL PAGES
  2.1 DECLARE PARAMETERS FOR PAGE
    2.1.1 STICKY MENU
    2.1.2 POPUP MENU SEARCH
------------------------------*/
/*---------------------------
  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("../fonts/OpenSansHebrew/OpenSansHeb.css");
html {
  font-family: 'Open Sans Hebrew', sans-serif !important;
  -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; }

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; }

/*@import "bootstrap/print";*/
/*@import "bootstrap/glyphicons";*/
/*@import "bootstrap/scaffolding";*/
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: right; }

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

.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-right: 0;
  list-style: none; }

.list-inline {
  padding-right: 0;
  list-style: none;
  margin-right: -5px; }

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

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

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-right: 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: right;
    width: 160px;
    clear: right;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-right: 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-right: 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-left: 15px;
  padding-right: 0;
  border-left: 5px solid #eeeeee;
  border-right: 0;
  text-align: left; }

.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-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 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: 1200px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  padding-left: 0; }

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table; }

.container-fluid:after {
  clear: both; }

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

.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-right: 15px;
  padding-left: 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: right; }

.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 {
  left: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-right: 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: right; }
  .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 {
    left: auto; }
  .col-sm-pull-1 {
    left: 8.33333%; }
  .col-sm-pull-2 {
    left: 16.66667%; }
  .col-sm-pull-3 {
    left: 25%; }
  .col-sm-pull-4 {
    left: 33.33333%; }
  .col-sm-pull-5 {
    left: 41.66667%; }
  .col-sm-pull-6 {
    left: 50%; }
  .col-sm-pull-7 {
    left: 58.33333%; }
  .col-sm-pull-8 {
    left: 66.66667%; }
  .col-sm-pull-9 {
    left: 75%; }
  .col-sm-pull-10 {
    left: 83.33333%; }
  .col-sm-pull-11 {
    left: 91.66667%; }
  .col-sm-pull-12 {
    left: 100%; }
  .col-sm-push-0 {
    right: auto; }
  .col-sm-push-1 {
    right: 8.33333%; }
  .col-sm-push-2 {
    right: 16.66667%; }
  .col-sm-push-3 {
    right: 25%; }
  .col-sm-push-4 {
    right: 33.33333%; }
  .col-sm-push-5 {
    right: 41.66667%; }
  .col-sm-push-6 {
    right: 50%; }
  .col-sm-push-7 {
    right: 58.33333%; }
  .col-sm-push-8 {
    right: 66.66667%; }
  .col-sm-push-9 {
    right: 75%; }
  .col-sm-push-10 {
    right: 83.33333%; }
  .col-sm-push-11 {
    right: 91.66667%; }
  .col-sm-push-12 {
    right: 100%; }
  .col-sm-offset-0 {
    margin-right: 0%; }
  .col-sm-offset-1 {
    margin-right: 8.33333%; }
  .col-sm-offset-2 {
    margin-right: 16.66667%; }
  .col-sm-offset-3 {
    margin-right: 25%; }
  .col-sm-offset-4 {
    margin-right: 33.33333%; }
  .col-sm-offset-5 {
    margin-right: 41.66667%; }
  .col-sm-offset-6 {
    margin-right: 50%; }
  .col-sm-offset-7 {
    margin-right: 58.33333%; }
  .col-sm-offset-8 {
    margin-right: 66.66667%; }
  .col-sm-offset-9 {
    margin-right: 75%; }
  .col-sm-offset-10 {
    margin-right: 83.33333%; }
  .col-sm-offset-11 {
    margin-right: 91.66667%; }
  .col-sm-offset-12 {
    margin-right: 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: right; }
  .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 {
    left: auto; }
  .col-md-pull-1 {
    left: 8.33333%; }
  .col-md-pull-2 {
    left: 16.66667%; }
  .col-md-pull-3 {
    left: 25%; }
  .col-md-pull-4 {
    left: 33.33333%; }
  .col-md-pull-5 {
    left: 41.66667%; }
  .col-md-pull-6 {
    left: 50%; }
  .col-md-pull-7 {
    left: 58.33333%; }
  .col-md-pull-8 {
    left: 66.66667%; }
  .col-md-pull-9 {
    left: 75%; }
  .col-md-pull-10 {
    left: 83.33333%; }
  .col-md-pull-11 {
    left: 91.66667%; }
  .col-md-pull-12 {
    left: 100%; }
  .col-md-push-0 {
    right: auto; }
  .col-md-push-1 {
    right: 8.33333%; }
  .col-md-push-2 {
    right: 16.66667%; }
  .col-md-push-3 {
    right: 25%; }
  .col-md-push-4 {
    right: 33.33333%; }
  .col-md-push-5 {
    right: 41.66667%; }
  .col-md-push-6 {
    right: 50%; }
  .col-md-push-7 {
    right: 58.33333%; }
  .col-md-push-8 {
    right: 66.66667%; }
  .col-md-push-9 {
    right: 75%; }
  .col-md-push-10 {
    right: 83.33333%; }
  .col-md-push-11 {
    right: 91.66667%; }
  .col-md-push-12 {
    right: 100%; }
  .col-md-offset-0 {
    margin-right: 0%; }
  .col-md-offset-1 {
    margin-right: 8.33333%; }
  .col-md-offset-2 {
    margin-right: 16.66667%; }
  .col-md-offset-3 {
    margin-right: 25%; }
  .col-md-offset-4 {
    margin-right: 33.33333%; }
  .col-md-offset-5 {
    margin-right: 41.66667%; }
  .col-md-offset-6 {
    margin-right: 50%; }
  .col-md-offset-7 {
    margin-right: 58.33333%; }
  .col-md-offset-8 {
    margin-right: 66.66667%; }
  .col-md-offset-9 {
    margin-right: 75%; }
  .col-md-offset-10 {
    margin-right: 83.33333%; }
  .col-md-offset-11 {
    margin-right: 91.66667%; }
  .col-md-offset-12 {
    margin-right: 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: right; }
  .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 {
    left: auto; }
  .col-lg-pull-1 {
    left: 8.33333%; }
  .col-lg-pull-2 {
    left: 16.66667%; }
  .col-lg-pull-3 {
    left: 25%; }
  .col-lg-pull-4 {
    left: 33.33333%; }
  .col-lg-pull-5 {
    left: 41.66667%; }
  .col-lg-pull-6 {
    left: 50%; }
  .col-lg-pull-7 {
    left: 58.33333%; }
  .col-lg-pull-8 {
    left: 66.66667%; }
  .col-lg-pull-9 {
    left: 75%; }
  .col-lg-pull-10 {
    left: 83.33333%; }
  .col-lg-pull-11 {
    left: 91.66667%; }
  .col-lg-pull-12 {
    left: 100%; }
  .col-lg-push-0 {
    right: auto; }
  .col-lg-push-1 {
    right: 8.33333%; }
  .col-lg-push-2 {
    right: 16.66667%; }
  .col-lg-push-3 {
    right: 25%; }
  .col-lg-push-4 {
    right: 33.33333%; }
  .col-lg-push-5 {
    right: 41.66667%; }
  .col-lg-push-6 {
    right: 50%; }
  .col-lg-push-7 {
    right: 58.33333%; }
  .col-lg-push-8 {
    right: 66.66667%; }
  .col-lg-push-9 {
    right: 75%; }
  .col-lg-push-10 {
    right: 83.33333%; }
  .col-lg-push-11 {
    right: 91.66667%; }
  .col-lg-push-12 {
    right: 100%; }
  .col-lg-offset-0 {
    margin-right: 0%; }
  .col-lg-offset-1 {
    margin-right: 8.33333%; }
  .col-lg-offset-2 {
    margin-right: 16.66667%; }
  .col-lg-offset-3 {
    margin-right: 25%; }
  .col-lg-offset-4 {
    margin-right: 33.33333%; }
  .col-lg-offset-5 {
    margin-right: 41.66667%; }
  .col-lg-offset-6 {
    margin-right: 50%; }
  .col-lg-offset-7 {
    margin-right: 58.33333%; }
  .col-lg-offset-8 {
    margin-right: 66.66667%; }
  .col-lg-offset-9 {
    margin-right: 75%; }
  .col-lg-offset-10 {
    margin-right: 83.33333%; }
  .col-lg-offset-11 {
    margin-right: 91.66667%; }
  .col-lg-offset-12 {
    margin-right: 100%; } }

table {
  background-color: transparent; }

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

th {
  text-align: right; }

.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-right: 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-left: 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: 16px;
  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-group .chosen-container {
  font-size: 16px; }

.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-right: 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-right: -20px;
  margin-top: 4px \9; }

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

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

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-right: 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-right: 0;
  padding-left: 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-left: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  left: 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-right: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-right: 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-right: -15px;
  margin-left: -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: left;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  left: 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-right: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: right;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: right;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  left: 0;
  right: 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: #507282;
  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 {
  right: auto;
  left: 0; }

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

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

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

.pull-right > .dropdown-menu {
  left: 0;
  right: 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 {
    left: 0;
    right: auto; }
  .navbar-right .dropdown-menu-left {
    right: 0;
    left: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: right; }

.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-right: -1px; }

.btn-toolbar {
  margin-right: -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: right; }

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-right: 5px; }

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

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

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

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

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

.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-left-radius: 0;
  border-top-left-radius: 0; }

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

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

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

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 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-right: 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-right: 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-left-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

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

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-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 {
  right: 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-right: 0;
  padding-left: 0; }

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: right;
  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-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:first-child {
  border-left: 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-right-radius: 0;
  border-top-right-radius: 0; }

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

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }

.input-group-btn > .btn + .btn {
  margin-right: -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-left: -1px; }

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-right: -1px; }

.nav {
  margin-bottom: 0;
  padding-right: 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: right;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  margin-left: 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: right; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-right: 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-right: 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;
  right: 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-left: 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-left-radius: 0;
  border-top-right-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: right; } }

.navbar-collapse {
  overflow-x: visible;
  padding-left: 15px;
  padding-right: 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 !important;
    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-right: 0;
    padding-left: 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-left: -15px;
  margin-right: -15px; }

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

.navbar-toggle {
  position: relative;
  float: left;
  margin-left: 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 25px 5px 15px; }
  .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: right;
    margin: 0; }
  .navbar-nav > li {
    float: right; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; } }

.navbar-form {
  margin-right: -15px;
  margin-left: -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-right: 0; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-right: 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-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none; } }

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

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-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: right;
    margin-right: 15px;
    margin-left: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: right !important; }
  .navbar-right {
    float: left !important;
    margin-left: -15px; }
  .navbar-left ~ .navbar-right {
    margin-left: 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-right: 0;
  margin: 20px 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: right;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: -1px; }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-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-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-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-right-radius: 3px;
  border-top-right-radius: 3px; }

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

.pager {
  padding-right: 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: left; }

.pager .previous > a,
.pager .previous > span {
  float: right; }

.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: #507282; }

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #00C4CC; }

.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: left; }

.list-group-item > .badge + .badge {
  margin-left: 5px; }

.nav-pills > li > a > .badge {
  margin-right: 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-right: 60px;
    padding-left: 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-right: auto;
  margin-left: 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-left-radius: 3px;
  border-top-right-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-left-radius: 3px;
  border-bottom-right-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-left-radius: 3px;
  border-top-right-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-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-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-right: 15px;
  padding-left: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-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-right-radius: 3px;
  border-top-left-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-right-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-left-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-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-right-radius: 3px;
  border-bottom-left-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-right-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-left-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-right: 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-left: 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;
  right: 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: left;
  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; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-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);
  -ms-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;
  left: 0;
  bottom: 0;
  right: 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: left;
  border-top: 1px solid #e5e5e5; }

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-right: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-right: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-right: 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: 'Open Sans Hebrew', sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: right;
  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-right: 3px;
  padding: 0 5px; }

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }

.tooltip.left {
  margin-right: -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;
  right: 50%;
  margin-right: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

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

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

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

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

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

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

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

.popover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'Open Sans Hebrew', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: right;
  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-right: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-right: -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 {
  right: 50%;
  margin-right: -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-right: -10px;
  border-bottom-width: 0;
  border-top-color: #fff; }

.popover.right > .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.right > .arrow:after {
  content: " ";
  right: 1px;
  bottom: -10px;
  border-right-width: 0;
  border-left-color: #fff; }

.popover.bottom > .arrow {
  right: 50%;
  margin-right: -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-right: -10px;
  border-top-width: 0;
  border-bottom-color: #fff; }

.popover.left > .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.left > .arrow:after {
  content: " ";
  left: 1px;
  border-left-width: 0;
  border-right-color: #fff;
  bottom: -10px; }

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

.clearfix:after {
  clear: both; }

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

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

.pull-left {
  float: right !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; } }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
--------------------------------*/
/*!
 * Structure Sass Pages Freelancer Engine Themes (http://enginethemes.com)
 */
/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.1 IMPORT FONT FAMILY
--------------------------------*/
/*!
 * Declare Sass Font Face EngineThemes (http://enginethemes.com)
 */
.thin {
  font-weight: 100; }

.extra-light {
  font-weight: 200; }

.light {
  font-weight: 300; }

.normal {
  font-weight: 400; }

.semi-bold {
  font-weight: 600; }

.extra-bold {
  font-weight: 800; }

.bold {
  font-weight: 900; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.2 DECLARE PARAMETERS FOR PAGE
--------------------------------*/
/*!
 * Declare Sass structure general EngineThemes (http://enginethemes.com)
 */
/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.3 IMPORT RESET
--------------------------------*/
html, button, input, select, textarea {
  color: #5d5f5e; }

body {
  font-size: 14px;
  line-height: 1.4;
  font-family: 'Open Sans Hebrew', sans-serif !important;
  color: #5d5f5e;
  background: #f2f5f7;
  font-weight: 500; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans Hebrew', sans-serif; }

a, a:hover, a:focus {
  color: #507282;
  text-decoration: none;
  outline: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical;
  border: 1px solid #d7d9da; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

.wrapper {
  width: 100%;
  overflow: hidden; }

select {
  min-height: 25px;
  border: 1px solid #d7d9da;
  color: #bdc3c7; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.4 STYLE CSS FOR HEADER
--------------------------------*/
#header-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  height: auto;
  background-color: none;
  /*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.1 STYLE CSS FOR HEADER
     2.1.1 STICKY MENU
--------------------------------*/
  /*---------------------------
 2.CUSTOM CSS FOR ALL PAGES
   2.1 STYLE CSS FOR HEADER
     2.1.2 POPUP MENU SEARCH
--------------------------------*/
  /*---------------------------
 2.CUSTOM CSS FOR ALL PAGES
   2.1 STYLE CSS FOR HEADER
     2.1.3 LINK LOGIN FORM
--------------------------------*/ }

.admin-bar #header-wrapper {
  top: 32px; }

#header-wrapper.trans-color {
  position: absolute; }

#header-wrapper.sticky {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff !important;
  box-shadow: none !important; }

#header-wrapper.sticky .top-header {
  padding: 14px 0 0 0;
  box-shadow: 0 1px 3px rgba(119, 119, 119, 0.2); }

#header-wrapper.sticky .avatar {
  color: #2c3e50; }

#header-wrapper.standard-menu {
  background: rgba(0, 0, 0, 0.1); }

#header-wrapper.not-page-home .avatar {
  color: #2c3e50; }

#header-wrapper .btn-menu-call li {
  display: inline-block;
  margin-left: 40px; }

#header-wrapper .btn-menu-call li a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1.3px;
  font-weight: 400; }

#header-wrapper .btn-menu-call li .trigger-menu i, #header-wrapper .btn-menu-call li .trigger-search i {
  font-size: 17px;
  color: #fff;
  display: inline-block;
  margin-left: 13px; }

#header-wrapper .login-form-header-wrapper {
  position: absolute;
  left: 0; }

#header-wrapper .login-form-header-wrapper .non-login {
  min-width: 160px;
  margin-top: 11px; }

#header-wrapper .login-form-header-wrapper a {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  letter-spacing: 1.3px;
  font-weight: 400; }

#header-wrapper .login-form-header-wrapper a.register.register-btn {
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  border: 1px solid #fff;
  padding: 0px 12px;
  margin-right: 25px;
  line-height: 30px; }

.top-header {
  display: block;
  padding: 14px 0;
  background-color: #fff;
  box-shadow: 0 1px 0 #eeeeee;
  position: relative;
  z-index: 15; }

.top-header .top-section-header {
  height: 55px; }

.top-header .dropdown-menu {
  min-width: 214px;
  top: -22% !important; }

.top-header .dropdown-menu a {
  color: #000 !important; }

.top-header .open .avatar, .top-header .open .caret {
  color: #000 !important; }

body.admin-bar #header-wrapper.standard-menu .top-header {
  padding-top: 32px; }

body.admin-bar #header-wrapper.trans-color .top-header,
body.admin-bar #header-wrapper.sticky .top-header {
  padding-top: 46px; }

.circle-new {
  position: absolute;
  width: 11px;
  height: 11px;
  background: #ce553c;
  right: 44px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 7px;
  z-index: 999999; }

/*---------------------------
 2.CUSTOM CSS FOR ALL PAGES
   2.1 STYLE CSS FOR HEADER
    2.1.1 STANDARDMENU
--------------------------------*/
#standardmenu,
#standardmenu ul,
#standardmenu ul li,
#standardmenu ul li a,
#standardmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  box-sizing: border-box; }

#standardmenu:after,
#standardmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

#standardmenu {
  line-height: 1;
  display: inline-block;
  text-align: left; }

#standardmenu #menu-button {
  display: none; }

#standardmenu ul.sub-menu {
  background: #fff;
  border: 1px solid #e5e5e5;
  z-index: 90; }

#standardmenu ul > li {
  display: inline-block; }

#standardmenu ul > li > a {
  padding: 20px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  transition: color .2s ease; }

#standardmenu ul > li.menu-item-has-children > a {
  padding-left: 25px; }

#standardmenu ul > li.menu-item-has-children > a:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 10px;
  vertical-align: middle;
  border-top: 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: ""; }

#standardmenu ul > li.menu-item-has-children:hover > ul {
  right: 20px; }

#standardmenu ul > li.menu-item-has-children:hover > ul .sub-menu li:hover > ul {
  right: 2px;
  top: 9px; }

#standardmenu ul > li:hover > ul > li {
  height: 35px;
  border-bottom: 1px solid #e5e5e5;
  text-align: right; }

#standardmenu ul > li:hover > ul > li :last-child {
  border: none; }

#standardmenu ul ul {
  position: absolute;
  right: -9999px; }

#standardmenu ul ul li {
  height: 0;
  transition: height .2s ease; }

#standardmenu ul ul li a {
  padding: 10px;
  width: 200px;
  font-size: 14px;
  background: #fff;
  text-decoration: none;
  color: #777777;
  transition: color .2s ease;
  font-weight: 400; }

#standardmenu ul ul li a:hover {
  color: #dd6851; }

#standardmenu ul ul li a.menu-item-has-children > a:after {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: border-color 0.2s ease; }

#standardmenu ul ul ul {
  margin-right: 100%;
  top: 0; }

#standardmenu .align-center > ul {
  font-size: 0;
  text-align: center; }

#standardmenu .align-center > ul > li {
  display: inline-block;
  float: none; }

#standardmenu .align-center > ul ul {
  text-align: right; }

#standardmenu .align-right ul li {
  float: left; }

#standardmenu .align-right ul li:hover > ul {
  left: 0; }

#standardmenu .align-right ul ul {
  text-align: left; }

#standardmenu .align-right ul ul ul {
  margin-right: 0;
  margin-left: 100%; }

#standardmenu .align-right ul ul li.menu-item-has-children > a:after {
  left: auto;
  right: 10px;
  border-bottom: 0;
  border-left: 0;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd; }

.btn-menu-call {
  display: inline-block;
  margin: 15px 0 !important; }

#menu-line {
  position: absolute;
  top: 0;
  right: 0;
  height: 3px;
  background: #009ae1;
  transition: all 0.25s ease-out; }

.not-page-home #standardmenu > ul > li > a,
.sticky #standardmenu > ul > li > a {
  color: #2c3e50; }

.not-page-home #standardmenu > ul > li.current-menu-item > a,
.sticky #standardmenu > ul > li.current-menu-item > a {
  color: #7E8959; }

/*---------------------------
 2.CUSTOM CSS FOR ALL PAGES
   2.1 STYLE CSS FOR HEADER
    2.1.1 FULLMENU
--------------------------------*/
#header-wrapper.sticky .btn-menu-call li a,
#header-wrapper.sticky .btn-menu-call li .trigger-menu i,
#header-wrapper.sticky .btn-menu-call li .trigger-search i,
#header-wrapper.sticky .dropdown-info-acc-wrapper .avatar-and-name,
#header-wrapper.sticky .login-form-header-wrapper a,
#header-wrapper.not-page-home .btn-menu-call li a,
#header-wrapper.not-page-home .btn-menu-call li .trigger-menu i,
#header-wrapper.not-page-home .btn-menu-call li .trigger-search i,
#header-wrapper.not-page-home .login-form-header-wrapper a,
#header-wrapper.not-page-home .dropdown-info-acc-wrapper .avatar-and-name {
  color: #2c3e50; }

#header-wrapper.not-page-home .login-form-header-wrapper a.register.register-btn, #header-wrapper.sticky .login-form-header-wrapper a.register.register-btn {
  border: 1px solid #2c3e50; }

#header-wrapper.not-page-home .dropdown-info-acc-wrapper .caret, #header-wrapper.sticky .dropdown-info-acc-wrapper .caret {
  border-top: 4px solid #2c3e50; }

#header-wrapper.not-page-home .login-form-header-wrapper a:hover {
  color: #ce553c;
  border-color: #ce553c !important; }

body.admin-bar .search-fullscreen {
  margin-top: 2px; }

.menu-fullscreen, .search-fullscreen, .notification-fullscreen {
  display: none; }

@media (max-width: 991px) {
  body.admin-bar #header-wrapper.standard-menu .top-header {
    padding-top: 46px; }
  body.admin-bar #header-wrapper.trans-color .top-header,
  body.admin-bar #header-wrapper.sticky .top-header {
    padding-top: 60px; } }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.5 STYLE CSS FOR SLIDER
--------------------------------*/
.slider-wrapper {
  width: 100%;
  display: block;
  position: relative;
  z-index: 8; }

.bg-sub-wrapper, .bg-color-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  right: 0;
  z-index: 3; }

.bg-sub-wrapper .color-left, .bg-sub-wrapper .color-right, .bg-color-wrapper .color-left, .bg-color-wrapper .color-right {
  width: 50%;
  height: 100%;
  position: absolute;
  background: rgba(231, 76, 60, 0.9); }

.bg-sub-wrapper .color-left .content-sub, .bg-sub-wrapper .color-right .content-sub, .bg-color-wrapper .color-left .content-sub, .bg-color-wrapper .color-right .content-sub {
  position: absolute;
  top: 50%;
  margin-top: -140px; }

.bg-sub-wrapper .color-left .content-sub .btn-sumary, .bg-sub-wrapper .color-right .content-sub .btn-sumary, .bg-color-wrapper .color-left .content-sub .btn-sumary, .bg-color-wrapper .color-right .content-sub .btn-sumary {
  padding: 15px 28px;
  font-weight: 600; }

.bg-sub-wrapper .color-left .content-sub h1, .bg-sub-wrapper .color-right .content-sub h1, .bg-color-wrapper .color-left .content-sub h1, .bg-color-wrapper .color-right .content-sub h1 {
  color: #fff;
  font-weight: 100;
  font-size: 47px;
  line-height: 1.3;
  margin-bottom: 40px;
  letter-spacing: 1.5px; }

.bg-sub-wrapper .color-left .content-sub, .bg-color-wrapper .color-left .content-sub {
  left: 110px; }

.bg-sub-wrapper .color-right, .bg-color-wrapper .color-right {
  left: 0;
  background: rgba(44, 62, 80, 0.9); }

.bg-sub-wrapper .color-right .content-sub, .bg-color-wrapper .color-right .content-sub {
  right: 110px; }

@media (max-width: 991px) {
  .bg-sub-wrapper .color-right .content-sub, .bg-color-wrapper .color-right .content-sub {
    right: 60px; }
  .bg-sub-wrapper .color-left .content-sub, .bg-color-wrapper .color-left .content-sub {
    left: 60px; } }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.6 STYLE CSS FOR SEARCH
--------------------------------*/
.wrapper-input-search-top {
  margin-bottom: 30px; }

.select-search-top {
  margin: 1px 50px 50px 0;
  display: inline-block; }

.select-search-top .chosen-container {
  border: none; }

.select-search-top .chosen-container-single .chosen-single {
  background: none;
  border: none;
  box-shadow: none;
  height: 30px; }

.select-search-top .chosen-container-single .chosen-single div {
  top: 4px;
  left: 40px; }

.select-search-top .chosen-container-single .chosen-single div b {
  background: none; }

.select-search-top .chosen-container-single .chosen-single div b:after {
  content: "\f0d7";
  font-family: 'FontAwesome';
  font-size: 18px;
  position: relative;
  color: #fff;
  z-index: 999; }

.select-search-top .chosen-container-single .chosen-single span {
  color: #fff;
  font-size: 22px;
  background: none;
  line-height: 1.5;
  font-weight: 200; }

.select-search-top .chosen-container-active.chosen-with-drop .chosen-single div b:after {
  content: "\f0d8";
  font-family: 'FontAwesome';
  font-size: 18px;
  position: relative;
  color: #fff;
  z-index: 999; }

.select-search-top .chosen-drop {
  border: none !important;
  margin-top: 5px;
  padding: 5px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(119, 119, 119, 0.2); }

.search-fullscreen input.field-search-top {
  width: auto;
  max-width: 960px;
  background: none;
  border: none;
  padding: 5px 0;
  color: #fff;
  font-size: 48px;
  font-weight: 200;
  outline: none;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  height: 70px; }

.search-fullscreen input::-webkit-input-placeholder {
  font-weight: 200;
  color: #fff; }

.search-fullscreen input::-moz-placeholder {
  font-weight: 200;
  color: #fff; }

.search-fullscreen input:-moz-placeholder {
  font-weight: 200;
  color: #fff; }

.search-fullscreen input:-ms-input-placeholder {
  font-weight: 200;
  color: #fff; }

.search-fullscreen .search-text-press {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: 200; }

.search-fullscreen .list-project li {
  box-shadow: none; }

.search-fullscreen .list-project li.no-result {
  background: none; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.7 STYLE CSS FOR FOOTER
--------------------------------*/
footer {
  background: #fff;
  display: block;
  position: relative;
  padding: 60px 0 0;
  margin-top: 50px; }

footer .widget {
  margin-bottom: 53px; }

footer .widget ul {
  list-style: none;
  padding: 0;
  margin: 0; }

footer .widget ul li {
  display: block;
  margin-bottom: 15px; }

footer .widget ul li a {
  color: #737c85;
  font-size: 14px;
  font-weight: 300; }

footer .widget ul li a:hover {
  color: #2c3e50; }

footer h2.widgettitle {
  font-size: 14px;
  color: #737c85;
  margin: 0 0 30px;
  font-weight: 600; }

footer .textwidget {
  line-height: 30px !important;
  color: #737c85;
  font-size: 14px;
  font-weight: 300; }

.home footer {
  margin-top: 0; }

.copyright-wrapper {
  padding: 23px 0;
  background-color: #355464; }

.copyright-wrapper .text-copyright {
  display: block;
  text-align: left;
  color: #a3acb5;
  font-size: 12px;
  padding-top: 9px; }

.copyright-wrapper .text-copyright a {
  color: #a3acb5; }

.copyright-wrapper .logo-footer {
  position: relative;
  top: 5px; }

.copyright-wrapper .menu li {
  display: inline-block;
  margin-left: 10px; }

.copyright-wrapper .menu li a {
  color: #fff; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.8 STYLE CSS FOR WIDGET
--------------------------------*/
.widget.widget_archive > select,
.widget.widget_categories > select {
  width: 100%;
  height: 35px;
  border: 1px solid rgba(140, 151, 178, 0.4);
  border-radius: 4px;
  color: #8b97b1;
  padding-right: 10px; }

.widget.widget_archive > select option,
.widget.widget_categories > select option {
  padding: 5px; }

.widget_calendar td {
  padding: 5px; }

.widget_calendar th {
  text-align: center; }

.widget_calendar caption {
  margin-bottom: 20px; }

.widget.widget_calendar table {
  border: 1px solid #d7d9da;
  width: 100%; }

.widget.widget_calendar table tr > td > a {
  color: #ce553c;
  font-weight: 600; }

.widget.widget_calendar table thead th {
  padding-top: 15px; }

.widget.widget_calendar table caption {
  background: #eeeeee;
  border: 1px solid #cdcdcd;
  border-bottom: none;
  margin-bottom: 0;
  padding: 12px; }

.widget.widget_search {
  position: relative; }

.widget.widget_search input[type="text"] {
  width: 100%;
  height: 35px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  padding: 0 5px; }

.widget.widget_search input[type="submit"] {
  background: #ce553c;
  border: none;
  outline: none;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 35px;
  bottom: 15px;
  opacity: 0;
  z-index: 2; }

.widget.widget_search form > div:after {
  content: "\f002";
  color: #2c3e50;
  left: 17px;
  bottom: 8px;
  position: absolute;
  font-family: 'FontAwesome'; }

.widget.widget_meta ul,
.widget.widget_pages ul,
.widget.widget_recent_entries ul,
.widget.widget_recent_comments ul,
.widget.widget_categories ul {
  padding-right: 30px; }

.widget.widget_meta ul li,
.widget.widget_pages ul li,
.widget.widget_recent_entries ul li,
.widget.widget_recent_comments ul li,
.widget.widget_categories ul li {
  padding: 4px 0;
  list-style: none;
  position: relative; }

.widget.widget_meta ul li:before,
.widget.widget_pages ul li:before,
.widget.widget_recent_entries ul li:before,
.widget.widget_recent_comments ul li:before,
.widget.widget_categories ul li:before {
  content: '\f111';
  font-family: "FontAwesome";
  font-size: 4px;
  position: absolute;
  top: 12px;
  right: -15px; }

.widget.widget_archive h2.widgettitle,
.widget.widget_categories h2.widgettitle,
.widget.fre-social h2.widgettitle,
.widget.widget_pages h2.widgettitle,
.widget.widget_recent_entries h2.widgettitle,
.widget.widget_tag_cloud h2.widgettitle,
.widget.widget_calendar h2.widgettitle,
.widget.widget_meta h2.widgettitle,
.widget.widget_recent_comments h2.widgettitle,
.widget.widget_search h2.widgettitle,
.widget.widget_text h2.widgettitle {
  text-transform: uppercase; }

.widget.widget_archive > label,
.widget.widget_categories > label,
.widget.fre-social > label,
.widget.widget_pages > label,
.widget.widget_recent_entries > label,
.widget.widget_tag_cloud > label,
.widget.widget_calendar > label,
.widget.widget_meta > label,
.widget.widget_recent_comments > label,
.widget.widget_search > label,
.widget.widget_text > label {
  display: none; }

.widget.widget_text .textwidget {
  line-height: 30px; }

.widget.widget_tag_cloud .tagcloud {
  margin-top: 16px; }

.widget.widget_tag_cloud .tagcloud a {
  padding: 4px 10px;
  border-radius: 4px;
  background: #eeeeee;
  margin-bottom: 12px;
  margin-left: 10px;
  color: #666f78;
  display: inline-block;
  font-size: 14px !important; }

.widget.widget_tag_cloud .tagcloud a:hover {
  color: #fff;
  background: #507282; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.9 STYLE CSS FOR HOMEPAGE
--------------------------------*/
/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.9.1 STYLE CSS FOR LIST PROJECT
--------------------------------*/
.fre_container .vc_row {
  margin-right: auto;
  margin-left: auto; }

.fre_container .vc_row.vc_row-fluid {
  margin-bottom: 0; }

.fre_container .vc_col-sm-12 {
  padding-right: 0;
  padding-left: 0;
  background-position-x: 50% !important;
  background-position-y: 0 !important;
  background-attachment: fixed !important; }

.fre_container .wpb_content_element {
  margin-bottom: 0px;
  z-index: 1;
  position: relative; }

.number-project-wrapper {
  width: 100%;
  display: block;
  position: relative;
  background: #fff; }

.number-project-wrapper .number-project, .number-project-wrapper .number-profile {
  color: #2c3e50;
  font-weight: 300;
  font-size: 22px;
  margin: 50px 0 10px; }

.number-project-wrapper h2.wpb_tabs_heading, .number-project-wrapper h2.wpb_tour_heading, .number-project-wrapper .vc-tta-title h2 {
  max-width: 1170px;
  margin: 10px auto 20px;
  color: #2c3e50;
  font-weight: 300;
  font-size: 48px; }

.number-project-wrapper h2.number-project {
  margin-bottom: 30px;
  padding-left: 170px; }

@media only screen and (max-width: 769px) {
  .number-project-wrapper h2.number-project {
    margin-bottom: 10px;
    font-size: 25px;
    padding-left: 138px; } }

.number-project-wrapper .tabs, .number-project-wrapper .vc-tta-title {
  padding-top: 45px; }

@media only screen and (max-width: 769px) {
  .number-project-wrapper .tabs, .number-project-wrapper .vc-tta-title {
    padding-top: 0; } }

.number-project-wrapper .tabs .nav-tabs-project, .number-project-wrapper .vc-tta-title .nav-tabs-project {
  position: relative;
  display: block;
  z-index: 2; }

.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav, .number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav {
  max-width: 1170px;
  margin: 0 auto;
  border: none;
  position: relative; }

.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li, .number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li {
  background: transparent !important;
  outline: none; }

.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li > a, .number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-top: 5px solid transparent;
  padding: 15px 28px 30px;
  position: relative;
  bottom: -15px;
  letter-spacing: 1px;
  color: #bdc3c7; }

.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li > a:hover, .number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li > a:hover {
  border: none;
  border-top: 5px solid #507282;
  color: #2c3e50;
  font-weight: 600; }

.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active > a, .number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active > a {
  border-top: 5px solid #507282;
  color: #2c3e50;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  background-color: #fff;
  font-weight: 600; }

.number-project-wrapper .btn-post-project {
  position: absolute;
  left: 0;
  top: 15px;
  background-color: #507282;
  box-shadow: 0 2px 0 #355464;
  padding: 7px 25px;
  color: #fff;
  z-index: 9; }

.number-project-wrapper .btn-sumary i {
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.number-project-wrapper .btn-sumary.btn-post-project {
  left: 0px; }

.number-project-wrapper .btn-sumary.btn-post-project:hover {
  opacity: .8; }

.number-profile-wrapper {
  width: 100%;
  display: block;
  position: relative;
  background: #fff; }

.number-profile-wrapper .number-project, .number-profile-wrapper .number-profile {
  color: #2c3e50;
  font-weight: 300;
  font-size: 22px;
  margin: 50px 0 10px; }

.number-profile-wrapper h2.wpb_tabs_heading, .number-profile-wrapper h2.wpb_tour_heading, .number-profile-wrapper .vc-tta-title h2 {
  max-width: 1170px;
  margin: 10px auto 20px;
  color: #2c3e50;
  font-weight: 300;
  font-size: 48px; }

.number-profile-wrapper h2.number-project {
  margin-bottom: 30px; }

.number-profile-wrapper .tabs, .number-profile-wrapper .vc-tta-title {
  padding-top: 45px; }

@media only screen and (max-width: 769px) {
  .number-profile-wrapper h2.wpb_tabs_heading, .number-profile-wrapper h2.wpb_tour_heading, .number-profile-wrapper .vc-tta-title h2 {
    font-size: 40px;
    margin-bottom: 0; }
  .number-profile-wrapper .tabs, .number-profile-wrapper .vc-tta-title {
    padding-top: 0; } }

.number-profile-wrapper .tabs .nav-tabs-project, .number-profile-wrapper .vc-tta-title .nav-tabs-project {
  position: relative;
  display: block;
  z-index: 2; }

.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav, .number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav {
  max-width: 1170px;
  margin: 0 auto;
  border: none;
  position: relative; }

.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li, .number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li {
  background: transparent !important;
  outline: none; }

.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li > a, .number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 15px;
  font-weight: bold;
  border: none;
  border-top: 5px solid transparent;
  padding: 15px 28px 30px;
  position: relative;
  bottom: -15px;
  letter-spacing: 1px;
  color: #bdc3c7; }

@media only screen and (max-width: 769px) {
  .number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li > a, .number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li > a {
    padding: 5px 12px 17px; } }

.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li > a:hover, .number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li > a:hover {
  border: none;
  border-top: 5px solid #507282;
  color: #2c3e50;
  font-weight: 600; }

.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active > a, .number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active > a {
  border-top: 5px solid #507282;
  color: #2c3e50;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  background-color: #fff;
  font-weight: 600; }

.number-profile-wrapper .btn-post-project {
  position: absolute !important;
  left: 0;
  top: 15px;
  background-color: #507282;
  box-shadow: 0 2px 0 #355464;
  padding: 9px 25px;
  color: #fff;
  z-index: 9; }

.number-profile-wrapper .btn-sumary i {
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.number-profile-wrapper .btn-sumary.btn-post-project i {
  display: inline-block;
  margin-left: 15px; }

.number-profile-wrapper .btn-sumary.btn-post-project:hover i {
  opacity: 1;
  right: 15px; }

.number-profile-wrapper .btn-sumary.btn-post-project:hover {
  opacity: .8;
  padding-right: 40px; }

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab {
  background: transparent !important;
  outline: none; }

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-top: 5px solid transparent;
  padding: 15px 28px 30px;
  position: relative;
  bottom: -15px;
  letter-spacing: 1px;
  color: #bdc3c7;
  background: none; }

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab > a:hover {
  border: none;
  border-top: 5px solid #507282;
  color: #2c3e50;
  font-weight: 600;
  background: #eee; }

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab > a:before, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab > a::after {
  display: none !important; }

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active > a {
  border-top: 5px solid #507282;
  border-color: #507282;
  color: #2c3e50;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  background-color: #fff;
  font-weight: 600; }

.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
  overflow: inherit; }

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc-tta-container .vc_tta-panels {
  background: none;
  border: none; }

.vc_tta-container .container {
  max-width: 100%; }

.vc_tta.vc_tta-tabs .vc-tta-container .vc_tta-panel-heading {
  display: none; }

.vc_tta.vc_tta-tabs .number-project-wrapper .vc_tta-tabs-container {
  display: block; }

.vc_tta.vc_tta-tabs .vc-tta-container .vc_tta-panel-body {
  padding: 0; }

.section-wrapper {
  display: block;
  position: relative; }

.list-project-wrapper {
  width: 100%; }

.list-project-wrapper .paginations-wrapper {
  margin-top: 10px !important; }

.list-project-wrapper, .list-profile-wrapper, .tab-content-project {
  width: 100%; }

@media (max-width: 768px) {
  .list-project-wrapper {
    margin-top: 10px; }
  .list-project-wrapper .col-md-12 {
    padding: 0; }
  .list-profile-wrapper .col-xs-12 {
    padding: 0; } }

.title-tab-project a span {
  cursor: pointer; }

.title-tab-project span {
  color: #8a9599;
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
  letter-spacing: 0.7px; }

.list-project {
  padding: 0;
  list-style: none;
  margin: 0; }

.list-project li {
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  padding: 7px 10px 8px 10px;
  margin-bottom: 5px;
  font-size: 14px; }

.list-project li.hvr-shadow {
  display: block; }

.list-project li:hover {
  background: rgba(238, 238, 238, 0.3); }

.list-project li .title-project {
  display: inline-block;
  vertical-align: middle;
  color: #30363b; }

.list-project li .title-project img {
  margin-left: 10px;
  border-radius: 50%; }

.list-project li a.project-item-title {
  color: #2c3e50;
  font-size: 14px;
  font-weight: 400;
  color: #30363c; }

.list-project li .wrapper-btn {
  text-align: left;
  margin: 8px 0 0 0; }

@media only screen and (max-width: 769px) {
  .list-project li .wrapper-btn {
    text-align: left;
    margin: 0; }
  .list-project li a.project-item-title {
    font-size: 20px; } }

.list-project li .wrapper-btn .btn-apply-project, .btn-apply-project-item, .btn-view-profile, .btn-excecute-project, s.btn-refund-project, .pricing:hover .btn-price, .pricing.active .btn-price, .btn-sub-create, .info-bidding .number-price-project .btn-accept-bid, .tab-content-profile .block-profiles input.btn-submit, .content-report-wrapper .submit-chat-content, .btn-buy-bid, .fre-main-button {
  background-color: #507282 !important;
  -webkit-box-shadow: 0 2px 0 #355464 !important;
  -moz-box-shadow: 0 2px 0 #355464 !important;
  box-shadow: 0 2px 0 #355464 !important; }

.btn-post-project, .step-content-wrapper .list-price li .btn.btn-submit-price-plan, .btn.btn-submit-login-form {
  background-color: #507282 !important;
  -webkit-box-shadow: 0 2px 0 #355464 !important;
  -moz-box-shadow: 0 2px 0 #355464 !important;
  box-shadow: 0 2px 0 #355464 !important; }

.list-project li span, .list-project li span a {
  font-weight: 300;
  color: #656e78;
  line-height: 35px;
  display: block;
  /* overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      white-space: nowrap; */ }

.list-project li .budget-project {
  color: #2c3e50;
  font-weight: 700;
  font-size: 14px; }

.list-project li span.ribbon {
  width: 20px;
  height: 20px;
  background: #ce553c;
  position: absolute;
  text-align: center;
  top: -6px;
  left: 0px;
  right: -25px;
  padding-top: 0px;
  overflow: inherit;
  line-height: 2; }

.list-project li span.ribbon i {
  font-size: 14px; }

.list-project li span.ribbon:after {
  width: 20px;
  content: "";
  display: block;
  border: 10px solid #ce553c;
  border-top-width: 0.5em;
  border-bottom-color: transparent;
  z-index: 5;
  bottom: 0;
  border-bottom-color: transparent;
  top: 20px;
  position: absolute; }

.ribbon i {
  color: #fff;
  font-size: 18px; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.9.2 STYLE CSS FOR PAGINATIONS
--------------------------------*/
.paginations-wrapper {
  padding-bottom: 15px; }

.paginations-wrapper a {
  color: #777777;
  padding: 5px;
  font-size: 16px;
  cursor: pointer; }

.paginations-wrapper a:hover {
  color: #ce553c; }

.paginations-wrapper a.load-more-post {
  background: transparent;
  color: #507282;
  padding-right: 0;
  padding-top: 15px; }

.paginations-wrapper span.page-numbers.current {
  padding: 5px;
  font-size: 16px;
  color: #ce553c; }

.tab-content-profile {
  margin: 53px 0 0; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.9.4 STYLE CSS FOR PROFILE
--------------------------------*/
.list-profile .profile-content {
  display: block;
  padding: 20px 25px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  margin-bottom: 30px;
  position: relative; }

@media (max-width: 768px) {
  .list-profile .profile-content {
    padding: 10px 10px; } }

.list-profile .profile-content .top-profile .avatar-profile {
  display: block;
  width: 66px;
  height: 66px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden; }

.list-profile .profile-content .top-profile .avatar-profile img {
  width: 100%;
  height: auto; }

.list-profile .profile-content .top-profile .img-avatar {
  margin-left: 20px; }

.list-profile .profile-content .top-profile .info-profile {
  width: 284px; }

.list-profile .profile-content .top-profile .link-profile {
  margin-top: 6px;
  float: left; }

.list-profile .profile-content .top-profile .name-profile {
  color: #2c3e50;
  font-size: 24px;
  font-weight: 600;
  display: block;
  text-transform: capitalize; }

.list-profile .profile-content .top-profile .position-profile {
  color: #355464;
  font-size: 14px;
  font-weight: 400; }

.list-profile .profile-content .bottom-profile .wrapper-achivement {
  width: auto;
  max-width: 50%;
  margin-left: 20px; }

.list-profile .profile-content .bottom-profile .wrapper-achivement .rate-it {
  font-size: 12px; }

.list-profile .profile-content .bottom-profile .wrapper-achivement span {
  font-size: 14px;
  color: #666f78;
  font-weight: 400; }

.list-profile .profile-content .bottom-profile .wrapper-achivement ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #f1f1f1; }

.list-profile .profile-content .bottom-profile .wrapper-achivement ul li {
  border-left: 1px solid #f1f1f1;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  max-width: 84px; }

.list-profile .profile-content .bottom-profile .wrapper-achivement ul li:last-child {
  border: none; }

.list-profile .profile-content .bottom-profile .list-skill-profile {
  width: auto;
  float: left; }

.list-profile .profile-content .bottom-profile .list-skill-profile ul {
  padding: 0;
  margin: 0;
  list-style: none;
  min-height: 65px;
  text-align: left;
  position: relative;
  top: 5px; }

@media (max-width: 768px) {
  .list-profile .profile-content .bottom-profile .list-skill-profile ul {
    min-height: 30px; } }

@media only screen and (max-width: 1200px) {
  .list-profile .profile-content .bottom-profile .list-skill-profile {
    float: none; }
    .list-profile .profile-content .bottom-profile .list-skill-profile ul {
      text-align: right; } }

.list-profile .profile-content .bottom-profile .list-skill-profile ul li {
  padding: 3px 10px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #f2f5f7;
  margin-left: 5px;
  margin-bottom: 9px;
  max-width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400; }

.top-profile {
  margin-bottom: 10px; }

.top-profile, .bottom-profile {
  padding: 0;
  list-style: none;
  margin: 0; }

.btn-view-profile span {
  display: block;
  max-width: 91px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.rate-it .star-on-png, .rating-it i, .rate-it .star-half-png {
  color: #fec600 !important; }

.rate-it .fa-star-o:before {
  content: "\f005" !important;
  color: #666f78; }

.raty {
  display: inline-block; }

.top-profile li, .bottom-profile li {
  display: inline-block;
  position: relative;
  vertical-align: middle; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.9.5 STYLE CSS FOR COUNTER STYLE
--------------------------------*/
.counter-wrapper {
  background: #fff;
  width: 100%;
  display: block;
  padding: 68px 0 78px 0; }

.counter-wrapper .row > .col-sm-6 {
  margin-top: 20px; }

.title-heading h3 {
  color: #ce553c !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 15px; }

.title-heading h4 {
  color: #3b3b3b;
  font-size: 34px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
  margin-bottom: 25px; }

.counter-content .title {
  color: #777777;
  font-size: 18px;
  margin: 0; }

.counter-icon {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 80px;
  height: 80px;
  text-align: center;
  margin-left: 20px;
  float: right; }

.counter-icon-layla {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

.counter-icon-layla i {
  vertical-align: middle;
  color: #777777;
  font-size: 18px;
  margin-top: 30px; }

.counter-icon-layla:before, .counter-icon-layla:after {
  position: absolute;
  content: '';
  opacity: 0;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.counter-icon-layla:before {
  top: 5px;
  left: 0;
  bottom: 5px;
  right: 0;
  border-top: 1px solid #9f9f9f;
  border-bottom: 1px solid #9f9f9f;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

.counter-icon-layla:after {
  top: 0;
  left: 5px;
  bottom: 0;
  right: 5px;
  border-left: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.counter-detail.active.active .counter-icon-layla:before, .counter-detail.active.active .counter-icon-layla:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.counter-detail.active.active .counter-icon-layla:after {
  transition-delay: 0.15s; }

.odometer {
  color: #ce553c !important;
  font-size: 36px;
  font-weight: 600; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
  float: left; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: right;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0); }

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute; }

.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .counter-wrapper .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s; }

.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .counter-wrapper .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .counter-wrapper .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-down.counter-wrapper .odometer-ribbon-inner, .counter-wrapper .odometer.odometer-theme-default.odometer-animating-down.counter-wrapper .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .counter-wrapper .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.counter-wrapper .odometer.odometer-auto-theme .odometer-value, .counter-wrapper .odometer.odometer-theme-default .odometer-value {
  text-align: center; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.9.5 STYLE CSS FOR TESTIMONALS
--------------------------------*/
.testimonial-wrapper {
  position: relative;
  display: block;
  padding: 40px 0; }

.testimonial-wrapper .container {
  max-width: 100%; }

.test-content {
  display: block;
  padding: 20px;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  position: relative; }

.test-content:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 7px;
  border-color: #fff transparent transparent transparent;
  content: '';
  position: absolute;
  bottom: -7px;
  right: 35px; }

.test-content p {
  margin: 0;
  line-height: 1.5;
  color: #2c3e50;
  font-size: 14px;
  font-weight: 400; }

.test-info {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 15px; }

.test-avatar {
  width: 50px;
  height: 50px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-left: 15px; }

.test-avatar img {
  width: 100%;
  height: auto; }

.test-name {
  color: #2c3e50;
  font-size: 18px;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 76px;
  padding-left: 10px;
  width: 100%; }

.test-position {
  display: block;
  margin-top: 2px;
  color: #355464;
  font-size: 14px;
  vertical-align: middle; }

.view-all-test {
  display: block;
  text-align: center;
  margin: 75px 0 20px;
  color: #777777;
  font-weight: 600; }

.list-testimonial + .paginations-wrapper {
  text-align: center; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.9.6 STYLE CSS FOR PRICING PACKAGE
--------------------------------*/
.pricing-container {
  padding: 60px 0 50px 0; }

.pricing-container .pricing-item {
  margin-top: 50px; }

.pricing-container .pricing sup {
  top: -0.2em; }

.pricing-container .pricing-number {
  background: #2c3e50;
  text-align: center;
  padding: 30px; }

.pricing-container .pricing-number h2.price {
  color: #fff;
  font-size: 34px;
  font-weight: 500;
  margin: 0 0 5px; }

.pricing-container .pricing-number span {
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  display: block; }

.pricing-container .pricing-content {
  padding: 30px 20px;
  display: block;
  text-align: center;
  background: #fff; }

.pricing-container .pricing-title {
  color: #30363b;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px; }

.pricing-container .pricing-detail {
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 50px;
  max-width: 180px;
  margin: 0 auto; }

.pricing-container .pricing-detail p {
  letter-spacing: 1.5;
  font-weight: 300;
  line-height: 30px;
  color: #666f78; }

.pricing-container .pricing-detail li {
  display: block;
  margin-bottom: 10px; }

.pricing-container .pricing-detail li span {
  color: #666f78;
  font-size: 14px;
  font-weight: 200; }

.pricing-container .submit-price {
  margin-top: 30px; }

.pricing-container .pricing.active .pricing-number {
  background: #ce553c; }

.pricing-container .pricing:hover .btn-price,
.pricing-container .pricing.active .btn-price {
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  padding: 7px 30px; }

.pricing-container .btn-sumary.btn-price {
  padding: 7px 30px;
  box-shadow: 0 2px 0 #233240;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.2; }

#left_content {
  margin-top: 0; }

#resetpass_form .form-group {
  width: 100%;
  margin-bottom: 45px;
  position: relative; }

#resetpass_form .form-group label {
  padding-top: 15px; }

#resetpass_form .form-group input {
  height: 45px; }

#resetpass_form .error .message {
  position: absolute;
  left: 12px;
  margin-top: 5px; }

#resetpass_form .error i {
  position: absolute;
  left: 24px;
  top: 17px; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.10 STYLE CSS FOR PROFILE
--------------------------------*/
.single-profile-wrapper {
  margin-top: 15px;
  min-height: 750px; }

@media (max-width: 769px) {
  .single-profile-wrapper .col-md-8, .single-profile-wrapper .col-md-4 {
    padding: 0; } }

.single-profile-wrapper ul.list-detail-info {
  padding-bottom: 0; }
  .single-profile-wrapper ul.list-detail-info li:nth-child(1), .single-profile-wrapper ul.list-detail-info li:nth-child(4) {
    display: none; }

.single-profile-wrapper .title-tab-profile h2 {
  padding-right: 30px;
  margin-bottom: 15px; }

.single-profile-content {
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2); }

.single-profile-content img {
  max-width: 100%;
  height: auto; }

.single-profile-content .profile-overview, .single-profile-content .content-require-project {
  line-height: 22px;
  text-align: justify; }

.single-profile-content .profile-overview h4.title-single-profile, .single-profile-content .profile-history h4.title-single-profile {
  color: #2c3e50;
  font-size: 18px;
  font-weight: 600; }

.single-profile-content .profile-history.bid-history {
  padding: 20px 0 0; }

.single-profile-content .profile-history .paginations-wrapper {
  padding-bottom: 0 !important; }

.single-profile-content .profile-overview, .single-profile-content .single-profile-top, .single-profile-content .portfolio-container {
  padding: 20px 30px;
  border-bottom: 1px solid #f4f6f8; }

.single-profile-content .portfolio-container {
  position: relative;
  border: none; }

.single-profile-content .portfolio-container .list-item-portfolio .portfolio-item a.delete {
  display: none; }

.single-profile-content .single-profile-top .single-profile .img-avatar {
  margin-left: 20px; }

.single-profile-content .single-profile-top .single-profile .img-avatar .avatar-profile {
  width: 70px;
  height: 70px;
  display: block;
  border-radius: 50%;
  overflow: hidden; }

.single-profile-content .single-profile-top .single-profile .img-avatar .avatar-profile img {
  width: 100%;
  height: auto; }

.single-profile-content .single-profile, .single-profile-content .list-category-profile {
  width: 50%;
  float: right; }

.single-profile-content .list-skill-profile {
  width: 50%;
  float: left; }

.single-profile-content .list-skill-profile, .single-profile-content .list-category-profile {
  padding-right: 0;
  margin-top: 0; }

.single-profile-content .list-skill-profile ul, .single-profile-content .list-category-profile ul {
  text-align: right;
  display: block;
  padding-right: 0; }

.single-profile-content .list-skill-profile ul li, .single-profile-content .list-category-profile ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #f1f5f7;
  margin: 0 0 10px 10px;
  font-size: 12px;
  font-weight: 300; }

.single-profile-content .list-category-profile h3, .single-profile-content .list-skill-profile h3 {
  display: block;
  margin: 0;
  text-align: right;
  font-size: 1.2em;
  margin-bottom: 10px; }

.single-profile-content .single-profile li {
  float: right;
  list-style: none; }

.single-profile-content .single-profile li.info-profile {
  width: 70%;
  width: calc(100% - 90px);
  position: relative;
  bottom: 7px; }

.single-profile-content .single-profile li span {
  display: block; }

.single-profile-content .single-profile li span.name-profile {
  color: #2c3e50;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize; }

.single-profile-content .single-profile li span.position-profile {
  color: #355464;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 400; }

.single-profile-content .single-profile li span.number-review-profile {
  color: #507282;
  font-size: 14px;
  font-weight: 400; }

@media (max-width: 769px) {
  .single-profile-content .single-profile, .single-profile-content .list-category-profile, .single-profile-content .list-skill-profile {
    width: 100%; } }

.profile-history .inner {
  position: relative; }

.profile-history .chosen-container, .profile-history .chosen-container-single .chosen-single, .profile-history .chosen-container .chosen-single {
  border: none !important; }

.profile-history .search-form-top .chosen-container-active.chosen-with-drop .chosen-single, .profile-history .project-status-filter .chosen-container-active.chosen-with-drop .chosen-single {
  border: none; }

.profile-history .chosen-container-single .chosen-single span {
  margin-left: 15px;
  font-weight: 600;
  color: #2c3e50;
  font-size: 14px; }

.profile-history .chosen-container-single .chosen-single span:before {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0; }

.profile-history .chosen-drop {
  min-width: 200px; }

.profile-history .chosen-container.chosen-with-drop .chosen-drop {
  right: 0;
  z-index: 9; }

.profile-history .chosen-container .chosen-results li {
  padding: 12px 0;
  border-bottom: 1px solid #e1e4e6;
  margin: 0 5px; }

.profile-history .chosen-container .chosen-results li:last-child {
  border-bottom: none;
  padding-bottom: 5px; }

.profile-history .chosen-results li.highlighted {
  background: none;
  color: #2c3e50; }

.profile-history .bid-history {
  padding: 30px; }

.profile-history .filter-project {
  position: absolute;
  left: 30px;
  bottom: 10px; }

.profile-history .list-history-profile {
  padding: 20px 30px 20px 30px;
  border-bottom: 1px solid #f4f6f8; }

.profile-history .list-history-profile li {
  border-bottom: 1px solid #f4f6f8;
  margin-bottom: 15px;
  padding: 4px 30px 15px 30px; }

.profile-history .list-history-profile li .inner {
  height: 60px; }

.profile-history .list-history-profile li:first-child {
  margin-top: 15px; }

.profile-history .list-history-profile li:last-child {
  border-bottom: none;
  margin: 15px 0 0 0; }

.profile-history .list-work-history-profile {
  border-bottom: 1px solid #f4f6f8; }

.profile-history .list-work-history-profile li {
  border-bottom: 1px solid #f4f6f8;
  margin-bottom: 15px;
  padding: 4px 30px 15px 30px; }

.profile-history .list-work-history-profile li .inner {
  height: 60px; }

.profile-history .list-work-history-profile li:first-child {
  margin-top: 15px; }

.profile-history .list-work-history-profile li:last-child {
  border-bottom: none;
  margin: 15px 0 0 0; }

.profile-history .work-history-heading {
  border-bottom: 1px solid #f4f6f8;
  padding: 0 30px 20px; }

.profile-history .work-history-heading h4.title-big-info-work-history-items {
  color: #2c3e50;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #f4f6f8;
  padding: 20px 30px 23px; }

.profile-history .work-history-heading .project-status-filter {
  float: left;
  width: 24%; }

.project-status-filter .chosen-container .chosen-results {
  max-height: inherit; }

.contact-link {
  padding: 35px 20px; }

.btn-sumary.invite-freelancer {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  font-weight: 700;
  padding: 10px 25px; }

.setting-profile-wrapper {
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  margin-top: 55px;
  padding: 20px 0 0; }

.setting-profile-wrapper span.text-intro {
  color: #656f77;
  font-size: 16px;
  display: inline-block;
  width: 50%;
  font-weight: 500; }

.setting-profile-wrapper span.text-small {
  color: #737b85;
  font-size: 12px;
  font-weight: 400; }

.setting-profile-wrapper .form-group {
  padding: 0 30px;
  margin-bottom: 15px; }

.setting-profile-wrapper .employer {
  padding-top: 0; }

.setting-profile-wrapper .list-setting {
  margin: 0;
  padding: 0;
  list-style: none; }

.setting-profile-wrapper .list-setting li {
  border-top: 1px solid #f4f6f8;
  padding: 15px 30px; }

.setting-profile-wrapper .list-setting li:first-child {
  border-top: none; }

.setting-profile-wrapper .list-setting li a {
  color: #507282;
  font-size: 16px;
  font-weight: 300; }

.setting-profile-wrapper .confirm-request {
  border-top: 1px solid #f4f6f8;
  padding: 15px 30px; }

.setting-profile-wrapper .confirm-request .text-small {
  color: #e18972; }

.freelancer .tab-content-profile .block-profiles > .tab-pane#tab_project_details {
  background: none;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2); }

#tab_project_details .info-project-items-employer, #tab_project_details .profile-history, #tab_project_details .info-project-items {
  background: #fff; }

#tab_project_details .profile-history {
  margin-top: 40px; }

#tab_project_details .bid-history .paginations-wrapper {
  padding-bottom: 0; }

#tab_project_details .paginations-wrapper {
  padding-bottom: 0; }

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

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.10.1 STYLE CSS FOR NAV LINK PROFILE
--------------------------------*/
.nav-tabs-profile {
  position: relative;
  display: block; }

.nav-tabs-project .nav-tabs, .nav-tabs-profile .nav-tabs {
  border: none; }

.nav-tabs-project .nav-tabs li a, .nav-tabs-profile .nav-tabs li a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 15px;
  border: none;
  border-top: 5px solid transparent;
  padding: 15px 26px 30px;
  position: relative;
  bottom: -15px;
  color: #bdc3c7;
  letter-spacing: 1px;
  font-weight: 600; }

.nav-tabs-project .nav-tabs li a:hover, .nav-tabs-profile .nav-tabs li a:hover, .nav-tabs-reg .nav-tabs li a:hover {
  border: none;
  border-top: 5px solid #507282;
  color: #2c3e50;
  font-weight: 600; }

.nav-tabs-project .nav-tabs li.active a, .nav-tabs-profile .nav-tabs li.active a, .nav-tabs-reg .nav-tabs li.active a {
  border: none;
  border-top: 5px solid #507282;
  color: #2c3e50;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  font-weight: 600; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.10.2 STYLE CSS FOR ACCOUNT PROFILE
--------------------------------*/
#tab_account_details {
  padding: 30px 30px; }

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

.tab-content-profile #portfolio_img_container .moxie-shim.moxie-shim-html5 {
  width: auto;
  height: auto; }

.tab-content-profile .panel-title {
  position: relative; }

.tab-content-profile .panel-title span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px; }

.tab-content-profile .panel-title a {
  line-height: inherit !important; }

.tab-content-profile .btn-update-profile {
  margin-bottom: 10px !important; }

.tab-content-profile .panel-group .panel + .panel {
  margin-top: -1px !important; }

.tab-content-profile .panel-default {
  margin-top: -1px; }

.tab-content-profile .panel {
  border-radius: 0;
  border: none;
  margin-bottom: 0; }

.tab-content-profile .panel-group {
  margin-bottom: 0; }

.tab-content-profile .panel-heading {
  background: none;
  border-radius: 0;
  padding: 20px 30px;
  border: none;
  border: 1px solid #f0f0f0; }

.tab-content-profile .panel-heading h4 a {
  font-weight: 600;
  color: #2c3e50;
  display: block;
  line-height: 35px;
  cursor: context-menu; }

.tab-content-profile .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 30px; }

.tab-content-profile .hourly-rate .error i {
  left: 25px !important;
  top: 12px !important; }

.tab-content-profile .hourly-rate .error .message {
  position: absolute;
  left: 13px;
  margin-top: 5px; }

.tab-content-profile .experience i {
  position: absolute;
  right: 73px;
  top: 11px; }

.tab-content-profile .experience .message {
  position: absolute;
  bottom: -25px; }

@media (max-width: 991px) {
  .tab-content-profile .experience .message {
    bottom: -56px; } }

.tab-content-profile .block-profiles .avatar-profile-page {
  display: inline-block;
  max-width: 125px;
  margin-right: 15px;
  margin-left: 30px;
  text-align: center;
  padding: 0;
  margin-bottom: 30px; }

.tab-content-profile .block-profiles .tab-pane {
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2); }

.tab-content-profile .block-profiles .avatar-profile-page {
  display: inline-block;
  max-width: 125px;
  margin: 0 15px 30px 30px;
  text-align: center;
  padding: 0; }

.tab-content-profile .block-profiles .avatar-profile-page span.img-avatar {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  margin-bottom: 15px;
  display: block;
  overflow: hidden; }

.tab-content-profile .block-profiles .avatar-profile-page span.img-avatar img {
  width: 100%;
  height: auto; }

.tab-content-profile .block-profiles .avatar-profile-page #user_avatar_browse_button {
  color: #727b84;
  font-size: 14px;
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #d7d8da;
  border-radius: 4px;
  font-weight: 300; }

.tab-content-profile .block-profiles .avatar-profile-page #user_avatar_browse_button:hover {
  opacity: .8; }

.tab-content-profile .block-profiles .info-profile-page {
  max-width: 385px;
  display: inline-block;
  vertical-align: top; }

.tab-content-profile .block-profiles .info-profile-page .form-info-basic .form-group {
  margin-bottom: 30px;
  width: 350px; }

.tab-content-profile .block-profiles .info-profile-page .form-info-basic .form-group input {
  color: #737c85;
  font-weight: 300;
  height: 38px; }

.tab-content-profile .block-profiles .info-profile-page .form-info-basic p span {
  font-weight: bold; }

.tab-content-profile .block-profiles .info-profile-page label, .tab-content-profile .block-profiles .detail-profile-page label {
  color: #737c85;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold; }

.tab-content-profile .block-profiles .info-profile-page label.radio-inline, .tab-content-profile .block-profiles .detail-profile-page label.radio-inline {
  margin-right: 0;
  margin-left: 10px; }

.tab-content-profile .block-profiles .info-profile-page label.et-receive-mail, .tab-content-profile .block-profiles .detail-profile-page label.et-receive-mail {
  font-weight: 400;
  margin-bottom: 0; }

.tab-content-profile .block-profiles .info-profile-page label.et-receive-mail #et_receive_mail, .tab-content-profile .block-profiles .detail-profile-page label.et-receive-mail #et_receive_mail {
  margin-left: 10px; }

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .form-group {
  margin-bottom: 30px;
  width: 350px; }

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .form-group input[type="text"] {
  color: #737c85;
  font-weight: 300;
  height: 38px; }

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .chosen-container {
  border: none; }

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .chosen-container.chosen-container-multi {
  width: 100%; }

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .chosen-container-multi .chosen-choices {
  background: none;
  background-color: none;
  background-image: none;
  border: 1px solid #d7d8da; }

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .chosen-container-multi .chosen-choices input {
  padding: 6px 12px;
  height: 34px; }

.tab-content-profile .block-profiles .detail-profile-page .form-detail-profile-page .chosen-container-active .chosen-choices {
  box-shadow: 0; }

.tab-content-profile .block-profiles input.btn-submit {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  color: #fff !important;
  border: none;
  margin-top: 10px; }

.btn-post-project {
  position: absolute;
  left: 13px;
  top: 0;
  background-color: #507282;
  box-shadow: 0 2px 0 #355464;
  padding: 7px 25px;
  color: #fff;
  z-index: 9; }

.btn-post-project i {
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.btn-post-project:hover i {
  opacity: 1;
  right: 15px; }

.btn-post-project:hover {
  opacity: .8; }

h4.title-big-info-project-items {
  color: #2c3e50;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #f4f6f8;
  padding: 20px 30px 23px; }

.info-project-items-employer .inner .filter-project span {
  font-weight: normal !important; }

.info-project-items-employer .add-project, .info-project-items .add-project {
  margin: 30px 0 20px 0; }

.info-project-items-employer .btn-submit-project, .info-project-items .btn-submit-project {
  padding: 7px 12px;
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  font-weight: 400;
  border-radius: 4px;
  color: #fff; }

.info-project-items-employer .btn-submit-project:hover, .info-project-items-employer .btn-submit-project:focus, .info-project-items .btn-submit-project:hover, .info-project-items .btn-submit-project:focus {
  color: #fff;
  text-decoration: none; }

.info-project-items-employer .chosen-container, .info-project-items-employer .chosen-container-single .chosen-single, .info-project-items-employer .chosen-container .chosen-single, .info-project-items .chosen-container, .info-project-items .chosen-container-single .chosen-single, .info-project-items .chosen-container .chosen-single {
  border: none !important; }

.info-project-items-employer .search-form-top .chosen-container-active.chosen-with-drop .chosen-single, .info-project-items-employer .project-status-filter .chosen-container-active.chosen-with-drop .chosen-single, .info-project-items .search-form-top .chosen-container-active.chosen-with-drop .chosen-single, .info-project-items .project-status-filter .chosen-container-active.chosen-with-drop .chosen-single {
  border: none; }

.info-project-items-employer .chosen-container-single .chosen-single span, .info-project-items .chosen-container-single .chosen-single span {
  margin-left: 0; }

.info-project-items-employer .chosen-container-single .chosen-single span:before, .info-project-items .chosen-container-single .chosen-single span:before {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  left: 24px; }

@media (max-width: 1199px) {
  .info-project-items-employer .chosen-container-single .chosen-single span:before, .info-project-items .chosen-container-single .chosen-single span:before {
    left: 28px; } }

.info-project-items-employer .chosen-drop, .info-project-items .chosen-drop {
  min-width: 200px; }

.info-project-items-employer .chosen-container.chosen-with-drop .chosen-drop, .info-project-items .chosen-container.chosen-with-drop .chosen-drop {
  right: 0;
  z-index: 9; }

.info-project-items-employer .chosen-container .chosen-results, .info-project-items .chosen-container .chosen-results {
  max-height: inherit !important; }

.info-project-items-employer .chosen-container .chosen-results li, .info-project-items .chosen-container .chosen-results li {
  padding: 12px 0;
  border-bottom: 1px solid #e1e4e6;
  margin: 0 5px; }

.info-project-items-employer .chosen-container .chosen-results li:last-child, .info-project-items .chosen-container .chosen-results li:last-child {
  border-bottom: none;
  padding-bottom: 5px; }

.info-project-items-employer .chosen-results li.highlighted, .info-project-items .chosen-results li.highlighted {
  background: none;
  color: #2c3e50; }

.info-project-items-employer .chosen-drop, .info-project-items .chosen-drop {
  min-width: 200px; }

.info-project-items-employer .chosen-container.chosen-with-drop .chosen-drop, .info-project-items .chosen-container.chosen-with-drop .chosen-drop {
  right: 0;
  z-index: 9; }

.info-project-items-employer .chosen-container .chosen-results li, .info-project-items .chosen-container .chosen-results li {
  padding: 12px 0;
  border-bottom: 1px solid #e1e4e6;
  margin: 0 5px; }

.info-project-items-employer .chosen-container .chosen-results li:last-child, .info-project-items .chosen-container .chosen-results li:last-child {
  border-bottom: none;
  padding-bottom: 5px; }

.info-project-items-employer .chosen-results li.highlighted, .info-project-items .chosen-results li.highlighted {
  background: none;
  color: #2c3e50; }

.info-project-items-employer .post-button-control, .info-project-items .post-button-control {
  margin-top: 7px; }

@media (max-width: 991px) {
  .info-project-items-employer .post-button-control, .info-project-items .post-button-control {
    margin-top: 4px; } }

.info-project-items-employer .post-button-control a, .info-project-items .post-button-control a {
  font-size: 13px; }

.info-project-items-employer .post-button-control i, .info-project-items .post-button-control i {
  padding-left: 5px; }

.info-project-items-employer .post-button-control .review, .info-project-items .post-button-control .review {
  font-size: 13px; }

.info-project-items-employer .review-rate .review i, .info-project-items .review-rate .review i {
  margin-right: 5px;
  position: relative;
  top: 4px; }

.info-project-items-employer .show-action-bids, .info-project-items .show-action-bids {
  margin-top: 15px;
  min-height: 22px; }

@media (max-width: 991px) {
  .info-project-items-employer .show-action-bids, .info-project-items .show-action-bids {
    margin-top: 11px; } }

.info-project-items-employer .show-action-bids span, .info-project-items .show-action-bids span {
  padding: 0 !important; }

.info-project-items-employer .show-action-bids .text-bid-view, .info-project-items .show-action-bids .text-bid-view {
  font-size: 20px !important; }

.info-project-items-employer .show-action-bids .number-static-bid, .info-project-items .show-action-bids .number-static-bid {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #bdc3c7;
  font-size: 18px;
  font-weight: 500;
  line-height: 13px;
  color: #2c3e50; }

.info-project-items-employer .show-action-bids .number-static-bid:last-child, .info-project-items .show-action-bids .number-static-bid:last-child {
  padding-left: 0 !important;
  border: none; }

.info-project-items-employer .show-action-bids .number-static-bid .normal-text, .info-project-items .show-action-bids .number-static-bid .normal-text {
  font-size: 14px;
  font-weight: 400;
  color: #2c3e50; }

.info-project-items-employer .inner, .info-project-items .inner {
  position: relative; }

.info-project-items-employer .inner .filter-project, .info-project-items .inner .filter-project {
  position: absolute;
  left: 30px;
  bottom: 10px; }

.info-project-items-employer .inner .filter-project span, .info-project-items .inner .filter-project span {
  margin-left: 15px;
  font-weight: 600;
  color: #2c3e50;
  font-size: 14px; }

.info-project-items-employer .inner .filter-project span:before, .info-project-items .inner .filter-project span:before {
  left: 0; }

.info-project-items-employer .inner .filter-project .dropbox, .info-project-items .inner .filter-project .dropbox {
  cursor: pointer; }

.info-project-items-employer .inner .filter-project.filter-project-employer a.chosen-single, .info-project-items .inner .filter-project.filter-project-employer a.chosen-single {
  min-width: 200px;
  text-align: left; }

.info-project-items-employer .inner .project-status-filter, .info-project-items .inner .project-status-filter {
  border-bottom: 1px solid #f4f6f8;
  padding: 12px 30px; }

.info-project-items-employer .inner .filter-area, .info-project-items .inner .filter-area {
  max-width: 200px; }

.info-project-items-employer .inner .filter-area a, .info-project-items .inner .filter-area a {
  padding-right: 0; }

.info-project-items-employer .inner .show-bidden, .info-project-items .inner .show-bidden {
  font-weight: bold;
  color: #2c3e50;
  cursor: pointer;
  margin-left: 0 !important; }

.info-project-items-employer .inner .list-filter, .info-project-items .inner .list-filter {
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #e1e4e6;
  position: absolute;
  z-index: 9;
  margin-top: 10px;
  left: 0;
  min-width: 150px; }

.info-project-items-employer .inner .list-filter li, .info-project-items .inner .list-filter li {
  background: #fff;
  padding: 12px 0;
  border-bottom: 1px solid #e1e4e6;
  cursor: pointer;
  list-style: none; }

.info-project-items-employer .inner .list-filter li:last-child, .info-project-items .inner .list-filter li:last-child {
  border-bottom: none; }

.info-project-items-employer .inner .list-filter li a, .info-project-items .inner .list-filter li a {
  color: #2c3e50; }

.info-project-items-employer .bid-list-container li, .info-project-items .bid-list-container li {
  border-bottom: 1px solid #f4f6f8;
  position: relative; }

.info-project-items-employer .bid-list-container li .user-bid-item-list, .info-project-items .bid-list-container li .user-bid-item-list {
  padding: 15px 30px;
  position: relative; }

.info-project-items-employer .bid-list-container li .user-bid-item-list .avatar-author-project-item, .info-project-items .bid-list-container li .user-bid-item-list .avatar-author-project-item {
  display: inline-block;
  overflow: hidden;
  float: right;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  border-radius: 50%; }

.info-project-items-employer .bid-list-container li .user-bid-item-list a span.content-title-project-item, .info-project-items .bid-list-container li .user-bid-item-list a span.content-title-project-item {
  font-weight: 600;
  font-size: 16px; }

.info-project-items-employer .bid-list-container li .avatar-author-project-item img, .info-project-items .bid-list-container li .avatar-author-project-item img {
  width: 100%;
  height: auto; }

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

.action-project .status-project {
  position: absolute;
  left: 14px;
  top: 94px; }

.action-project .date {
  font-size: 13px; }

.action-project .number-blue {
  color: #507282;
  font-size: 16px;
  font-weight: 500; }

.user-bid-item-info {
  padding: 0 0 0 30px;
  margin-top: 15px; }

.user-bid-item-info .info-item {
  padding: 0;
  margin: 0;
  list-style: none; }

.user-bid-item-info .info-item li {
  border-bottom: none;
  vertical-align: middle;
  color: #656f77;
  font-size: 14px;
  margin-bottom: 7px; }

.user-bid-item-info .info-item li:last-child {
  margin: 0; }

.user-bid-item-info .info-item li .number-blue {
  color: #507282;
  font-size: 18px;
  margin-left: 5px; }

.info-profile-freelancer-bidding .comment-author-history {
  margin-right: 0; }

.full-text p, .trim-text p {
  margin-bottom: 0;
  line-height: 24px; }

.full-text .show-more, .full-text .show-less, .trim-text .show-more, .trim-text .show-less {
  font-size: 13px;
  font-style: italic;
  cursor: pointer; }

.list-history-profile .name-history {
  width: 70%;
  float: right; }

.list-history-profile .name-history .avatar-bid-item, .list-history-profile .name-history .content-bid-item-history {
  display: inline-block;
  vertical-align: middle;
  float: right;
  overflow: hidden;
  width: 85%;
  width: calc(100% - 45px); }

.list-history-profile .name-history .avatar-bid-item {
  border-radius: 50%;
  margin-left: 15px;
  width: 30px;
  height: 30px; }

.list-history-profile .name-history .avatar-bid-item img {
  width: 100%;
  height: auto; }

.list-history-profile .name-history .comment-author-history, .list-history-profile .name-history .stt-in-process {
  display: block;
  color: #333333;
  font-size: 14px;
  line-height: 25px; }

.list-history-profile .name-history .content-complete {
  display: block;
  padding-top: 5px;
  clear: both; }

.list-history-profile .name-history .content-complete .number-price-project-info {
  color: #2c3e50;
  font-weight: 600;
  font-size: 16px; }

.list-history-profile .name-history .content-complete-employer p {
  margin-bottom: 10px; }

.list-history-profile .name-history .stt-in-process {
  font-weight: 500;
  margin-top: 4px; }

.list-history-profile .name-history .rate-it {
  display: inline-block; }

.list-history-profile .name-history .content-bid-item-history h5 {
  margin: 5px 0 0 0; }

.list-history-profile .name-history .content-bid-item-history h5 a {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  color: #507282; }

.list-history-profile .info-history {
  width: 30%;
  float: right;
  padding-right: 30px;
  text-align: left; }

.list-history-profile .info-history li {
  color: #656e78;
  font-weight: 300;
  border: none;
  padding: 0;
  margin: 0 !important; }

@media (max-width: 991px) {
  .list-history-profile .info-history li {
    margin: 5px 0 0 0 !important; } }

.list-history-profile .info-history li .number-price-project-info {
  font-weight: 600; }

.list-history-profile .info-history li .number-blue {
  margin-bottom: 5px; }

.list-history-profile .info-history li .btn-apply-project-item {
  margin-top: 20px; }

.list-history-profile .post-control {
  font-weight: bold; }

.list-history-profile .post-control a {
  display: inline-block;
  margin-right: 5px; }

.list-history-profile .post-control span {
  padding: 0 11px; }

.list-work-history-profile .name-history {
  width: 70%;
  float: right; }

.list-work-history-profile .name-history > a {
  font-size: 16px;
  color: #30363c; }

.list-work-history-profile .name-history .avatar-bid-item, .list-work-history-profile .name-history .content-bid-item-history {
  display: inline-block;
  vertical-align: middle;
  float: right;
  overflow: hidden;
  width: 85%;
  width: calc(100% - 45px); }

.list-work-history-profile .name-history .avatar-bid-item {
  border-radius: 50%;
  margin-left: 15px;
  width: 30px;
  height: 30px; }

.list-work-history-profile .name-history .avatar-bid-item img {
  width: 100%;
  height: auto; }

.list-work-history-profile .name-history .comment-author-history, .list-work-history-profile .name-history .stt-in-process {
  display: block;
  color: #666f78;
  font-size: 14px;
  line-height: 25px; }

.list-work-history-profile .name-history .content-complete {
  display: block;
  padding-top: 5px;
  clear: both; }

.list-work-history-profile .name-history .content-complete .number-price-project-info {
  color: #2c3e50;
  font-weight: 600;
  font-size: 16px; }

.list-work-history-profile .name-history .content-complete .review {
  color: #666f78; }

.list-work-history-profile .name-history .content-complete .review-rate {
  margin-top: 10px; }

.list-work-history-profile .name-history .content-complete-employer p {
  margin-bottom: 10px; }

.list-work-history-profile .name-history .stt-in-process {
  font-weight: 500;
  margin-top: 4px;
  margin-bottom: 10px; }

.list-work-history-profile .name-history .rate-it {
  display: inline-block; }

.list-work-history-profile .name-history .content-bid-item-history h5 {
  margin: 5px 0 0 0; }

.list-work-history-profile .name-history .content-bid-item-history h5 a {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  color: #30363c; }

.list-work-history-profile .info-history {
  width: 30%;
  float: right;
  padding-right: 30px;
  text-align: left; }

.list-work-history-profile .info-history li {
  color: #656e78;
  font-weight: 300;
  border: none;
  padding: 0;
  margin: 0 !important; }

@media (max-width: 991px) {
  .list-work-history-profile .info-history li {
    margin: 5px 0 0 0 !important; } }

.list-work-history-profile .info-history li .number-price-project-info {
  font-weight: 600; }

.list-work-history-profile .info-history li .number-blue {
  margin-bottom: 5px; }

.list-work-history-profile .info-history li .btn-apply-project-item {
  margin-top: 20px; }

.list-work-history-profile .post-control {
  font-weight: bold; }

.list-work-history-profile .post-control a {
  display: inline-block;
  margin-right: 5px; }

.list-work-history-profile .post-control span {
  padding: 0 11px; }

.form-group.portfolios-wrapper {
  margin-bottom: 10px !important; }

.portfolios-wrapper .add-porfolio-button {
  min-height: 157px;
  text-align: center;
  display: inline-block;
  color: #90959a;
  font-size: 16px;
  position: relative; }

.portfolios-wrapper .inner {
  margin: 0 15px;
  background: #f2f5f7; }

.list-item-portfolio li {
  display: inline-block;
  color: #90959a;
  font-size: 16px;
  position: relative;
  margin-bottom: 30px; }

.list-item-coupon li {
  display: inline-block;
  color: #90959a;
  font-size: 16px;
  position: relative;
  margin-bottom: 30px; }

.profile-category .chosen-container,
.portfolio-skills .chosen-container {
  display: block; }

.portfolio-name.error i {
  bottom: 50px !important; }

.chosen-container {
  border-radius: 4px; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.10.3 STYLE CSS FOR CREDITS
--------------------------------*/
#credits .balance {
  position: relative;
  border-bottom: 1px solid #f5f7f9;
  padding: 30px 30px 0px 30px; }

#credits .balance .credit, #credits .balance .available, #credits .balance .frozen {
  color: #737c85;
  margin-left: 40px; }

#credits .balance .credit {
  font-size: 18px;
  font-weight: 500; }

#credits .balance .available, #credits .balance .frozen {
  font-size: 14px;
  font-weight: 300; }

#credits .balance .balance-credit .credit {
  margin-left: 30px; }

#credits .balance .balance-credit .buget {
  font-size: 18px; }

#credits .balance .button-functions .btn-add button, #credits .balance .button-functions .btn-withdraw button {
  border: none; }

#credits .balance .button-functions .btn-withdraw {
  font-weight: 300; }

#credits .balance .button-functions .btn-withdraw i {
  margin-left: 20px; }

#credits .changelog {
  padding: 30px; }

#credits .changelog .bar-title {
  border-bottom: 1px solid #f5f7f9;
  position: relative; }

#credits .changelog .bar-title .function-filter .value, #credits .changelog .bar-title .function-filter .date {
  display: inline-block; }

#credits .changelog .bar-title .function-filter .value {
  margin-left: 20px; }

#credits .changelog .bar-title .function-filter .value .dropbox {
  cursor: pointer; }

#credits .changelog .bar-title .function-filter .value ul {
  margin: 0; }

#credits .changelog .bar-title .function-filter .value .list-value {
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #e1e4e6;
  position: absolute;
  z-index: 999;
  margin-top: 10px;
  right: -77px; }

#credits .changelog .bar-title .function-filter .value .list-value > li {
  display: block;
  background: #fff;
  padding: 12px 0;
  width: 150px;
  border-bottom: 1px solid #e1e4e6;
  cursor: pointer; }

#credits .changelog .bar-title .function-filter .value .list-value > li:last-child {
  border-bottom: none; }

#credits .changelog .bar-title .function-filter .value .list-value > li i {
  padding-left: 8px; }

#credits .changelog .bar-title .function-filter .value .list-value > li a {
  display: block; }

#credits .changelog .bar-title .function-filter .date {
  position: relative; }

#credits .changelog .bar-title .function-filter .date input {
  border: none;
  color: #507282;
  cursor: pointer; }

#credits .changelog .changelog-list ul > li > li {
  border: none; }

#credits .changelog .changelog-list ul > li .information-detail i {
  padding-left: 5px; }

#credits .changelog .changelog-list ul > li .information-detail span {
  font-weight: 600; }

#credits .changelog .changelog-list ul > li .information-status .status {
  font-weight: 400;
  font-size: 14px; }

#credits .changelog .changelog-list ul > li .information-status i {
  padding-right: 5px; }

.withdraw {
  /* .modal-header{
    padding: 40px 35px 19px;
  } */ }

.withdraw .balance-withdraw {
  border-top: 1px solid #d7d9da;
  border-bottom: 1px solid #d7d9da;
  padding: 20px 0;
  font-weight: 600; }

.withdraw .balance-withdraw .current, .withdraw .balance-withdraw .available {
  margin-bottom: 25px; }

.withdraw .balance-withdraw .current, .withdraw .balance-withdraw .available, .withdraw .balance-withdraw .frozen {
  position: relative;
  font-weight: 600; }

.withdraw .balance-withdraw .current .price, .withdraw .balance-withdraw .available .price, .withdraw .balance-withdraw .frozen .price {
  position: absolute;
  left: 0;
  font-weight: 600; }

.withdraw .balance-withdraw .frozen .price {
  color: #b0bec5; }

.withdraw .amount-withdraw {
  border-bottom: 1px solid #d7d9da;
  padding: 30px 0 40px 0;
  position: relative; }

.withdraw .amount-withdraw .title {
  font-weight: 600; }

.withdraw .amount-withdraw p {
  margin-bottom: 0; }

.withdraw .amount-withdraw .price-amount {
  font-size: 10px; }

.withdraw .amount-withdraw .input-amount {
  /*position: absolute;
      right: 0;
      top:25px;*/ }

.withdraw .amount-withdraw .input-amount input {
  border-radius: 4px;
  border: 1px solid #d7d9da;
  height: 42px;
  padding-right: 10px;
  width: 123px; }

.withdraw .security-code {
  border-bottom: none; }

.withdraw .payment {
  margin-top: 30px;
  padding-bottom: 30px;
  position: relative; }

.withdraw .payment label {
  margin-bottom: 20px; }

.withdraw .payment textarea {
  width: 100%;
  height: 170px;
  border-radius: 4px;
  padding: 15px; }

.withdraw .btn-submit {
  padding: 12px 60px;
  margin-bottom: 20px; }

.number-profile-wrapper-archive .btn-sumary i {
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.group-filter-conversation .form-control {
  height: 40px;
  padding-right: 30px;
  padding: 0px 30px 0px 10px;
  line-height: 30px; }

.notice-first-login {
  background: #E55D52;
  margin-bottom: 20px;
  border-radius: 3px; }

.notice-first-login p {
  margin: 0;
  padding: 14px;
  color: #FFF; }

.notice-first-login p i {
  margin-left: 4px; }

.stripe_disconnect i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.noti-update {
  margin-top: 10px; }

.tab-close .text-update-profile {
  display: none;
  margin-bottom: 0; }

.tab-close .text-noti-profile {
  display: block;
  margin-bottom: 0; }

.text-update-profile {
  display: block;
  margin-bottom: 0; }

.text-noti-profile {
  display: none;
  margin-bottom: 0; }

.no-results {
  padding: 20px 30px;
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  color: #666f78; }

.no-results .btn-find-project {
  background: #ce553c;
  box-shadow: 0 2px 0 #c0392b;
  padding: 7px 12px;
  color: #fff;
  border-radius: 4px;
  margin-top: 20px; }

.accept-bid-form {
  margin: 20px 0; }

.accept-bid-form .title {
  font-size: 20px;
  color: #2c3e50;
  margin-bottom: 25px; }

.accept-bid-form .note-bid {
  font-size: 16px;
  margin-bottom: 25px; }

.accept-bid-form .btn-agree, .accept-bid-form .btn-cancel {
  border-radius: 4px;
  background-clip: padding-box;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 20px !important;
  letter-spacing: 1.1px;
  border: none; }

.accept-bid-form .btn-agree {
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  padding: 5px 35px !important;
  margin-left: 8px; }

.accept-bid-form .btn-cancel {
  background-color: #5b646d;
  box-shadow: 0 2px 0 #666f78;
  padding: 5px 40px !important; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.10 STYLE CSS FOR PROJECT
--------------------------------*/
.info-project-item ul.info-item,
.list-share-social,
.single-profile-content .single-profile,
.single-profile-content .list-skill-profile ul,
.profile-history .list-history-profile,
.list-work-history-profile, .list-work-history-profile .info-history,
.list-history-profile .info-history,
.list-detail-info,
.list-item-portfolio,
.list-item-coupon,
.btn-menu-call,
.menu-footer .main-menu-footer,
.social-footer,
.list-link-footer {
  margin: 0;
  padding: 0;
  list-style: none; }

.btn-purchase-project-item {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 6px;
  vertical-align: sub;
  position: relative;
  margin-left: 5px; }

.btn-purchase-project-item:focus, .btn-purchase-project-item:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8; }

@media (max-width: 991px) {
  .btn-purchase-project-item {
    margin-left: 4px;
    padding: 5px 5px; } }

.list-detail-info li {
  display: block;
  padding: 13px 30px;
  border-top: 1px solid #f4f6f8;
  color: #656e78; }

.list-detail-info li span.text {
  display: inline-block;
  font-weight: 300;
  font-size: 15px; }

.list-detail-info li .text-right {
  color: #2c3e50;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  float: left; }

.list-detail-info li i {
  display: inline-block;
  min-width: 20px;
  margin-left: 5px;
  color: #90969b; }

.list-detail-info li .rate-it {
  display: inline-block;
  float: left; }

.list-detail-info li .rate-it i {
  margin: 0;
  min-width: 0; }

.tab-content-project {
  margin: 30px 0 15px 0; }

@media only screen and (max-width: 769px) {
  .tab-content-project {
    margin: 0; } }

.row.title-tab-project {
  padding: 0; }

.single-project .visibility-hidden {
  visibility: hidden; }

.single-project .author-link-project-item {
  display: inline-block;
  padding-right: 12px; }

.single-project .time-post-project-item {
  padding-right: 17px;
  display: block;
  padding-top: 1px; }

.padding-pagiantion {
  padding: 20px 0 !important; }

.single-projects, .info-bidding-wrapper {
  display: block;
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2); }

.single-projects .project-item {
  padding: 15px 30px;
  border-bottom: 1px solid #f4f6f8; }

.single-projects .avatar-author-project-item {
  display: inline-block;
  overflow: hidden;
  float: right;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  border-radius: 50%; }

.single-projects .avatar-author-project-item img {
  width: 100%;
  height: auto; }

.single-projects .content-title-project-item {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  width: 85%;
  width: calc(100% - 45px);
  font-size: 14px;
  color: #30363c;
  font-weight: 400;
  line-height: 30px; }

.single-projects .author-link-project-item, .single-projects .time-post-project-item {
  font-weight: 300;
  line-height: 30px; }

.single-projects .author-link-project-item a, .single-projects .time-post-project-item a {
  color: #656e78;
  font-size: 14px; }

.single-projects .budget-project-item {
  color: #2c3e50;
  font-size: 14px;
  font-weight: 700;
  padding-right: 20px;
  line-height: 30px; }

.single-projects .btn-project-status {
  padding: 5px 30px !important; }

.single-projects .btn-apply-project-item, .single-projects .btn-refund-project, .single-projects .btn-excecute-project {
  padding: 5px 8px !important;
  margin-left: 10px;
  vertical-align: sub;
  font-weight: normal;
  letter-spacing: 1px; }

.single-projects .btn-apply-project-item {
  padding: 5px 15px;
  min-width: 48px;
  overflow: hidden; }

.single-projects .info-project-item {
  border-bottom: 1px solid #f4f6f8; }

.single-projects .info-project-item .info-item {
  padding-right: 30px; }

.single-projects .info-project-item .info-item > li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  padding: 10px 0 10px 20px;
  border-left: 1px solid #f4f6f8; }

.single-projects .info-project-item .info-item > li:last-child {
  margin-left: 0; }

.single-projects .info-project-item .info-item > li .number-blue {
  color: #3397db;
  font-size: 22px; }

.single-projects .info-project-item .info-item > li .text-normal {
  color: #656f77 !important;
  font-size: 14px !important;
  margin-right: 5px; }

.single-projects .info-project-item .info-project-item-right {
  display: block;
  float: left;
  line-height: 50px; }

.single-projects .info-project-item .info-project-item-right .link-clone i {
  display: inline-block;
  margin-left: 15px; }

.single-projects .info-project-item .info-project-item-right .list-share-social li {
  border-right: 1px solid rgba(119, 119, 119, 0.1);
  padding: 0 16px; }

.single-projects .info-project-item .info-project-item-right .list-share-social li i {
  position: relative;
  top: 2px; }

.single-projects .info-project-item .info-project-item-right .list-share-social li a {
  color: #656f77;
  font-size: 14px; }

.single-projects .work-place-wrapper .list-chat-work-place .author-name {
  font-weight: bold;
  text-transform: capitalize; }

.single-projects .work-place-wrapper .list-chat-work-place .status {
  color: #507282; }

.single-projects .work-place-wrapper .list-chat-work-place .changelog-time {
  position: absolute;
  left: 0px;
  color: #90a4ae;
  font-size: 12px; }

.single-projects .info-project-item-details {
  padding: 10px 30px 0 30px; }

.single-projects .info-project-item-details .content-require-project h4 {
  color: #2c3e50;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px; }

.single-projects .info-project-item-details .content-require-project {
  padding: 30px 0 20px 30px; }

.single-projects .info-project-item-details .content-require-project p {
  color: #656f77;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: justify; }

.single-projects .info-project-item-details .list-require-skill-project, .single-projects .info-project-item-details .list-file-attack-report {
  margin-bottom: 25px; }

.single-projects .info-project-item-details .list-require-skill-project .list-project_category ul {
  padding-bottom: 1px; }

.single-projects .workplace-project-details .content-require-project h4 {
  color: #2c3d4f;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0 15px; }

.single-projects .workplace-project-details .content-require-project > a {
  display: inline-block;
  margin-bottom: 25px;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: #5d9468;
  color: #FFF;
  box-shadow: 0 2px 0 #497552; }

.single-projects .workplace-project-details .cat-list-milestone {
  margin-top: 30px; }

.single-projects .content-require-skill-project {
  padding: 30px 0; }

.single-projects .content-require-skill-project h3, .single-projects .content-require-skill-project .title-content {
  color: #2c3e50;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px; }

.single-projects .content-require-skill-project .cat-list-milestone {
  margin-top: 30px; }

.single-projects .content-require-skill-project .workspace-link {
  display: inline-block;
  margin-bottom: 25px;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: #5d9468;
  color: #FFF;
  box-shadow: 0 2px 0 #497552; }

.single-project-wrapper .title-tab-project span {
  padding-right: 10px; }

.info-bidding-wrapper .paginations-wrapper {
  padding: 0px 30px 0px 30px; }

.info-bidding-wrapper.freelancer-bidding .list-bidding {
  border-bottom: 1px solid #f4f6f8;
  margin: 0px; }

.info-bidding-wrapper .list-bidding {
  padding-top: 20px; }

.info-bidding-wrapper .list-bidding :last-child {
  border-bottom: none; }

.info-bidding-wrapper .bid_win .number-price-project span.number-price {
  color: #507282 !important; }

.info-bidding-wrapper .bid_unaccepted .number-price-project span.number-price {
  color: #666f78 !important; }

.info-bidding-wrapper .bid_hide .comment-author-history, .info-bidding-wrapper .bid_win .comment-author-history {
  display: none; }

.info-bidding-wrapper .bid_hide .name-profile, .info-bidding-wrapper .bid_win .name-profile {
  font-weight: 400; }

.info-bidding-wrapper .bid_hide .show-info, .info-bidding-wrapper .bid_win .show-info {
  display: block;
  top: 20px;
  color: #666f78;
  font-size: 4px;
  cursor: pointer; }

.info-bidding-wrapper .icon-show-info .number-price-project span.number-price {
  color: #666f78; }

.info-bidding-wrapper .icon-show-info .show-info {
  display: block;
  top: 20px;
  color: #666f78;
  font-size: 4px;
  cursor: pointer; }

.info-bidding-wrapper .show-info {
  position: absolute;
  left: 10px;
  display: none; }

.info-bidding-wrapper .show-info i {
  padding-left: 2px; }

.info-bidding-wrapper .info-bidding {
  display: block;
  clear: both;
  padding: 0 30px 20px; }

.info-bidding-wrapper .info-bidding .rate-exp-wrapper .rate-it {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  margin-bottom: 15px; }

.info-bidding-wrapper .info-bidding .rate-exp-wrapper .experience {
  display: inline-block;
  position: relative;
  bottom: 8px; }

.info-bidding-wrapper .info-bidding .rate-exp-wrapper span {
  display: inline-block; }

.info-bidding-wrapper .info-bidding .number-price-project, .info-bidding-wrapper .info-bidding .action-employer-bidden {
  display: inline-block; }

.info-bidding-wrapper .info-bidding .action-employer-bidden {
  float: left; }

.info-bidding-wrapper .info-bidding .number-price-project {
  color: #656f77;
  font-size: 14px;
  display: block;
  text-align: center;
  position: relative;
  font-weight: 500;
  vertical-align: top;
  float: right; }

.info-bidding-wrapper .info-bidding .number-price-project span.number-price {
  display: block;
  color: #507282;
  font-size: 22px;
  font-weight: 500; }

.info-bidding-wrapper .info-bidding .number-price-project .confirm {
  clear: both;
  display: block; }

.info-bidding-wrapper .info-bidding .number-price-project .confirm button {
  margin-bottom: 2px; }

.info-bidding-wrapper .info-bidding .number-price-project .btn-accept-bid {
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  padding: 5px 20px;
  position: absolute;
  display: block;
  top: 5px;
  right: 25%;
  margin-right: -20px; }

.info-bidding-wrapper .avatar-freelancer-bidding, .info-bidding-wrapper .info-profile-freelancer-bidding {
  float: right;
  overflow: hidden; }

.info-bidding-wrapper .avatar-freelancer-bidding .avatar-profile {
  width: 50px;
  height: 50px;
  display: inline-block;
  float: right;
  margin-left: 15px; }

.info-bidding-wrapper .avatar-freelancer-bidding .avatar-profile img {
  width: 100%;
  height: auto;
  border-radius: 50%; }

.info-bidding-wrapper .info-profile-freelancer-bidding {
  width: 75%;
  width: calc(100% - 65px); }

.info-bidding-wrapper .info-profile-freelancer-bidding .name-profile {
  color: #2c3e50;
  font-size: 18px;
  font-weight: 600; }

.info-bidding-wrapper .info-profile-freelancer-bidding .position-profile {
  color: #355464;
  font-size: 12px; }

#project_comment {
  border-top: 1px solid #f4f6f8;
  margin: 0 0 30px 30px; }

.no-bid-found {
  padding: 25px; }

.no-bid-found .btn-apply-project-item {
  padding: 5px 13px !important; }

.action-bid {
  margin-top: 30px; }

.action-bid .padding-title {
  padding-right: 20px; }

.action-bid .content-bid-action {
  padding: 0 20px 5px 20px;
  border-bottom: 1px solid #f4f6f8; }

.action-bid .buy-bid-action {
  padding: 25px 20px; }

.action-bid p {
  margin-bottom: 20px; }

.action-bid .title-name {
  font-size: 16px;
  margin-bottom: 15px; }

.action-bid .number {
  font-size: 16px;
  font-weight: 700; }

.action-bid .text-bold {
  font-size: 16px;
  font-weight: 700; }

.action-bid .text-italic {
  font-style: italic;
  font-size: 12px; }

.action-bid .btn-buy-bid {
  background: #355464;
  box-shadow: 0 2px 0 #249b56;
  padding: 7px 10px;
  color: #fff;
  border-radius: 4px;
  margin-top: 20px; }

.action-bid .btn-buy-bid:hover, .action-bid .btn-buy-bid:focus {
  opacity: 0.8; }

.info-company-wrapper {
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2); }

.info-company-wrapper .info-company-avatar {
  padding: 30px;
  display: block; }

.info-company-wrapper .info-company-avatar .info-avatar {
  display: inline-block;
  vertical-align: middle;
  float: right;
  overflow: hidden;
  width: 35px;
  height: 35px;
  margin-left: 20px;
  border-radius: 50%; }

.info-company-wrapper .info-company-avatar .info-avatar img {
  width: 100%;
  height: auto; }

.info-company-wrapper .info-company-avatar .time-since {
  color: #737c85;
  font-size: 12px;
  font-weight: 300; }

.info-company-wrapper .info-company-avatar .info-company {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  width: calc(100% - 55px); }

.info-company-wrapper .info-company-avatar .info-company-name {
  margin: 0 0 5px;
  color: #2c3e50;
  font-size: 18px;
  font-weight: 600; }

.info-company-wrapper .list-info-company-details {
  list-style: none;
  padding: 0;
  margin: 0; }

.info-company-wrapper .list-info-company-details li {
  border-top: 1px solid #f4f6f8;
  padding: 13px 30px;
  color: #90959a;
  font-size: 16px;
  font-weight: 400; }

.info-company-wrapper .list-info-company-details li .address {
  overflow: hidden; }

.info-company-wrapper .list-info-company-details li .address > i {
  /*float: left;*/
  margin-top: 3px; }

.info-company-wrapper .list-info-company-details li .member-since {
  overflow: hidden; }

.info-company-wrapper .list-info-company-details li .member-since span.title-name {
  width: 60%; }

.info-company-wrapper .list-info-company-details li .member-since span.info.addr {
  width: 38%; }

.info-company-wrapper .list-info-company-details li span.title-name {
  float: right;
  width: 39%; }

.info-company-wrapper .list-info-company-details li span.info {
  color: #2c3e50;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 25px;
  max-width: 190px; }

.info-company-wrapper .list-info-company-details li span.info.addr {
  vertical-align: top;
  margin-right: 3px;
  white-space: normal;
  display: initial;
  text-align: left;
  width: 59%;
  float: left; }

.info-company-wrapper .list-info-company-details li i {
  display: inline-block;
  min-width: 20px;
  margin-left: 15px;
  color: #90969b; }

.link-clone {
  float: right;
  margin-left: 20px; }

.project-comments .et-comments-title {
  border: none;
  padding-bottom: 10px; }

.project-comments .et-comment {
  padding: 5px 0;
  border-bottom: none; }

blockquote {
  background: none;
  border-right: none;
  margin: 0;
  padding: 0px;
  quotes: "“" "”" "‘" "’";
  font-size: 14px;
  margin-right: 60px; }

blockquote :before {
  content: open-quote;
  line-height: 0.1em; }

blockquote :after {
  content: close-quote;
  line-height: 0.1em; }

blockquote p {
  display: inline;
  line-height: 25px;
  font-weight: 300;
  font-size: 14px; }

.must-log-in {
  margin-top: 20px; }

.list-bidding-js .item-js:first-child {
  padding-top: 0px;
  border-top: none; }

.list-bidding-js .item-js {
  padding: 20px 15px;
  margin-right: 15px;
  margin-left: 15px;
  border-top: 1px solid #f4f6f8; }

.bid-form .error i, .bid-form .error .message {
  position: absolute;
  z-index: 9; }

.bid-form .error i {
  left: 15px !important;
  bottom: 17px !important; }

.bid-form .error .message {
  left: 0; }

.bid-form .deadline i {
  left: 26px !important;
  bottom: 48px !important; }

.bid-form .deadline .message {
  left: 12px;
  bottom: 5px; }

.bid-form .post_content .message {
  margin-top: 0 !important; }

@media (max-width: 1199px) {
  .info-company-wrapper .list-info-company-details li .address .addr-wrap {
    width: 85%; }
  .info-company-wrapper .list-info-company-details li span.info, .info-company-wrapper .list-info-company-details li {
    font-size: 13px;
    line-height: 20px; } }

.not-have-bid {
  background: #c0bfbf !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 0 #9c9c9c !important;
  cursor: default; }

.btn-fre-bid .popover, .project-publish .popover {
  width: 320px;
  border-top: 1px solid #f44336 !important;
  border: 1px solid #e9ecee;
  box-shadow: none; }

.btn-fre-bid .popover-content, .project-publish .popover-content {
  font-size: 13px; }

.btn-fre-bid .popover-content:before, .project-publish .popover-content:before {
  content: "\f05a";
  font-family: 'FontAwesome';
  color: #f44336;
  padding-left: 8px; }

@media (max-width: 991px) {
  .btn-fre-bid .popover, .project-publish .popover {
    left: 0;
    right: inherit !important; }
  .btn-fre-bid .popover.top > .arrow, .project-publish .popover.top > .arrow {
    left: 25px;
    right: inherit; } }

.budget-bid {
  margin-bottom: 30px; }

.budget-bid .input-group-addon {
  background: #f2f5f7;
  font-size: 12px; }

.budget-bid input[type='number'] {
  margin-bottom: 0 !important; }

.budget-bid .error .message {
  bottom: -21px; }

.btn-accept-bid {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 20px !important;
  letter-spacing: 1.1px;
  display: block;
  margin-bottom: 10px; }

.review-link {
  margin-top: 10px;
  font-size: 13px; }

.heading-project {
  position: relative; }

.heading-project .btn-post-project {
  top: 0 !important; }

.nav-tabs-project .nav-tabs.project {
  display: none; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.11 STYLE CSS FOR BLOG
--------------------------------*/
/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.11.1 STYLE CSS FOR BLOG
--------------------------------*/
body.blog .blog-sidebar, body.category .blog-sidebar, body.single .blog-sidebar {
  margin-top: 50px; }

.blog-header-container {
  background: #fff; }

.blog-header-container .blog-classic-top {
  height: 60px; }

.blog-header-container .blog-classic-top h2, .blog-header-container .blog-classic-top #search-bar {
  display: inline-block;
  vertical-align: middle; }

.blog-header-container .blog-classic-top h2 {
  color: #2c3e50;
  font-size: 22px;
  font-weight: 300; }

.blog-header-container .blog-classic-top #search-bar {
  float: left;
  position: relative;
  top: 16px; }

.blog-header-container .blog-classic-top #search-bar i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #8b97b1; }

.blog-header-container .blog-classic-top #search-bar input {
  width: 226px;
  height: 30px;
  border: 1px solid #d1d5e0;
  border-radius: 4px;
  padding: 3px 15px;
  color: #8b97b1;
  font-size: 13px;
  font-weight: 400; }

.blog-header-container .blog-classic-top #search-bar input::-webkit-input-placeholder {
  font-weight: 400;
  color: #8c97b2;
  font-size: 13px; }

.blog-header-container .blog-classic-top #search-bar input::-moz-placeholder {
  font-weight: 400;
  color: #8c97b2;
  font-size: 13px; }

.blog-header-container .blog-classic-top #search-bar input:-moz-placeholder {
  font-weight: 400;
  color: #8c97b2;
  font-size: 13px; }

.blog-header-container .blog-classic-top #search-bar input:-ms-input-placeholder {
  font-weight: 400;
  color: #8c97b2;
  font-size: 13px; }

.block-page {
  min-height: 345px; }

#post-list .post-item:first-child,
body.single .blog-wrapper {
  border-top: none; }

.posts-container #comments {
  margin-top: 30px; }

.page-container {
  min-height: 750px; }

.page-container .blog-content {
  background: #fff;
  margin-bottom: 30px;
  padding: 20px; }

.page-container .blog-content p {
  line-height: 25px;
  font-weight: 400; }

.page-container .blog-content img {
  max-width: 100%;
  height: auto; }

.page-notfound-content {
  padding: 30px;
  background: #fff;
  margin-bottom: 30px; }

.blog-wrapper {
  padding: 15px 0 30px;
  margin-top: 15px; }

.blog-wrapper .author-wrapper {
  text-align: center;
  padding-top: 15px; }

.blog-wrapper .avatar-author {
  display: block;
  margin: 0 auto;
  width: 65px;
  height: auto;
  margin-bottom: 10px; }

.blog-wrapper .avatar-author img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

.blog-wrapper .date {
  color: #6b6b6b;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase; }

.blog-wrapper .blog-content img {
  max-width: 100%;
  height: auto; }

.blog-wrapper .blog-content .tag {
  color: #777777;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  max-width: 100%; }

.blog-wrapper .blog-content .tag a {
  color: #777777;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }

.blog-wrapper .blog-content .cmt, .blog-wrapper .blog-content .cmt a {
  color: #7E8959;
  font-size: 12px; }

.blog-wrapper .blog-content .cmt i {
  display: inline-block;
  margin: 0 0 0 3px; }

.blog-wrapper .blog-content .title-blog a {
  color: #444c63;
  font-size: 33px;
  font-weight: 500;
  letter-spacing: 1.1px; }

.blog-wrapper .blog-content p {
  color: #5f6f81;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400; }

.blog-wrapper .blog-content ol li {
  color: #5f6f81;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400; }

.blog-wrapper .blog-content .read-more {
  color: #7E8959;
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-top: 20px; }

.blog-wrapper .blog-content .read-more i {
  display: inline-block;
  margin-right: 5px;
  font-size: 13px; }

.blog-sidebar .primary-sidebar.widget-area, .favorites-sidebar .primary-sidebar.widget-area {
  margin-bottom: 30px;
  padding: 5px 0px 15px 0px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2); }

.blog-sidebar h2.widgettitle, .favorites-sidebar h2.widgettitle {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  padding-bottom: 5px;
  text-transform: capitalize !important; }

.blog-sidebar ul li a {
  color: #2c3e50;
  font-weight: 300;
  font-size: 14px; }

.blog-sidebar ul li .comment-author-link {
  color: #507282; }

.blog-sidebar .widget.widget_search form > div:after {
  left: 45px;
  bottom: 18px; }

.blog-sidebar .textwidget {
  font-size: 14px;
  font-weight: 400; }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.11.2 STYLE CSS FOR COMMENT
--------------------------------*/
.comment-list {
  padding: 0;
  list-style: none;
  margin-top: 15px; }

.comment-list li {
  border-bottom: 1px solid #dadfea;
  padding: 15px 0 25px 0 !important; }

.comment-list li > div {
  padding: 0 20px; }

.comment-list li .children {
  margin-top: 10px;
  padding-right: 65px; }

.et-comments-title, #reply-title {
  font-size: 18px;
  margin: 0;
  color: #2c3e50;
  font-weight: 600; }

#reply-title {
  border: none;
  padding-bottom: 10px; }

#reply-title h3 {
  font-size: 18px;
  color: #2c3e50; }

.comment-form {
  padding: 0; }

#comments .et-comments-title {
  font-weight: 500; }

#comments .btm-comment-form #respond #reply-title {
  padding-bottom: 20px; }

#comments .btm-comment-form .comment-form input {
  border: 1px solid #d7d9da;
  border-radius: 4px; }

#comments .btm-comment-form .comment-form #submit {
  background: #507282;
  border: none;
  border-radius: 4px;
  background-clip: padding-box;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  border: none;
  padding: 10px 35px; }

#comments .btm-comment-form .comment-form #submit:hover {
  opacity: .8; }

body.single-post .btm-comment-form .comment-form {
  display: block; }

#commentform p {
  margin: 20px 0;
  font-weight: 400; }

#commentform p > label {
  display: block;
  color: #767676;
  font-size: 14px; }

#commentform p > input[type=text], #commentform p > input[type=password], #commentform p textarea {
  border: 1px solid rgba(119, 119, 119, 0.1);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 3px 5px; }

#commentform p > input[type=text], #commentform p > input[type=password] {
  height: 38px; }

#commentform textarea {
  resize: none;
  height: 145px;
  width: 70%;
  font-weight: 400;
  padding: 10px 15px;
  line-height: 25px;
  font-size: 14px; }

.et-comment {
  padding: 27px 0;
  border-bottom: 1px solid #f4f6f8; }

.et-comment:last-child {
  border-bottom: 0; }

.et-comment .media-body {
  padding-right: 23px; }

.et-comment .media-body a.comment-reply-link {
  color: #6a90ba;
  font-size: 14px;
  font-weight: 500; }

.et-comment .media-body .media-heading {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  display: inline-block; }

.et-comment .media-body .comment-text {
  color: #909090;
  line-height: 25px;
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px; }

.et-comment .media-body .time-review {
  color: #bbbbbb;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 200; }

.et-comment .media-body .time-review i {
  font-size: 12px;
  padding-left: 5px; }

.et-comment .media-body .et-comment {
  border-bottom: none;
  margin-right: 10px; }

.et-comment .media-body .et-comment:last-child {
  padding-bottom: 0; }

.et-comment .media-body .et-comment img {
  border: 4px solid #fff; }

.et-comment #respond {
  margin-right: 60px;
  margin-top: 10px; }

.et-comment #respond #respond {
  font-size: 14px; }

.info-project-item-details #submit {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #2c3e50 !important;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  border: none;
  padding: 10px 35px; }

.info-project-item-details #submit:hover {
  opacity: .8; }

.avatar-comment {
  border-radius: 50%; }

.avatar-comment img {
  border: 3px solid #fff;
  width: 45px;
  height: 45px; }

p.no-comments {
  text-align: center; }

p.text-term {
  margin-top: 20px; }

#recharge-pages .blog-sidebar {
  margin-top: 50px; }

/**
 * customize page process payment
 */
.content-accept-bid {
  width: 55%;
  margin: auto;
  background: #fff;
  padding: 14px 80px;
  border-radius: 1px;
  box-shadow: 0px 1px 1px #e2e8ec; }

.content-accept-bid h2 {
  margin-bottom: 14px;
  font-weight: bold;
  font-size: 18px;
  color: #2c3e50; }

.content-accept-bid p {
  line-height: 24px;
  color: #737c85;
  line-height: 1.9em; }

.content-accept-bid a {
  text-transform: capitalize;
  color: #507282; }

.container .content-process-payment {
  width: 55%;
  margin: auto;
  background: #fff;
  padding: 10px 100px;
  box-shadow: 0px 1px 1px #dedede; }

.container .content-process-payment.accept-bid p.sub-text {
  padding: 0 10px; }

.container .content-process-payment h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #2c3e50; }

.container .content-process-payment p.sub-text {
  text-align: center;
  padding: 0 50px;
  line-height: 24px;
  color: #737c85;
  margin-bottom: 22px; }

.container .content-process-payment .invoice-detail {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0; }

.container .content-process-payment .invoice-detail .info-left span {
  display: block;
  text-align: left;
  color: #737c85;
  height: 36px;
  line-height: 36px; }

.container .content-process-payment .invoice-detail .info-right span {
  display: block;
  text-transform: capitalize;
  font-size: 16px;
  color: #2c3e50;
  height: 36px;
  line-height: 36px; }

.container .content-process-payment .invoice-detail .invoice-note {
  text-align: center;
  padding: 0 30px; }

.container .content-process-payment .invoice-detail .col-xs-6 {
  padding: 0 10px; }

.container .content-process-payment .content-footer {
  text-align: center;
  margin-bottom: 22px;
  line-height: 24px; }

.container .content-process-payment .content-footer p {
  padding: 0 30px;
  margin: 20px 0;
  color: #737c85; }

.container .content-process-payment .content-footer a {
  padding: 10px 26px;
  background: #507282;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 0px #0091ea;
  display: inline-block; }

.container .content-process-payment .content-footer a:hover {
  opacity: 0.8; }

.container .content-cancel-payment {
  width: 55%;
  margin: auto;
  background: #fff;
  padding: 10px 100px;
  box-shadow: 0px 1px 1px #dedede; }

.container .content-cancel-payment h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #2c3e50; }

.container .content-cancel-payment p.sub-text {
  text-align: center;
  line-height: 26px;
  color: #737c85;
  margin-bottom: 24px; }

.container .content-cancel-payment .content-footer {
  text-align: center;
  margin-bottom: 20px; }

.container .content-cancel-payment .content-footer a {
  padding: 10px 20px;
  background: #507282;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 0px #0091ea;
  display: inline-block;
  width: 120px; }

.container .content-cancel-payment .content-footer a:hover {
  opacity: 0.8; }

@media (max-width: 991px) {
  .container .content-process-payment,
  .container .content-cancel-payment,
  .content-accept-bid {
    width: 80%; } }

/*---------------------------
  2.CUSTOM CSS FOR ALL PAGES
    2.12 STYLE CSS FOR POST PROJECT
--------------------------------*/
#post-project, #post-coupon {
  margin-top: 0; }

#post-project .blog-sidebar, #post-coupon .blog-sidebar {
  padding-top: 25px; }

#post-project .post-place-wrapper, #post-coupon .post-place-wrapper {
  display: block;
  min-height: 100px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  margin-top: 25px; }

#post-project #step-plan li, #post-coupon #step-plan li {
  position: relative; }

#post-project #step-plan .title-plan, #post-coupon #step-plan .title-plan {
  color: #2c3e50;
  font-weight: 700;
  font-size: 14px; }

#post-project #step-plan .title-plan p, #post-coupon #step-plan .title-plan p {
  color: #737c85;
  font-weight: 400;
  padding-top: 5px; }

#post-project #step-plan .select-plan, #post-coupon #step-plan .select-plan {
  position: absolute;
  top: 35%;
  left: 22px; }

#post-project #step-plan .select-plan.disable, #post-coupon #step-plan .select-plan.disable {
  background-color: #b9b8b8 !important;
  box-shadow: 0 3px 0 #919191 !important;
  cursor: default;
  opacity: 1; }

#post-project #step-payment .title-plan, #post-coupon #step-payment .title-plan {
  color: #2c3e50;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase; }

#post-project #step-payment .title-plan p, #post-coupon #step-payment .title-plan p {
  color: #737c85;
  font-weight: 400;
  padding-top: 5px; }

.error .message, .error .fa-exclamation-triangle {
  font-size: 12px;
  color: #e18972; }

.form-group.custom-field .chosen-container {
  width: 100% !important; }

.form-group.custom-field .chosen-container .chosen-single {
  border-radius: 4px;
  padding-right: 12px;
  height: auto;
  line-height: 20px;
  padding: 12px 10px; }

.text-intro-acc, .step-content-wrapper .form-group {
  display: block;
  border-bottom: 1px solid #ecf0f1;
  margin-bottom: 0; }

.text-intro-acc {
  padding: 23px 25px;
  font-size: 14px;
  font-weight: 300;
  color: #5f6f81; }

.text-intro-acc a {
  color: #2980b9;
  font-weight: 600; }

.step-content-wrapper .form-group {
  padding: 25px; }

.btn-submit-login-form {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #507282;
  box-shadow: 0 2px 0 #355464;
  font-weight: 300;
  padding: 10px 25px;
  color: #fff; }

.btn-submit-login-form:hover {
  opacity: 0.8;
  color: #fff; }

.text-policy {
  font-size: 14px;
  color: #2c3e50;
  font-weight: 300;
  margin-bottom: 0;
  font-size: 13px; }

.text-policy a {
  color: #2980b9;
  font-weight: 500; }

.term-of-use {
  padding: 20px 0 10px 0;
  font-style: italic;
  font-size: 12px;
  font-weight: 300; }

.term-of-use a {
  color: #2980b9;
  font-weight: 500; }

.carousel-list {
  padding: 0; }

.carousel-list li.image-item {
  background: #ececec;
  padding: 5px 10px;
  border-radius: 5px; }

.carousel-list li, .carousel-list li {
  list-style: none;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 5px; }

.form-group.skill-control .typeahead {
  height: auto; }

.content-search-form-top-wrapper
.skills-list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 20px; }

.content-search-form-top-wrapper
.skills-list li {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #f1f5f7;
  margin-left: 15px;
  margin-bottom: 10px; }

.content-search-form-top-wrapper
.skills-list li i {
  display: inline-block;
  margin-right: 10px;
  color: #656f77;
  font-size: 12px; }

.content-search-form-top-wrapper
.skills-list li .text-ellipsis {
  max-width: 75px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 300;
  color: #666f78; }

.content-search-form-top-wrapper
.skills-list li .typeahead {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 200px; }

.content-search-form-top-wrapper
.skills-list li .typeahead.dropdown-menu li a {
  padding: 5px 13px;
  white-space: initial; }

.step-heading {
  display: block;
  border-bottom: 1px solid #ecf0f1;
  position: relative; }

.step-heading .number-step {
  border-left: 1px solid #ecf0f1;
  font-size: 18px;
  color: #5d605f;
  font-weight: 300;
  width: 45px;
  min-height: 45px;
  text-align: center;
  display: inline-block;
  margin-left: 20px;
  line-height: 2.5; }

.step-heading .text-heading-step {
  font-size: 14px;
  font-weight: 400; }

.step-heading i.fa-caret-right, .step-heading i.fa-caret-down {
  position: absolute;
  color: #2c3e50;
  font-size: 14px;
  left: 23px;
  top: 16px; }

.step-content-wrapper {
  display: block; }

.step-content-wrapper .list-price {
  margin: 0;
  padding: 0;
  list-style: none; }

.step-content-wrapper .list-price .popover {
  box-shadow: none;
  font-size: 13px;
  min-width: 250px;
  border-top: 1px solid #ce553c; }

.step-content-wrapper .list-price li.selected {
  background: #eaf6fd; }

.step-content-wrapper .list-price li .price {
  color: #c04f31;
  font-size: 27px;
  font-weight: 300;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  min-width: 68px;
  position: relative;
  bottom: 3px; }

.step-content-wrapper .list-price li .btn.btn-submit-price-plan, .step-content-wrapper .list-price li .btn.btn-submit-login-form {
  display: inline-block;
  float: left;
  vertical-align: middle;
  padding: 8px 25px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #507282;
  box-shadow: 0 2px 0 #355464;
  color: #fff;
  font-size: 14px; }

.step-content-wrapper .list-price li .btn.btn-submit-price-plan:hover, .step-content-wrapper .list-price li .btn.btn-submit-login-form:hover {
  opacity: .8; }

.step-content-wrapper .list-price li .btn.btn-submit-login-form {
  float: none; }

.step-content-wrapper .list-price li sup {
  top: -3px; }

.step-content-wrapper .list-price li .package-title, .step-content-wrapper .list-price li .package-limit {
  display: inline-block; }

.step-content-wrapper .list-price li .package-title {
  color: #2c3e50;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700; }

.step-content-wrapper .list-price .title-plan {
  width: 70%; }

.step-content-wrapper .list-price li, .step-content-wrapper .list-form-login li {
  display: block;
  padding: 30px 25px;
  border-bottom: 1px solid #ecf0f1; }

.step-content-wrapper .col-md-8.error {
  position: relative; }

.step-content-wrapper .fa-exclamation-triangle {
  position: absolute;
  top: 15px;
  left: 25px; }

.step-content-wrapper .wp-editor-wrap {
  overflow: hidden; }

.step-content-wrapper .wp-editor-wrap .fa-exclamation-triangle {
  left: 10px; }

.step-content-wrapper .message {
  text-align: left;
  padding-left: 1.5%;
  margin-top: 5px;
  position: absolute;
  left: 8px; }

.step-content-wrapper .title-plan {
  color: #5f6f81;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle; }

.step-content-wrapper .title-plan span {
  color: #5f6f81;
  font-weight: 400;
  font-size: 14px;
  display: block;
  text-transform: none;
  font-weight: 400; }

.step-content-wrapper .title-plan span p {
  margin: 0; }

.step-content-wrapper input.text-field, .step-content-wrapper .chosen-container-multi .chosen-choices, .step-content-wrapper #modal_edit_project .chosen-container-multi .chosen-choices {
  width: 100%;
  border: 1px solid #d7d8da;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #fff;
  height: auto;
  padding: 12px 10px;
  font-weight: 300;
  color: #737c85; }

.step-content-wrapper input.checkbox-field {
  display: inline;
  margin-left: 5px;
  height: auto;
  width: auto; }

.step-content-wrapper textarea.form-control {
  display: block;
  border-bottom: 1px solid #ecf0f1;
  padding: 30px 25px;
  margin-bottom: 0; }

.step-content-wrapper .chosen-container {
  border: none; }

.step-content-wrapper .chosen-container-multi .chosen-choices {
  width: 100% !important;
  padding: 7px;
  background-image: none; }

.step-content-wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  color: #b8b9bb;
  font-size: 14px; }

.step-content-wrapper #wp-post_content-wrap .message {
  bottom: 0; }

.form-content {
  background: #fff;
  margin-top: 30px; }

.credit .blog-sidebar {
  margin-top: 50px; }

.redirect-content .main-center {
  padding: 2px 20px 20px; }

#reject_post .reject-project .error i {
  bottom: 30px;
  left: 7px; }

#reject_post .reject-project .message {
  max-width: inherit;
  margin-top: 0; }

div.mce-panel {
  width: 99.9%; }

@media (min-width: 992px) and (max-width: 1199px) {
  .content-search-form-top-wrapper .skill-control .typeahead {
    right: inherit !important;
    left: 10px; } }

/*!
 * 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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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);
  -ms-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%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  -ms-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%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  -ms-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-left;
  animation-name: hvr-wobble-to-bottom-left;
  -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-left;
  animation-name: hvr-wobble-to-top-left;
  -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%;
  -ms-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;
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  -ms-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);
  -ms-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;
  right: 4px;
  left: 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;
    left: -12px;
    bottom: -12px;
    right: -12px;
    opacity: 0; } }

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    left: -12px;
    bottom: -12px;
    right: -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;
  left: 0;
  bottom: 0;
  right: 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;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1; } }

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 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;
  left: -12px;
  bottom: -12px;
  right: -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;
  left: 0;
  bottom: 0;
  right: 0;
  transition-duration: 0.3s;
  transition-property: top, left, bottom, right; }

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  left: -8px;
  bottom: -8px;
  right: -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;
  left: -16px;
  bottom: -16px;
  right: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, left, bottom, right; }

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  left: -8px;
  bottom: -8px;
  right: -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;
  right: 0;
  left: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left;
  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 {
  left: 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;
  right: 50%;
  left: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right, left;
  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 {
  right: 0;
  left: 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;
  right: 100%;
  left: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right;
  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 {
  right: 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;
  right: 0;
  left: 100%;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left;
  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 {
  left: 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;
  right: 50%;
  left: 50%;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right, left;
  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 {
  right: 0;
  left: 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;
  right: 100%;
  left: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right;
  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 {
  right: 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;
  right: 0;
  left: 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);
  -ms-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;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(4px);
  -ms-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);
  -ms-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;
  right: 0;
  left: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  -ms-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);
  -ms-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);
  -ms-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%;
  right: 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);
  -ms-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);
  -ms-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: '';
  right: 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;
  right: 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);
  -ms-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);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent; }

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  -ms-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;
  right: 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);
  -ms-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);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1; }

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  -ms-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: '';
  right: 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);
  -ms-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);
  -ms-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);
  left: 0;
  content: '';
  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-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  -ms-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);
  -ms-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: '';
  right: 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);
  -ms-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);
  -ms-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);
  right: 0;
  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-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  -ms-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);
  -ms-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-right: 2.2em;
  transition-duration: 0.1s; }

.hvr-icon-back:before {
  content: "\f137";
  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-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  -ms-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-left: 2.2em;
  transition-duration: 0.1s; }

.hvr-icon-forward:before {
  content: "\f138";
  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-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  -ms-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-left: 2.2em; }

.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  left: 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-left: 2.2em; }

.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  left: 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-left: 2.2em; }

.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  left: 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);
  -ms-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-left: 2.2em; }

.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  left: 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-left: 2.2em; }

.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  left: 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-left: 2.2em; }

.hvr-icon-float-away:before, .hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  left: 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-left: 2.2em; }

.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  left: 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);
  -ms-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-left: 2.2em; }

.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  left: 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-left: 2.2em; }

.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  left: 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-left: 2.2em; }

.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  left: 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);
  -ms-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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  left: 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);
  -ms-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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  left: 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);
  -ms-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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  left: 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);
  -ms-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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  left: 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);
  -ms-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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  left: 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-left: 2.2em;
  transition-duration: 0.3s; }

.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  left: 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;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 55%, #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;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 55%, #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;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 55%, #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;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 55%, #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; }

.modal-stripe .modal-dialog {
  width: auto; }

.modal-stripe .modal-header {
  padding: 20px 35px 10px; }

.modal-stripe button.close {
  position: absolute;
  font-size: 20px; }

.modal-stripe .modal-body {
  padding: 10px 35px 20px; }

.modal-stripe .modal-body input[type="text"] {
  width: 100%;
  outline: none; }

.modal-stripe button[type="submit"] {
  padding: 12px 60px;
  margin-bottom: 20px; }

.modal-stripe form label {
  line-height: 1em; }

.modal-stripe .plan_desc {
  display: block; }

.modal-stripe .plan_desc p {
  margin: 5px 0 0;
  font-size: 16px;
  color: #666f78;
  line-height: 1em; }

#stripe_modal .modal-header .close {
  width: auto !important;
  height: auto !important;
  top: 20px;
  left: 20px; }

/*---------------------------
  3.CUSTOMIZED BOOTSTRAP FOR PAGE
--------------------------------*/
/*!
 * Structure Sass Customized EngineThemes (http://enginethemes.com)
 */
.blue-dark {
  background: #2c3e50 !important; }

.orange-dark {
  background: #ce553c !important; }

.blue-light {
  background: #507282 !important; }

.green-dark {
  background: #355464 !important; }

.black-light {
  background: #333333 !important; }

.text-blue-dark {
  color: #2c3e50 !important; }

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

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

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

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

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

.switcher {
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.switcher .content {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.switcher .text {
  display: none;
  overflow: hidden;
  text-align: center;
  white-space: nowrap; }

.switcher.is-disabled {
  opacity: 0.4; }

.switcher.default {
  background-color: #aabdd1;
  border-radius: 20px;
  line-height: 26px;
  min-width: 80px;
  padding: 2px;
  transition: background-color 0.3s; }

.switcher.default input {
  display: none; }

.switcher.default .slider {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #cccccc;
  height: 35px;
  right: -4px;
  position: absolute;
  top: -5px;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 42%;
  z-index: 2; }

.switcher.default .text {
  width: 50%;
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.switcher.default .textYes {
  color: #fff;
  float: right; }

.switcher.default .textNo {
  color: #fff;
  float: left; }

.switcher.default.is-active {
  background-color: #519b20; }

.switcher.default.is-active .slider {
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%); }

.switcher.short {
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle; }

.switcher.short input {
  display: none; }

.switcher.short .content {
  border: 1px solid #aaaaaa;
  border-radius: 50%;
  height: 18px;
  padding: 0;
  width: 18px; }

.switcher.short .slider {
  background-color: #519b20;
  border-radius: 50%;
  height: 12px;
  margin: 3px;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.2s;
  width: 12px; }

.switcher.short.is-active .slider {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.switchery {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box; }

.switchery small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px; }

.user-type {
  position: relative; }

.user-type .switchery {
  height: 36px;
  width: 110px; }

.user-type .switchery > small {
  width: 42px;
  height: 42px;
  top: -3px; }

.user-type .switchery .switch-for-hide .text {
  position: absolute;
  left: -35px;
  left: 0;
  top: 12px;
  margin: 0 auto;
  color: #fff; }

.user-type .switchery .switch-for-hide .text.work {
  right: inherit;
  left: 35px;
  color: #656f77; }

.switch-for-hide {
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  text-align: center;
  position: relative; }

.switch-for-hide .switchery {
  height: 36px;
  width: 110px; }

.switch-for-hide .switchery small {
  width: 44px;
  height: 44px;
  top: -5px;
  margin-right: 2px; }

.switch-for-hide .text {
  position: absolute;
  left: 10px;
  top: 9px;
  margin: 0 auto;
  color: #656f77;
  width: 65px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.switch-for-hide .text.yes {
  color: #fff; }

span.text.work {
  position: absolute;
  right: 30px;
  top: 0;
  color: #fff; }

span.text.hire {
  position: absolute;
  right: 50px;
  top: 0;
  color: #fff; }

p.user-type .text.hire {
  top: 6px; }

p.user-type .text.work {
  top: 6px; }

.switch-for-hide .text.no {
  right: inherit;
  left: 35px;
  color: #656f77; }

.btn-sumary {
  padding: 7px 25px;
  font-size: 14px;
  border-radius: 4px;
  position: relative;
  transition: all 0.3s ease-in-out;
  background-clip: padding-box;
  color: #fff;
  letter-spacing: 1px;
  border: none;
  outline: 0; }

.btn-sumary a:hover {
  color: #fff; }

.btn-sumary:hover {
  opacity: .75;
  color: #fff; }

.btn-sumary:active, .btn-sumary:focus {
  outline: 0; }

.box-shadow-button-orange {
  box-shadow: 0 3px 0 #7E8959;
  -webkit-box-shadow: 0 3px 0 #7E8959;
  -moz-box-shadow: 0 3px 0 #7E8959;
  -ms-box-shadow: 0 3px 0 #7E8959; }

.box-shadow-button-blue {
  box-shadow: 0 3px 0 #355464;
  -webkit-box-shadow: 0 3px 0 #355464;
  -moz-box-shadow: 0 3px 0 #355464;
  -ms-box-shadow: 0 3px 0 #355464; }

.box-shadow-button-green {
  box-shadow: 0 3px 0 #239b56;
  -webkit-box-shadow: 0 3px 0 #239b56;
  -moz-box-shadow: 0 3px 0 #239b56;
  -ms-box-shadow: 0 3px 0 #239b56; }

.box-shadow-button-dark-blue {
  box-shadow: 0 3px 0 #233240;
  -webkit-box-shadow: 0 3px 0 #233240;
  -moz-box-shadow: 0 3px 0 #233240;
  -ms-box-shadow: 0 3px 0 #233240; }

.btn-sub-post, .btn-price {
  background-color: #2c3e50; }

.btn-post-profile {
  position: absolute !important;
  left: 0px;
  top: 10px;
  background-color: #355464;
  box-shadow: 0 3px 0 #239b56;
  padding: 9px 25px;
  color: #fff;
  z-index: 9; }

.btn-apply-project {
  padding: 7px 25px;
  background-color: #ce553c;
  box-shadow: 0 2px 0 #7E8959;
  font-weight: bold; }

@media only screen and (max-width: 769px) {
  .btn-apply-project {
    padding: 3px 25px;
    font-size: 16px;
    margin-bottom: 10px; } }

.btn-apply-project-item,
.btn-view-profile,
.btn-excecute-project,
.btn-refund-project {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #7E8959 !important;
  box-shadow: 0 2px 0 #606b44 !important;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 18px;
  float: left;
  letter-spacing: 1px; }

.et-dropdown button {
  border: 0;
  background: none; }

.et-dropdown .avatar {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1.5px;
  font-weight: 400;
  cursor: pointer; }

.et-dropdown .avatar > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 98px;
  vertical-align: middle; }

.et-dropdown img {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-left: 8px;
  position: relative; }

.et-dropdown .caret {
  margin-right: 8px;
  color: #fff;
  cursor: pointer; }

.et-dropdown .dropdown-toggle {
  position: inherit;
  z-index: 1111;
  padding: 0 10px 10px 10px; }

.et-dropdown .dropdown-menu {
  top: 17%;
  background-clip: padding-box;
  background-color: #fff !important;
  border: 1px solid #2c3e50;
  padding: 10px;
  border-radius: 0; }

.et-dropdown .et-dropdown-login {
  padding-top: 46px;
  width: 100%; }

.et-dropdown .et-dropdown-login li {
  border-top: 1px solid #eeeeee; }

.et-dropdown .et-dropdown-login li:first-child {
  margin-top: 5px; }

.et-dropdown .et-dropdown-login li a {
  padding: 10px 13px;
  color: #2c3e50; }

.et-dropdown .et-dropdown-login li a:hover {
  background: none;
  color: #2c3e50 !important; }

.et-dropdown .et-dropdown-login li i {
  padding-left: 20px; }

@media (max-width: 1360px) {
  .et-dropdown .et-dropdown-login {
    right: inherit;
    left: 0; } }

@media (max-width: 991px) {
  #header-wrapper .btn-menu-call li:last-child {
    margin-left: 0; } }

.tooltips {
  margin: 20px 10px 0;
  display: inline-block; }

.tooltips button {
  background: #2c3e50;
  color: #fff; }

.tooltips a {
  color: #2c3e50; }

.tooltips a:hover {
  color: #2c3e50 !important; }

.tooltips .tooltip-inner {
  background-color: #2c3e50;
  border-radius: 4px;
  padding: 10px 5px; }

.tooltips .tooltip-arrow {
  border-top: 5px solid #2c3e50 !important; }

body.admin-bar .overlay {
  top: 32px; }

body.admin-bar .overlay nav {
  top: 53%; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(44, 62, 80, 0.95);
  z-index: 1100; }

.overlay .overlay-close {
  display: inline-block;
  position: relative;
  z-index: 9999;
  top: 30px;
  right: 10px; }

.overlay .overlay-close i {
  font-size: 22px;
  color: #fff; }

.overlay .menu-fullscreen ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: block;
  height: 100%;
  position: relative; }

.overlay .menu-fullscreen ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 40px; }

.overlay .menu-fullscreen ul li a {
  font-weight: 100;
  display: inline-block;
  color: #fff;
  transition: color 0.2s;
  position: relative;
  font-size: 48px; }

.overlay .menu-fullscreen ul li a:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 0;
  background: #fff;
  right: -15%;
  top: 50%;
  margin-top: -2px;
  transition: all 0.75s cubic-bezier(0, 0.83, 0.17, 1);
  z-index: 999; }

.overlay .menu-fullscreen ul li a:hover:before {
  width: 130%; }

.overlay .menu-fullscreen .sub-menu li {
  height: 20px; }

.overlay .menu-fullscreen .sub-menu li a {
  color: #fff;
  transition: color 0.2s;
  position: relative;
  font-weight: 100;
  font-size: 22px; }

.overlay .menu-fullscreen .sub-menu li a:hover {
  opacity: .9; }

.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 41px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.overlay-scale {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; }

.overlay-scale.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  overflow: auto;
  z-index: 9999; }

.modal-backdrop {
  background-color: #2c3e50 !important; }

.modal-backdrop.in {
  opacity: .9 !important;
  filter: alpha(opacity=90) !important; }

.modal-dialog {
  max-width: 548px; }

.modal-dialog.modal-lg {
  max-width: none; }

.modal {
  padding-top: 0; }

.modal-header {
  padding: 20px 35px 10px;
  border: none; }

.modal-header .close {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #ccc;
  font-size: 20px;
  opacity: 1; }

.modal-header .modal-title {
  color: #2c3e50;
  font-weight: bold;
  font-size: 24px;
  font-weight: 600; }

.modal-header .small-modal-title {
  font-size: 20px; }

.modal-content {
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
  border: none; }

.modal-body {
  padding: 10px 35px 20px; }

.modal-body form label {
  color: #737c85;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 600; }

.modal-body form input[type="text"], .modal-body form input[type="number"], .modal-body form input[type="password"], .modal-body form input[type="email"], .modal-body form select, .modal-body .chosen-choices {
  width: 330px;
  border: 1px solid #d7d9da;
  color: #737c85;
  margin-bottom: 30px;
  height: 45px;
  padding: 0 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  font-weight: 300; }

.modal-body .chosen-container-multi .chosen-choices {
  background: #fff !important; }

.modal-body .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  padding: 6px 5px;
  height: 42px; }

.modal-body form .portfolio-tags input[type="text"] {
  border: none; }

.modal-body form input[type="text"]::-webkit-input-placeholder, .modal-body form input[type="number"]::-webkit-input-placeholder, .modal-body form input[type="password"]::-webkit-input-placeholder, .modal-body form input[type="email"]::-webkit-input-placeholder, .modal-body form select::-webkit-input-placeholder {
  font-weight: 300;
  color: #2c3e50; }

.modal-body form input[type="text"]::-moz-placeholder, .modal-body form input[type="number"]::-moz-placeholder, .modal-body form input[type="password"]::-moz-placeholder, .modal-body form input[type="email"]::-moz-placeholder, .modal-body form select::-moz-placeholder {
  font-weight: 300;
  color: #2c3e50; }

.modal-body form input[type="text"]:-moz-placeholder, .modal-body form input[type="number"]:-moz-placeholder, .modal-body form input[type="password"]:-moz-placeholder, .modal-body form input[type="email"]:-moz-placeholder, .modal-body form select:-moz-placeholder {
  font-weight: 300;
  color: #2c3e50; }

.modal-body form input[type="text"]:-ms-input-placeholder, .modal-body form input[type="number"]:-ms-input-placeholder, .modal-body form input[type="password"]:-ms-input-placeholder, .modal-body form input[type="email"]:-ms-input-placeholder, .modal-body form select:-ms-input-placeholder {
  font-weight: 300;
  color: #2c3e50; }

.show-forgot-form {
  display: inline-block;
  font-size: 12px;
  margin-right: 15px;
  font-weight: 300; }

.socials-head {
  color: #2c3e50;
  font-size: 20px;
  margin-top: 55px;
  margin-bottom: 15px;
  font-weight: 600;
  letter-spacing: 1.2; }

ul.list-social-login {
  list-style: none;
  padding-right: 0;
  margin-bottom: 20px; }

ul.list-social-login li {
  display: inline-block;
  margin-left: 6px;
  margin-top: 10px;
  margin-bottom: 10px; }

ul.list-social-login li a {
  display: block;
  min-width: 110px;
  height: 32px;
  color: #fff;
  font-size: 14px;
  line-height: 2.3;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  font-weight: 300;
  position: relative;
  text-align: center; }

ul.list-social-login li a.fb {
  background: #5d82d1; }

ul.list-social-login li a.tw {
  background: #40bff5; }

ul.list-social-login li a.gplus {
  background: #eb5e4c; }

ul.list-social-login li a.lkin {
  background: #0369A0; }

ul.list-social-login li a i {
  font-size: 20px;
  float: right;
  line-height: 32px;
  margin-right: 10px;
  position: absolute;
  right: 0; }

ul.list-social-login li a .social-text {
  padding-right: 15px; }

.wp-editor-wrap {
  width: 100%;
  border: 1px solid #e5e7e9; }

.auth-form {
  margin: 10px auto;
  max-width: 600px; }

.auth-form.chane_pass_form input {
  width: 100% !important; }

.auth-form.chane_pass_form i {
  left: 10px !important;
  bottom: 17px !important; }

.auth-form.chane_pass_form .message {
  position: absolute;
  left: 0; }

.btn-sub-create {
  display: inline-block;
  background-color: #ce553c;
  padding: 13px 60px;
  box-shadow: 0 2px 0 #7E8959;
  font-weight: 400; }

/*---------------------------
  3.CUSTOMIZED BOOTSTRAP FOR PAGE
    3.1 MODAL FOR REGISTER
--------------------------------*/
#modal_register .modal-body {
  padding-top: 0; }

#modal_register .modal-body p.user-type .switchery {
  margin: 0 35px 20px 0; }

#modal_register .modal-body p.user-type .user-text {
  position: relative;
  bottom: 8px; }

#modal_register .modal-body .socials-head {
  margin-top: 25px; }

#modal_register .modal-body p.text-term {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin: 0;
  margin-right: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400; }

/*---------------------------
  3.CUSTOMIZED BOOTSTRAP FOR PAGE
    3.2 MODAL FOR CHANGE PASS
--------------------------------*/
#modal_change_pass .btn-change-pass {
  padding: 13px 20px; }

/*---------------------------
  3.CUSTOMIZED BOOTSTRAP FOR PAGE
    3.3 MODAL FOR INVITE
--------------------------------*/
.moddal-no-project .modal-header {
  border-bottom: none !important;
  padding-bottom: 0 !important; }

.moddal-no-project .text-info {
  margin: 10px 35px 0 0;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 25px; }

#modal_invite .modal-header {
  border-bottom: 1px solid #f4f6f8;
  padding-bottom: 20px; }

#modal_invite .modal-header .modal-title {
  font-size: 20px;
  font-weight: 500; }

#modal_invite .outer {
  margin-bottom: 15px; }

#modal_invite .all-selected {
  text-align: center;
  margin-top: 15px; }

#modal_invite .all-selected a {
  font-size: 15px; }

#modal_invite .invites-list p {
  font-size: 14px;
  color: #30363c;
  line-height: 30px;
  margin: 0; }

#modal_invite .invites-list p input[type="checkbox"] {
  margin-left: 5px;
  position: relative;
  top: 4px;
  width: 25px;
  height: 15px;
  cursor: pointer;
  float: right; }

#modal_invite .invites-list p span {
  float: left;
  width: 93%; }

#modal_invite .invites-list p.project-price {
  font-weight: 300;
  color: #5d5f5e;
  margin-right: 35px; }

#modal_invite .invites-list p.name-project {
  font-weight: bold;
  font-size: 15px; }

#modal_invite .invites-list {
  margin: 5px 0 30px 0;
  width: 100%; }

#modal_invite .invites-list label {
  font-weight: 400 !important;
  color: #30363c; }

#modal_invite .invites-list .list {
  height: 400px; }

#modal_invite .invites-list .list .mCSB_dragger_bar {
  background: #afbbbc; }

#modal_invite .invites-list .list .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #modal_invite .invites-list .list .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: -8px; }

#modal_invite .footer-invest {
  border-top: 1px solid #f4f6f8; }

#modal_invite .modal-body {
  padding-top: 0;
  padding-bottom: 25px; }

#modal_invite .invites-list {
  padding: 0 30px; }

#modal_invite .footer-invest {
  padding: 20px 30px; }

#modal_invite .modal-body {
  padding: 0; }

/*---------------------------
  3.CUSTOMIZED BOOTSTRAP FOR PAGE
    3.4 MODAL FOR PORTFOLIO
--------------------------------*/
#modal_add_portfolio .modal-header .modal-title {
  font-size: 20px;
  font-weight: 500; }

#modal_add_portfolio .modal-body {
  padding-top: 5px;
  padding-bottom: 25px; }

#modal_add_portfolio #portfolio_img_container {
  text-align: center;
  position: relative;
  padding: 10px;
  border: 3px dashed #eceff1;
  margin-bottom: 25px;
  min-height: 235px;
  color: #737c85; }

#modal_add_portfolio #portfolio_img_container p.add-file {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0; }

#modal_add_portfolio #portfolio_img_container p.drag-drop {
  font-size: 14px;
  font-weight: 400; }

#modal_add_portfolio #portfolio_img_container form #create_portfolio input {
  margin-bottom: 15px; }

#modal_add_portfolio #portfolio_img_container .btn-browse {
  border: 1px solid #d7d9da !important;
  border-radius: 4px;
  font-weight: 300;
  color: #737c85;
  padding: 5px 15px; }

#modal_add_portfolio .btn-add-portfolio {
  margin-top: 15px; }

/*---------------------------
  3.CUSTOMIZED BOOTSTRAP FOR PAGE
    3.4 MODAL FOR NOTIFICATION
--------------------------------*/
#notification_container li {
  background: #fff;
  padding: 10px 20px 10px 10px;
  list-style: none;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #30363c; }

#notification_container li a {
  color: #3498db; }

#notification_container li a.action {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 1px; }

#notification_container li .notication-time {
  color: #666f78;
  font-weight: 300; }

#notification_container ul.notification-list {
  padding: 0; }

#notification_container .notification-header {
  color: #fff;
  margin-right: 50px;
  font-size: 22px;
  margin-bottom: 90px;
  font-weight: 300;
  text-transform: capitalize;
  position: relative;
  bottom: 5px; }

#notification_container .name {
  display: inline-block;
  color: #2c3d4f;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize; }

#notification_container .position-employer {
  display: block;
  color: #2dcb71; }

#notification_container .profile {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  min-width: 120px;
  padding-left: 60px; }

#notification_container .avatar-employer-notification, #notification_container .avatar-notification {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  height: 30px;
  width: 30px;
  vertical-align: middle; }

#notification_container .avatar-freelancer-notification {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  height: 45px;
  width: 45px;
  vertical-align: middle; }

#notification_container .paginations-wrapper a {
  font-size: 14px; }

.info-bid {
  display: inline-block;
  width: 130px;
  font-weight: bold;
  color: #737c85; }

.bid-currency {
  font-size: 18px; }

.bid-currency i {
  padding-right: 10px; }

.notify-bid {
  margin-top: 20px; }

#acceptance_project {
  /* .modal-header .modal-title{
    font-size: 25px;
  } */ }

#acceptance_project .escrow-info {
  margin-bottom: 20px; }

#acceptance_project .escrow-info p.info-bid-acceptance {
  line-height: 27px;
  margin-bottom: 30px;
  color: #737c85; }

#acceptance_project .escrow-info p.info-bid-acceptance > span {
  display: block; }

#acceptance_project .escrow-info .detail-bid-acceptance {
  display: block;
  padding: 15px 0;
  line-height: 35px;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8; }

#acceptance_project .escrow-info .detail-bid-acceptance p.text-credit-small {
  margin: 0;
  color: #737c85; }

#acceptance_project .escrow-info .detail-bid-acceptance strong {
  float: left; }

#acceptance_project .escrow-info .total-amount {
  display: block;
  padding: 40px 0;
  border-bottom: 1px solid #d8d8d8; }

#acceptance_project .escrow-info .total-amount p.text-credit-small {
  margin: 0; }

#acceptance_project .escrow-info .total-amount strong {
  float: left;
  font-size: 18px;
  line-height: 1em; }

#acceptance_project .escrow-info .total-amount + .btn-sub-create {
  margin-top: 26px; }

#acceptance_project .escrow-info .info-credit-balance {
  line-height: 27px;
  margin: 20px 0 30px 0;
  color: #737c85; }

#acceptance_project .escrow-info .info-credit-balance > strong {
  font-size: 16px;
  color: #2c3e50; }

#acceptance_project .escrow-info .info-credit-balance p.notice_credit i {
  color: #F44336;
  margin-left: 3px; }

#acceptance_project .form-group.form-secure-code {
  margin-bottom: 0; }

#modal_review .label-text {
  font-weight: 400; }

#modal_review .btn.btn-ok {
  background-color: #355464;
  box-shadow: 0 2px 0 #239b56;
  padding: 10px 40px;
  color: #fff;
  z-index: 9;
  font-weight: 500; }

/*---------------------------
  3.CUSTOMIZED BOOTSTRAP FOR PAGE
    3.4 MODAL FOR EDIT PROJECT
--------------------------------*/
#modal_edit_project ul.skills-list {
  padding-right: 0; }

#modal_edit_project .skills-list li {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #f1f5f7;
  margin-left: 15px;
  margin-bottom: 10px; }

#modal_edit_project .skills-list li i {
  display: inline-block;
  margin-right: 10px;
  color: #656f77; }

#modal_edit_project .skills-list li .text-ellipsis {
  max-width: 75px;
  display: inline-block;
  vertical-align: middle; }

#modalEditPaypal input, #modalUpdateBank input {
  width: 100%; }

#modalEditPaypal .error .message, #modalEditPaypal .error i, #modalUpdateBank .error .message, #modalUpdateBank .error i {
  position: absolute;
  left: 0; }

#modalEditPaypal .error i, #modalUpdateBank .error i {
  bottom: 16px;
  left: 10px; }

#modalEditPaypal .banking-information i, #modalUpdateBank .banking-information i {
  top: initial;
  bottom: 20px !important;
  left: 10px !important; }

/*
    Fixbug WP 4.5
 */
.modal-open-link {
  overflow: hidden; }

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

.datepicker.dropdown-menu {
  z-index: 10000; }

.private_message_modal {
  z-index: 99999; }

.chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
  background-image: none; }