/*=================================================================================

    Theme Name: Smiley
    Theme URI: http://moradhamdy.com/morad/smiley-demo
    Description: Business Landing Page HTML Template
    Author: Morad
    Author URI: http://moradhamdy.com/
    Version: 1.0

    SCSS Stylesheet

===================================================================================*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=7d1f802361a5ea746395)
 * Config saved to config.json and https://gist.github.com/7d1f802361a5ea746395
 */
/*!
 * Bootstrap v3.3.6 (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 */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
  
  body {
    margin: 0; }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block; }
  
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline; }
  
  audio:not([controls]) {
    display: none;
    height: 0; }
  
  [hidden],
  template {
    display: none; }
  
  a {
    background-color: transparent; }
  
  a:active,
  a:hover {
    outline: 0; }
  
  abbr[title] {
    border-bottom: 1px dotted; }
  
  b,
  strong {
    font-weight: bold; }
  
  dfn {
    font-style: italic; }
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  
  mark {
    background: #ff0;
    color: #000; }
  
  small {
    font-size: 80%; }
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  
  sup {
    top: -0.5em; }
  
  sub {
    bottom: -0.25em; }
  
  img {
    border: 0; }
  
  svg:not(:root) {
    overflow: hidden; }
  
  figure {
    margin: 1em 40px; }
  
  hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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; }
  
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  
  html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent; }
  
  body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff; }
  
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  
  a {
    color: #337ab7;
    text-decoration: none; }
  
  a:hover,
  a:focus {
    color: #23527c;
    text-decoration: underline; }
  
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  
  figure {
    margin: 0; }
  
  img {
    vertical-align: middle; }
  
  .img-responsive {
    display: block;
    max-width: 100%;
    height: auto; }
  
  .img-rounded {
    border-radius: 6px; }
  
  .img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto; }
  
  .img-circle {
    border-radius: 50%; }
  
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee; }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  
  [role="button"] {
    cursor: pointer; }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit; }
  
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small,
  h1 .small,
  h2 .small,
  h3 .small,
  h4 .small,
  h5 .small,
  h6 .small,
  .h1 .small,
  .h2 .small,
  .h3 .small,
  .h4 .small,
  .h5 .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,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h1 .small,
  .h1 .small,
  h2 .small,
  .h2 .small,
  h3 .small,
  .h3 .small {
    font-size: 65%; }
  
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-top: 10px;
    margin-bottom: 10px; }
  
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small,
  h4 .small,
  .h4 .small,
  h5 .small,
  .h5 .small,
  h6 .small,
  .h6 .small {
    font-size: 75%; }
  
  h1,
  .h1 {
    font-size: 36px; }
  
  h2,
  .h2 {
    font-size: 30px; }
  
  h3,
  .h3 {
    font-size: 24px; }
  
  h4,
  .h4 {
    font-size: 18px; }
  
  h5,
  .h5 {
    font-size: 14px; }
  
  h6,
  .h6 {
    font-size: 12px; }
  
  p {
    margin: 0 0 10px; }
  
  .lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4; }
  
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }
  
  small,
  .small {
    font-size: 85%; }
  
  mark,
  .mark {
    background-color: #fcf8e3;
    padding: .2em; }
  
  .text-left {
    text-align: left; }
  
  .text-right {
    text-align: right; }
  
  .text-center {
    text-align: center; }
  
  .text-justify {
    text-align: justify; }
  
  .text-nowrap {
    white-space: nowrap; }
  
  .text-lowercase {
    text-transform: lowercase; }
  
  .text-uppercase {
    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;
    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,
  ol ul,
  ul ol,
  ol ol {
    margin-bottom: 0; }
  
  .list-unstyled {
    padding-left: 0;
    list-style: none; }
  
  .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px; }
  
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }
  
  dl {
    margin-top: 0;
    margin-bottom: 20px; }
  
  dt,
  dd {
    line-height: 1.42857143; }
  
  dt {
    font-weight: bold; }
  
  dd {
    margin-left: 0; }
  
  @media (min-width: 768px) {
    .dl-horizontal dt {
      float: left;
      width: 160px;
      clear: left;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .dl-horizontal dd {
      margin-left: 180px; } }
  
  abbr[title],
  abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777; }
  
  .initialism {
    font-size: 90%;
    text-transform: uppercase; }
  
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee; }
  
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777777; }
  
  blockquote footer:before,
  blockquote small:before,
  blockquote .small:before {
    content: '\2014 \00A0'; }
  
  .blockquote-reverse,
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right; }
  
  .blockquote-reverse footer:before,
  blockquote.pull-right footer:before,
  .blockquote-reverse small:before,
  blockquote.pull-right small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  
  .blockquote-reverse footer:after,
  blockquote.pull-right footer:after,
  .blockquote-reverse small:after,
  blockquote.pull-right small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }
  
  address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143; }
  
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
  
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }
  
  .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
  
  .row {
    margin-left: -15px;
    margin-right: -15px; }
  
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left; }
  
  .col-xs-12 {
    width: 100%; }
  
  .col-xs-11 {
    width: 91.66666667%; }
  
  .col-xs-10 {
    width: 83.33333333%; }
  
  .col-xs-9 {
    width: 75%; }
  
  .col-xs-8 {
    width: 66.66666667%; }
  
  .col-xs-7 {
    width: 58.33333333%; }
  
  .col-xs-6 {
    width: 50%; }
  
  .col-xs-5 {
    width: 41.66666667%; }
  
  .col-xs-4 {
    width: 33.33333333%; }
  
  .col-xs-3 {
    width: 25%; }
  
  .col-xs-2 {
    width: 16.66666667%; }
  
  .col-xs-1 {
    width: 8.33333333%; }
  
  .col-xs-pull-12 {
    right: 100%; }
  
  .col-xs-pull-11 {
    right: 91.66666667%; }
  
  .col-xs-pull-10 {
    right: 83.33333333%; }
  
  .col-xs-pull-9 {
    right: 75%; }
  
  .col-xs-pull-8 {
    right: 66.66666667%; }
  
  .col-xs-pull-7 {
    right: 58.33333333%; }
  
  .col-xs-pull-6 {
    right: 50%; }
  
  .col-xs-pull-5 {
    right: 41.66666667%; }
  
  .col-xs-pull-4 {
    right: 33.33333333%; }
  
  .col-xs-pull-3 {
    right: 25%; }
  
  .col-xs-pull-2 {
    right: 16.66666667%; }
  
  .col-xs-pull-1 {
    right: 8.33333333%; }
  
  .col-xs-pull-0 {
    right: auto; }
  
  .col-xs-push-12 {
    left: 100%; }
  
  .col-xs-push-11 {
    left: 91.66666667%; }
  
  .col-xs-push-10 {
    left: 83.33333333%; }
  
  .col-xs-push-9 {
    left: 75%; }
  
  .col-xs-push-8 {
    left: 66.66666667%; }
  
  .col-xs-push-7 {
    left: 58.33333333%; }
  
  .col-xs-push-6 {
    left: 50%; }
  
  .col-xs-push-5 {
    left: 41.66666667%; }
  
  .col-xs-push-4 {
    left: 33.33333333%; }
  
  .col-xs-push-3 {
    left: 25%; }
  
  .col-xs-push-2 {
    left: 16.66666667%; }
  
  .col-xs-push-1 {
    left: 8.33333333%; }
  
  .col-xs-push-0 {
    left: auto; }
  
  .col-xs-offset-12 {
    margin-left: 100%; }
  
  .col-xs-offset-11 {
    margin-left: 91.66666667%; }
  
  .col-xs-offset-10 {
    margin-left: 83.33333333%; }
  
  .col-xs-offset-9 {
    margin-left: 75%; }
  
  .col-xs-offset-8 {
    margin-left: 66.66666667%; }
  
  .col-xs-offset-7 {
    margin-left: 58.33333333%; }
  
  .col-xs-offset-6 {
    margin-left: 50%; }
  
  .col-xs-offset-5 {
    margin-left: 41.66666667%; }
  
  .col-xs-offset-4 {
    margin-left: 33.33333333%; }
  
  .col-xs-offset-3 {
    margin-left: 25%; }
  
  .col-xs-offset-2 {
    margin-left: 16.66666667%; }
  
  .col-xs-offset-1 {
    margin-left: 8.33333333%; }
  
  .col-xs-offset-0 {
    margin-left: 0%; }
  
  @media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left; }
    .col-sm-12 {
      width: 100%; }
    .col-sm-11 {
      width: 91.66666667%; }
    .col-sm-10 {
      width: 83.33333333%; }
    .col-sm-9 {
      width: 75%; }
    .col-sm-8 {
      width: 66.66666667%; }
    .col-sm-7 {
      width: 58.33333333%; }
    .col-sm-6 {
      width: 50%; }
    .col-sm-5 {
      width: 41.66666667%; }
    .col-sm-4 {
      width: 33.33333333%; }
    .col-sm-3 {
      width: 25%; }
    .col-sm-2 {
      width: 16.66666667%; }
    .col-sm-1 {
      width: 8.33333333%; }
    .col-sm-pull-12 {
      right: 100%; }
    .col-sm-pull-11 {
      right: 91.66666667%; }
    .col-sm-pull-10 {
      right: 83.33333333%; }
    .col-sm-pull-9 {
      right: 75%; }
    .col-sm-pull-8 {
      right: 66.66666667%; }
    .col-sm-pull-7 {
      right: 58.33333333%; }
    .col-sm-pull-6 {
      right: 50%; }
    .col-sm-pull-5 {
      right: 41.66666667%; }
    .col-sm-pull-4 {
      right: 33.33333333%; }
    .col-sm-pull-3 {
      right: 25%; }
    .col-sm-pull-2 {
      right: 16.66666667%; }
    .col-sm-pull-1 {
      right: 8.33333333%; }
    .col-sm-pull-0 {
      right: auto; }
    .col-sm-push-12 {
      left: 100%; }
    .col-sm-push-11 {
      left: 91.66666667%; }
    .col-sm-push-10 {
      left: 83.33333333%; }
    .col-sm-push-9 {
      left: 75%; }
    .col-sm-push-8 {
      left: 66.66666667%; }
    .col-sm-push-7 {
      left: 58.33333333%; }
    .col-sm-push-6 {
      left: 50%; }
    .col-sm-push-5 {
      left: 41.66666667%; }
    .col-sm-push-4 {
      left: 33.33333333%; }
    .col-sm-push-3 {
      left: 25%; }
    .col-sm-push-2 {
      left: 16.66666667%; }
    .col-sm-push-1 {
      left: 8.33333333%; }
    .col-sm-push-0 {
      left: auto; }
    .col-sm-offset-12 {
      margin-left: 100%; }
    .col-sm-offset-11 {
      margin-left: 91.66666667%; }
    .col-sm-offset-10 {
      margin-left: 83.33333333%; }
    .col-sm-offset-9 {
      margin-left: 75%; }
    .col-sm-offset-8 {
      margin-left: 66.66666667%; }
    .col-sm-offset-7 {
      margin-left: 58.33333333%; }
    .col-sm-offset-6 {
      margin-left: 50%; }
    .col-sm-offset-5 {
      margin-left: 41.66666667%; }
    .col-sm-offset-4 {
      margin-left: 33.33333333%; }
    .col-sm-offset-3 {
      margin-left: 25%; }
    .col-sm-offset-2 {
      margin-left: 16.66666667%; }
    .col-sm-offset-1 {
      margin-left: 8.33333333%; }
    .col-sm-offset-0 {
      margin-left: 0%; } }
  
  @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left; }
    .col-md-12 {
      width: 100%; }
    .col-md-11 {
      width: 91.66666667%; }
    .col-md-10 {
      width: 83.33333333%; }
    .col-md-9 {
      width: 75%; }
    .col-md-8 {
      width: 66.66666667%; }
    .col-md-7 {
      width: 58.33333333%; }
    .col-md-6 {
      width: 50%; }
    .col-md-5 {
      width: 41.66666667%; }
    .col-md-4 {
      width: 33.33333333%; }
    .col-md-3 {
      width: 25%; }
    .col-md-2 {
      width: 16.66666667%; }
    .col-md-1 {
      width: 8.33333333%; }
    .col-md-pull-12 {
      right: 100%; }
    .col-md-pull-11 {
      right: 91.66666667%; }
    .col-md-pull-10 {
      right: 83.33333333%; }
    .col-md-pull-9 {
      right: 75%; }
    .col-md-pull-8 {
      right: 66.66666667%; }
    .col-md-pull-7 {
      right: 58.33333333%; }
    .col-md-pull-6 {
      right: 50%; }
    .col-md-pull-5 {
      right: 41.66666667%; }
    .col-md-pull-4 {
      right: 33.33333333%; }
    .col-md-pull-3 {
      right: 25%; }
    .col-md-pull-2 {
      right: 16.66666667%; }
    .col-md-pull-1 {
      right: 8.33333333%; }
    .col-md-pull-0 {
      right: auto; }
    .col-md-push-12 {
      left: 100%; }
    .col-md-push-11 {
      left: 91.66666667%; }
    .col-md-push-10 {
      left: 83.33333333%; }
    .col-md-push-9 {
      left: 75%; }
    .col-md-push-8 {
      left: 66.66666667%; }
    .col-md-push-7 {
      left: 58.33333333%; }
    .col-md-push-6 {
      left: 50%; }
    .col-md-push-5 {
      left: 41.66666667%; }
    .col-md-push-4 {
      left: 33.33333333%; }
    .col-md-push-3 {
      left: 25%; }
    .col-md-push-2 {
      left: 16.66666667%; }
    .col-md-push-1 {
      left: 8.33333333%; }
    .col-md-push-0 {
      left: auto; }
    .col-md-offset-12 {
      margin-left: 100%; }
    .col-md-offset-11 {
      margin-left: 91.66666667%; }
    .col-md-offset-10 {
      margin-left: 83.33333333%; }
    .col-md-offset-9 {
      margin-left: 75%; }
    .col-md-offset-8 {
      margin-left: 66.66666667%; }
    .col-md-offset-7 {
      margin-left: 58.33333333%; }
    .col-md-offset-6 {
      margin-left: 50%; }
    .col-md-offset-5 {
      margin-left: 41.66666667%; }
    .col-md-offset-4 {
      margin-left: 33.33333333%; }
    .col-md-offset-3 {
      margin-left: 25%; }
    .col-md-offset-2 {
      margin-left: 16.66666667%; }
    .col-md-offset-1 {
      margin-left: 8.33333333%; }
    .col-md-offset-0 {
      margin-left: 0%; } }
  
  @media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left; }
    .col-lg-12 {
      width: 100%; }
    .col-lg-11 {
      width: 91.66666667%; }
    .col-lg-10 {
      width: 83.33333333%; }
    .col-lg-9 {
      width: 75%; }
    .col-lg-8 {
      width: 66.66666667%; }
    .col-lg-7 {
      width: 58.33333333%; }
    .col-lg-6 {
      width: 50%; }
    .col-lg-5 {
      width: 41.66666667%; }
    .col-lg-4 {
      width: 33.33333333%; }
    .col-lg-3 {
      width: 25%; }
    .col-lg-2 {
      width: 16.66666667%; }
    .col-lg-1 {
      width: 8.33333333%; }
    .col-lg-pull-12 {
      right: 100%; }
    .col-lg-pull-11 {
      right: 91.66666667%; }
    .col-lg-pull-10 {
      right: 83.33333333%; }
    .col-lg-pull-9 {
      right: 75%; }
    .col-lg-pull-8 {
      right: 66.66666667%; }
    .col-lg-pull-7 {
      right: 58.33333333%; }
    .col-lg-pull-6 {
      right: 50%; }
    .col-lg-pull-5 {
      right: 41.66666667%; }
    .col-lg-pull-4 {
      right: 33.33333333%; }
    .col-lg-pull-3 {
      right: 25%; }
    .col-lg-pull-2 {
      right: 16.66666667%; }
    .col-lg-pull-1 {
      right: 8.33333333%; }
    .col-lg-pull-0 {
      right: auto; }
    .col-lg-push-12 {
      left: 100%; }
    .col-lg-push-11 {
      left: 91.66666667%; }
    .col-lg-push-10 {
      left: 83.33333333%; }
    .col-lg-push-9 {
      left: 75%; }
    .col-lg-push-8 {
      left: 66.66666667%; }
    .col-lg-push-7 {
      left: 58.33333333%; }
    .col-lg-push-6 {
      left: 50%; }
    .col-lg-push-5 {
      left: 41.66666667%; }
    .col-lg-push-4 {
      left: 33.33333333%; }
    .col-lg-push-3 {
      left: 25%; }
    .col-lg-push-2 {
      left: 16.66666667%; }
    .col-lg-push-1 {
      left: 8.33333333%; }
    .col-lg-push-0 {
      left: auto; }
    .col-lg-offset-12 {
      margin-left: 100%; }
    .col-lg-offset-11 {
      margin-left: 91.66666667%; }
    .col-lg-offset-10 {
      margin-left: 83.33333333%; }
    .col-lg-offset-9 {
      margin-left: 75%; }
    .col-lg-offset-8 {
      margin-left: 66.66666667%; }
    .col-lg-offset-7 {
      margin-left: 58.33333333%; }
    .col-lg-offset-6 {
      margin-left: 50%; }
    .col-lg-offset-5 {
      margin-left: 41.66666667%; }
    .col-lg-offset-4 {
      margin-left: 33.33333333%; }
    .col-lg-offset-3 {
      margin-left: 25%; }
    .col-lg-offset-2 {
      margin-left: 16.66666667%; }
    .col-lg-offset-1 {
      margin-left: 8.33333333%; }
    .col-lg-offset-0 {
      margin-left: 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"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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.42857143;
    color: #555555; }
  
  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    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: #999999;
    opacity: 1; }
  
  .form-control:-ms-input-placeholder {
    color: #999999; }
  
  .form-control::-webkit-input-placeholder {
    color: #999999; }
  
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  
  .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[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
      line-height: 30px; }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
      line-height: 46px; } }
  
  .form-group {
    margin-bottom: 15px; }
  
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px; }
  
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }
  
  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9; }
  
  .radio + .radio,
  .checkbox + .checkbox {
    margin-top: -5px; }
  
  .radio-inline,
  .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer; }
  
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px; }
  
  input[type="radio"][disabled],
  input[type="checkbox"][disabled],
  input[type="radio"].disabled,
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="radio"],
  fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed; }
  
  .radio-inline.disabled,
  .checkbox-inline.disabled,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox-inline {
    cursor: not-allowed; }
  
  .radio.disabled label,
  .checkbox.disabled label,
  fieldset[disabled] .radio 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,
  .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0; }
  
  .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px; }
  
  select.input-sm {
    height: 30px;
    line-height: 30px; }
  
  textarea.input-sm,
  select[multiple].input-sm {
    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 {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px; }
  
  select.input-lg {
    height: 46px;
    line-height: 46px; }
  
  textarea.input-lg,
  select[multiple].input-lg {
    height: auto; }
  
  .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    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.3333333; }
  
  .has-feedback {
    position: relative; }
  
  .has-feedback .form-control {
    padding-right: 42.5px; }
  
  .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none; }
  
  .input-lg + .form-control-feedback,
  .input-group-lg + .form-control-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-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;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    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;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    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;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
  
  .has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede; }
  
  .has-error .form-control-feedback {
    color: #a94442; }
  
  .has-feedback label ~ .form-control-feedback {
    top: 25px; }
  
  .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0; }
  
  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373; }
  
  @media (min-width: 768px) {
    .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-static {
      display: inline-block; }
    .form-inline .input-group {
      display: inline-table;
      vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
    .form-inline .input-group > .form-control {
      width: 100%; }
    .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .form-inline .radio,
    .form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .form-inline .has-feedback .form-control-feedback {
      top: 0; } }
  
  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px; }
  
  .form-horizontal .radio,
  .form-horizontal .checkbox {
    min-height: 27px; }
  
  .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px; }
  
  @media (min-width: 768px) {
    .form-horizontal .control-label {
      text-align: right;
      margin-bottom: 0;
      padding-top: 7px; } }
  
  .form-horizontal .has-feedback .form-control-feedback {
    right: 15px; }
  
  @media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
      padding-top: 11px;
      font-size: 18px; } }
  
  @media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
      padding-top: 6px;
      font-size: 12px; } }
  
  .clearfix:before,
  .clearfix:after,
  .dl-horizontal dd:before,
  .dl-horizontal dd:after,
  .container:before,
  .container:after,
  .container-fluid:before,
  .container-fluid:after,
  .row:before,
  .row:after,
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  
  .clearfix:after,
  .dl-horizontal dd:after,
  .container:after,
  .container-fluid:after,
  .row:after,
  .form-horizontal .form-group:after {
    clear: both; }
  
  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  
  .pull-right {
    float: right !important; }
  
  .pull-left {
    float: left !important; }
  
  .hide {
    display: none !important; }
  
  .show {
    display: block !important; }
  
  .invisible {
    visibility: hidden; }
  
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  
  .hidden {
    display: none !important; }
  
  .affix {
    position: fixed; }
  
  @-ms-viewport {
    width: device-width; }
  
  .visible-xs,
  .visible-sm,
  .visible-md,
  .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; } }
  
  /*!
  Animate.css - http://daneden.me/animate
  Licensed under the MIT license - http://opensource.org/licenses/MIT
  
  Copyright (c) 2015 Daniel Eden
  */
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  
  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  
  .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }
  
  @-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0); }
    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0); }
    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0); } }
  
  @keyframes bounce {
    20%, 53%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0); }
    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0); }
    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0); } }
  
  .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  
  @-webkit-keyframes flash {
    50%, from, to {
      opacity: 1; }
    25%, 75% {
      opacity: 0; } }
  
  @keyframes flash {
    50%, from, to {
      opacity: 1; }
    25%, 75% {
      opacity: 0; } }
  
  .flash {
    -webkit-animation-name: flash;
    animation-name: flash; }
  
  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05); }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05); }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }
  
  @-webkit-keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1); }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1); }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1); }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1); }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1); }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  @keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1); }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1); }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1); }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1); }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1); }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand; }
  
  @-webkit-keyframes shake {
    from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); } }
  
  @keyframes shake {
    from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); } }
  
  .shake {
    -webkit-animation-name: shake;
    animation-name: shake; }
  
  @-webkit-keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg); }
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg); }
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg); }
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg); }
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg); } }
  
  @keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg); }
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg); }
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg); }
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg); }
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg); } }
  
  .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing; }
  
  @-webkit-keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  .tada {
    -webkit-animation-name: tada;
    animation-name: tada; }
  
  @-webkit-keyframes wobble {
    from {
      -webkit-transform: none;
      transform: none; }
    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes wobble {
    from {
      -webkit-transform: none;
      transform: none; }
    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }
  
  @-webkit-keyframes jello {
    11.1%, from, to {
      -webkit-transform: none;
      transform: none; }
    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg); }
    77.7% {
      -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
      transform: skewX(0.39063deg) skewY(0.39063deg); }
    88.8% {
      -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
      transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
  
  @keyframes jello {
    11.1%, from, to {
      -webkit-transform: none;
      transform: none; }
    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg); }
    77.7% {
      -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
      transform: skewX(0.39063deg) skewY(0.39063deg); }
    88.8% {
      -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
      transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
  
  .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center; }
  
  @-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03); }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97); }
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  @keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03); }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97); }
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  
  .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }
  
  @-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0); }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes bounceInDown {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0); }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }
  
  @-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
  
  @-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes bounceInRight {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0); }
    to {
      -webkit-transform: none;
      transform: none; } }
  
  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }
  
  @-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0); }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  @keyframes bounceInUp {
    60%, 75%, 90%, from, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0); }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }
  
  @-webkit-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); } }
  
  @keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); } }
  
  .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }
  
  @-webkit-keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  
  @keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  
  .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }
  
  @-webkit-keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  
  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  
  .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }
  
  @-webkit-keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  
  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  
  .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }
  
  @-webkit-keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  
  @keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0); }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  
  .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }
  
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  
  @keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }
  
  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }
  
  @-webkit-keyframes fadeInDownBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInDownBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }
  
  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }
  
  @-webkit-keyframes fadeInLeftBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInLeftBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }
  
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }
  
  @-webkit-keyframes fadeInRightBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInRightBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }
  
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  
  @-webkit-keyframes fadeInUpBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes fadeInUpBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig; }
  
  @-webkit-keyframes fadeOut {
    from {
      opacity: 1; }
    to {
      opacity: 0; } }
  
  @keyframes fadeOut {
    from {
      opacity: 1; }
    to {
      opacity: 0; } }
  
  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }
  
  @-webkit-keyframes fadeOutDown {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  
  @keyframes fadeOutDown {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  
  .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }
  
  @-webkit-keyframes fadeOutDownBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  
  @keyframes fadeOutDownBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  
  .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }
  
  @-webkit-keyframes fadeOutLeft {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  
  @keyframes fadeOutLeft {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  
  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }
  
  @-webkit-keyframes fadeOutLeftBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  
  @keyframes fadeOutLeftBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  
  .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }
  
  @-webkit-keyframes fadeOutRight {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  
  @keyframes fadeOutRight {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  
  .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }
  
  @-webkit-keyframes fadeOutRightBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  
  @keyframes fadeOutRightBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  
  .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }
  
  @-webkit-keyframes fadeOutUp {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  
  @keyframes fadeOutUp {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  
  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }
  
  @-webkit-keyframes fadeOutUpBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  
  @keyframes fadeOutUpBig {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  
  .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }
  
  @-webkit-keyframes flip {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; } }
  
  @keyframes flip {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; } }
  
  .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }
  
  @-webkit-keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  
  @keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  
  .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }
  
  @-webkit-keyframes flipInY {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  
  @keyframes flipInY {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  
  .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }
  
  @-webkit-keyframes flipOutX {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1; }
    to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0; } }
  
  @keyframes flipOutX {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1; }
    to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0; } }
  
  .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important; }
  
  @-webkit-keyframes flipOutY {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1; }
    to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0; } }
  
  @keyframes flipOutY {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1; }
    to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0; } }
  
  .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }
  
  @-webkit-keyframes lightSpeedIn {
    from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0; }
    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1; }
    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1; }
    to {
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  @keyframes lightSpeedIn {
    from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0; }
    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1; }
    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1; }
    to {
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  
  @-webkit-keyframes lightSpeedOut {
    from {
      opacity: 1; }
    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0; } }
  
  @keyframes lightSpeedOut {
    from {
      opacity: 1; }
    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0; } }
  
  .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  
  @-webkit-keyframes rotateIn {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  @keyframes rotateIn {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn; }
  
  @-webkit-keyframes rotateInDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  @keyframes rotateInDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft; }
  
  @-webkit-keyframes rotateInDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  @keyframes rotateInDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight; }
  
  @-webkit-keyframes rotateInUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  @keyframes rotateInUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft; }
  
  @-webkit-keyframes rotateInUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  @keyframes rotateInUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  
  .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }
  
  @-webkit-keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1; }
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0; } }
  
  @keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1; }
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0; } }
  
  .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }
  
  @-webkit-keyframes rotateOutDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; } }
  
  @keyframes rotateOutDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; } }
  
  .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }
  
  @-webkit-keyframes rotateOutDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  
  @keyframes rotateOutDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  
  .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }
  
  @-webkit-keyframes rotateOutUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  
  @keyframes rotateOutUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  
  .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }
  
  @-webkit-keyframes rotateOutUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0; } }
  
  @keyframes rotateOutUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0; } }
  
  .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }
  
  @-webkit-keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    20%, 60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    40%, 80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1; }
    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0; } }
  
  @keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    20%, 60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    40%, 80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1; }
    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0; } }
  
  .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge; }
  
  @-webkit-keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  @keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  
  .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }
  
  @-webkit-keyframes rollOut {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
  
  @keyframes rollOut {
    from {
      opacity: 1; }
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
  
  .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }
  
  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    50% {
      opacity: 1; } }
  
  @keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    50% {
      opacity: 1; } }
  
  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }
  
  @-webkit-keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  @keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown; }
  
  @-webkit-keyframes zoomInLeft {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  @keyframes zoomInLeft {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft; }
  
  @-webkit-keyframes zoomInRight {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  @keyframes zoomInRight {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight; }
  
  @-webkit-keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  @keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp; }
  
  @-webkit-keyframes zoomOut {
    from {
      opacity: 1; }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    to {
      opacity: 0; } }
  
  @keyframes zoomOut {
    from {
      opacity: 1; }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    to {
      opacity: 0; } }
  
  .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }
  
  @-webkit-keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown; }
  
  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center; } }
  
  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center; } }
  
  .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft; }
  
  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center; } }
  
  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center; } }
  
  .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight; }
  
  @-webkit-keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  
  .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp; }
  
  @-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }
  
  @-webkit-keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  @keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }
  
  @-webkit-keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  @keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }
  
  @-webkit-keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  @keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  
  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }
  
  @-webkit-keyframes slideOutDown {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  
  @keyframes slideOutDown {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  
  .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }
  
  @-webkit-keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  
  @keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  
  .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }
  
  @-webkit-keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  
  @keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  
  .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }
  
  @-webkit-keyframes slideOutUp {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  
  @keyframes slideOutUp {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  
  .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }
  
  /**
   * Owl Carousel v2.1.6
   * Copyright 2013-2016 David Deutsch
   * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
   */
  /*
   *  Owl Carousel - Core
   */
  .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
  
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  
  .owl-carousel.owl-loaded {
    display: block; }
  
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  
  .owl-carousel.owl-hidden {
    opacity: 0; }
  
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  
  .owl-carousel.owl-rtl {
    direction: rtl; }
  
  .owl-carousel.owl-rtl .owl-item {
    float: right; }
  
  /* No Js */
  .no-js .owl-carousel {
    display: block; }
  
  /*
   *  Owl Carousel - Animate Plugin
   */
  .owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both; }
  
  .owl-carousel .owl-animated-in {
    z-index: 0; }
  
  .owl-carousel .owl-animated-out {
    z-index: 1; }
  
  .owl-carousel .fadeOut {
    animation-name: fadeOut; }
  
  @keyframes fadeOut {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } }
  
  /*
   * 	Owl Carousel - Auto Height Plugin
   */
  .owl-height {
    transition: height 500ms ease-in-out; }
  
  /*
   * 	Owl Carousel - Lazy Load Plugin
   */
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }
  
  /*
   * 	Owl Carousel - Video Plugin
   */
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }
  
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease; }
  
  .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }
  
  .owl-carousel .owl-video-playing .owl-video-tn,
  .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }
  
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease; }
  
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }
  
  /**
   * Owl Carousel v2.1.6
   * Copyright 2013-2016 David Deutsch
   * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
   */
  /*
   * 	Default theme - Owl Carousel CSS File
   */
  .owl-carousel .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
  
  .owl-carousel .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
  
  .owl-carousel .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none; }
  
  .owl-carousel .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
  
  .owl-carousel .owl-nav.disabled + .owl-dots {
    margin-top: 10px; }
  
  .owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
  
  .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  
  .owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; }
  
  .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background: #869791; }
  
  /*!
   *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
   *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
   */
  @font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontAwesome/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontAwesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontAwesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontAwesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal; }
  
  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  
  .fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%; }
  
  .fa-2x {
    font-size: 2em; }
  
  .fa-3x {
    font-size: 3em; }
  
  .fa-4x {
    font-size: 4em; }
  
  .fa-5x {
    font-size: 5em; }
  
  .fa-fw {
    width: 1.28571429em;
    text-align: center; }
  
  .fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none; }
  
  .fa-ul > li {
    position: relative; }
  
  .fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center; }
  
  .fa-li.fa-lg {
    left: -1.85714286em; }
  
  .fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em; }
  
  .fa-pull-left {
    float: left; }
  
  .fa-pull-right {
    float: right; }
  
  .fa.fa-pull-left {
    margin-right: .3em; }
  
  .fa.fa-pull-right {
    margin-left: .3em; }
  
  .pull-right {
    float: right; }
  
  .pull-left {
    float: left; }
  
  .fa.pull-left {
    margin-right: .3em; }
  
  .fa.pull-right {
    margin-left: .3em; }
  
  .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear; }
  
  .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8); }
  
  @-webkit-keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg); } }
  
  @keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg); } }
  
  .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  
  .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  
  .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  
  .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  
  .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1); }
  
  :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none; }
  
  .fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle; }
  
  .fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center; }
  
  .fa-stack-1x {
    line-height: inherit; }
  
  .fa-stack-2x {
    font-size: 2em; }
  
  .fa-inverse {
    color: #fff; }
  
  .fa-glass:before {
    content: "\f000"; }
  
  .fa-music:before {
    content: "\f001"; }
  
  .fa-search:before {
    content: "\f002"; }
  
  .fa-envelope-o:before {
    content: "\f003"; }
  
  .fa-heart:before {
    content: "\f004"; }
  
  .fa-star:before {
    content: "\f005"; }
  
  .fa-star-o:before {
    content: "\f006"; }
  
  .fa-user:before {
    content: "\f007"; }
  
  .fa-film:before {
    content: "\f008"; }
  
  .fa-th-large:before {
    content: "\f009"; }
  
  .fa-th:before {
    content: "\f00a"; }
  
  .fa-th-list:before {
    content: "\f00b"; }
  
  .fa-check:before {
    content: "\f00c"; }
  
  .fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"; }
  
  .fa-search-plus:before {
    content: "\f00e"; }
  
  .fa-search-minus:before {
    content: "\f010"; }
  
  .fa-power-off:before {
    content: "\f011"; }
  
  .fa-signal:before {
    content: "\f012"; }
  
  .fa-gear:before, .fa-cog:before {
    content: "\f013"; }
  
  .fa-trash-o:before {
    content: "\f014"; }
  
  .fa-home:before {
    content: "\f015"; }
  
  .fa-file-o:before {
    content: "\f016"; }
  
  .fa-clock-o:before {
    content: "\f017"; }
  
  .fa-road:before {
    content: "\f018"; }
  
  .fa-download:before {
    content: "\f019"; }
  
  .fa-arrow-circle-o-down:before {
    content: "\f01a"; }
  
  .fa-arrow-circle-o-up:before {
    content: "\f01b"; }
  
  .fa-inbox:before {
    content: "\f01c"; }
  
  .fa-play-circle-o:before {
    content: "\f01d"; }
  
  .fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"; }
  
  .fa-refresh:before {
    content: "\f021"; }
  
  .fa-list-alt:before {
    content: "\f022"; }
  
  .fa-lock:before {
    content: "\f023"; }
  
  .fa-flag:before {
    content: "\f024"; }
  
  .fa-headphones:before {
    content: "\f025"; }
  
  .fa-volume-off:before {
    content: "\f026"; }
  
  .fa-volume-down:before {
    content: "\f027"; }
  
  .fa-volume-up:before {
    content: "\f028"; }
  
  .fa-qrcode:before {
    content: "\f029"; }
  
  .fa-barcode:before {
    content: "\f02a"; }
  
  .fa-tag:before {
    content: "\f02b"; }
  
  .fa-tags:before {
    content: "\f02c"; }
  
  .fa-book:before {
    content: "\f02d"; }
  
  .fa-bookmark:before {
    content: "\f02e"; }
  
  .fa-print:before {
    content: "\f02f"; }
  
  .fa-camera:before {
    content: "\f030"; }
  
  .fa-font:before {
    content: "\f031"; }
  
  .fa-bold:before {
    content: "\f032"; }
  
  .fa-italic:before {
    content: "\f033"; }
  
  .fa-text-height:before {
    content: "\f034"; }
  
  .fa-text-width:before {
    content: "\f035"; }
  
  .fa-align-left:before {
    content: "\f036"; }
  
  .fa-align-center:before {
    content: "\f037"; }
  
  .fa-align-right:before {
    content: "\f038"; }
  
  .fa-align-justify:before {
    content: "\f039"; }
  
  .fa-list:before {
    content: "\f03a"; }
  
  .fa-dedent:before, .fa-outdent:before {
    content: "\f03b"; }
  
  .fa-indent:before {
    content: "\f03c"; }
  
  .fa-video-camera:before {
    content: "\f03d"; }
  
  .fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"; }
  
  .fa-pencil:before {
    content: "\f040"; }
  
  .fa-map-marker:before {
    content: "\f041"; }
  
  .fa-adjust:before {
    content: "\f042"; }
  
  .fa-tint:before {
    content: "\f043"; }
  
  .fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"; }
  
  .fa-share-square-o:before {
    content: "\f045"; }
  
  .fa-check-square-o:before {
    content: "\f046"; }
  
  .fa-arrows:before {
    content: "\f047"; }
  
  .fa-step-backward:before {
    content: "\f048"; }
  
  .fa-fast-backward:before {
    content: "\f049"; }
  
  .fa-backward:before {
    content: "\f04a"; }
  
  .fa-play:before {
    content: "\f04b"; }
  
  .fa-pause:before {
    content: "\f04c"; }
  
  .fa-stop:before {
    content: "\f04d"; }
  
  .fa-forward:before {
    content: "\f04e"; }
  
  .fa-fast-forward:before {
    content: "\f050"; }
  
  .fa-step-forward:before {
    content: "\f051"; }
  
  .fa-eject:before {
    content: "\f052"; }
  
  .fa-chevron-left:before {
    content: "\f053"; }
  
  .fa-chevron-right:before {
    content: "\f054"; }
  
  .fa-plus-circle:before {
    content: "\f055"; }
  
  .fa-minus-circle:before {
    content: "\f056"; }
  
  .fa-times-circle:before {
    content: "\f057"; }
  
  .fa-check-circle:before {
    content: "\f058"; }
  
  .fa-question-circle:before {
    content: "\f059"; }
  
  .fa-info-circle:before {
    content: "\f05a"; }
  
  .fa-crosshairs:before {
    content: "\f05b"; }
  
  .fa-times-circle-o:before {
    content: "\f05c"; }
  
  .fa-check-circle-o:before {
    content: "\f05d"; }
  
  .fa-ban:before {
    content: "\f05e"; }
  
  .fa-arrow-left:before {
    content: "\f060"; }
  
  .fa-arrow-right:before {
    content: "\f061"; }
  
  .fa-arrow-up:before {
    content: "\f062"; }
  
  .fa-arrow-down:before {
    content: "\f063"; }
  
  .fa-mail-forward:before, .fa-share:before {
    content: "\f064"; }
  
  .fa-expand:before {
    content: "\f065"; }
  
  .fa-compress:before {
    content: "\f066"; }
  
  .fa-plus:before {
    content: "\f067"; }
  
  .fa-minus:before {
    content: "\f068"; }
  
  .fa-asterisk:before {
    content: "\f069"; }
  
  .fa-exclamation-circle:before {
    content: "\f06a"; }
  
  .fa-gift:before {
    content: "\f06b"; }
  
  .fa-leaf:before {
    content: "\f06c"; }
  
  .fa-fire:before {
    content: "\f06d"; }
  
  .fa-eye:before {
    content: "\f06e"; }
  
  .fa-eye-slash:before {
    content: "\f070"; }
  
  .fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"; }
  
  .fa-plane:before {
    content: "\f072"; }
  
  .fa-calendar:before {
    content: "\f073"; }
  
  .fa-random:before {
    content: "\f074"; }
  
  .fa-comment:before {
    content: "\f075"; }
  
  .fa-magnet:before {
    content: "\f076"; }
  
  .fa-chevron-up:before {
    content: "\f077"; }
  
  .fa-chevron-down:before {
    content: "\f078"; }
  
  .fa-retweet:before {
    content: "\f079"; }
  
  .fa-shopping-cart:before {
    content: "\f07a"; }
  
  .fa-folder:before {
    content: "\f07b"; }
  
  .fa-folder-open:before {
    content: "\f07c"; }
  
  .fa-arrows-v:before {
    content: "\f07d"; }
  
  .fa-arrows-h:before {
    content: "\f07e"; }
  
  .fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"; }
  
  .fa-twitter-square:before {
    content: "\f081"; }
  
  .fa-facebook-square:before {
    content: "\f082"; }
  
  .fa-camera-retro:before {
    content: "\f083"; }
  
  .fa-key:before {
    content: "\f084"; }
  
  .fa-gears:before, .fa-cogs:before {
    content: "\f085"; }
  
  .fa-comments:before {
    content: "\f086"; }
  
  .fa-thumbs-o-up:before {
    content: "\f087"; }
  
  .fa-thumbs-o-down:before {
    content: "\f088"; }
  
  .fa-star-half:before {
    content: "\f089"; }
  
  .fa-heart-o:before {
    content: "\f08a"; }
  
  .fa-sign-out:before {
    content: "\f08b"; }
  
  .fa-linkedin-square:before {
    content: "\f08c"; }
  
  .fa-thumb-tack:before {
    content: "\f08d"; }
  
  .fa-external-link:before {
    content: "\f08e"; }
  
  .fa-sign-in:before {
    content: "\f090"; }
  
  .fa-trophy:before {
    content: "\f091"; }
  
  .fa-github-square:before {
    content: "\f092"; }
  
  .fa-upload:before {
    content: "\f093"; }
  
  .fa-lemon-o:before {
    content: "\f094"; }
  
  .fa-phone:before {
    content: "\f095"; }
  
  .fa-square-o:before {
    content: "\f096"; }
  
  .fa-bookmark-o:before {
    content: "\f097"; }
  
  .fa-phone-square:before {
    content: "\f098"; }
  
  .fa-twitter:before {
    content: "\f099"; }
  
  .fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"; }
  
  .fa-github:before {
    content: "\f09b"; }
  
  .fa-unlock:before {
    content: "\f09c"; }
  
  .fa-credit-card:before {
    content: "\f09d"; }
  
  .fa-feed:before, .fa-rss:before {
    content: "\f09e"; }
  
  .fa-hdd-o:before {
    content: "\f0a0"; }
  
  .fa-bullhorn:before {
    content: "\f0a1"; }
  
  .fa-bell:before {
    content: "\f0f3"; }
  
  .fa-certificate:before {
    content: "\f0a3"; }
  
  .fa-hand-o-right:before {
    content: "\f0a4"; }
  
  .fa-hand-o-left:before {
    content: "\f0a5"; }
  
  .fa-hand-o-up:before {
    content: "\f0a6"; }
  
  .fa-hand-o-down:before {
    content: "\f0a7"; }
  
  .fa-arrow-circle-left:before {
    content: "\f0a8"; }
  
  .fa-arrow-circle-right:before {
    content: "\f0a9"; }
  
  .fa-arrow-circle-up:before {
    content: "\f0aa"; }
  
  .fa-arrow-circle-down:before {
    content: "\f0ab"; }
  
  .fa-globe:before {
    content: "\f0ac"; }
  
  .fa-wrench:before {
    content: "\f0ad"; }
  
  .fa-tasks:before {
    content: "\f0ae"; }
  
  .fa-filter:before {
    content: "\f0b0"; }
  
  .fa-briefcase:before {
    content: "\f0b1"; }
  
  .fa-arrows-alt:before {
    content: "\f0b2"; }
  
  .fa-group:before, .fa-users:before {
    content: "\f0c0"; }
  
  .fa-chain:before, .fa-link:before {
    content: "\f0c1"; }
  
  .fa-cloud:before {
    content: "\f0c2"; }
  
  .fa-flask:before {
    content: "\f0c3"; }
  
  .fa-cut:before, .fa-scissors:before {
    content: "\f0c4"; }
  
  .fa-copy:before, .fa-files-o:before {
    content: "\f0c5"; }
  
  .fa-paperclip:before {
    content: "\f0c6"; }
  
  .fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"; }
  
  .fa-square:before {
    content: "\f0c8"; }
  
  .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"; }
  
  .fa-list-ul:before {
    content: "\f0ca"; }
  
  .fa-list-ol:before {
    content: "\f0cb"; }
  
  .fa-strikethrough:before {
    content: "\f0cc"; }
  
  .fa-underline:before {
    content: "\f0cd"; }
  
  .fa-table:before {
    content: "\f0ce"; }
  
  .fa-magic:before {
    content: "\f0d0"; }
  
  .fa-truck:before {
    content: "\f0d1"; }
  
  .fa-pinterest:before {
    content: "\f0d2"; }
  
  .fa-pinterest-square:before {
    content: "\f0d3"; }
  
  .fa-google-plus-square:before {
    content: "\f0d4"; }
  
  .fa-google-plus:before {
    content: "\f0d5"; }
  
  .fa-money:before {
    content: "\f0d6"; }
  
  .fa-caret-down:before {
    content: "\f0d7"; }
  
  .fa-caret-up:before {
    content: "\f0d8"; }
  
  .fa-caret-left:before {
    content: "\f0d9"; }
  
  .fa-caret-right:before {
    content: "\f0da"; }
  
  .fa-columns:before {
    content: "\f0db"; }
  
  .fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"; }
  
  .fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"; }
  
  .fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"; }
  
  .fa-envelope:before {
    content: "\f0e0"; }
  
  .fa-linkedin:before {
    content: "\f0e1"; }
  
  .fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"; }
  
  .fa-legal:before, .fa-gavel:before {
    content: "\f0e3"; }
  
  .fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"; }
  
  .fa-comment-o:before {
    content: "\f0e5"; }
  
  .fa-comments-o:before {
    content: "\f0e6"; }
  
  .fa-flash:before, .fa-bolt:before {
    content: "\f0e7"; }
  
  .fa-sitemap:before {
    content: "\f0e8"; }
  
  .fa-umbrella:before {
    content: "\f0e9"; }
  
  .fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"; }
  
  .fa-lightbulb-o:before {
    content: "\f0eb"; }
  
  .fa-exchange:before {
    content: "\f0ec"; }
  
  .fa-cloud-download:before {
    content: "\f0ed"; }
  
  .fa-cloud-upload:before {
    content: "\f0ee"; }
  
  .fa-user-md:before {
    content: "\f0f0"; }
  
  .fa-stethoscope:before {
    content: "\f0f1"; }
  
  .fa-suitcase:before {
    content: "\f0f2"; }
  
  .fa-bell-o:before {
    content: "\f0a2"; }
  
  .fa-coffee:before {
    content: "\f0f4"; }
  
  .fa-cutlery:before {
    content: "\f0f5"; }
  
  .fa-file-text-o:before {
    content: "\f0f6"; }
  
  .fa-building-o:before {
    content: "\f0f7"; }
  
  .fa-hospital-o:before {
    content: "\f0f8"; }
  
  .fa-ambulance:before {
    content: "\f0f9"; }
  
  .fa-medkit:before {
    content: "\f0fa"; }
  
  .fa-fighter-jet:before {
    content: "\f0fb"; }
  
  .fa-beer:before {
    content: "\f0fc"; }
  
  .fa-h-square:before {
    content: "\f0fd"; }
  
  .fa-plus-square:before {
    content: "\f0fe"; }
  
  .fa-angle-double-left:before {
    content: "\f100"; }
  
  .fa-angle-double-right:before {
    content: "\f101"; }
  
  .fa-angle-double-up:before {
    content: "\f102"; }
  
  .fa-angle-double-down:before {
    content: "\f103"; }
  
  .fa-angle-left:before {
    content: "\f104"; }
  
  .fa-angle-right:before {
    content: "\f105"; }
  
  .fa-angle-up:before {
    content: "\f106"; }
  
  .fa-angle-down:before {
    content: "\f107"; }
  
  .fa-desktop:before {
    content: "\f108"; }
  
  .fa-laptop:before {
    content: "\f109"; }
  
  .fa-tablet:before {
    content: "\f10a"; }
  
  .fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"; }
  
  .fa-circle-o:before {
    content: "\f10c"; }
  
  .fa-quote-left:before {
    content: "\f10d"; }
  
  .fa-quote-right:before {
    content: "\f10e"; }
  
  .fa-spinner:before {
    content: "\f110"; }
  
  .fa-circle:before {
    content: "\f111"; }
  
  .fa-mail-reply:before, .fa-reply:before {
    content: "\f112"; }
  
  .fa-github-alt:before {
    content: "\f113"; }
  
  .fa-folder-o:before {
    content: "\f114"; }
  
  .fa-folder-open-o:before {
    content: "\f115"; }
  
  .fa-smile-o:before {
    content: "\f118"; }
  
  .fa-frown-o:before {
    content: "\f119"; }
  
  .fa-meh-o:before {
    content: "\f11a"; }
  
  .fa-gamepad:before {
    content: "\f11b"; }
  
  .fa-keyboard-o:before {
    content: "\f11c"; }
  
  .fa-flag-o:before {
    content: "\f11d"; }
  
  .fa-flag-checkered:before {
    content: "\f11e"; }
  
  .fa-terminal:before {
    content: "\f120"; }
  
  .fa-code:before {
    content: "\f121"; }
  
  .fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"; }
  
  .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"; }
  
  .fa-location-arrow:before {
    content: "\f124"; }
  
  .fa-crop:before {
    content: "\f125"; }
  
  .fa-code-fork:before {
    content: "\f126"; }
  
  .fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"; }
  
  .fa-question:before {
    content: "\f128"; }
  
  .fa-info:before {
    content: "\f129"; }
  
  .fa-exclamation:before {
    content: "\f12a"; }
  
  .fa-superscript:before {
    content: "\f12b"; }
  
  .fa-subscript:before {
    content: "\f12c"; }
  
  .fa-eraser:before {
    content: "\f12d"; }
  
  .fa-puzzle-piece:before {
    content: "\f12e"; }
  
  .fa-microphone:before {
    content: "\f130"; }
  
  .fa-microphone-slash:before {
    content: "\f131"; }
  
  .fa-shield:before {
    content: "\f132"; }
  
  .fa-calendar-o:before {
    content: "\f133"; }
  
  .fa-fire-extinguisher:before {
    content: "\f134"; }
  
  .fa-rocket:before {
    content: "\f135"; }
  
  .fa-maxcdn:before {
    content: "\f136"; }
  
  .fa-chevron-circle-left:before {
    content: "\f137"; }
  
  .fa-chevron-circle-right:before {
    content: "\f138"; }
  
  .fa-chevron-circle-up:before {
    content: "\f139"; }
  
  .fa-chevron-circle-down:before {
    content: "\f13a"; }
  
  .fa-html5:before {
    content: "\f13b"; }
  
  .fa-css3:before {
    content: "\f13c"; }
  
  .fa-anchor:before {
    content: "\f13d"; }
  
  .fa-unlock-alt:before {
    content: "\f13e"; }
  
  .fa-bullseye:before {
    content: "\f140"; }
  
  .fa-ellipsis-h:before {
    content: "\f141"; }
  
  .fa-ellipsis-v:before {
    content: "\f142"; }
  
  .fa-rss-square:before {
    content: "\f143"; }
  
  .fa-play-circle:before {
    content: "\f144"; }
  
  .fa-ticket:before {
    content: "\f145"; }
  
  .fa-minus-square:before {
    content: "\f146"; }
  
  .fa-minus-square-o:before {
    content: "\f147"; }
  
  .fa-level-up:before {
    content: "\f148"; }
  
  .fa-level-down:before {
    content: "\f149"; }
  
  .fa-check-square:before {
    content: "\f14a"; }
  
  .fa-pencil-square:before {
    content: "\f14b"; }
  
  .fa-external-link-square:before {
    content: "\f14c"; }
  
  .fa-share-square:before {
    content: "\f14d"; }
  
  .fa-compass:before {
    content: "\f14e"; }
  
  .fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"; }
  
  .fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"; }
  
  .fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"; }
  
  .fa-euro:before, .fa-eur:before {
    content: "\f153"; }
  
  .fa-gbp:before {
    content: "\f154"; }
  
  .fa-dollar:before, .fa-usd:before {
    content: "\f155"; }
  
  .fa-rupee:before, .fa-inr:before {
    content: "\f156"; }
  
  .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"; }
  
  .fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"; }
  
  .fa-won:before, .fa-krw:before {
    content: "\f159"; }
  
  .fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"; }
  
  .fa-file:before {
    content: "\f15b"; }
  
  .fa-file-text:before {
    content: "\f15c"; }
  
  .fa-sort-alpha-asc:before {
    content: "\f15d"; }
  
  .fa-sort-alpha-desc:before {
    content: "\f15e"; }
  
  .fa-sort-amount-asc:before {
    content: "\f160"; }
  
  .fa-sort-amount-desc:before {
    content: "\f161"; }
  
  .fa-sort-numeric-asc:before {
    content: "\f162"; }
  
  .fa-sort-numeric-desc:before {
    content: "\f163"; }
  
  .fa-thumbs-up:before {
    content: "\f164"; }
  
  .fa-thumbs-down:before {
    content: "\f165"; }
  
  .fa-youtube-square:before {
    content: "\f166"; }
  
  .fa-youtube:before {
    content: "\f167"; }
  
  .fa-xing:before {
    content: "\f168"; }
  
  .fa-xing-square:before {
    content: "\f169"; }
  
  .fa-youtube-play:before {
    content: "\f16a"; }
  
  .fa-dropbox:before {
    content: "\f16b"; }
  
  .fa-stack-overflow:before {
    content: "\f16c"; }
  
  .fa-instagram:before {
    content: "\f16d"; }
  
  .fa-flickr:before {
    content: "\f16e"; }
  
  .fa-adn:before {
    content: "\f170"; }
  
  .fa-bitbucket:before {
    content: "\f171"; }
  
  .fa-bitbucket-square:before {
    content: "\f172"; }
  
  .fa-tumblr:before {
    content: "\f173"; }
  
  .fa-tumblr-square:before {
    content: "\f174"; }
  
  .fa-long-arrow-down:before {
    content: "\f175"; }
  
  .fa-long-arrow-up:before {
    content: "\f176"; }
  
  .fa-long-arrow-left:before {
    content: "\f177"; }
  
  .fa-long-arrow-right:before {
    content: "\f178"; }
  
  .fa-apple:before {
    content: "\f179"; }
  
  .fa-windows:before {
    content: "\f17a"; }
  
  .fa-android:before {
    content: "\f17b"; }
  
  .fa-linux:before {
    content: "\f17c"; }
  
  .fa-dribbble:before {
    content: "\f17d"; }
  
  .fa-skype:before {
    content: "\f17e"; }
  
  .fa-foursquare:before {
    content: "\f180"; }
  
  .fa-trello:before {
    content: "\f181"; }
  
  .fa-female:before {
    content: "\f182"; }
  
  .fa-male:before {
    content: "\f183"; }
  
  .fa-gittip:before, .fa-gratipay:before {
    content: "\f184"; }
  
  .fa-sun-o:before {
    content: "\f185"; }
  
  .fa-moon-o:before {
    content: "\f186"; }
  
  .fa-archive:before {
    content: "\f187"; }
  
  .fa-bug:before {
    content: "\f188"; }
  
  .fa-vk:before {
    content: "\f189"; }
  
  .fa-weibo:before {
    content: "\f18a"; }
  
  .fa-renren:before {
    content: "\f18b"; }
  
  .fa-pagelines:before {
    content: "\f18c"; }
  
  .fa-stack-exchange:before {
    content: "\f18d"; }
  
  .fa-arrow-circle-o-right:before {
    content: "\f18e"; }
  
  .fa-arrow-circle-o-left:before {
    content: "\f190"; }
  
  .fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"; }
  
  .fa-dot-circle-o:before {
    content: "\f192"; }
  
  .fa-wheelchair:before {
    content: "\f193"; }
  
  .fa-vimeo-square:before {
    content: "\f194"; }
  
  .fa-turkish-lira:before, .fa-try:before {
    content: "\f195"; }
  
  .fa-plus-square-o:before {
    content: "\f196"; }
  
  .fa-space-shuttle:before {
    content: "\f197"; }
  
  .fa-slack:before {
    content: "\f198"; }
  
  .fa-envelope-square:before {
    content: "\f199"; }
  
  .fa-wordpress:before {
    content: "\f19a"; }
  
  .fa-openid:before {
    content: "\f19b"; }
  
  .fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"; }
  
  .fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"; }
  
  .fa-yahoo:before {
    content: "\f19e"; }
  
  .fa-google:before {
    content: "\f1a0"; }
  
  .fa-reddit:before {
    content: "\f1a1"; }
  
  .fa-reddit-square:before {
    content: "\f1a2"; }
  
  .fa-stumbleupon-circle:before {
    content: "\f1a3"; }
  
  .fa-stumbleupon:before {
    content: "\f1a4"; }
  
  .fa-delicious:before {
    content: "\f1a5"; }
  
  .fa-digg:before {
    content: "\f1a6"; }
  
  .fa-pied-piper-pp:before {
    content: "\f1a7"; }
  
  .fa-pied-piper-alt:before {
    content: "\f1a8"; }
  
  .fa-drupal:before {
    content: "\f1a9"; }
  
  .fa-joomla:before {
    content: "\f1aa"; }
  
  .fa-language:before {
    content: "\f1ab"; }
  
  .fa-fax:before {
    content: "\f1ac"; }
  
  .fa-building:before {
    content: "\f1ad"; }
  
  .fa-child:before {
    content: "\f1ae"; }
  
  .fa-paw:before {
    content: "\f1b0"; }
  
  .fa-spoon:before {
    content: "\f1b1"; }
  
  .fa-cube:before {
    content: "\f1b2"; }
  
  .fa-cubes:before {
    content: "\f1b3"; }
  
  .fa-behance:before {
    content: "\f1b4"; }
  
  .fa-behance-square:before {
    content: "\f1b5"; }
  
  .fa-steam:before {
    content: "\f1b6"; }
  
  .fa-steam-square:before {
    content: "\f1b7"; }
  
  .fa-recycle:before {
    content: "\f1b8"; }
  
  .fa-automobile:before, .fa-car:before {
    content: "\f1b9"; }
  
  .fa-cab:before, .fa-taxi:before {
    content: "\f1ba"; }
  
  .fa-tree:before {
    content: "\f1bb"; }
  
  .fa-spotify:before {
    content: "\f1bc"; }
  
  .fa-deviantart:before {
    content: "\f1bd"; }
  
  .fa-soundcloud:before {
    content: "\f1be"; }
  
  .fa-database:before {
    content: "\f1c0"; }
  
  .fa-file-pdf-o:before {
    content: "\f1c1"; }
  
  .fa-file-word-o:before {
    content: "\f1c2"; }
  
  .fa-file-excel-o:before {
    content: "\f1c3"; }
  
  .fa-file-powerpoint-o:before {
    content: "\f1c4"; }
  
  .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"; }
  
  .fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"; }
  
  .fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"; }
  
  .fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"; }
  
  .fa-file-code-o:before {
    content: "\f1c9"; }
  
  .fa-vine:before {
    content: "\f1ca"; }
  
  .fa-codepen:before {
    content: "\f1cb"; }
  
  .fa-jsfiddle:before {
    content: "\f1cc"; }
  
  .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"; }
  
  .fa-circle-o-notch:before {
    content: "\f1ce"; }
  
  .fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"; }
  
  .fa-ge:before, .fa-empire:before {
    content: "\f1d1"; }
  
  .fa-git-square:before {
    content: "\f1d2"; }
  
  .fa-git:before {
    content: "\f1d3"; }
  
  .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"; }
  
  .fa-tencent-weibo:before {
    content: "\f1d5"; }
  
  .fa-qq:before {
    content: "\f1d6"; }
  
  .fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"; }
  
  .fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"; }
  
  .fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"; }
  
  .fa-history:before {
    content: "\f1da"; }
  
  .fa-circle-thin:before {
    content: "\f1db"; }
  
  .fa-header:before {
    content: "\f1dc"; }
  
  .fa-paragraph:before {
    content: "\f1dd"; }
  
  .fa-sliders:before {
    content: "\f1de"; }
  
  .fa-share-alt:before {
    content: "\f1e0"; }
  
  .fa-share-alt-square:before {
    content: "\f1e1"; }
  
  .fa-bomb:before {
    content: "\f1e2"; }
  
  .fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"; }
  
  .fa-tty:before {
    content: "\f1e4"; }
  
  .fa-binoculars:before {
    content: "\f1e5"; }
  
  .fa-plug:before {
    content: "\f1e6"; }
  
  .fa-slideshare:before {
    content: "\f1e7"; }
  
  .fa-twitch:before {
    content: "\f1e8"; }
  
  .fa-yelp:before {
    content: "\f1e9"; }
  
  .fa-newspaper-o:before {
    content: "\f1ea"; }
  
  .fa-wifi:before {
    content: "\f1eb"; }
  
  .fa-calculator:before {
    content: "\f1ec"; }
  
  .fa-paypal:before {
    content: "\f1ed"; }
  
  .fa-google-wallet:before {
    content: "\f1ee"; }
  
  .fa-cc-visa:before {
    content: "\f1f0"; }
  
  .fa-cc-mastercard:before {
    content: "\f1f1"; }
  
  .fa-cc-discover:before {
    content: "\f1f2"; }
  
  .fa-cc-amex:before {
    content: "\f1f3"; }
  
  .fa-cc-paypal:before {
    content: "\f1f4"; }
  
  .fa-cc-stripe:before {
    content: "\f1f5"; }
  
  .fa-bell-slash:before {
    content: "\f1f6"; }
  
  .fa-bell-slash-o:before {
    content: "\f1f7"; }
  
  .fa-trash:before {
    content: "\f1f8"; }
  
  .fa-copyright:before {
    content: "\f1f9"; }
  
  .fa-at:before {
    content: "\f1fa"; }
  
  .fa-eyedropper:before {
    content: "\f1fb"; }
  
  .fa-paint-brush:before {
    content: "\f1fc"; }
  
  .fa-birthday-cake:before {
    content: "\f1fd"; }
  
  .fa-area-chart:before {
    content: "\f1fe"; }
  
  .fa-pie-chart:before {
    content: "\f200"; }
  
  .fa-line-chart:before {
    content: "\f201"; }
  
  .fa-lastfm:before {
    content: "\f202"; }
  
  .fa-lastfm-square:before {
    content: "\f203"; }
  
  .fa-toggle-off:before {
    content: "\f204"; }
  
  .fa-toggle-on:before {
    content: "\f205"; }
  
  .fa-bicycle:before {
    content: "\f206"; }
  
  .fa-bus:before {
    content: "\f207"; }
  
  .fa-ioxhost:before {
    content: "\f208"; }
  
  .fa-angellist:before {
    content: "\f209"; }
  
  .fa-cc:before {
    content: "\f20a"; }
  
  .fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"; }
  
  .fa-meanpath:before {
    content: "\f20c"; }
  
  .fa-buysellads:before {
    content: "\f20d"; }
  
  .fa-connectdevelop:before {
    content: "\f20e"; }
  
  .fa-dashcube:before {
    content: "\f210"; }
  
  .fa-forumbee:before {
    content: "\f211"; }
  
  .fa-leanpub:before {
    content: "\f212"; }
  
  .fa-sellsy:before {
    content: "\f213"; }
  
  .fa-shirtsinbulk:before {
    content: "\f214"; }
  
  .fa-simplybuilt:before {
    content: "\f215"; }
  
  .fa-skyatlas:before {
    content: "\f216"; }
  
  .fa-cart-plus:before {
    content: "\f217"; }
  
  .fa-cart-arrow-down:before {
    content: "\f218"; }
  
  .fa-diamond:before {
    content: "\f219"; }
  
  .fa-ship:before {
    content: "\f21a"; }
  
  .fa-user-secret:before {
    content: "\f21b"; }
  
  .fa-motorcycle:before {
    content: "\f21c"; }
  
  .fa-street-view:before {
    content: "\f21d"; }
  
  .fa-heartbeat:before {
    content: "\f21e"; }
  
  .fa-venus:before {
    content: "\f221"; }
  
  .fa-mars:before {
    content: "\f222"; }
  
  .fa-mercury:before {
    content: "\f223"; }
  
  .fa-intersex:before, .fa-transgender:before {
    content: "\f224"; }
  
  .fa-transgender-alt:before {
    content: "\f225"; }
  
  .fa-venus-double:before {
    content: "\f226"; }
  
  .fa-mars-double:before {
    content: "\f227"; }
  
  .fa-venus-mars:before {
    content: "\f228"; }
  
  .fa-mars-stroke:before {
    content: "\f229"; }
  
  .fa-mars-stroke-v:before {
    content: "\f22a"; }
  
  .fa-mars-stroke-h:before {
    content: "\f22b"; }
  
  .fa-neuter:before {
    content: "\f22c"; }
  
  .fa-genderless:before {
    content: "\f22d"; }
  
  .fa-facebook-official:before {
    content: "\f230"; }
  
  .fa-pinterest-p:before {
    content: "\f231"; }
  
  .fa-whatsapp:before {
    content: "\f232"; }
  
  .fa-server:before {
    content: "\f233"; }
  
  .fa-user-plus:before {
    content: "\f234"; }
  
  .fa-user-times:before {
    content: "\f235"; }
  
  .fa-hotel:before, .fa-bed:before {
    content: "\f236"; }
  
  .fa-viacoin:before {
    content: "\f237"; }
  
  .fa-train:before {
    content: "\f238"; }
  
  .fa-subway:before {
    content: "\f239"; }
  
  .fa-medium:before {
    content: "\f23a"; }
  
  .fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"; }
  
  .fa-optin-monster:before {
    content: "\f23c"; }
  
  .fa-opencart:before {
    content: "\f23d"; }
  
  .fa-expeditedssl:before {
    content: "\f23e"; }
  
  .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"; }
  
  .fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"; }
  
  .fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"; }
  
  .fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"; }
  
  .fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"; }
  
  .fa-mouse-pointer:before {
    content: "\f245"; }
  
  .fa-i-cursor:before {
    content: "\f246"; }
  
  .fa-object-group:before {
    content: "\f247"; }
  
  .fa-object-ungroup:before {
    content: "\f248"; }
  
  .fa-sticky-note:before {
    content: "\f249"; }
  
  .fa-sticky-note-o:before {
    content: "\f24a"; }
  
  .fa-cc-jcb:before {
    content: "\f24b"; }
  
  .fa-cc-diners-club:before {
    content: "\f24c"; }
  
  .fa-clone:before {
    content: "\f24d"; }
  
  .fa-balance-scale:before {
    content: "\f24e"; }
  
  .fa-hourglass-o:before {
    content: "\f250"; }
  
  .fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"; }
  
  .fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"; }
  
  .fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"; }
  
  .fa-hourglass:before {
    content: "\f254"; }
  
  .fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"; }
  
  .fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"; }
  
  .fa-hand-scissors-o:before {
    content: "\f257"; }
  
  .fa-hand-lizard-o:before {
    content: "\f258"; }
  
  .fa-hand-spock-o:before {
    content: "\f259"; }
  
  .fa-hand-pointer-o:before {
    content: "\f25a"; }
  
  .fa-hand-peace-o:before {
    content: "\f25b"; }
  
  .fa-trademark:before {
    content: "\f25c"; }
  
  .fa-registered:before {
    content: "\f25d"; }
  
  .fa-creative-commons:before {
    content: "\f25e"; }
  
  .fa-gg:before {
    content: "\f260"; }
  
  .fa-gg-circle:before {
    content: "\f261"; }
  
  .fa-tripadvisor:before {
    content: "\f262"; }
  
  .fa-odnoklassniki:before {
    content: "\f263"; }
  
  .fa-odnoklassniki-square:before {
    content: "\f264"; }
  
  .fa-get-pocket:before {
    content: "\f265"; }
  
  .fa-wikipedia-w:before {
    content: "\f266"; }
  
  .fa-safari:before {
    content: "\f267"; }
  
  .fa-chrome:before {
    content: "\f268"; }
  
  .fa-firefox:before {
    content: "\f269"; }
  
  .fa-opera:before {
    content: "\f26a"; }
  
  .fa-internet-explorer:before {
    content: "\f26b"; }
  
  .fa-tv:before, .fa-television:before {
    content: "\f26c"; }
  
  .fa-contao:before {
    content: "\f26d"; }
  
  .fa-500px:before {
    content: "\f26e"; }
  
  .fa-amazon:before {
    content: "\f270"; }
  
  .fa-calendar-plus-o:before {
    content: "\f271"; }
  
  .fa-calendar-minus-o:before {
    content: "\f272"; }
  
  .fa-calendar-times-o:before {
    content: "\f273"; }
  
  .fa-calendar-check-o:before {
    content: "\f274"; }
  
  .fa-industry:before {
    content: "\f275"; }
  
  .fa-map-pin:before {
    content: "\f276"; }
  
  .fa-map-signs:before {
    content: "\f277"; }
  
  .fa-map-o:before {
    content: "\f278"; }
  
  .fa-map:before {
    content: "\f279"; }
  
  .fa-commenting:before {
    content: "\f27a"; }
  
  .fa-commenting-o:before {
    content: "\f27b"; }
  
  .fa-houzz:before {
    content: "\f27c"; }
  
  .fa-vimeo:before {
    content: "\f27d"; }
  
  .fa-black-tie:before {
    content: "\f27e"; }
  
  .fa-fonticons:before {
    content: "\f280"; }
  
  .fa-reddit-alien:before {
    content: "\f281"; }
  
  .fa-edge:before {
    content: "\f282"; }
  
  .fa-credit-card-alt:before {
    content: "\f283"; }
  
  .fa-codiepie:before {
    content: "\f284"; }
  
  .fa-modx:before {
    content: "\f285"; }
  
  .fa-fort-awesome:before {
    content: "\f286"; }
  
  .fa-usb:before {
    content: "\f287"; }
  
  .fa-product-hunt:before {
    content: "\f288"; }
  
  .fa-mixcloud:before {
    content: "\f289"; }
  
  .fa-scribd:before {
    content: "\f28a"; }
  
  .fa-pause-circle:before {
    content: "\f28b"; }
  
  .fa-pause-circle-o:before {
    content: "\f28c"; }
  
  .fa-stop-circle:before {
    content: "\f28d"; }
  
  .fa-stop-circle-o:before {
    content: "\f28e"; }
  
  .fa-shopping-bag:before {
    content: "\f290"; }
  
  .fa-shopping-basket:before {
    content: "\f291"; }
  
  .fa-hashtag:before {
    content: "\f292"; }
  
  .fa-bluetooth:before {
    content: "\f293"; }
  
  .fa-bluetooth-b:before {
    content: "\f294"; }
  
  .fa-percent:before {
    content: "\f295"; }
  
  .fa-gitlab:before {
    content: "\f296"; }
  
  .fa-wpbeginner:before {
    content: "\f297"; }
  
  .fa-wpforms:before {
    content: "\f298"; }
  
  .fa-envira:before {
    content: "\f299"; }
  
  .fa-universal-access:before {
    content: "\f29a"; }
  
  .fa-wheelchair-alt:before {
    content: "\f29b"; }
  
  .fa-question-circle-o:before {
    content: "\f29c"; }
  
  .fa-blind:before {
    content: "\f29d"; }
  
  .fa-audio-description:before {
    content: "\f29e"; }
  
  .fa-volume-control-phone:before {
    content: "\f2a0"; }
  
  .fa-braille:before {
    content: "\f2a1"; }
  
  .fa-assistive-listening-systems:before {
    content: "\f2a2"; }
  
  .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"; }
  
  .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"; }
  
  .fa-glide:before {
    content: "\f2a5"; }
  
  .fa-glide-g:before {
    content: "\f2a6"; }
  
  .fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"; }
  
  .fa-low-vision:before {
    content: "\f2a8"; }
  
  .fa-viadeo:before {
    content: "\f2a9"; }
  
  .fa-viadeo-square:before {
    content: "\f2aa"; }
  
  .fa-snapchat:before {
    content: "\f2ab"; }
  
  .fa-snapchat-ghost:before {
    content: "\f2ac"; }
  
  .fa-snapchat-square:before {
    content: "\f2ad"; }
  
  .fa-pied-piper:before {
    content: "\f2ae"; }
  
  .fa-first-order:before {
    content: "\f2b0"; }
  
  .fa-yoast:before {
    content: "\f2b1"; }
  
  .fa-themeisle:before {
    content: "\f2b2"; }
  
  .fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"; }
  
  .fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"; }
  
  .fa-handshake-o:before {
    content: "\f2b5"; }
  
  .fa-envelope-open:before {
    content: "\f2b6"; }
  
  .fa-envelope-open-o:before {
    content: "\f2b7"; }
  
  .fa-linode:before {
    content: "\f2b8"; }
  
  .fa-address-book:before {
    content: "\f2b9"; }
  
  .fa-address-book-o:before {
    content: "\f2ba"; }
  
  .fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"; }
  
  .fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"; }
  
  .fa-user-circle:before {
    content: "\f2bd"; }
  
  .fa-user-circle-o:before {
    content: "\f2be"; }
  
  .fa-user-o:before {
    content: "\f2c0"; }
  
  .fa-id-badge:before {
    content: "\f2c1"; }
  
  .fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"; }
  
  .fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"; }
  
  .fa-quora:before {
    content: "\f2c4"; }
  
  .fa-free-code-camp:before {
    content: "\f2c5"; }
  
  .fa-telegram:before {
    content: "\f2c6"; }
  
  .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"; }
  
  .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"; }
  
  .fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"; }
  
  .fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"; }
  
  .fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"; }
  
  .fa-shower:before {
    content: "\f2cc"; }
  
  .fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"; }
  
  .fa-podcast:before {
    content: "\f2ce"; }
  
  .fa-window-maximize:before {
    content: "\f2d0"; }
  
  .fa-window-minimize:before {
    content: "\f2d1"; }
  
  .fa-window-restore:before {
    content: "\f2d2"; }
  
  .fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"; }
  
  .fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"; }
  
  .fa-bandcamp:before {
    content: "\f2d5"; }
  
  .fa-grav:before {
    content: "\f2d6"; }
  
  .fa-etsy:before {
    content: "\f2d7"; }
  
  .fa-imdb:before {
    content: "\f2d8"; }
  
  .fa-ravelry:before {
    content: "\f2d9"; }
  
  .fa-eercast:before {
    content: "\f2da"; }
  
  .fa-microchip:before {
    content: "\f2db"; }
  
  .fa-snowflake-o:before {
    content: "\f2dc"; }
  
  .fa-superpowers:before {
    content: "\f2dd"; }
  
  .fa-wpexplorer:before {
    content: "\f2de"; }
  
  .fa-meetup:before {
    content: "\f2e0"; }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  
  .sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  
  @font-face {
    font-family: 'et-line';
    src: url("../fonts/et-line/et-line.eot");
    src: url("../fonts/et-line/et-line.eot?#iefix") format("embedded-opentype"), url("../fonts/et-line/et-line.woff") format("woff"), url("../fonts/et-line/et-line.ttf") format("truetype"), url("../fonts/et-line/et-line.svg#et-line") format("svg");
    font-weight: normal;
    font-style: normal; }
  
  /* Use the following CSS code if you want to use data attributes for inserting your icons */
  [data-icon]:before {
    font-family: 'et-line';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block; }
  
  /* Use the following CSS code if you want to have a class per icon */
  /*
  Instead of a list of all class selectors,
  you can use the generic selector below, but it's slower:
  [class*="icon-"] {
  */
  .icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
    font-family: 'et-line';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block; }
  
  .icon-mobile:before {
    content: "\e000"; }
  
  .icon-laptop:before {
    content: "\e001"; }
  
  .icon-desktop:before {
    content: "\e002"; }
  
  .icon-tablet:before {
    content: "\e003"; }
  
  .icon-phone:before {
    content: "\e004"; }
  
  .icon-document:before {
    content: "\e005"; }
  
  .icon-documents:before {
    content: "\e006"; }
  
  .icon-search:before {
    content: "\e007"; }
  
  .icon-clipboard:before {
    content: "\e008"; }
  
  .icon-newspaper:before {
    content: "\e009"; }
  
  .icon-notebook:before {
    content: "\e00a"; }
  
  .icon-book-open:before {
    content: "\e00b"; }
  
  .icon-browser:before {
    content: "\e00c"; }
  
  .icon-calendar:before {
    content: "\e00d"; }
  
  .icon-presentation:before {
    content: "\e00e"; }
  
  .icon-picture:before {
    content: "\e00f"; }
  
  .icon-pictures:before {
    content: "\e010"; }
  
  .icon-video:before {
    content: "\e011"; }
  
  .icon-camera:before {
    content: "\e012"; }
  
  .icon-printer:before {
    content: "\e013"; }
  
  .icon-toolbox:before {
    content: "\e014"; }
  
  .icon-briefcase:before {
    content: "\e015"; }
  
  .icon-wallet:before {
    content: "\e016"; }
  
  .icon-gift:before {
    content: "\e017"; }
  
  .icon-bargraph:before {
    content: "\e018"; }
  
  .icon-grid:before {
    content: "\e019"; }
  
  .icon-expand:before {
    content: "\e01a"; }
  
  .icon-focus:before {
    content: "\e01b"; }
  
  .icon-edit:before {
    content: "\e01c"; }
  
  .icon-adjustments:before {
    content: "\e01d"; }
  
  .icon-ribbon:before {
    content: "\e01e"; }
  
  .icon-hourglass:before {
    content: "\e01f"; }
  
  .icon-lock:before {
    content: "\e020"; }
  
  .icon-megaphone:before {
    content: "\e021"; }
  
  .icon-shield:before {
    content: "\e022"; }
  
  .icon-trophy:before {
    content: "\e023"; }
  
  .icon-flag:before {
    content: "\e024"; }
  
  .icon-map:before {
    content: "\e025"; }
  
  .icon-puzzle:before {
    content: "\e026"; }
  
  .icon-basket:before {
    content: "\e027"; }
  
  .icon-envelope:before {
    content: "\e028"; }
  
  .icon-streetsign:before {
    content: "\e029"; }
  
  .icon-telescope:before {
    content: "\e02a"; }
  
  .icon-gears:before {
    content: "\e02b"; }
  
  .icon-key:before {
    content: "\e02c"; }
  
  .icon-paperclip:before {
    content: "\e02d"; }
  
  .icon-attachment:before {
    content: "\e02e"; }
  
  .icon-pricetags:before {
    content: "\e02f"; }
  
  .icon-lightbulb:before {
    content: "\e030"; }
  
  .icon-layers:before {
    content: "\e031"; }
  
  .icon-pencil:before {
    content: "\e032"; }
  
  .icon-tools:before {
    content: "\e033"; }
  
  .icon-tools-2:before {
    content: "\e034"; }
  
  .icon-scissors:before {
    content: "\e035"; }
  
  .icon-paintbrush:before {
    content: "\e036"; }
  
  .icon-magnifying-glass:before {
    content: "\e037"; }
  
  .icon-circle-compass:before {
    content: "\e038"; }
  
  .icon-linegraph:before {
    content: "\e039"; }
  
  .icon-mic:before {
    content: "\e03a"; }
  
  .icon-strategy:before {
    content: "\e03b"; }
  
  .icon-beaker:before {
    content: "\e03c"; }
  
  .icon-caution:before {
    content: "\e03d"; }
  
  .icon-recycle:before {
    content: "\e03e"; }
  
  .icon-anchor:before {
    content: "\e03f"; }
  
  .icon-profile-male:before {
    content: "\e040"; }
  
  .icon-profile-female:before {
    content: "\e041"; }
  
  .icon-bike:before {
    content: "\e042"; }
  
  .icon-wine:before {
    content: "\e043"; }
  
  .icon-hotairballoon:before {
    content: "\e044"; }
  
  .icon-globe:before {
    content: "\e045"; }
  
  .icon-genius:before {
    content: "\e046"; }
  
  .icon-map-pin:before {
    content: "\e047"; }
  
  .icon-dial:before {
    content: "\e048"; }
  
  .icon-chat:before {
    content: "\e049"; }
  
  .icon-heart:before {
    content: "\e04a"; }
  
  .icon-cloud:before {
    content: "\e04b"; }
  
  .icon-upload:before {
    content: "\e04c"; }
  
  .icon-download:before {
    content: "\e04d"; }
  
  .icon-target:before {
    content: "\e04e"; }
  
  .icon-hazardous:before {
    content: "\e04f"; }
  
  .icon-piechart:before {
    content: "\e050"; }
  
  .icon-speedometer:before {
    content: "\e051"; }
  
  .icon-global:before {
    content: "\e052"; }
  
  .icon-compass:before {
    content: "\e053"; }
  
  .icon-lifesaver:before {
    content: "\e054"; }
  
  .icon-clock:before {
    content: "\e055"; }
  
  .icon-aperture:before {
    content: "\e056"; }
  
  .icon-quote:before {
    content: "\e057"; }
  
  .icon-scope:before {
    content: "\e058"; }
  
  .icon-alarmclock:before {
    content: "\e059"; }
  
  .icon-refresh:before {
    content: "\e05a"; }
  
  .icon-happy:before {
    content: "\e05b"; }
  
  .icon-sad:before {
    content: "\e05c"; }
  
  .icon-facebook:before {
    content: "\e05d"; }
  
  .icon-twitter:before {
    content: "\e05e"; }
  
  .icon-googleplus:before {
    content: "\e05f"; }
  
  .icon-rss:before {
    content: "\e060"; }
  
  .icon-tumblr:before {
    content: "\e061"; }
  
  .icon-linkedin:before {
    content: "\e062"; }
  
  .icon-dribbble:before {
    content: "\e063"; }
  
  /* Magnific Popup CSS */
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }
  
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
    display: none; }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
  
  .mfp-ajax-cur {
    cursor: progress; }
  
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto; }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  
  .mfp-loading.mfp-figure {
    display: none; }
  
  .mfp-hide {
    display: none !important; }
  
  .mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
  
  .mfp-preloader a {
    color: #CCC; }
  
  .mfp-preloader a:hover {
    color: #FFF; }
  
  .mfp-s-ready .mfp-preloader {
    display: none; }
  
  .mfp-s-error .mfp-content {
    display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation; }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
  
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  
  .mfp-close:active {
    top: 1px; }
  
  .mfp-close-btn-in .mfp-close {
    color: #333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
  
  .mfp-arrow:active {
    margin-top: -54px; }
  
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }
  
  .mfp-arrow-left {
    left: 0; }
  
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
    right: 0; }
  
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
  
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  
  .mfp-iframe-holder .mfp-close {
    top: -40px; }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
  
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0; }
  
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  
  .mfp-figure figure {
    margin: 0; }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0; }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%; }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; } }
  
  /* ========================== */
  /* 
  
  ====== Zoom effect ======
  
  */
  .mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */ }
  
  .mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.9); }
  
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8; }
  
  .mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.9);
    opacity: 0; }
  
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0; }
  
  /* 
  
  ====== Newspaper effect ======
  
  */
  .mfp-newspaper {
    /* start state */
    /* animate in */
    /* animate out */ }
  
  .mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.5s;
    transform: scale(0) rotate(500deg); }
  
  .mfp-newspaper.mfp-bg {
    opacity: 0;
    transition: all 0.5s; }
  
  .mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1) rotate(0deg); }
  
  .mfp-newspaper.mfp-ready.mfp-bg {
    opacity: 0.8; }
  
  .mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity: 0; }
  
  .mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0; }
  
  /* 
  
  ====== Move-horizontal effect ======
  
  */
  .mfp-move-horizontal {
    /* start state */
    /* animate in */
    /* animate out */ }
  
  .mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px); }
  
  .mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all 0.3s; }
  
  .mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0); }
  
  .mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8; }
  
  .mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0; }
  
  .mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0; }
  
  /* 
  
  ====== Move-from-top effect ======
  
  */
  .mfp-move-from-top {
    /* start state */
    /* animate in */
    /* animate out */ }
  
  .mfp-move-from-top .mfp-content {
    vertical-align: top; }
  
  .mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-100px); }
  
  .mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all 0.2s; }
  
  .mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0); }
  
  .mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8; }
  
  .mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0; }
  
  .mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0; }
  
  /* 
  
  ====== 3d unfold ======
  
  */
  .mfp-3d-unfold {
    /* start state */
    /* animate in */
    /* animate out */ }
  
  .mfp-3d-unfold .mfp-content {
    perspective: 2000px; }
  
  .mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg); }
  
  .mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s; }
  
  .mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg); }
  
  .mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8; }
  
  .mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0; }
  
  .mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0; }
  
  /* 
  
  ====== Zoom-out effect ======
  
  */
  .mfp-zoom-out {
    /* start state */
    /* animate in */
    /* animate out */ }
  
  .mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3); }
  
  .mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  
  .mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  
  .mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8; }
  
  .mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0; }
  
  .mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0; }
  
  /* 
  
  ====== "Hinge" close effect ======
  
  */
  @keyframes hinge {
    0% {
      transform: rotate(0);
      transform-origin: top left;
      animation-timing-function: ease-in-out; }
    20%, 60% {
      transform: rotate(80deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out; }
    40% {
      transform: rotate(60deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out; }
    80% {
      transform: rotate(60deg) translateY(0);
      opacity: 1;
      transform-origin: top left;
      animation-timing-function: ease-in-out; }
    100% {
      transform: translateY(700px);
      opacity: 0; } }
  
  .hinge {
    animation-duration: 1s;
    animation-name: hinge; }
  
  .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
    opacity: 0;
    transition: opacity .5s ease-out; }
  
  .mfp-with-fade.mfp-ready .mfp-content {
    opacity: 1; }
  
  .mfp-with-fade.mfp-ready.mfp-bg {
    opacity: 0.8; }
  
  .mfp-with-fade.mfp-removing.mfp-bg {
    opacity: 0; }
  
  /**
   * File Name: css-helpers.css
   */
  /*  [ 01 ] - Colors
  ===================== */
  .color-white {
    color: #fff; }
  
  .color-grey {
    color: #666; }
  
  /*  [ 02 ] - Text Styles
  ========================== */
  .font-weight-100 {
    font-weight: 100; }
  
  .font-weight-200 {
    font-weight: 200; }
  
  .font-weight-300 {
    font-weight: 300; }
  
  .font-weight-400 {
    font-weight: 400; }
  
  .font-weight-500 {
    font-weight: 500; }
  
  .font-weight-600 {
    font-weight: 600; }
  
  .font-weight-700 {
    font-weight: 700; }
  
  .font-weight-800 {
    font-weight: 800; }
  
  .font-weight-900 {
    font-weight: 900; }
  
  /*  [ 02 ] - Padding
  ====================== */
  /* Top Padding */
  .pt-0 {
    padding-top: 0; }
  
  .pt-10 {
    padding-top: 10px; }
  
  .pt-20 {
    padding-top: 20px; }
  
  .pt-30 {
    padding-top: 30px; }
  
  .pt-40 {
    padding-top: 40px; }
  
  .pt-50 {
    padding-top: 50px; }
  
  .pt-60 {
    padding-top: 60px; }
  
  .pt-70 {
    padding-top: 70px; }
  
  .pt-80 {
    padding-top: 80px; }
  
  .pt-90 {
    padding-top: 90px; }
  
  .pt-100 {
    padding-top: 100px; }
  
  .pt-110 {
    padding-top: 110px; }
  
  .pt-120 {
    padding-top: 120px; }
  
  .pt-130 {
    padding-top: 130px; }
  
  .pt-140 {
    padding-top: 140px; }
  
  /* Bottom Padding */
  .pb-0 {
    padding-bottom: 0; }
  
  .pb-10 {
    padding-bottom: 10px; }
  
  .pb-20 {
    padding-bottom: 20px; }
  
  .pb-30 {
    padding-bottom: 30px; }
  
  .pb-40 {
    padding-bottom: 40px; }
  
  .pb-50 {
    padding-bottom: 50px; }
  
  .pb-60 {
    padding-bottom: 60px; }
  
  .pb-70 {
    padding-bottom: 70px; }
  
  .pb-80 {
    padding-bottom: 80px; }
  
  .pb-90 {
    padding-bottom: 90px; }
  
  .pb-100 {
    padding-bottom: 100px; }
  
  .pb-110 {
    padding-bottom: 110px; }
  
  .pb-120 {
    padding-bottom: 120px; }
  
  .pb-130 {
    padding-bottom: 130px; }
  
  .pb-140 {
    padding-bottom: 140px; }
  
  /* Left Padding */
  .pl-0 {
    padding-left: 0; }
  
  .pl-10 {
    padding-left: 10px; }
  
  .pl-20 {
    padding-left: 20px; }
  
  .pl-30 {
    padding-left: 30px; }
  
  .pl-40 {
    padding-left: 40px; }
  
  .pl-50 {
    padding-left: 50px; }
  
  .pl-60 {
    padding-left: 60px; }
  
  .pl-70 {
    padding-left: 70px; }
  
  .pl-80 {
    padding-left: 80px; }
  
  .pl-90 {
    padding-left: 90px; }
  
  .pl-100 {
    padding-left: 100px; }
  
  .pl-110 {
    padding-left: 110px; }
  
  .pl-120 {
    padding-left: 120px; }
  
  .pl-130 {
    padding-left: 130px; }
  
  .pl-140 {
    padding-left: 140px; }
  
  /* Right Padding */
  .pr-0 {
    padding-right: 0; }
  
  .pr-10 {
    padding-right: 10px; }
  
  .pr-20 {
    padding-right: 20px; }
  
  .pr-30 {
    padding-right: 30px; }
  
  .pr-40 {
    padding-right: 40px; }
  
  .pr-50 {
    padding-right: 50px; }
  
  .pr-60 {
    padding-right: 60px; }
  
  .pr-70 {
    padding-right: 70px; }
  
  .pr-80 {
    padding-right: 80px; }
  
  .pr-90 {
    padding-right: 90px; }
  
  .pr-100 {
    padding-right: 100px; }
  
  .pr-110 {
    padding-right: 110px; }
  
  .pr-120 {
    padding-right: 120px; }
  
  .pr-130 {
    padding-right: 130px; }
  
  .pr-140 {
    padding-right: 140px; }
  
  /* Top Bottom Padding */
  .ptb-0 {
    padding: 0; }
  
  .ptb-10 {
    padding: 10px 0; }
  
  .ptb-20 {
    padding: 20px 0; }
  
  .ptb-30 {
    padding: 30px 0; }
  
  .ptb-40 {
    padding: 40px 0; }
  
  .ptb-50 {
    padding: 50px 0; }
  
  .ptb-60 {
    padding: 60px 0; }
  
  .ptb-70 {
    padding: 70px 0; }
  
  .ptb-80 {
    padding: 80px 0; }
  
  .ptb-90 {
    padding: 90px 0; }
  
  .ptb-100 {
    padding: 100px 0; }
  
  .ptb-110 {
    padding: 110px 0; }
  
  .ptb-120 {
    padding: 120px 0; }
  
  .ptb-130 {
    padding: 130px 0; }
  
  .ptb-140 {
    padding: 140px 0; }
  
  /* Left Right Padding */
  .plr-0 {
    padding: 0; }
  
  .plr-10 {
    padding: 0 10px; }
  
  .plr-20 {
    padding: 0 20px; }
  
  .plr-30 {
    padding: 0 30px; }
  
  .plr-40 {
    padding: 0 40px; }
  
  .plr-50 {
    padding: 0 50px; }
  
  .plr-60 {
    padding: 0 60px; }
  
  .plr-70 {
    padding: 0 70px; }
  
  .plr-80 {
    padding: 0 80px; }
  
  .plr-90 {
    padding: 0 90px; }
  
  .plr-100 {
    padding: 0 100px; }
  
  .plr-110 {
    padding: 0 110px; }
  
  .plr-120 {
    padding: 0 120px; }
  
  .plr-130 {
    padding: 0 130px; }
  
  .plr-140 {
    padding: 0 140px; }
  
  /* Responsive Padding [ col-md- ] */
  @media (max-width: 992px) {
    /* Responsive Top Padding */
    .pt-md-0 {
      padding-top: 0; }
    .pt-md-10 {
      padding-top: 10px; }
    .pt-md-20 {
      padding-top: 20px; }
    .pt-md-30 {
      padding-top: 30px; }
    .pt-md-40 {
      padding-top: 40px; }
    .pt-md-50 {
      padding-top: 50px; }
    .pt-md-60 {
      padding-top: 60px; }
    .pt-md-70 {
      padding-top: 70px; }
    .pt-md-80 {
      padding-top: 80px; }
    .pt-md-90 {
      padding-top: 90px; }
    .pt-md-100 {
      padding-top: 100px; }
    .pt-md-110 {
      padding-top: 110px; }
    .pt-md-120 {
      padding-top: 120px; }
    .pt-md-130 {
      padding-top: 130px; }
    .pt-md-140 {
      padding-top: 140px; }
    /* Responsive Bottom Padding */
    .pb-md-0 {
      padding-bottom: 0; }
    .pb-md-10 {
      padding-bottom: 10px; }
    .pb-md-20 {
      padding-bottom: 20px; }
    .pb-md-30 {
      padding-bottom: 30px; }
    .pb-md-40 {
      padding-bottom: 40px; }
    .pb-md-50 {
      padding-bottom: 50px; }
    .pb-md-60 {
      padding-bottom: 60px; }
    .pb-md-70 {
      padding-bottom: 70px; }
    .pb-md-80 {
      padding-bottom: 80px; }
    .pb-md-90 {
      padding-bottom: 90px; }
    .pb-md-100 {
      padding-bottom: 100px; }
    .pb-md-110 {
      padding-bottom: 110px; }
    .pb-md-120 {
      padding-bottom: 120px; }
    .pb-md-130 {
      padding-bottom: 130px; }
    .pb-md-140 {
      padding-bottom: 140px; }
    /* Responsive Left Padding */
    .pl-md-0 {
      padding-left: 0; }
    .pl-md-10 {
      padding-left: 10px; }
    .pl-md-20 {
      padding-left: 20px; }
    .pl-md-30 {
      padding-left: 30px; }
    .pl-md-40 {
      padding-left: 40px; }
    .pl-md-50 {
      padding-left: 50px; }
    .pl-md-60 {
      padding-left: 60px; }
    .pl-md-70 {
      padding-left: 70px; }
    .pl-md-80 {
      padding-left: 80px; }
    .pl-md-90 {
      padding-left: 90px; }
    .pl-md-100 {
      padding-left: 100px; }
    .pl-md-110 {
      padding-left: 110px; }
    .pl-md-120 {
      padding-left: 120px; }
    .pl-md-130 {
      padding-left: 130px; }
    .pl-md-140 {
      padding-left: 140px; }
    /* Responsive Right Padding */
    .pr-md-0 {
      padding-right: 0; }
    .pr-md-10 {
      padding-right: 10px; }
    .pr-md-20 {
      padding-right: 20px; }
    .pr-md-30 {
      padding-right: 30px; }
    .pr-md-40 {
      padding-right: 40px; }
    .pr-md-50 {
      padding-right: 50px; }
    .pr-md-60 {
      padding-right: 60px; }
    .pr-md-70 {
      padding-right: 70px; }
    .pr-md-80 {
      padding-right: 80px; }
    .pr-md-90 {
      padding-right: 90px; }
    .pr-md-100 {
      padding-right: 100px; }
    .pr-md-110 {
      padding-right: 110px; }
    .pr-md-120 {
      padding-right: 120px; }
    .pr-md-130 {
      padding-right: 130px; }
    .pr-md-140 {
      padding-right: 140px; }
    /* Responsive Top Bottom Padding */
    .ptb-md-0 {
      padding: 0; }
    .ptb-md-10 {
      padding: 10px 0; }
    .ptb-md-20 {
      padding: 20px 0; }
    .ptb-md-30 {
      padding: 30px 0; }
    .ptb-md-40 {
      padding: 40px 0; }
    .ptb-md-50 {
      padding: 50px 0; }
    .ptb-md-60 {
      padding: 60px 0; }
    .ptb-md-70 {
      padding: 70px 0; }
    .ptb-md-80 {
      padding: 80px 0; }
    .ptb-md-90 {
      padding: 90px 0; }
    .ptb-md-100 {
      padding: 100px 0; }
    .ptb-md-110 {
      padding: 110px 0; }
    .ptb-md-120 {
      padding: 120px 0; }
    .ptb-md-130 {
      padding: 130px 0; }
    .ptb-md-140 {
      padding: 140px 0; }
    /* Responsive Left Right Padding */
    .plr-md-0 {
      padding: 0; }
    .plr-md-10 {
      padding: 0 10px; }
    .plr-md-20 {
      padding: 0 20px; }
    .plr-md-30 {
      padding: 0 30px; }
    .plr-md-40 {
      padding: 0 40px; }
    .plr-md-50 {
      padding: 0 50px; }
    .plr-md-60 {
      padding: 0 60px; }
    .plr-md-70 {
      padding: 0 70px; }
    .plr-md-80 {
      padding: 0 80px; }
    .plr-md-90 {
      padding: 0 90px; }
    .plr-md-100 {
      padding: 0 100px; }
    .plr-md-110 {
      padding: 0 110px; }
    .plr-md-120 {
      padding: 0 120px; }
    .plr-md-130 {
      padding: 0 130px; }
    .plr-md-140 {
      padding: 0 140px; } }
  
  /*  [ 03 ] - Margin
  ===================== */
  /* Top Margin */
  .mt-0 {
    margin-top: 0; }
  
  .mt-10 {
    margin-top: 10px; }
  
  .mt-20 {
    margin-top: 20px; }
  
  .mt-30 {
    margin-top: 30px; }
  
  .mt-40 {
    margin-top: 40px; }
  
  .mt-50 {
    margin-top: 50px; }
  
  .mt-60 {
    margin-top: 60px; }
  
  .mt-70 {
    margin-top: 70px; }
  
  .mt-80 {
    margin-top: 80px; }
  
  .mt-90 {
    margin-top: 90px; }
  
  .mt-100 {
    margin-top: 100px; }
  
  .mt-110 {
    margin-top: 110px; }
  
  .mt-120 {
    margin-top: 120px; }
  
  .mt-130 {
    margin-top: 130px; }
  
  .mt-140 {
    margin-top: 140px; }
  
  /* Bottom Margin */
  .mb-0 {
    margin-bottom: 0; }
  
  .mb-10 {
    margin-bottom: 10px; }
  
  .mb-20 {
    margin-bottom: 20px; }
  
  .mb-30 {
    margin-bottom: 30px; }
  
  .mb-40 {
    margin-bottom: 40px; }
  
  .mb-50 {
    margin-bottom: 50px; }
  
  .mb-60 {
    margin-bottom: 60px; }
  
  .mb-70 {
    margin-bottom: 70px; }
  
  .mb-80 {
    margin-bottom: 80px; }
  
  .mb-90 {
    margin-bottom: 90px; }
  
  .mb-100 {
    margin-bottom: 100px; }
  
  .mb-110 {
    margin-bottom: 110px; }
  
  .mb-120 {
    margin-bottom: 120px; }
  
  .mb-130 {
    margin-bottom: 130px; }
  
  .mb-140 {
    margin-bottom: 140px; }
  
  /* Left Margin */
  .ml-0 {
    margin-left: 0; }
  
  .ml-10 {
    margin-left: 10px; }
  
  .ml-20 {
    margin-left: 20px; }
  
  .ml-30 {
    margin-left: 30px; }
  
  .ml-40 {
    margin-left: 40px; }
  
  .ml-50 {
    margin-left: 50px; }
  
  .ml-60 {
    margin-left: 60px; }
  
  .ml-70 {
    margin-left: 70px; }
  
  .ml-80 {
    margin-left: 80px; }
  
  .ml-90 {
    margin-left: 90px; }
  
  .ml-100 {
    margin-left: 100px; }
  
  .ml-110 {
    margin-left: 110px; }
  
  .ml-120 {
    margin-left: 120px; }
  
  .ml-130 {
    margin-left: 130px; }
  
  .ml-140 {
    margin-left: 140px; }
  
  /* Right Margin */
  .mr-0 {
    margin-right: 0; }
  
  .mr-10 {
    margin-right: 10px; }
  
  .mr-20 {
    margin-right: 20px; }
  
  .mr-30 {
    margin-right: 30px; }
  
  .mr-40 {
    margin-right: 40px; }
  
  .mr-50 {
    margin-right: 50px; }
  
  .mr-60 {
    margin-right: 60px; }
  
  .mr-70 {
    margin-right: 70px; }
  
  .mr-80 {
    margin-right: 80px; }
  
  .mr-90 {
    margin-right: 90px; }
  
  .mr-100 {
    margin-right: 100px; }
  
  .mr-110 {
    margin-right: 110px; }
  
  .mr-120 {
    margin-right: 120px; }
  
  .mr-130 {
    margin-right: 130px; }
  
  .mr-140 {
    margin-right: 140px; }
  
  /* Top Bottom Margin */
  .mtb-0 {
    margin: 0; }
  
  .mtb-10 {
    margin: 10px 0; }
  
  .mtb-20 {
    margin: 20px 0; }
  
  .mtb-30 {
    margin: 30px 0; }
  
  .mtb-40 {
    margin: 40px 0; }
  
  .mtb-50 {
    margin: 50px 0; }
  
  .mtb-60 {
    margin: 60px 0; }
  
  .mtb-70 {
    margin: 70px 0; }
  
  .mtb-80 {
    margin: 80px 0; }
  
  .mtb-90 {
    margin: 90px 0; }
  
  .mtb-100 {
    margin: 100px 0; }
  
  .mtb-110 {
    margin: 110px 0; }
  
  .mtb-120 {
    margin: 120px 0; }
  
  .mtb-130 {
    margin: 130px 0; }
  
  .mtb-140 {
    margin: 140px 0; }
  
  /* Left Right Margin */
  .mlr-0 {
    margin: 0; }
  
  .mlr-10 {
    margin: 0 10px; }
  
  .mlr-20 {
    margin: 0 20px; }
  
  .mlr-30 {
    margin: 0 30px; }
  
  .mlr-40 {
    margin: 0 40px; }
  
  .mlr-50 {
    margin: 0 50px; }
  
  .mlr-60 {
    margin: 0 60px; }
  
  .mlr-70 {
    margin: 0 70px; }
  
  .mlr-80 {
    margin: 0 80px; }
  
  .mlr-90 {
    margin: 0 90px; }
  
  .mlr-100 {
    margin: 0 100px; }
  
  .mlr-110 {
    margin: 0 110px; }
  
  .mlr-120 {
    margin: 0 120px; }
  
  .mlr-130 {
    margin: 0 130px; }
  
  .mlr-140 {
    margin: 0 140px; }
  
  /* Responsive Margin [ That added for small devices < 992px ] */
  @media (max-width: 992px) {
    /* Responsive Top Margin */
    .mt-md-0 {
      margin-top: 0; }
    .mt-md-10 {
      margin-top: 10px; }
    .mt-md-20 {
      margin-top: 20px; }
    .mt-md-30 {
      margin-top: 30px; }
    .mt-md-40 {
      margin-top: 40px; }
    .mt-md-50 {
      margin-top: 50px; }
    .mt-md-60 {
      margin-top: 60px; }
    .mt-md-70 {
      margin-top: 70px; }
    .mt-md-80 {
      margin-top: 80px; }
    .mt-md-90 {
      margin-top: 90px; }
    .mt-md-100 {
      margin-top: 100px; }
    .mt-md-110 {
      margin-top: 110px; }
    .mt-md-120 {
      margin-top: 120px; }
    .mt-md-130 {
      margin-top: 130px; }
    .mt-md-140 {
      margin-top: 140px; }
    /* Responsive Bottom Margin */
    .mb-md-0 {
      margin-bottom: 0; }
    .mb-md-10 {
      margin-bottom: 10px; }
    .mb-md-20 {
      margin-bottom: 20px; }
    .mb-md-30 {
      margin-bottom: 30px; }
    .mb-md-40 {
      margin-bottom: 40px; }
    .mb-md-50 {
      margin-bottom: 50px; }
    .mb-md-60 {
      margin-bottom: 60px; }
    .mb-md-70 {
      margin-bottom: 70px; }
    .mb-md-80 {
      margin-bottom: 80px; }
    .mb-md-90 {
      margin-bottom: 90px; }
    .mb-md-100 {
      margin-bottom: 100px; }
    .mb-md-110 {
      margin-bottom: 110px; }
    .mb-md-120 {
      margin-bottom: 120px; }
    .mb-md-130 {
      margin-bottom: 130px; }
    .mb-md-140 {
      margin-bottom: 140px; }
    /* Responsive Left Margin */
    .ml-md-0 {
      margin-left: 0; }
    .ml-md-10 {
      margin-left: 10px; }
    .ml-md-20 {
      margin-left: 20px; }
    .ml-md-30 {
      margin-left: 30px; }
    .ml-md-40 {
      margin-left: 40px; }
    .ml-md-50 {
      margin-left: 50px; }
    .ml-md-60 {
      margin-left: 60px; }
    .ml-md-70 {
      margin-left: 70px; }
    .ml-md-80 {
      margin-left: 80px; }
    .ml-md-90 {
      margin-left: 90px; }
    .ml-md-100 {
      margin-left: 100px; }
    .ml-md-110 {
      margin-left: 110px; }
    .ml-md-120 {
      margin-left: 120px; }
    .ml-md-130 {
      margin-left: 130px; }
    .ml-md-140 {
      margin-left: 140px; }
    /* Responsive Right Margin */
    .mr-md-0 {
      margin-right: 0; }
    .mr-md-10 {
      margin-right: 10px; }
    .mr-md-20 {
      margin-right: 20px; }
    .mr-md-30 {
      margin-right: 30px; }
    .mr-md-40 {
      margin-right: 40px; }
    .mr-md-50 {
      margin-right: 50px; }
    .mr-md-60 {
      margin-right: 60px; }
    .mr-md-70 {
      margin-right: 70px; }
    .mr-md-80 {
      margin-right: 80px; }
    .mr-md-90 {
      margin-right: 90px; }
    .mr-md-100 {
      margin-right: 100px; }
    .mr-md-110 {
      margin-right: 110px; }
    .mr-md-120 {
      margin-right: 120px; }
    .mr-md-130 {
      margin-right: 130px; }
    .mr-md-140 {
      margin-right: 140px; }
    /* Responsive Top Bottom Margin */
    .mtb-md-0 {
      margin: 0; }
    .mtb-md-10 {
      margin: 10px 0; }
    .mtb-md-20 {
      margin: 20px 0; }
    .mtb-md-30 {
      margin: 30px 0; }
    .mtb-md-40 {
      margin: 40px 0; }
    .mtb-md-50 {
      margin: 50px 0; }
    .mtb-md-60 {
      margin: 60px 0; }
    .mtb-md-70 {
      margin: 70px 0; }
    .mtb-md-80 {
      margin: 80px 0; }
    .mtb-md-90 {
      margin: 90px 0; }
    .mtb-md-100 {
      margin: 100px 0; }
    .mtb-md-110 {
      margin: 110px 0; }
    .mtb-md-120 {
      margin: 120px 0; }
    .mtb-md-130 {
      margin: 130px 0; }
    .mtb-md-140 {
      margin: 140px 0; }
    /* Responsive Left Right Margin */
    .mlr-md-0 {
      margin: 0; }
    .mlr-md-10 {
      margin: 0 10px; }
    .mlr-md-20 {
      margin: 0 20px; }
    .mlr-md-30 {
      margin: 0 30px; }
    .mlr-md-40 {
      margin: 0 40px; }
    .mlr-md-50 {
      margin: 0 50px; }
    .mlr-md-60 {
      margin: 0 60px; }
    .mlr-md-70 {
      margin: 0 70px; }
    .mlr-md-80 {
      margin: 0 80px; }
    .mlr-md-90 {
      margin: 0 90px; }
    .mlr-md-100 {
      margin: 0 100px; }
    .mlr-md-110 {
      margin: 0 110px; }
    .mlr-md-120 {
      margin: 0 120px; }
    .mlr-md-130 {
      margin: 0 130px; }
    .mlr-md-140 {
      margin: 0 140px; } }
  
  /*  [ 03 ] - Heights
  ====================== */
  .h-0 {
    height: 0px; }
  
  .h-10 {
    height: 10px; }
  
  .h-20 {
    height: 20px; }
  
  .h-30 {
    height: 30px; }
  
  .h-40 {
    height: 40px; }
  
  .h-50 {
    height: 50px; }
  
  .h-60 {
    height: 60px; }
  
  .h-70 {
    height: 70px; }
  
  .h-80 {
    height: 80px; }
  
  .h-90 {
    height: 90px; }
  
  .h-100 {
    height: 100px; }
  
  .h-120 {
    height: 120px; }
  
  .h-140 {
    height: 140px; }
  
  .h-160 {
    height: 160px; }
  
  .h-180 {
    height: 180px; }
  
  .h-200 {
    height: 200px; }
  
  .h-220 {
    height: 220px; }
  
  .h-240 {
    height: 240px; }
  
  .h-260 {
    height: 260px; }
  
  .h-280 {
    height: 280px; }
  
  .h-300 {
    height: 300px; }
  
  .h-320 {
    height: 320px; }
  
  .h-340 {
    height: 340px; }
  
  .h-360 {
    height: 360px; }
  
  .h-380 {
    height: 380px; }
  
  .h-400 {
    height: 400px; }
  
  .h-420 {
    height: 420px; }
  
  .h-440 {
    height: 440px; }
  
  .h-460 {
    height: 460px; }
  
  .h-480 {
    height: 480px; }
  
  .h-500 {
    height: 500px; }
  
  .h-520 {
    height: 520px; }
  
  .h-540 {
    height: 540px; }
  
  .h-560 {
    height: 560px; }
  
  .h-580 {
    height: 580px; }
  
  .h-600 {
    height: 600px; }
  
  .h-620 {
    height: 620px; }
  
  .h-640 {
    height: 640px; }
  
  .h-660 {
    height: 660px; }
  
  .h-680 {
    height: 680px; }
  
  .h-700 {
    height: 700px; }
  
  .h-720 {
    height: 720px; }
  
  .h-740 {
    height: 740px; }
  
  .h-760 {
    height: 760px; }
  
  .h-780 {
    height: 780px; }
  
  .h-800 {
    height: 800px; }
  
  .h-820 {
    height: 820px; }
  
  .h-840 {
    height: 840px; }
  
  .h-860 {
    height: 860px; }
  
  .h-880 {
    height: 880px; }
  
  .h-900 {
    height: 900px; }
  
  @media (max-width: 992px) {
    .h-md-0 {
      height: 0px; }
    .h-md-10 {
      height: 10px; }
    .h-md-20 {
      height: 20px; }
    .h-md-30 {
      height: 30px; }
    .h-md-40 {
      height: 40px; }
    .h-md-50 {
      height: 50px; }
    .h-md-60 {
      height: 60px; }
    .h-md-70 {
      height: 70px; }
    .h-md-80 {
      height: 80px; }
    .h-md-90 {
      height: 90px; }
    .h-md-100 {
      height: 100px; }
    .h-md-120 {
      height: 120px; }
    .h-md-140 {
      height: 140px; }
    .h-md-160 {
      height: 160px; }
    .h-md-180 {
      height: 180px; }
    .h-md-200 {
      height: 200px; }
    .h-md-220 {
      height: 220px; }
    .h-md-240 {
      height: 240px; }
    .h-md-260 {
      height: 260px; }
    .h-md-280 {
      height: 280px; }
    .h-md-300 {
      height: 300px; }
    .h-md-320 {
      height: 320px; }
    .h-md-340 {
      height: 340px; }
    .h-md-360 {
      height: 360px; }
    .h-md-380 {
      height: 380px; }
    .h-md-400 {
      height: 400px; }
    .h-md-420 {
      height: 420px; }
    .h-md-440 {
      height: 440px; }
    .h-md-460 {
      height: 460px; }
    .h-md-480 {
      height: 480px; }
    .h-md-500 {
      height: 500px; }
    .h-md-520 {
      height: 520px; }
    .h-md-540 {
      height: 540px; }
    .h-md-560 {
      height: 560px; }
    .h-md-580 {
      height: 580px; }
    .h-md-600 {
      height: 600px; }
    .h-md-620 {
      height: 620px; }
    .h-md-640 {
      height: 640px; }
    .h-md-660 {
      height: 660px; }
    .h-md-680 {
      height: 680px; }
    .h-md-700 {
      height: 700px; }
    .h-md-720 {
      height: 720px; }
    .h-md-740 {
      height: 740px; }
    .h-md-760 {
      height: 760px; }
    .h-md-780 {
      height: 780px; }
    .h-md-800 {
      height: 800px; }
    .h-md-820 {
      height: 820px; }
    .h-md-840 {
      height: 840px; }
    .h-md-860 {
      height: 860px; }
    .h-md-880 {
      height: 880px; }
    .h-md-900 {
      height: 900px; } }
  
  /**
   * File Name: style-switcher.css
   */
  .style-switcher {
    direction: ltr !important;
    height: 100%;
    display: none !important;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 21;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    /* Scroll Settings */ }
    .style-switcher .btn.purchase-btn {
      background: #82b440;
      border-color: #82b440; }
    .style-switcher .ss-wrapper {
      width: calc(100% + 18px);
      padding-bottom: 25px; }
    .style-switcher .ss-scroll {
      border-radius: 0;
      background: rgba(0, 0, 0, 0.2); }
  
  .style-switcher.show {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  
  .style-switcher ul {
    list-style: outside none; }
  
  /* Style Switcher Icon */
  .ss-icon {
    color: #fff;
    background: #222;
    font-size: 25px;
    width: 55px;
    height: 55px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 211px;
    left: -55px;
    border-radius: 10px 0 0 10px;
    box-shadow: -2px 0 7px rgba(0, 0, 0, 0.2); }
  
  .ss-icon:hover, .ss-icon:focus {
    color: #fff; }
  
  .ss-icon.rotating * {
    -webkit-animation: ssIconRotate 5s linear infinite;
    -ms-animation: ssIconRotate 5s linear infinite;
    animation: ssIconRotate 5s linear infinite; }
  
  @-webkit-keyframes ssIconRotate {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @-ms-keyframes ssIconRotate {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @keyframes ssIconRotate {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  /* Style Switcher Title */
  .style-switcher h3 {
    height: 75px;
    line-height: 75px;
    padding: 0 20px;
    margin: 0;
    font-size: 18px;
    text-align: center;
    word-spacing: 0px;
    font-weight: 400;
    background: #f9f9f9;
    letter-spacing: 0; }
  
  /* Style Switcher Content */
  .style-switcher-content {
    background: #fff;
    /*box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);*/
    padding: 30px 25px;
    overflow-y: auto;
    height: calc(100% - 50px); }
  
  .style-switcher-content .ss-intro {
    margin-top: 20px; }
  
  .style-switcher-content p {
    font-size: 12px;
    line-height: 18px; }
  
  /* Style Switcher Content Box */
  .ss-content-box + .ss-content-box {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee; }
  
  .ss-content-box > h5 {
    font-size: 15px; }
  
  .ss-content-box:last-child {
    margin-bottom: 0; }
  
  /* Colors Skins */
  .colors-skins {
    font-size: 0;
    margin-bottom: -5px;
    /* reversing "li" margin bottom */ }
  
  .colors-skins li {
    margin: 0 5px 5px 0;
    display: inline-block;
    vertical-align: top; }
  
  .colors-skins li button {
    width: 34px;
    height: 34px;
    background: #eee;
    border-radius: 9999px;
    border: none;
    outline: none;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0; }
  
  .colors-skins li button:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.2s; }
  
  .colors-skins li button.active:after {
    width: 10px;
    /*  content: "\f00c";
    font-family: "fontAwesome";
    font-size: 20px;
    color: #fff;
  */
    height: 10px;
    top: 50%;
    left: 50%;
    opacity: 1;
    background: rgba(255, 255, 255, 0.55); }
  
  .colors-skins li button:hover:after {
    opacity: 1; }
  
  /* Default */
  .colors-skins li button.default {
    background: #88ddd6; }
  
  /* Red */
  .colors-skins li button.red {
    background: #f9704f; }
  
  /* Green */
  .colors-skins li button.green {
    background: #1bc768; }
  
  /* Blue */
  .colors-skins li button.blue {
    background: #65a4e4; }
  
  /* Yellow */
  .colors-skins li button.yellow {
    background: #ffc527; }
  
  /* Orange */
  .colors-skins li button.orange {
    background: #f58b3c; }
  
  /* Brown */
  .colors-skins li button.brown {
    background: #da6540; }
  
  /* Light Green */
  .colors-skins li button.light-green {
    background: #1dcca9; }
  
  /* Lime */
  .colors-skins li button.lime {
    background: #86ba41; }
  
  /* Purple */
  .colors-skins li button.purple {
    background: #4e4ada; }
  
  /* Turquoise */
  .colors-skins li button.turquoise {
    background: #0dc0c0; }
  
  /* Switch */
  .switch {
    text-align: center;
    font-size: 0; }
    .switch + .switch {
      margin-top: 5px; }
  
  .switch:last-child {
    margin-bottom: 0; }
  
  .switch span {
    font-size: 10px;
    line-height: 13px;
    position: relative;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    width: 38.5%;
    transition: all 0.15s; }
  
  .switch span:first-child,
  .switch span:last-child {
    transition: all 0s;
    cursor: pointer; }
  
  .switch span:first-child {
    padding-right: 8px;
    text-align: right; }
  
  .switch span:last-child {
    padding-left: 8px;
    text-align: left; }
  
  .switch span.active {
    color: #222;
    font-weight: 600; }
  
  /* Switch Button */
  .switch-button {
    width: 45px !important;
    height: 24px;
    border: 1px solid #bbb;
    border-radius: 9999px;
    position: relative;
    display: inline-block;
    cursor: pointer; }
  
  .switch-button:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    background: #222;
    border-radius: 9999px;
    transition: all 0.15s; }
  
  .switch-button.active:after {
    left: 23px;
    background: #f17663; }
  
  /* Demos Preview */
  .demos-preview {
    font-size: 0; }
  
  .demos-preview li {
    vertical-align: top;
    margin-bottom: 10px; }
  
  .demos-preview li a {
    overflow: hidden;
    position: relative;
    display: block;
    height: 168px;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #f1f1f1;
    color: #888; }
    .demos-preview li a::after,
    .demos-preview li a h5 {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      transition: all 0.2s; }
    .demos-preview li a:hover::after,
    .demos-preview li a:hover h5 {
      visibility: visible;
      opacity: 1; }
    .demos-preview li a:hover h5 {
      transition-delay: 0.1s; }
    .demos-preview li a::after {
      top: 0;
      left: 0;
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8); }
    .demos-preview li a h5 {
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 100%;
      padding: 0 20px;
      text-align: center;
      text-transform: capitalize;
      transform: translate(-50%, -50%);
      font-size: 14px;
      color: #24c162; }
  
  .demos-preview li a:hover {
    color: #222;
    background: #e1e1e1; }
  
  /* Demos Preview Image */
  .dp-img {
    position: absolute;
    left: calc(-100% - 10px);
    bottom: 150px;
    width: 100%;
    max-width: initial;
    border: 5px solid #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
    transition: all 0.2s 0.3s;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background: #ccc; }
    .dp-img.appeared {
      opacity: 1;
      visibility: visible;
      transform: translateX(0);
      transition: all 0.2s; }
  
  /* Responsive case */
  @media (max-height: 720px) {
    .demos-preview li img {
      left: 293px; } }
  
  /**
   * styles.css file is divided as the following:
   *
   * ( 01 ) - General Settings
   * ( 02 ) - General Contents
   * ( 03 ) - Header
   * ( 04 ) - Banner
   * ( 05 ) - Content
   * ( 06 ) - Footer
   *
   */
  /**
    * -------------------------------------------------------------------------------
    * ( 01 ) - General Settings
    * -------------------------------------------------------------------------------
    *
    *  This part contains the general settings that you can change like general
    *  font-family, color, headings settings, paragraphs, .. etc.
    *
    * ------
    *
    *  General Basics divided to the following sections:
    *
    *    |
    *    |-->  [ 01 ] - Small Reset
    *    |-->  [ 02 ] - Body
    *    |-->  [ 03 ] - General Links
    *    |-->  [ 04 ] - Headings
    *    |-->  [ 05 ] - Paragraphs
    *    |-->  [ 06 ] - Images
    *    |-->  [ 07 ] - Strong
    *    |-->  [ 08 ] - Texts Highlighting Selection
    *    |-->  [ 09 ] - Text Colored
    *    |-->  [ 10 ] - Form Settings
    *
    */
  /*  [ 01 ] - Small Reset
  =========================== */
  body, ul, ol, h1, h2, h3, h4, h5, h6, form, li, p, input, select, legend, textarea, fieldset {
    margin: 0;
    padding: 0; }
  
  /*  [ 02 ] - Body
  ==================== */
  body {
    width: 100%;
    position: relative;
    font: 16px/1.7 "Lato", "Cairo", sans-serif;
    background: #fff;
    color: #999; }
    body.boxed {
      background: #eee; }
      body.boxed #full-container,
      body.boxed #header-wrap,
      body.boxed #scroll-progress {
        width: 1300px; }
      body.boxed #full-container {
        margin: 50px auto;
        border-radius: 5px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); }
        body.boxed #full-container #header-wrap,
        body.boxed #full-container #scroll-progress {
          margin: auto; }
        body.boxed #full-container #header-wrap {
          width: 100%; }
  
  #full-container {
    overflow: hidden;
    position: relative;
    max-width: 100%; }
  
  /* Removing last element margin bottom in column */
  [class*="col-"] p:last-child,
  [class*="col-"] .img-preview:last-child,
  [class*="col-"] .video-preview:last-child,
  [class*="col-"] .entry:last-child,
  [class*="col-"] .connect-box:last-child {
    margin-bottom: 0; }
  
  /*  [ 03 ] - General Links
  ============================= */
  a,
  a img {
    outline: none !important;
    border: none; }
  
  a {
    text-decoration: none;
    color: #24c162;
    transition: all 0.15s; }
  
  a:hover {
    text-decoration: none;
    color: #000; }
  
  a:focus {
    color: #666;
    text-decoration: none; }
  
  p a {
    border-bottom: 1px dotted transparent; }
  
  p a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #24c162; }
  
  /*  [ 04 ] - Headings
  ======================== */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: "Montserrat", "Droid Arabic Kufi", sans-serif;
    font-weight: 700;
    line-height: 1.55;
    text-transform: uppercase;
    color: #000; }
    h1.capitalized,
    h2.capitalized,
    h3.capitalized,
    h4.capitalized,
    h5.capitalized,
    h6.capitalized {
      text-transform: capitalize !important; }
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      text-decoration: none;
      color: #000;
      transition: all 0.2s; }
      h1 a:hover,
      h2 a:hover,
      h3 a:hover,
      h4 a:hover,
      h5 a:hover,
      h6 a:hover {
        color: #666; }
  
  h1 {
    font-size: 33px; }
  
  h2 {
    font-size: 28px; }
  
  h3 {
    font-size: 23px; }
  
  h4 {
    font-size: 18px; }
  
  h5 {
    font-size: 15px; }
  
  h6 {
    font-size: 12px; }
  
  .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
    color: #fff; }
  
  /* Main Heading */
  .main-heading {
    margin-bottom: 40px; }
  
  h4.main-heading {
    margin-bottom: 35px; }
  
  h5.main-heading,
  h6.main-heading {
    margin-bottom: 30px; }
  
  .main-heading + .subheader {
    margin: -37px 0 40px; }
  
  h4.main-heading + .subheader {
    margin: -32px 0 40px; }
  
  h5.main-heading + .subheader,
  h6.main-heading + .subheader {
    margin: -28px 0 40px; }
  
  /* Subheaders */
  .subheader {
    font-weight: 400;
    display: block;
    color: #24c162;
    margin-bottom: 12px; }
    .subheader:last-child {
      margin-bottom: 0; }
  
  h5.subheader,
  h6.subheader {
    font-weight: 400; }
  
  .subheader + h1,
  .subheader + h2,
  .subheader + h3,
  .subheader + h4,
  .subheader + h5,
  .subheader + h6 {
    margin-top: -12px; }
  
  h1 + .subheader,
  h2 + .subheader,
  h3 + .subheader,
  h4 + .subheader,
  h5 + .subheader,
  h6 + .subheader {
    margin-top: -2px; }
  
  /*  [ 05 ] - Paragraphs
  ========================== */
  p {
    margin-bottom: 22px; }
  
  .dark p {
    color: #fff; }
  
  /*  [ 06 ] - Images
  ====================== */
  img {
    max-width: 100%; }
  
  /*  [ 07 ] - Strong
  ====================== */
  strong {
    color: #000;
    font-weight: 600; }
  
  /*  [ 08 ] - Texts Highlighting Selection
  ============================================ */
  ::-moz-selection {
    background: #c0eaf5;
    color: #000; }
  
  ::selection {
    background: #c0eaf5;
    color: #000; }
  
  /*  [ 09 ] - Text Colored
  ============================ */
  .colored {
    color: #24c162; }
  
  /*  [ 10 ] - Form Settings
  ============================ */
  form {
    position: relative;
    font-family: "Montserrat", "Droid Arabic Kufi", sans-serif !important; }
    form [class*="col-"]:last-child .form-group:last-child {
      overflow: hidden;
      margin-bottom: 0 !important; }
  
  form .form-group {
    position: relative;
    margin-bottom: 22px; }
  
  input,
  input.form-control,
  button,
  button.form-control,
  textarea,
  textarea.form-control,
  select,
  select.form-control {
    width: 100%;
    font-size: 13px;
    height: 50px;
    line-height: 51px;
    border-radius: 4px;
    color: #000;
    outline: none;
    padding: 0 20px;
    transition: all 0.2s;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    background: #fff; }
  
  textarea,
  textarea.form-control {
    height: 200px;
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 27px !important;
    resize: vertical; }
  
  input:focus,
  input.form-control:focus,
  textarea:focus,
  textarea.form-control:focus,
  select:focus,
  select.form-control:focus {
    box-shadow: none;
    border-color: #24c162;
    background: #fff; }
  
  button:focus,
  button.form-control:focus {
    box-shadow: none;
    border-color: transparent; }
  
  .field-icon {
    position: absolute;
    background: #eee;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #222;
    border-radius: 100%;
    font-size: 13px;
    top: 10px;
    left: 10px; }
  
  .field-icon + input[type="text"],
  .field-icon + input[type="email"],
  .field-icon + textarea {
    text-indent: 30px; }
  
  .form-inline .form-control {
    width: 100%; }
  
  abbr {
    cursor: help; }
  
  label {
    vertical-align: top;
    margin-bottom: 0;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 12px; }
  
  label.error {
    color: #ff3333;
    display: block; }
  
  input[type="submit"],
  input[type="submit"].form-control,
  input[type="submit"],
  input[type="submit"].form-control {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    height: 50px;
    line-height: 51px;
    padding: 0 26px;
    font-size: 12px;
    position: relative;
    border: none;
    color: #fff;
    background: #f7941d;
    transition: all 0.2s;
    width: auto;
    border-radius: 4px;
    border: none; }
  
  .form-inline .form-control[type="submit"] {
    width: auto; }
  
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"].form-control:hover,
  input[type="submit"].form-control:focus {
    background: #000; }
  
  input[type="submit"]:focus,
  input[type="submit"].form-control:focus {
    box-shadow: none; }
  
  /**
   * -------------------------------------------------------------------------------
   * ( 02 ) - General Contents
   * -------------------------------------------------------------------------------
   *
   *  This part contains the basic general contents like box preview, image  
   *  preview, flat section, parallax section .. etc.
   *
   * ------
   *
   *  General Contents divided to the following sections:
   *
   *    |
   *    |-->  [ 01 ] - Flat Section
   *    |-->  [ 02 ] - Parallax Section
   *    |-->  [ 03 ] - Overlay Colored & Pattern
   *    |-->  [ 04 ] - Image BG
   *    |-->  [ 05 ] - Slider Image BG
   *    |-->  [ 06 ] - Image Preview
   *    |-->  [ 07 ] - Video Preview
   *    |-->  [ 08 ] - Box Info
   *    |-->  [ 09 ] - Divider Space
   *    |-->  [ 10 ] - Magnific Popup
   *    |-->  [ 11 ] - Icons
   *    |-->  [ 12 ] - Buttons
   *    |-->  [ 13 ] - Social Icons
   *    |-->  [ 14 ] - Testimonial Single 1
   *    |-->  [ 15 ] - Scroll Progress
   *    |-->  [ 16 ] - Website Loading
   *    |-->  [ 17 ] - Scroll Top Icon
   *
   */
  /*  [ 01 ] - Flat Section
  =========================== */
  .flat-section {
    width: 100%;
    position: relative; }
    .flat-section .section-content {
      width: 100%;
      padding: 120px 0 120px;
      position: relative;
      clear: both;
      background: #fff; }
      .flat-section .section-content > .container-fluid {
        padding: 0; }
  
  .section-title {
    margin-bottom: 70px; }
    .section-title p {
      margin-top: -2px;
      font-size: 16px; }
  
  /* Split Section */
  .split-section {
    position: relative;
    overflow: hidden; }
    .split-section .section-content-wrap {
      position: relative;
      overflow: hidden; }
    .split-section .section-img-wrap {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      padding: 0; }
      .split-section .section-img-wrap .section-img {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .split-section .section-img-wrap .img-bg {
        height: 100%; }
    .split-section .section-content {
      padding: 130px 0 130px 45px; }
      .split-section .section-content.side-left {
        padding-left: 0;
        padding-right: 45px; }
  
  /* Center Vertical */
  .center-vertical .section-content > .container > .row {
    display: flex;
    align-items: center; }
    .center-vertical .section-content > .container > .row > [class*="col-"] {
      display: flex;
      align-items: center; }
      .center-vertical .section-content > .container > .row > [class*="col-"] .box-center {
        width: 100%; }
  
  /*  [ 02 ] - Parallax Section
  =============================== */
  .parallax-section {
    width: 100%;
    position: relative;
    background-color: #ccc;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .parallax-section .section-content {
      width: 100%;
      height: 100%;
      position: relative;
      padding: 120px 0;
      z-index: 1;
      background-attachment: fixed;
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat; }
  
  /*  [ 03 ] - Overlay Colored & Pattern
  ======================================== */
  .overlay-colored,
  .overlay-pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  
  .overlay-colored {
    z-index: 1; }
  
  .overlay-pattern {
    z-index: 2;
    background-image: url("../images/general-elements/overlay-pattern.png");
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: repeat;
    background-position: top left; }
  
  /*  [ 04 ] - Image BG
  ======================= */
  .img-bg {
    overflow: hidden;
    position: relative;
    display: block;
    background: #ddd no-repeat center / cover;
    transition: all 0.5s;
    width: 100%; }
    .img-bg .bg-element {
      position: absolute;
      width: 100%;
      height: 100%;
      background: no-repeat top center / cover;
      transition: all 0.4s ease; }
    .img-bg > a {
      position: relative;
      display: block;
      height: 100%; }
      .img-bg > a img {
        display: block; }
    .img-bg .overlay {
      position: absolute;
      display: table;
      top: 0;
      left: 0;
      width: calc(100% + 1px);
      height: 100%;
      text-align: center;
      background: rgba(0, 0, 0, 0.75); }
      .img-bg .overlay,
      .img-bg .overlay .overlay-inner {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease; }
      .img-bg .overlay .overlay-inner {
        display: table-cell;
        vertical-align: middle;
        left: 0;
        width: 100%;
        padding: 30px;
        transition: all 0.2s 0.2s; }
        .img-bg .overlay .overlay-inner > * {
          position: relative;
          z-index: 10; }
        .img-bg .overlay .overlay-inner .sub-title {
          color: #24c162;
          position: relative;
          text-transform: uppercase;
          font-weight: 400; }
        .img-bg .overlay .overlay-inner h1:last-child, .img-bg .overlay .overlay-inner h2:last-child, .img-bg .overlay .overlay-inner h3:last-child, .img-bg .overlay .overlay-inner h4:last-child, .img-bg .overlay .overlay-inner h5:last-child, .img-bg .overlay .overlay-inner h6:last-child {
          margin-bottom: 0; }
        .img-bg .overlay .overlay-inner h1:not(.subhddeader), .img-bg .overlay .overlay-inner h2:not(.subhddeader), .img-bg .overlay .overlay-inner h3:not(.subhddeader), .img-bg .overlay .overlay-inner h4:not(.subhddeader), .img-bg .overlay .overlay-inner h5:not(.subhddeader), .img-bg .overlay .overlay-inner h6:not(.subhddeader) {
          color: #fff;
          text-transform: capitalize !important;
          margin-bottom: 0; }
          .img-bg .overlay .overlay-inner h1:not(.subhddeader) a, .img-bg .overlay .overlay-inner h2:not(.subhddeader) a, .img-bg .overlay .overlay-inner h3:not(.subhddeader) a, .img-bg .overlay .overlay-inner h4:not(.subhddeader) a, .img-bg .overlay .overlay-inner h5:not(.subhddeader) a, .img-bg .overlay .overlay-inner h6:not(.subhddeader) a {
            color: #fff; }
            .img-bg .overlay .overlay-inner h1:not(.subhddeader) a:hover, .img-bg .overlay .overlay-inner h2:not(.subhddeader) a:hover, .img-bg .overlay .overlay-inner h3:not(.subhddeader) a:hover, .img-bg .overlay .overlay-inner h4:not(.subhddeader) a:hover, .img-bg .overlay .overlay-inner h5:not(.subhddeader) a:hover, .img-bg .overlay .overlay-inner h6:not(.subhddeader) a:hover {
              color: #fff;
              text-decoration: underline; }
  
  /*  [ 05 ] - Slider Image BG
  ============================== */
  .slider-img-bg .bg-element {
    position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat top center / cover;
    transition: all 0.4s ease; }
  
  /*  [ 06 ] - Image Preview
  ============================ */
  .img-preview {
    margin-bottom: 40px;
    background: #ddd; }
    .img-preview img {
      width: 100%; }
  
  /*  [ 07 ] - Video Preview
  ============================ */
  .video-preview {
    margin-bottom: 40px;
    background: #ddd; }
    .video-preview:hover .overlay-colored {
      opacity: 0.3; }
    .video-preview:hover .video-btn i {
      color: #fff; }
      .video-preview:hover .video-btn i::after {
        transform: scale(1);
        opacity: 1; }
    .video-preview.vp-banner {
      overflow: hidden;
      height: 400px;
      border-radius: 10px;
      box-shadow: 0 5px 15px 10px rgba(0, 0, 0, 0.15); }
    .video-preview .img-bg {
      height: 100%; }
      .video-preview .img-bg .overlay-colored {
        transition: opacity 0.4s; }
    .video-preview iframe {
      width: 100%;
      height: 100%;
      min-height: 300px;
      border: none; }
    .video-preview .video-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      margin-top: 0;
      transform: translate(-50%, -50%); }
  
  .video-btn {
    display: inline-block;
    margin-top: 40px;
    height: 80px; }
    .video-btn i {
      position: relative;
      display: inline-block;
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      font-size: 18px;
      background: #24c162;
      color: #fff;
      border-radius: 100%;
      text-indent: 3px;
      transition: all 0.1s !important; }
      .video-btn i::before {
        position: relative;
        z-index: 1; }
      .video-btn i::after {
        content: "";
        position: absolute;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        opacity: 0;
        transform: scale(0);
        background: #000;
        transition: all 0.3s; }
    .video-btn .title {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px;
      font-size: 12px;
      opacity: 0.7;
      color: #fff;
      transition: all 0.2s !important; }
    .video-btn:hover i {
      color: #fff; }
      .video-btn:hover i::after {
        transform: scale(1);
        opacity: 1; }
    .video-btn:hover .title {
      opacity: 1; }
  
  .text-right .video-btn i {
    float: right; }
  
  .text-right .video-btn .title {
    position: relative;
    top: 40px;
    transform: translateY(-50%);
    margin: 0 15px 0 0; }
  
  /*  [ 08 ] - Box Info
  ======================= */
  .box-info {
    position: relative;
    overflow: hidden; }
    .box-info.text-white {
      color: #fff; }
      .box-info.text-white p {
        color: rgba(255, 255, 255, 0.5); }
    .box-info .box-icon {
      float: left;
      margin: 6px 26px 0 0;
      padding-left: 1px; }
    .box-info .box-content {
      overflow: hidden; }
  
  /* Box Info 1 */
  .box-info-1 {
    overflow: initial; }
    .box-info-1 .box-icon {
      float: none;
      margin: 0 0 25px;
      text-align: left; }
  
  /*  [ 09 ] - Divider Space
  ============================ */
  [class*="divider-"] {
    display: block;
    overflow: hidden;
    clear: both; }
  
  .divider-140 {
    height: 140px; }
  
  .divider-130 {
    height: 130px; }
  
  .divider-120 {
    height: 120px; }
  
  .divider-110 {
    height: 110px; }
  
  .divider-100 {
    height: 100px; }
  
  .divider-90 {
    height: 90px; }
  
  .divider-80 {
    height: 80px; }
  
  .divider-70 {
    height: 70px; }
  
  .divider-60 {
    height: 60px; }
  
  .divider-50 {
    height: 50px; }
  
  .divider-40 {
    height: 40px; }
  
  .divider-30 {
    height: 30px; }
  
  .divider-20 {
    height: 20px; }
  
  .divider-10 {
    height: 10px; }
  
  /*  Divider Space with Line */
  .divider-container {
    display: block;
    position: relative;
    padding-bottom: 45px; }
  
  .divider-line {
    margin-bottom: 70px;
    border-bottom: 1px solid #eee;
    display: block;
    overflow: hidden;
    position: relative;
    top: 60px;
    clear: both; }
  
  /* Divider Space with Two Lines */
  .divider-two-lines {
    height: 4px;
    margin-bottom: 70px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: block;
    position: relative;
    top: 60px;
    clear: both; }
  
  /*  [ 10 ] - Magnific Popup
  ============================= */
  /* Popup Fade Effect */
  .mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.2s ease-out; }
  
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8; }
  
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0; }
  
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out; }
  
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1; }
  
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0; }
  
  /*  [ 11 ] - Icons
  ==================== */
  .icon {
    position: relative;
    display: inline-block;
    text-align: center;
    /* Sizes */
    /* Styles */ }
    .icon i,
    .icon img {
      display: block;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    .icon img {
      margin: auto;
      max-width: 100%;
      max-height: 100%; }
    .icon.x1 {
      width: 30px;
      height: 30px;
      font-size: 30px; }
    .icon.x2 {
      width: 40px;
      height: 40px;
      font-size: 40px; }
    .icon.x3 {
      width: 50px;
      height: 50px;
      font-size: 50px; }
    .icon.x4 {
      width: 60px;
      height: 60px;
      font-size: 60px; }
    .icon.x5 {
      width: 70px;
      height: 70px;
      font-size: 70px; }
    .icon.x6 {
      width: 80px;
      height: 80px;
      font-size: 80px; }
    .icon.x7 {
      width: 90px;
      height: 90px;
      font-size: 90px; }
    .icon.x8 {
      width: 100px;
      height: 100px;
      font-size: 100px; }
    .icon.x9 {
      width: 110px;
      height: 110px;
      font-size: 110px; }
    .icon.x10 {
      width: 120px;
      height: 120px;
      font-size: 120px; }
    .icon.dark i {
      color: #000; }
    .icon.white i {
      color: #24c162; }
    .icon.colorful-icon i {
      color: #24c162; }
  
  /*  [ 12 ] - Buttons
  ====================== */
  .btn {
    display: inline-block;
    padding: 17px 35px;
    font-size: 14px;
    border-radius: 2px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
    border: 2px solid;
    font-family: "Montserrat", "Droid Arabic Kufi", sans-serif;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
    /* Sizes */
    /* Styles */ }
    .btn.rounded {
      border-radius: 999px; }
    .btn.x-small {
      padding: 8px 16px;
      font-size: 10px; }
    .btn.small {
      padding: 10px 20px;
      font-size: 11px; }
    .btn.medium {
      padding: 13px 26px;
      font-size: 12px; }
    .btn.large {
      padding: 15px 30px;
      font-size: 13px;
      border-width: 3px; }
    .btn.x-large {
      padding: 17px 32px;
      font-size: 14px;
      border-width: 3px; }
    .btn.xx-large {
      padding: 17px 32px;
      font-size: 22px;
      border-width: 3px; }
    .btn.colorful, .btn.hover-colorful:hover {
      background: #f7941d;
      color: #fff;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      border-color: #f7941d; }
    .btn.transparent-colorful, .btn.hover-transparent-colorful:hover {
      background: transparent;
      color: #f7941d;
      text-shadow: none;
      border-color: #f7941d; }
    .btn.dark, .btn.hover-dark:hover {
      background: #000;
      color: #fff;
      text-shadow: none;
      border-color: #000; }
    .btn.transparent-dark, .btn.hover-transparent-dark:hover {
      background: transparent;
      color: #000;
      text-shadow: none;
      border-color: #000; }
    .btn.white, .btn.hover-white:hover {
      background: #fff;
      color: #000;
      text-shadow: none;
      border-color: #fff; }
    .btn.transparent-white, .btn.hover-transparent-white:hover {
      background: transparent;
      color: #fff;
      text-shadow: none;
      border-color: #fff; }
  
  /*  [ 13 ] - Social Icons
  =========================== */
  /* Social Icons */
  .social-icons {
    position: relative;
    margin-bottom: -5px;
    list-style: none;
    font-size: 0;
    /* Sizes */
    /* Rounded */
    /* Animated */
    /* Styles */ }
    .social-icons li {
      display: inline-block;
      margin-bottom: 5px; }
      .social-icons li + li {
        margin-left: 5px; }
      .social-icons li a {
        display: block;
        position: relative;
        overflow: hidden;
        text-align: center;
        background: transparent;
        border-radius: 3px;
        transition: all 0.3s ease; }
        .social-icons li a i {
          position: relative;
          top: 50%;
          display: block;
          margin: 0 auto;
          transform: translateY(-50%);
          transition: all 0.25s ease; }
          .social-icons li a i:last-child {
            opacity: 0; }
    .social-icons.x5 li a {
      width: 46px;
      height: 46px;
      line-height: 46px;
      font-size: 19px; }
    .social-icons.x5 li i:first-child, .social-icons.x5 li i:last-child {
      width: 28px;
      height: 28px;
      line-height: 28px; }
    .social-icons.rounded li a {
      border-radius: 999px; }
    .social-icons.rounded.x5 li a {
      font-size: 18px; }
    .social-icons.animated.x5 li a:hover i:first-child {
      margin-top: -28px;
      opacity: 0; }
    .social-icons.animated.x5 li a:hover i:last-child {
      opacity: 1; }
    .social-icons.colorful li a {
      background: #24c162; }
      .social-icons.colorful li a i:first-child {
        color: #fff; }
    .social-icons.hover-dark:not(.animated) li a:hover i:first-child {
      color: #fff; }
    .social-icons.hover-dark li a:hover {
      background: #000 !important; }
    .social-icons.hover-dark li a i:last-child {
      color: #fff; }
  
  /*  [ 14 ] - Testimonial Single 1
  =================================== */
  .testimonial-single-1 {
    position: relative; }
    .testimonial-single-1.text-white {
      color: #fff; }
      .testimonial-single-1.text-white .ts-content {
        color: #ccc; }
    .testimonial-single-1 .ts-content {
      position: relative;
      padding: 40px 40px 62px;
      font-size: 18px;
      font-style: italic;
      font-family: georgia;
      border: 1px solid #e0e0e0; }
    .testimonial-single-1 .quote-sign {
      position: absolute;
      bottom: 15px;
      right: 40px;
      display: block;
      height: 30px;
      font-family: georgia;
      font-size: 90px;
      line-height: 60px;
      color: #ddd; }
    .testimonial-single-1 .ts-person {
      overflow: hidden;
      position: relative;
      display: inline-block;
      margin: -35px 0 0 20px;
      padding: 0 20px;
      background: #fff; }
      .testimonial-single-1 .ts-person h5 {
        margin: 14px 0 0;
        text-transform: capitalize;
        display: inline-block; }
      .testimonial-single-1 .ts-person span {
        display: block;
        margin-top: -3px;
        font-size: 12px; }
    .testimonial-single-1 .ts-img {
      overflow: hidden;
      float: left;
      margin-right: 20px;
      width: 70px;
      height: 70px;
      border-radius: 100%; }
  
  /*  [ 15 ] - Scroll Progress
  ============================== */
  #scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 25;
    margin: auto;
    width: 100%;
    height: 2px; }
    #scroll-progress .scroll-progress {
      height: 100%; }
    #scroll-progress .scroll-progress {
      width: 0;
      background: #24c162; }
    #scroll-progress .scroll-percent {
      float: right;
      width: 80px;
      margin-top: 2px;
      color: #fff;
      font-weight: 700;
      background-color: #000;
      padding: 5px;
      text-align: center;
      display: none; }
  
  /*  [ 16 ] - Website Loading
  ============================== */
  #website-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999999;
    text-align: center;
    display: none; }
    #website-loading .loader {
      position: absolute;
      top: 50%;
      width: 100%;
      text-align: center;
      margin-top: -56px; }
  
  #loading-progress {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center; }
    #loading-progress::before, #loading-progress::after {
      transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.8s; }
    #loading-progress::before, #loading-progress::after {
      content: "";
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    #loading-progress::before {
      background: #24c162; }
    #loading-progress::after {
      background: #fff; }
    #loading-progress.hide-it {
      visibility: hidden;
      transition-delay: 1.5s; }
      #loading-progress.hide-it::before, #loading-progress.hide-it::after {
        transform: translateY(-100%); }
      #loading-progress.hide-it::before {
        transition-delay: 1.1s; }
    #loading-progress .logo {
      position: absolute;
      top: 150px;
      left: 0;
      right: 0;
      z-index: 1;
      transition: all 0.4s 0.3s; }
    #loading-progress .lp-content {
      position: absolute;
      top: 50%;
      width: 100%;
      z-index: 1;
      transform: translateY(-50%);
      transition: all 0.4s; }
    #loading-progress .lp-counter {
      margin-bottom: 9px;
      font-size: 14px;
      font-weight: 300;
      font-family: "Montserrat", "Droid Arabic Kufi", sans-serif;
      color: #999; }
      #loading-progress .lp-counter #lp-counter {
        display: inline-block;
        width: 33px;
        font-weight: 600;
        text-align: left;
        color: #000; }
    #loading-progress .lp-bar {
      position: relative;
      margin: auto;
      width: 150px;
      background: #eee; }
      #loading-progress .lp-bar #lp-bar {
        height: 2px;
        background: #24c162;
        width: 0; }
  
  /* Scroll Reveal */
  .reveal {
    opacity: 0; }
  
  /*  [ 17 ] - Scroll Top Icon
  ============================== */
  .scroll-top-icon {
    width: 45px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 2px;
    background: #24c162;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    bottom: -50px;
    right: 20px;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1); }
    .scroll-top-icon.show {
      bottom: 20px; }
    .scroll-top-icon:hover {
      background: #000;
      color: #fff;
      bottom: 22px; }
    .scroll-top-icon:focus {
      background: #24c162;
      color: #fff; }
  
  /**
    * -------------------------------------------------------------------------------
    * ( 03 ) - Header
    * -------------------------------------------------------------------------------
    *
    *  This part contains logo, main menu and call to action button.
    *
    * ------
    *
    *  Header is divided to the following sections:
    *
    *    |
    *    |-->  [ 01 ] - Logo
    *    |-->  [ 02 ] - Main Menu
    *    |-->  [ 03 ] - Header Meta
    *
    */
  #header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    font-size: 13px; }
    #header .header-menu-and-meta {
      float: right;
      height: 100%; }
    #header.text-white #header-wrap {
      border-bottom-color: rgba(255, 255, 255, 0.15); }
    #header.text-white .logo.logo-text h3 + span {
      color: #fff; }
    #header.text-white .main-menu > li > a {
      color: #fff; }
    #header.text-white .main-menu > li > a.current,
    #header.text-white .main-menu > li:hover > a,
    #header.text-white .main-menu > li > a:hover {
      color: #fff; }
    #header.text-white .header-meta .info-call {
      color: #fff; }
    #header.text-white .hamburger-inner,
    #header.text-white .hamburger-inner::before,
    #header.text-white .hamburger-inner::after {
      background: #fff; }
  
  #header,
  #header-wrap {
    height: 100px;
    background: transparent;
    transition: height 0.3s, background 0.3s; }
  
  #header-wrap {
    left: 0;
    top: 0;
    width: 100%; }
  
  #header .container,
  #header .row,
  #header [class*="col-"] {
    height: 100%; }
  
  #header .col-md-12 {
    width: 100%; }
  
  #header .row {
    display: flex; }
  
  /* Sticky Header */
  .sticky #header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-bottom-color: transparent; }
    .sticky #header-wrap .logo-header.logo-text {
      text-align: left; }
      .sticky #header-wrap .logo-header.logo-text h3 + span {
        opacity: 1;
        color: #999; }
    .sticky #header-wrap .main-menu > li > a {
      color: #000; }
    .sticky #header-wrap .main-menu > li > a.current,
    .sticky #header-wrap .main-menu > li:hover > a,
    .sticky #header-wrap .main-menu > li > a:hover {
      color: #24c162; }
    .sticky #header-wrap .hamburger-inner,
    .sticky #header-wrap .hamburger-inner::before,
    .sticky #header-wrap .hamburger-inner::after {
      background: #000; }
  
  @media (min-width: 1200px) {
    #header.style-1.sticky,
    #header.style-1.sticky #header-wrap {
      height: 80px; }
    #header.style-1.sticky .header-btn,
    #header.style-1.sticky .mobile-menu-btn {
      top: 40px; } }
  
  /*  [ 01 ] - Logo
  =================== */
  .logo {
    display: inline-block; }
    .logo img {
      max-height: 100%; }
    .logo h3,
    .logo h3 + span {
      display: none; }
    .logo.text-white h3,
    .logo.text-white span {
      color: #fff; }
    .logo.text-white span {
      opacity: 0.7; }
    .logo.logo-text img {
      display: none; }
    .logo.logo-text h3,
    .logo.logo-text h3 + span {
      display: block; }
    .logo.logo-text h3 {
      position: relative;
      margin-bottom: -1px;
      font-size: 18px;
      font-weight: 600; }
    .logo.logo-text h3 + span {
      font-size: 12px;
      opacity: 0.7;
      color: #666; }
  
  .logo-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    float: left;
    transition: color 0.15s, top 0.3s; }
    .logo-header.logo-text {
      text-align: left; }
  
  /*  [ 02 ] - Main Menu
  ========================= */
  .main-menu {
    list-style: none;
    display: inline-block;
    position: relative;
    height: 100%; }
    .main-menu li {
      position: relative;
      white-space: nowrap;
      /* no need for Supersubs plugin */ }
      .main-menu li a {
        transition: all 0.15s;
        font-family: "Montserrat", "Droid Arabic Kufi", sans-serif; }
    .main-menu > li {
      float: left;
      height: 100%; }
      .main-menu > li > a {
        height: 100%;
        display: flex;
        align-items: center;
        line-height: 100px;
        font-size: 15px;
        padding: 0 13px;
        font-weight: 500;
        color: #000;
        transition: color 0.15s, height 0.3s, line-height 0.3s; }
      .main-menu > li > a.current,
      .main-menu > li:hover > a,
      .main-menu > li > a:hover {
        color: #24c162; }
    .main-menu ul {
      list-style: none;
      text-align: left; }
    .main-menu li:hover > ul.sub-menu,
    .main-menu li.sfHover > ul.sub-menu {
      display: block; }
    .main-menu ul.sub-menu,
    .main-menu ul.sub-menu li:last-child a {
      border-radius: 0 0 4px 4px; }
    .main-menu li a + ul.sub-menu {
      min-width: 16em;
      display: none;
      position: absolute;
      top: calc(100% - 1px);
      left: 0;
      z-index: 99;
      background: #fff;
      box-shadow: 0px 6px 6px 4px rgba(0, 0, 0, 0.02);
      border: 1px solid #eee; }
    .main-menu ul.sub-menu li a {
      display: block;
      position: relative;
      color: #000;
      font-weight: 600;
      font-size: 13px;
      padding: 14px 20px;
      border-bottom: 1px solid #e1e1e1; }
    .main-menu ul.sub-menu li:last-child a {
      border: none; }
    .main-menu ul.sub-menu li a:hover,
    .main-menu ul.sub-menu li:hover > a {
      color: #24c162;
      background: #fbfbfb;
      padding-left: 25px; }
    .main-menu .megamenu ul.sub-menu li a:hover {
      padding-left: 5px;
      background: transparent; }
    .main-menu ul.sub-menu ul {
      top: -1px !important;
      left: 100% !important; }
    .main-menu > li > ul.sub-menu.reverse-pos {
      right: 0 !important;
      left: auto !important; }
    .main-menu ul.sub-menu ul.reverse-pos {
      right: 100% !important;
      left: auto !important; }
    .main-menu.sf-arrows a.sf-with-ul::after {
      font-family: "FontAwesome";
      font-size: 13px;
      color: #999; }
    .main-menu.sf-arrows > li > a.sf-with-ul::after {
      position: relative;
      margin-left: 6px;
      content: '\f107';
      font-weight: lighter; }
    .main-menu.sf-arrows ul.sub-menu a.sf-with-ul::after {
      position: absolute;
      font-weight: 400;
      content: '\f105';
      right: 15px;
      top: 13px; }
    .main-menu.sf-arrows li > a.sf-with-ul:focus:after,
    .main-menu.sf-arrows li:hover > a.sf-with-ul:after,
    .main-menu.sf-arrows .sfHover > a.sf-with-ul:after {
      color: #24c162; }
  
  /* Mobile Menu */
  #mobile-menu-wrap {
    display: none;
    padding: 12px 0;
    border-top: 1px solid #e7e7e7;
    background: #fff; }
  
  #mobile-menu {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    clear: both;
    height: 200px;
    background: #fff; }
    #mobile-menu .ss-content {
      padding: 0 5px 0 0; }
    #mobile-menu .ss-scroll {
      opacity: 0.5;
      width: 6px; }
    #mobile-menu.ss-container:hover .ss-scroll {
      opacity: 1; }
  
  #mobile-menu ul {
    list-style: none; }
  
  .mobile-menu {
    max-width: 1140px;
    margin: 0 auto;
    /* 2nd Level Menus */ }
    .mobile-menu li {
      border-bottom: 1px solid #e7e7e7;
      position: relative; }
      .mobile-menu li:last-child {
        border-bottom: none; }
      .mobile-menu li:hover > a {
        color: #24c162; }
      .mobile-menu li a {
        display: block;
        position: relative;
        font-size: 13px;
        font-weight: 700;
        color: #222;
        padding: 14px 30px 14px 0;
        font-family: "Montserrat", "Droid Arabic Kufi", sans-serif; }
    .mobile-menu > li > a:hover,
    .mobile-menu > li > a.current {
      color: #24c162; }
    .mobile-menu ul {
      padding-left: 15px;
      display: none;
      border-top: 1px solid #e7e7e7; }
      .mobile-menu ul a {
        color: #222;
        font-weight: 600;
        font-size: 13px;
        padding: 11px 30px 11px 0; }
        .mobile-menu ul a:hover {
          font-weight: 600; }
      .mobile-menu ul li:hover > ul {
        /*display: block;*/
        /* Useful if plugin not working */ }
    .mobile-menu.sf-arrows a.sf-with-ul::after {
      font-family: "FontAwesome";
      color: #999;
      position: absolute; }
    .mobile-menu.sf-arrows > li > a.sf-with-ul::after {
      /*display: none;*/
      content: '\f105';
      font-size: 17px;
      right: 0;
      top: 11px;
      font-weight: lighter;
      transition: all 0.2s; }
    .mobile-menu.sf-arrows > li > a.sf-with-ul:focus:after,
    .mobile-menu.sf-arrows > li:hover > a.sf-with-ul:after,
    .mobile-menu.sf-arrows > .sfHover > a.sf-with-ul:after {
      color: #24c162;
      font-weight: 700; }
    .mobile-menu.sf-arrows ul.sub-menu a.sf-with-ul::after {
      content: '\f107';
      font-size: 15px;
      top: 8px;
      right: 0;
      font-weight: 100; }
    .mobile-menu.sf-arrows li > a.sf-with-ul:focus:after,
    .mobile-menu.sf-arrows li:hover > a.sf-with-ul:after,
    .mobile-menu.sf-arrows .sfHover > a.sf-with-ul:after {
      color: #24c162;
      font-weight: 700; }
  
  /* Mobile Menu Button */
  .mobile-menu-btn {
    display: none;
    position: relative;
    margin-right: 20px !important;
    transition: top 0.3s; }
  
  .mobile-menu-btn.is-active i {
    background: #0556dd; }
  
  .hamburger {
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
  
  .hamburger-box {
    width: 30px;
    height: 22px;
    display: block;
    position: relative; }
  
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
  
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  
  .hamburger-inner::before {
    top: -10px; }
  
  .hamburger-inner::after {
    bottom: -10px; }
  
  /* Slider Effect */
  .hamburger--slider .hamburger-inner {
    top: 2px; }
  
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
  
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }
  
  .hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg); }
  
  /* Simple Scroll */
  .ss-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
    margin-left: -18px;
    width: calc(100% + 0);
    overflow-x: hidden; }
  
  .ss-content {
    height: 100%;
    width: 100%;
    padding: 0 32px 0 0;
    position: relative;
    right: -18px;
    overflow: auto;
    box-sizing: border-box;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll; }
  
  .ss-scroll {
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    width: 9px;
    border-radius: 4px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s linear;
    right: 0 !important;
    width: 6px;
    transition: color 0.25s, opacity 0.25s; }
  
  .ss-hidden {
    display: none; }
  
  .ss-container:hover .ss-scroll {
    opacity: 1; }
  
  .ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  
  /*  [ 03 ] - Header Meta
  ========================== */
  .header-meta {
    display: flex;
    align-items: center;
    float: right;
    height: 100%;
    padding-left: 30px; }
  
  .info-call {
    font-size: 15px;
    font-family: "Montserrat", "Droid Arabic Kufi", sans-serif;
    color: #000; }
    .info-call i {
      margin-right: 8px; }
  
  /**
    * -------------------------------------------------------------------------------
    * ( 04 ) - Banner
    * -------------------------------------------------------------------------------
    *
    *  This part contains all banner related contents like banner slider, bannar
    *  parallax
    *
    * ------
    *
    *  Banner is divided to the following sections:
    *
    *    |
    *    |-->  [ 01 ] - Banner Parallax
    *    |-->  [ 02 ] - Banner Slider
    *
    */
  #banner {
    position: relative;
    overflow: hidden; }
    #banner.rounded-bottom .separator-bottom {
      position: absolute;
      overflow: hidden;
      bottom: 0;
      z-index: 1;
      width: 100%;
      height: 120px; }
      #banner.rounded-bottom .separator-bottom::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% + 80px);
        margin-left: -40px;
        height: 320px;
        border-radius: 230% / 200%;
        box-shadow: 0 0 0 180px #fff; }
  
  /*  [ 01 ] - Banner Parallax
  ============================== */
  .banner-parallax {
    overflow: hidden;
    position: relative;
    background-color: #bbb;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat; }
    .banner-parallax.blured-bg > .bg-element {
      -webkit-filter: blur(5px);
      filter: blur(5px); }
    .banner-parallax .bg-element {
      position: absolute;
      width: 100%;
      height: 100%;
      background: no-repeat top center / cover; }
      .banner-parallax .bg-element + img {
        display: none; }
    .banner-parallax,
    .banner-parallax .row > [class*="col-"] {
      min-height: 750px; }
    .banner-parallax .row {
      display: flex;
      align-items: center; }
    .banner-parallax .row > [class*="col-"] {
      display: flex;
      align-items: center; }
    .banner-parallax .container,
    .banner-parallax .row,
    .banner-parallax .row > [class*="col-"] {
      height: 100%;
      z-index: 1; }
  
  @media (min-width: 992px) {
    .fullscreen .banner-parallax,
    .fullscreen .banner-slider {
      height: 100% !important; } }
  
  .video-background {
    position: absolute;
    width: 100%;
    height: 100%; }
  
  .owl-carousel .owl-item {
    -webkit-backface-visibility: initial;
    backface-visibility: initial; }
  
  /* Slide Content */
  .slide-content {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    z-index: 1; }
    .slide-content h1 {
      position: relative;
      font-size: 60px;
      line-height: 70px; }
    .slide-content .description {
      margin-top: 20px;
      line-height: 1.8;
      opacity: 0.8;
      font-size: 22px;
      color: #777; }
  
  /* Banner Center Box */
  .banner-center-box {
    padding: 160px 0 100px;
    max-height: 100%;
    max-width: 100%;
    width: 100%; }
    .banner-center-box > * {
      position: relative; }
    .banner-center-box.text-center .separator-dots {
      left: 0;
      margin-left: auto;
      margin-right: auto; }
    .banner-center-box.text-white h1 {
      color: #fff; }
    .banner-center-box.text-white .description {
      color: rgba(255, 255, 255, 0.9); }
  
  .banner-center-box.bottom-position {
    margin-top: auto;
    padding-bottom: 0; }
  
  .banner-center-box h1:last-child,
  .banner-center-box h2:last-child,
  .banner-center-box h3:last-child,
  .banner-center-box h4:last-child,
  .banner-center-box h5:last-child,
  .banner-center-box h6:last-child {
    padding-bottom: 0;
    margin-bottom: 0; }
  
  .banner-center-box img {
    max-height: 100%;
    max-width: 100%; }
  
  /*  [ 02 ] - Banner Slider
  ============================= */
  .banner-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff;
    /* Inside Content Optimization Against Banner Parallax */
    /* Next & Prev Buttons */
    /* Dots Buttons */ }
    .banner-slider,
    .banner-slider .row > [class*="col-"] {
      min-height: 750px; }
    .banner-slider > ul {
      list-style: none;
      width: auto !important;
      height: 100% li;
        height-display: block;
        height-background-position: top center;
        height-background-size: cover;
        height-background-repeat: no-repeat;
        height-background-clip: content-box; }
      .banner-slider > ul .slide {
        position: relative; }
        .banner-slider > ul .slide > img {
          display: none;
          width: 100%; }
    .banner-slider .owl-nav {
      margin: 0; }
      .banner-slider .owl-nav [class*="owl-"] {
        font-size: 30px;
        font-weight: 100;
        width: 40px;
        height: 100px;
        line-height: 96px;
        margin: 0;
        padding: 0;
        margin-top: -50px !important;
        position: absolute;
        top: 50%;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        color: #fff;
        background: rgba(0, 0, 0, 0.5); }
        .banner-slider .owl-nav [class*="owl-"]:hover {
          background: #24c162;
          color: #fff; }
      .banner-slider .owl-nav .owl-prev {
        left: 0;
        margin-left: 0;
        text-indent: -2px; }
      .banner-slider .owl-nav .owl-next {
        right: 0;
        margin-right: 0;
        text-indent: 2px; }
      .banner-slider .owl-nav .disabled {
        opacity: 0.5;
        cursor: default; }
    .banner-slider:hover .owl-nav [class*="owl-"] {
      opacity: 1;
      visibility: visible; }
    .banner-slider:hover .owl-nav .owl-prev {
      margin-left: 0; }
      .banner-slider:hover .owl-nav .owl-prev:hover {
        margin-left: 0; }
    .banner-slider:hover .owl-nav .owl-next {
      margin-right: 0; }
      .banner-slider:hover .owl-nav .owl-next:hover {
        margin-right: 0; }
    .banner-slider .owl-dots {
      margin: 0;
      position: absolute;
      bottom: 40px;
      width: 100%; }
      .banner-slider .owl-dots .owl-dot {
        margin: 0 2.5px;
        border-radius: 100%;
        width: 14px;
        height: 14px; }
        .banner-slider .owl-dots .owl-dot:hover span {
          background: rgba(160, 160, 160, 0.5); }
        .banner-slider .owl-dots .owl-dot.active span,
        .banner-slider .owl-dots .owl-dot.active:hover span {
          background: #e6e6e6; }
        .banner-slider .owl-dots .owl-dot span {
          width: 100%;
          margin: 0;
          border-radius: 100%;
          height: 100%;
          background: rgba(120, 120, 120, 0.3);
          transition: all .15s; }
  
  /* Feel free to change duration */
  .banner-slider .animated {
    -webkit-animation-duration: 600ms !important;
    animation-duration: 600ms !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  
  .owl-animated-out {
    z-index: 1; }
  
  .owl-animated-in {
    z-index: 0; }
  
  /* backSlide */
  .backSlideOut {
    -webkit-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease; }
  
  .backSlideIn {
    -webkit-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease; }
  
  @-webkit-keyframes backSlideOut {
    25% {
      opacity: .5;
      -webkit-transform: translateZ(-500px); }
    75% {
      opacity: .5;
      -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% {
      opacity: .5;
      -webkit-transform: translateZ(-500px) translateX(-200%); } }
  
  @keyframes backSlideOut {
    25% {
      opacity: .5;
      transform: translateZ(-500px); }
    75% {
      opacity: .5;
      transform: translateZ(-500px) translateX(-200%); }
    100% {
      opacity: .5;
      transform: translateZ(-500px) translateX(-200%); } }
  
  @-webkit-keyframes backSlideIn {
    0%, 25% {
      opacity: .5;
      -webkit-transform: translateZ(-500px) translateX(200%); }
    75% {
      opacity: .5;
      -webkit-transform: translateZ(-500px); }
    100% {
      opacity: 1;
      -webkit-transform: translateZ(0) translateX(0); } }
  
  @keyframes backSlideIn {
    0%, 25% {
      opacity: .5;
      transform: translateZ(-500px) translateX(200%); }
    75% {
      opacity: .5;
      transform: translateZ(-500px); }
    100% {
      opacity: 1;
      transform: translateZ(0) translateX(0); } }
  
  /* goDown */
  .goDownOut {
    -webkit-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both; }
  
  .goDownIn {
    -webkit-animation: goDown .6s ease both;
    animation: goDown .6s ease both; }
  
  @-webkit-keyframes scaleToFade {
    to {
      opacity: 0;
      -webkit-transform: scale(0.8); } }
  
  @keyframes scaleToFade {
    to {
      opacity: 0;
      transform: scale(0.8); } }
  
  @-webkit-keyframes goDown {
    from {
      -webkit-transform: translateY(-100%); } }
  
  @keyframes goDown {
    from {
      transform: translateY(-100%); } }
  
  /* scaleUp */
  .owl-fadeUp-in {
    -webkit-animation: scaleUpFrom 1.5s ease both;
    animation: scaleUpFrom 1.5s ease both; }
  
  .owl-fadeUp-out {
    -webkit-animation: scaleUpTo .6s ease both;
    animation: scaleUpTo .6s ease both; }
  
  @-webkit-keyframes scaleUpFrom {
    from {
      opacity: 0;
      -webkit-transform: scale(1.3); } }
  
  @keyframes scaleUpFrom {
    from {
      opacity: 0;
      transform: scale(1.3); } }
  
  @-webkit-keyframes scaleUpTo {
    to {
      opacity: 0;
      -webkit-transform: scale(1); } }
  
  @keyframes scaleUpTo {
    to {
      opacity: 0;
      transform: scale(1); } }
  
  /**
    * -------------------------------------------------------------------------------
    * ( 05 ) - Content
    * -------------------------------------------------------------------------------
    *
    *  This part contains all content sections in main content
    *
    * ------
    *
    *  Content is divided to the following sections:
    *
    *    |
    *    |-->  [ 01 ] - Content
    *    |-->  [ 02 ] - Sidebar
    *    |-->  [ 03 ] - Our Services
    *    |-->  [ 04 ] - Featured Houses
    *    |-->  [ 05 ] - Watch Video
    *    |-->  [ 06 ] - Clients Testimonials
    *    |-->  [ 07 ] - CTA Title 1
    *    |-->  [ 08 ] - Intro Features
    *
    */
  #content {
    position: relative;
    background: #fff;
    z-index: 0;
    /* Important for icons animations */ }
  
  #content-wrap {
    position: relative; }
  
  /*  [ 01 ] - Content
  ====================== */
  .content.with-sidebar {
    padding-right: 10px; }
    .content.with-sidebar .blog-standard .post .post-content {
      padding: 0 50px; }
  
  .content.sidebar-left {
    padding: 0 0 0 10px; }
  
  /*  [ 02 ] - Sidebar
  ================================= */
  /*  [ 03 ] - Our Services
  ======================== */
  #our-services .section-content {
    padding: 150px 0; }
    #our-services .section-content.pb-0 {
      padding-bottom: 0 !important; }
  
  /* Box Form */
  .box-form {
    background: #fff; }
    .box-form .box-title {
      position: relative;
      padding: 30px; }
      .box-form .box-title h4 {
        margin-bottom: 0; }
      .box-form .box-title p {
        margin-bottom: 0;
        font-size: 16px; }
    .box-form .box-content {
      overflow: hidden;
      padding: 30px; }
    .box-form .form-group label:first-child {
      display: block;
      margin-bottom: 5px;
      cursor: pointer;
      text-align: left;
      font-family: "Montserrat", "Droid Arabic Kufi", sans-serif;
      font-size: 14px;
      font-weight: 700;
      color: #999; }
    .box-form .form-group input[type="submit"] {
      width: 100%;
      font-size: 16px;
      height: 70px;
      line-height: 70px; }
  
  /* Register House */
  .register-house {
    position: relative;
    padding: 0; }
    .register-house .rh-arrow {
      position: absolute;
      top: -27.5px;
      left: 50%;
      transform: translateX(-50%);
      width: 55px;
      height: 55px;
      line-height: 49px;
      font-size: 24px;
      border-radius: 100%;
      border: 3px solid #fff;
      text-align: center;
      box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
      background: #24c162;
      color: #fff; }
    .register-house .box-title {
      padding: 50px;
      background: #000;
      color: #fff; }
      .register-house .box-title h4 {
        font-size: 20px;
        color: #fff; }
    .register-house .box-content {
      padding: 35px 50px 45px;
      border: 1px solid #e0e0e0;
      border-top: none; }
  
  /* Form Register House */
  #form-register-house img {
    position: absolute;
    right: -35px;
    bottom: -40px; }
  
  #form-register-house .form-group:last-child {
    margin-bottom: 0;
    padding-top: 8px;
    text-align: left; }
  
  #form-register-house input.error,
  #form-register-house textarea.error {
    border-color: #f33;
    background: #fff; }
  
  #form-register-house label.error {
    margin: 3px 0 -3px;
    text-align: left;
    font-size: 12px; }
  
  /* Form Register House Notifications */
  .rh-notifications,
  .rh-notifications {
    display: none;
    margin-bottom: 20px;
    text-align: left; }
    .rh-notifications a,
    .rh-notifications a {
      text-decoration: underline;
      color: #fff; }
      .rh-notifications a:hover,
      .rh-notifications a:hover {
        color: #fff;
        text-decoration: none; }
  
  .rh-notifications-content,
  .rh-notifications-content {
    padding: 15px 15px 15px 48px;
    border-radius: 4px;
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    background: #ff3333;
    position: relative; }
    .rh-notifications-content.sent,
    .rh-notifications-content.sent {
      background: #3aae39; }
  
  .rh-error-icon,
  .rh-success-icon,
  .rh-error-icon,
  .rh-success-icon {
    color: #fff;
    font-size: 12px !important;
    width: 24px;
    height: 24px;
    line-height: 24px !important;
    background: rgba(0, 0, 0, 0.2);
    left: 15px;
    position: absolute;
    top: 13px;
    border-radius: 50%;
    text-align: center; }
  
  .popup-preview .register-house .box-content {
    padding-left: 35px;
    padding-right: 35px; }
  
  body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    background: #777; }
  
  body.scroll-lock {
    overflow: hidden; }
    body.scroll-lock::after {
      opacity: 0.7;
      visibility: visible; }
    body.scroll-lock .popup-preview {
      overflow-y: auto;
      align-items: initial; }
  
  /* Popup Preview */
  .popup-preview {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s; }
    .popup-preview.viewed {
      opacity: 1;
      visibility: visible; }
      .popup-preview.viewed .popup-content {
        margin-top: 0;
        padding: 100px 0;
        opacity: 1;
        visibility: visible; }
    .popup-preview .popup-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.7; }
    .popup-preview .popup-content {
      position: relative;
      margin-top: 60px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s 0.3s ease; }
    .popup-preview .popup-close {
      position: absolute;
      top: -40px;
      right: 0;
      opacity: 0.6; }
      .popup-preview .popup-close:hover {
        opacity: 1; }
      .popup-preview .popup-close .hamburger-box {
        width: 25px; }
      .popup-preview .popup-close .hamburger-inner,
      .popup-preview .popup-close .hamburger-inner::before,
      .popup-preview .popup-close .hamburger-inner::after {
        width: 25px;
        background: #fff; }
    .popup-preview .bh-form-1 {
      width: 360px; }
    .popup-preview .bh-form-2 {
      margin-top: 0; }
  
  /*  [ 04 ] - Featured Houses
  ============================== */
  #featured-houses .section-content {
    background: #f9f9f9; }
  
  #featured-houses.bg-white .section-content {
    background: #fff; }
  
  /* Box Preview */
  .box-preview {
    width: 100%;
    position: relative;
    top: 0;
    transition: all 0.3s ease; }
    .box-preview .box-img {
      height: 260px;
      transition: all 0.3s ease;
      position: relative; }
      .box-preview .box-img a {
        display: block;
        height: 100%; }
      .box-preview .box-img .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        padding: 30px; }
      .box-preview .box-img img {
        display: block; }
    .box-preview .box-content {
      padding: 70px 50px;
      background: #fff;
      position: relative;
      border-bottom: 1px solid #eee; }
      .box-preview .box-content h4 {
        margin-bottom: 2px; }
  
  /* Box Project House */
  .box-project-house .sign-featured {
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 1;
    width: auto !important; }
  
  .box-project-house .box-img {
    height: 285px; }
  
  .box-project-house .box-content {
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid #e0e0e0;
    border-top: none;
    text-align: center;
    background: #fff; }
    .box-project-house .box-content .price {
      font-family: "Montserrat", "Droid Arabic Kufi", sans-serif;
      font-weight: 700;
      color: #24c162; }
  
  /* Slider Project House */
  .slider-project-house {
    width: 100%;
    /* Next & Prev Buttons */
    /* Dots Buttons */ }
    .slider-project-house .owl-carousel {
      list-style: none; }
      .slider-project-house .owl-carousel .owl-stage-outer {
        margin-top: -3px;
        padding-top: 3px; }
      .slider-project-house .owl-carousel > li {
        display: block;
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        background-clip: content-box; }
      .slider-project-house .owl-carousel .slide {
        position: relative; }
      .slider-project-house .owl-carousel > img {
        width: 100%; }
    .slider-project-house .owl-nav {
      margin: 0; }
      .slider-project-house .owl-nav [class*="owl-"] {
        font-size: 24px;
        font-weight: 100;
        width: 35px;
        height: 80px;
        line-height: 78px;
        margin: 0;
        padding: 0;
        margin-top: -40px !important;
        position: absolute;
        top: 50%;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        color: #fff;
        background: rgba(0, 0, 0, 0.6); }
        .slider-project-house .owl-nav [class*="owl-"]:hover {
          background: #000;
          color: #fff; }
      .slider-project-house .owl-nav .owl-prev {
        left: 0;
        margin-left: -10px;
        text-indent: -2px; }
      .slider-project-house .owl-nav .owl-next {
        right: 0;
        margin-right: -10px;
        text-indent: 2px; }
      .slider-project-house .owl-nav .disabled {
        opacity: 0;
        cursor: default; }
    .slider-project-house:hover .owl-nav [class*="owl-"] {
      opacity: 1;
      visibility: visible; }
    .slider-project-house:hover .owl-nav .owl-prev {
      margin-left: 0; }
      .slider-project-house:hover .owl-nav .owl-prev:hover {
        margin-left: 0; }
    .slider-project-house:hover .owl-nav .owl-next {
      margin-right: 0; }
      .slider-project-house:hover .owl-nav .owl-next:hover {
        margin-right: 0; }
    .slider-project-house:hover .owl-nav .disabled {
      opacity: 0.4;
      background: rgba(0, 0, 0, 0.6); }
    .slider-project-house .owl-dots {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 30px 0 -10px !important;
      opacity: 1;
      visibility: visible; }
      .slider-project-house .owl-dots .owl-dot {
        margin: 0 3px;
        border-radius: 100%; }
        .slider-project-house .owl-dots .owl-dot:hover span {
          opacity: 0.6;
          background: #000; }
        .slider-project-house .owl-dots .owl-dot.active span,
        .slider-project-house .owl-dots .owl-dot.active:hover span {
          border-color: #24c162;
          opacity: 1;
          background: #24c162; }
        .slider-project-house .owl-dots .owl-dot span {
          margin: 0;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          border: 2px solid transparent;
          background: #000;
          opacity: 0.2;
          transition: all 0.2s; }
  
  /*  [ 05 ] - Watch Video
  ========================== */
  #watch-video .section-content {
    background: #f2f2f2; }
  
  #watch-video .video-preview {
    height: 470px; }
  
  /*  [ 06 ] - Clients Testimonials
  =================================== */
  /* Slider Testimonial */
  .slider-testimonials {
    width: 100%;
    /* Next & Prev Buttons */
    /* Dots Buttons */ }
    .slider-testimonials .owl-carousel {
      list-style: none; }
      .slider-testimonials .owl-carousel .owl-stage-outer {
        margin-top: -3px;
        padding-top: 3px; }
      .slider-testimonials .owl-carousel > li {
        display: block;
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        background-clip: content-box; }
      .slider-testimonials .owl-carousel .slide {
        position: relative; }
      .slider-testimonials .owl-carousel > img {
        width: 100%; }
    .slider-testimonials .owl-nav {
      margin: 0; }
      .slider-testimonials .owl-nav [class*="owl-"] {
        font-size: 24px;
        font-weight: 100;
        width: 35px;
        height: 80px;
        line-height: 78px;
        margin: 0;
        padding: 0;
        margin-top: -40px !important;
        position: absolute;
        top: 50%;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        color: #fff;
        background: rgba(0, 0, 0, 0.6); }
        .slider-testimonials .owl-nav [class*="owl-"]:hover {
          background: #000;
          color: #fff; }
      .slider-testimonials .owl-nav .owl-prev {
        left: 0;
        margin-left: -10px;
        text-indent: -2px; }
      .slider-testimonials .owl-nav .owl-next {
        right: 0;
        margin-right: -10px;
        text-indent: 2px; }
      .slider-testimonials .owl-nav .disabled {
        opacity: 0;
        cursor: default; }
    .slider-testimonials:hover .owl-nav [class*="owl-"] {
      opacity: 1;
      visibility: visible; }
    .slider-testimonials:hover .owl-nav .owl-prev {
      margin-left: 0; }
      .slider-testimonials:hover .owl-nav .owl-prev:hover {
        margin-left: 0; }
    .slider-testimonials:hover .owl-nav .owl-next {
      margin-right: 0; }
      .slider-testimonials:hover .owl-nav .owl-next:hover {
        margin-right: 0; }
    .slider-testimonials:hover .owl-nav .disabled {
      opacity: 0.4;
      background: rgba(0, 0, 0, 0.6); }
    .slider-testimonials .owl-dots {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 30px 0 -10px !important;
      opacity: 1;
      visibility: visible; }
      .slider-testimonials .owl-dots .owl-dot {
        margin: 0 3px;
        border-radius: 100%; }
        .slider-testimonials .owl-dots .owl-dot:hover span {
          opacity: 0.6;
          background: #000; }
        .slider-testimonials .owl-dots .owl-dot.active span,
        .slider-testimonials .owl-dots .owl-dot.active:hover span {
          border-color: #24c162;
          opacity: 1;
          background: #24c162; }
        .slider-testimonials .owl-dots .owl-dot span {
          margin: 0;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          border: 2px solid transparent;
          background: #000;
          opacity: 0.2;
          transition: all 0.2s; }
  
  /*  [ 07 ] - CTA Title 1
  ========================== */
  #cta-title-1 .section-content {
    padding: 160px 0; }
  
  #cta-title-1.text-white {
    color: #fff; }
  
  #cta-title-1 h1 {
    margin-top: 30px;
    font-size: 60px; }
  
  #cta-title-1 p {
    font-size: 22px;
    opacity: 0.7; }
  
  /*  [ 08 ] - Intro Features
  ============================= */
  #intro-features .section-content {
    padding: 90px 0;
    background: #f9f9f9; }
  
  /**
   *  -------------------------------------------------------------------------------
   *  ( 06 ) - Footer
   *  -------------------------------------------------------------------------------
   *
   *  This part contains the mini footer
   *
   *  ------
   *
   *  It has the following code:
   *
   *    |
   *    |-->  [ 01 ] - Footer Mini
   *
   */
  /*  [ 01 ] - Footer Mini
  =========================== */
  #footer-mini {
    position: relative;
    z-index: 1;
    padding: 0 0 30px;
    font-size: 13px;
    font-family: "Montserrat", "Droid Arabic Kufi", sans-serif;
    text-align: center; }
    #footer-mini .copyrights-message {
      font-weight: 400; }
      #footer-mini .copyrights-message.text-white,
      #footer-mini .copyrights-message.text-white strong {
        color: #fff; }
  
  /**
   * File Name: responsive.css
   */
  /**
   *	-------------------------------------------------------------------------------
   *	( 01 ) - Responsive Specifications
   *	-------------------------------------------------------------------------------
   *
   *  This part contains the responsive modifications for small devices widths
   *
   *	------
   *
   *  It has the following code:
   *
   *	   |
   *	   |-->  [ 01 ] - Width From 1200px to 0
   *	   |-->  [ 02 ] - Width From 992px to 0
   *	   |-->  [ 03 ] - Width From 768px to 0
   *	   |-->  [ 04 ] - Width From 480px to 0
   *	   |-->  [ 05 ] - Width From 320px to 0
   *	   |-->  [ 06 ] - Height Form 768px to 0
   *	   |-->  [ 05 ] - Height Form Maximmum to 768px
   *	   |-->  [ 08 ] - Height Form Maximmum to 900px
   *
   */
  /*  [ 01 ] - Width From 1200px to 0
   ===================================== */
  @media (max-width: 1200px) {
    /* Boxed Width */
    body.boxed #full-container {
      margin: 0;
      border-radius: 0; }
    /* Header */
    #header {
      text-align: left; }
      #header .container,
      #header .row,
      #header [class*="col-"] {
        height: initial; }
      #header,
      #header #header-wrap {
        height: auto;
        min-height: 80px; }
      #header #header-wrap {
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10; }
      #header .header-meta {
        height: 80px;
        border-left: none;
        margin-left: 0; }
    .main-menu {
      left: 0;
      display: none; }
    #mobile-menu .mobile-menu {
      text-align: left; }
    .mobile-menu-btn {
      display: inline-block; }
    /* Banner Slider */
    .banner-slider .owl-nav [class*="owl-"] {
      margin-top: -10px !important; } }
  
  /*  [ 02 ] - Width From 992px to 0
   ==================================== */
  @media (max-width: 992px) {
    /* Column With Helper Classes Optimization */
    [class*="col-"][class*="pl-"] {
      padding-left: 15px; }
    [class*="col-"][class*="pr-"] {
      padding-right: 15px; }
    /* Banner Parallax */
    .banner-parallax,
    .banner-parallax .row > [class*="col-"] {
      height: auto !important;
      min-height: auto !important; }
    .banner-parallax .row {
      flex-direction: column;
      min-height: 600px; }
    .banner-parallax .row > [class*="col-"] {
      align-self: stretch;
      flex-grow: 1; }
    .banner-parallax [class*="col-"]:not(:first-child) .banner-center-box {
      padding-top: 0;
      margin-top: -30px; }
    .slide-content,
    .banner-center-box {
      position: initial; }
    .banner-center-box {
      display: block;
      top: 0;
      width: 100%;
      padding-top: 180px;
      transform: translateY(0); }
    /* Slider */
    .fullscreen {
      height: auto !important; }
    .banner-slider {
      min-height: auto !important; }
    /* Split Section */
    .split-section .section-img-wrap {
      position: relative; }
    .split-section .section-content {
      padding-left: 0; }
    /* Center Vertical Section */
    .center-vertical .section-content > .container > .row {
      display: block; }
    /* Page Title */
    #page-title {
      text-align: center; }
      #page-title .breadcrumb {
        position: initial;
        margin-top: 20px; }
    /* Footer Mini */
    /* Scroll Top */
    .scroll-top-icon {
      display: none !important; } }
  
  /*  [ 03 ] - Width From 768px to 0
  ==================================== */
  @media (max-width: 768px) {
    /* Banner Parallax */
    .banner-parallax .row {
      min-height: 500px; }
    .slide-content h1 {
      font-size: 35px; }
    /* Popup Preview */
    .popup-preview .container {
      width: 100%; }
    /* Watch Video */
    #watch-video .video-preview {
      height: 350px; }
    /* CTA Title 1 */
    #cta-title-1 h1 {
      font-size: 45px; } }
  
  /*  [ 04 ] - Width From 480px to 0
  ==================================== */
  @media (max-width: 480px) {
    /* Header */
    .header-meta {
      padding: 0; }
    .info-call {
      display: none; }
    .mobile-menu-btn {
      margin-right: 0 !important; }
    .header-btn {
      display: none; }
    /* Bannar Parallax */
    .signup-form input[type="email"] {
      width: 180px; }
    /* Banner Slider */
    .slide-content h1 {
      font-size: 30px;
      line-height: 45px; }
    /* Section Title */
    .section-title h2 {
      font-size: 26px; }
    /* Watch Video */
    #watch-video .video-preview {
      height: 250px; }
    /* Our Services */
    /* CTA Title 1 */
    #cta-title-1 h1 {
      font-size: 35px; }
    /* Style Switcher */
    .style-switcher {
      display: none !important; } }
  
  /*  [ 05 ] - Width From 320px to 0
  ==================================== */
  /*  [ 06 ] - Height From 768px to 0
  ===================================== */
  /*  [ 07 ] - Height From Maximmum to 768px
  ============================================ */
  /*  [ 08 ] - Height From Maximmum to 900px
  ============================================ */
  
  Jarvis logo
  ⌃J