@charset "UTF-8";
/*
* Author: Vasterad
* URL: https://themeforest.net/user/vasterad/portfolio/
*/
/* -------------------------------------------------------------- */
/* Default Colors
----------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* Typography
----------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800&subset=latin-ext");
/* -------------------------------------------------------------- */
/* Header Settings for Desktop Devices
----------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* 01. Layout Components
----------------------------------------------------------------- */
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport { width: device-width; }
html { box-sizing: border-box; -ms-overflow-style: scrollbar; }

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

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

@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1240px) { .container { max-width: 1090px; } }
@media (min-width: 1367px) { .container { max-width: 1210px; } }
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

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

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

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

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

.col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }

.col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }

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

.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }

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

.col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }

.col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }

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

.col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }

.col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }

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

.order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }

.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }

.order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }

.order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }

.order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }

.order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }

.order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }

.order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }

.order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }

.order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; } }
@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; } }
@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; } }
@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; } }
.d-none { display: none !important; }

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

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

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

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

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

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

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
.flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

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

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

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

.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

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

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

.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }

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

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

.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }

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

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

.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }

.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
/*# sourceMappingURL=bootstrap-grid.css.map */
/*!
 * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
* { box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }

body { margin: 0; padding: 0; text-align: left; background-color: #fff; }

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

@-ms-viewport { width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

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

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

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

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

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

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

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

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

dt { font-weight: 700; }

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

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }
a:hover { color: #0056b3; text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; outline: 0; }

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

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

figure { margin: 0 0 1rem; }

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

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

table { border-collapse: collapse; }

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

th { text-align: inherit; }

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

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

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

button, input { overflow: visible; }

button, select { text-transform: none; }

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

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

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

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

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

progress { vertical-align: baseline; }

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

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

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

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }


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

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

.container:before, .container:after { content: " "; display: flex; }

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

.row:before, .row:after { content: " "; display: flex; }

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after { clear: both; }

/* ---------------------------------- */
/* Forms Reset & Styles
------------------------------------- */
input { height: 48px; line-height: 48px; padding: 0 20px; outline: none; font-size: 16px; color: #808080; margin: 0 0 16px 0; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: #fff; font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); }
input[type="text"], input[type="password"], input[type="email"], input[type="number"] { height: 48px; line-height: 48px; padding: 0 20px; outline: none; font-size: 16px; color: #808080; margin: 0 0 16px 0; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: #fff; font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); }

textarea { height: 48px; line-height: 48px; padding: 0 20px; outline: none; font-size: 16px; color: #808080; margin: 0 0 16px 0; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: #fff; font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); }

select { height: 48px; line-height: 48px; padding: 0 20px; outline: none; font-size: 16px; color: #808080; margin: 0 0 16px 0; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: #fff; font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); padding: 15px 18px; cursor: pointer; }

input { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus { color: #808080; transition: box-shadow 0.2s !important; opacity: 1; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); }

textarea:focus { color: #808080; transition: box-shadow 0.2s !important; opacity: 1; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #808080 !important; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #808080 !important; }
input.with-border, input[type="text"].with-border, input[type="password"].with-border, input[type="email"].with-border, input[type="number"].with-border { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); }

/* With Border */
textarea.with-border, select.with-border { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); }

input.with-border:focus, input[type="text"].with-border:focus, input[type="password"].with-border:focus, input[type="email"].with-border:focus, input[type="number"].with-border:focus { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08); }

textarea.with-border:focus { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08); }

input[type="submit"] { border: none; padding: 11px 18px; width: auto; }
input[type="checkbox"] { display: inline; }
input[type="radio"] { width: 15px; height: 15px; cursor: pointer; box-shadow: none; }

/* Input Placeholder Color */
::placeholder { color: #808080; opacity: 1; }

textarea { height: auto; line-height: 27px; padding: 20px; min-height: 130px; transition: none !important; min-width: 100%; }

label, legend { display: block; font-weight: bold; font-size: 16px; font-weight: normal; margin-bottom: 8px; }

label span, legend span { font-weight: normal; font-size: 14px; color: #444; }

fieldset { padding: 0; border: none; }

button { border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; cursor: pointer; }

a { color: #326496; transition: 0.3s; outline: none !important; }

button { outline: none !important; }

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

img { max-width: 100%; }

/* ---------------------------------- */
/* Input With Icon
------------------------------------- */
.input-with-icon { display: block; position: relative; }
.input-with-icon input { padding-right: 45px; }
.input-with-icon i { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 20px; color: #a0a0a0; font-style: normal; cursor: normal; pointer-events: none; }
.input-with-icon i.currency { font-size: 14px; }

/* Input with boxed icon */
.input-with-icon-left { position: relative; }
.input-with-icon-left input { padding-left: 65px; }
.input-with-icon-left i { position: absolute; top: 0; color: #a0a0a0; text-align: center; line-height: 48px; width: 48px; height: 48px; font-size: 19px; background-color: #f8f8f8; border: 1px solid #e0e0e0; box-sizing: border-box; display: block; border-radius: 4px 0 0 4px; }
.input-with-icon-left.no-border i { border: none; }

/* ---------------------------------- */
/* Keywords Input
------------------------------------- */
.keywords-container { margin-bottom: -15px; }

.keywords-list { display: block; float: left; height: 0; }

.keyword { background-color: rgba(50, 100, 150, 0.07); color: #326496; display: inline-block; float: left; padding: 0; border-radius: 4px; cursor: default; margin: 0 7px 7px 0; height: 35px; line-height: 35px; box-sizing: border-box; animation: KeywordIn 0.3s ease-in-out; animation-fill-mode: both; transition: 0.4s; overflow: hidden; max-width: 100%; font-size: 14.7px; }
.keyword.keyword-removed { max-width: 0; margin: 0; overflow: hidden; opacity: 0; animation: KeywordOut 0.4s ease-in-out; animation-fill-mode: both; pointer-events: none; }

@keyframes KeywordIn { 0% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); } }
@keyframes KeywordOut { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; margin-top: -35px; } }
.keyword-text { padding-right: 12px; }

.keyword .keyword-remove:before { display: inline-block; cursor: pointer; font-family: "Feather-Icons"; content: "\ea02"; line-height: 20px; position: relative; top: 2px; margin-right: 4px; margin-left: 10px; font-size: 15px; }

.keyword-input-container { position: relative; }
.keyword-input-container .keyword-input-button { position: absolute; top: 0; right: 0; height: 36px; width: 36px; padding: 0; color: #fff; background-color: #326496; border-radius: 4px; margin: 6px; font-size: 19px; text-align: center; line-height: 36px; }
.keyword-input-container .keyword-input-button i { color: #fff; position: relative; top: 2px; }

input.keyword-input { margin: 0 0 15px 0; }

/* ---------------------------------- */
/* Header
------------------------------------- */
#logo { display: inline-block; height: 100%; vertical-align: top; padding-right: 35px; margin-right: 20px; }
#logo img { width: auto; top: 50%; position: relative; transform: translate3d(0, -50%, 0); }

#header { position: relative; z-index: 999; padding: 0; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12); font-size: 16px; height: 82px; background-color: #fff; }
#header .container, #header .right-side, #header .left-side { height: 100%; }

/* Full Width Header */
header.fullwidth .container { max-width: 100%; margin: 0; padding: 0 35px; }

/* Boxed Styles*/
#header .container { position: relative; }
#header .left-side { float: left; display: inline-block; position: relative; flex: 1; }
#header .right-side { float: right; position: absolute; right: 10px; top: 0; }

/* Full Width Styles */
.full-width #header .left-side { float: left; width: 100%; display: inline-block; position: relative; }
.full-width #header .right-side { float: right; text-align: right; width: auto; display: inline-block; position: absolute; right: 25px; background-color: #fff; }

/* Header Widget
------------------------------------- */
.header-widget { display: inline-block; height: 100%; padding: 0 30px; text-align: left; float: left; }

.fullwidth .header-widget:last-of-type { padding-right: 5px; float: right; border-right: none; }

.header-widget:last-of-type { padding-right: 0; margin-right: -5px; }

.fullwidth .header-widget:last-of-type { padding-right: 5px; margin-right: 0; }

/* Notification Avatar*/
.header-notifications-content .notification-avatar { height: 42px; width: 42px; max-width: 42px; display: inline-block; border-radius: 50%; overflow: hidden; }

/* Sign In Button */
.header-widget .log-in-button { padding: 10px 0; position: relative; top: 50%; transform: translateY(-50%); transition: 0.3s; color: #666; display: block; margin: 0 -3px; }
.header-widget .log-in-button i { font-size: 18px; line-height: 0; position: relative; top: 2px; margin-right: 4px; margin-left: -1px; color: #777; transition: 0.3s; }
.header-widget .log-in-button:hover { color: #326496; }
.header-widget .log-in-button:hover i { color: #326496; }

.transparent-header .header-widget .log-in-button { color: #fff; }
.transparent-header .header-widget .log-in-button i { color: #fff; }

/* Sign In Button Media Queries */
@media (max-width: 768px) { .header-widget .log-in-button { background-color: #f0f0f0; border-radius: 4px; height: 46px; width: 46px; text-align: center; }
  .header-widget .log-in-button span { display: none; }
  .header-widget .log-in-button i { font-size: 20px; top: 3px; color: #555; }
  .header-widget .log-in-button i:hover { color: #555; }
  .transparent-header .header-widget .log-in-button { background-color: #fff; color: #323232; }
  .transparent-header .header-widget .log-in-button i { background-color: #fff; color: #323232; } }
/* ---------------------------------- */
/* Sticky Header
------------------------------------- */
#header-container { position: absolute; top: 0; width: 100%; z-index: 1000; }

#wrapper.wrapper-with-transparent-header #header .right-side { background-color: transparent; }

#header { transition: background 0.3s; }

#wrapper { padding-top: 82px; }

#wrapper.wrapper-with-transparent-header { padding-top: 0 !important; }

@media (max-width: 1099px) { #header-container.transparent-header { position: absolute; } }
/* ---------------------------------- */
/* Transparent Header
------------------------------------- */
.transparent-header-spacer { height: 82px; }

.transparent-header #header { background-color: transparent; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.transparent-header #header .right-side { background-color: transparent; }
.transparent-header #logo { border-color: rgba(255, 255, 255, 0.2); }
.transparent-header #header .right-side .header-widget { border-color: rgba(255, 255, 255, 0.2); }
.transparent-header #header .right-side .header-widget:first-of-type { border-right-color: transparent; }
.transparent-header #header .right-side .header-widget:last-of-type { border-color: rgba(255, 255, 255, 0.2); }

body .transparent-header #navigation > ul li a { color: #fff; }

.transparent-header .header-notifications-trigger { color: #fff; }
.transparent-header .header-notifications-trigger a { color: #fff; }

body .transparent-header #navigation > ul ul li a { color: #aaa; }

.transparent-header .header-notifications-dropdown:before { border-bottom-color: #fff; }
.transparent-header .mmenu-trigger { background-color: #fff; }
.transparent-header #navigation > ul li a:after { background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.8); opacity: 1; transition: 0.3s; }
.transparent-header #navigation > ul li:hover ul li:hover a:after, .transparent-header #navigation > ul li:hover a:after { color: #fff; background: #326496; }
.transparent-header #navigation > ul li a.current:after { color: #fff; background: #326496; }
.transparent-header #navigation > ul li:hover ul a:after { background-color: rgba(255, 255, 255, 0.1); color: #bbb; }
.transparent-header #navigation > ul ul li a:after { background-color: rgba(255, 255, 255, 0.1); color: #bbb; }

/* ---------------------------------- */
/* Header Notifications
------------------------------------- */
.header-notifications { height: 100%; display: inline-block; padding-right: 15px; position: relative; }
.header-notifications:last-child { margin-right: -15px; }

.header-notifications-trigger { font-size: 22px; color: #323232; position: relative; top: 55%; transform: translate3d(0, -50%, 0); }
.header-notifications-trigger a { font-size: 22px; color: #323232; position: relative; top: 55%; transform: translate3d(0, -50%, 0); }
.header-notifications-trigger span { position: absolute; display: inline-block; top: -15px; margin-left: -10px; font-weight: 700; height: 19px; width: 19px; line-height: 19px; text-align: center; color: #fff; font-size: 11px; background-color: #326496; border-radius: 50%; position: relative; }

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .header-notifications-trigger { height: 40px; }
  .header-notifications-trigger a { height: 40px; }
  .header-notifications.user-menu { top: -8px; } }
/* IE 11 Fixes - End */
/* Header User Menu Dropdown */
.header-notifications-dropdown { width: 360px; border-radius: 4px; /*  box-shadow: 0px 0 8px 0px rgba(0,0,0,0.10);*/ box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12); background-color: #fff; padding: 0; position: absolute; top: calc(100% - 10px); right: -15px; text-align: left; z-index: 100; transform: scale(0.95); opacity: 0; visibility: hidden; transition: 0.3s; pointer-events: none; }

.header-notifications.active .header-notifications-dropdown { transform: scale(1); opacity: 1; visibility: visible; pointer-events: all; }

.header-notifications-dropdown:before { content: ""; position: absolute; right: 43px; top: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d7d7d7; /* Arrow with shadow */ /*  top: 0; right: 33px; border: 5px solid black; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);*/ }

/* Headline */
.header-notifications-headline { padding: 17px 25px; padding-top: 18px; line-height: 24px; border-bottom: 1px solid #e6e6e6; }
.header-notifications-headline h4, .header-notifications-headline span { display: inline-block; }

button.mark-as-read { float: right; position: relative; border-radius: 4px; height: 32px; width: 32px; text-align: center; line-height: 36px; top: -4px; right: -8px; color: #888; transition: 0.25s; }
button.mark-as-read:hover { background-color: #f2f2f2; color: #888; }

/* Content */
.header-notifications-content { display: block; width: 100%; }

.header-notifications-scroll { display: block; overflow: hidden; height: auto; }

.header-notifications-content ul { padding: 0; margin: 0; list-style: none; }
.header-notifications-content ul li { border-bottom: 1px solid #e6e6e6; transition: 0.25s; }
.header-notifications-content ul li:hover { background-color: #fafafa; }
.header-notifications-content ul li:hover .notification-icon { background-color: #eee; }
.header-notifications-content ul li:last-child { border-bottom: none; }
.header-notifications-content ul li a { color: #666; position: relative; padding: 22px 25px; display: block; }
.header-notifications-content p { margin: 0; padding: 0; }
.header-notifications-content ul li a { display: flex; flex-wrap: wrap; align-items: center; }
.header-notifications-content .notification-icon, .header-notifications-content .notification-text { flex: 1; }
.header-notifications-content .notification-icon i { position: relative; }

/* Notification Icon */
.notification-icon, .header-notifications-content .notification-icon { font-size: 24px; height: 40px; width: 40px; max-width: 40px; display: inline-block; background-color: #f2f2f2; border-radius: 4px; line-height: 42px; text-align: center; color: #a0a0a0; transition: 0.25s; position: relative; }

/* Adjustments for some icons :( */
.notification-icon .icon-material-outline-autorenew { font-size: 22px; }
.notification-icon .icon-material-outline-gavel { font-size: 19px; top: -2px; left: 1px; }

/* Notification Avatar*/
.header-notifications-content .notification-avatar { height: 42px; width: 42px; max-width: 42px; display: inline-block; border-radius: 50%; overflow: visible; align-self: flex-start; }
.header-notifications-content .notification-avatar img { width: 100%; image-rendering: -webkit-optimize-contrast; border-radius: 50%; }

/* Notification Texts */
.notification-text { padding-left: 20px; padding-right: 5px; display: inline-block; line-height: 23px; font-size: 14.7px; }

.header-notifications-content .notification-text { padding-left: 20px; padding-right: 5px; display: inline-block; line-height: 23px; font-size: 14.7px; }
.header-notifications-content .notification-msg-text { display: inline-block; line-height: 23px; font-size: 14.7px; margin: 4px 0; }

.notification-text strong, .header-notifications-content .notification-text strong { font-weight: 600; color: #323232; }

.notification-text span.color, .header-notifications-content .notification-text span.color { color: #326496; display: inline-block; }

.notification-text span.color { display: block; }

/* Button */
a.header-notifications-button { border-radius: 0 0 4px 4px; font-weight: 600; color: #fff; font-size: 14.7px; padding: 12px 16px; background-color: #326496; width: 100%; display: block; text-align: center; transition: 0.3s; }
a.header-notifications-button i { font-size: 22px; line-height: 0; top: 4px; position: relative; max-width: 0; display: inline-block; margin-left: 7px; }

/* ---------------------------------- */
/* User Menu
------------------------------------- */
.user-menu { padding: 0; }

.header-notifications.user-menu { margin: 0 -5px; }

.user-menu .header-notifications-trigger { top: 50%; }
.user-menu .header-notifications-trigger a { top: 50%; }
.user-menu .header-notifications-dropdown { top: calc(100% - 8px); width: 290px; right: -10px; }
.user-menu .header-notifications-dropdown:before { right: 23px; }

/* User Status Dot */
.notification-avatar { position: relative; }

.status-icon, .notification-avatar:after, .user-avatar:after { position: absolute; content: ""; height: 12px; width: 12px; background-color: #c0c0c0; bottom: 0; right: 0; display: block; border: 2px solid #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); border-radius: 50%; }

.notification-avatar:after { width: 11px; height: 11px; }

/* Online */
.status-icon.status-online, .status-online:after { background-color: #38b653; }

/* Offline */
.status-icon.status-offline, .status-offline:after { background-color: #c0c0c0; }

/* Avatar */
.user-avatar { display: inline-block; border-radius: 50%; width: 42px; height: 42px; position: relative; }
.user-avatar img { width: 100%; display: inline-block; border-radius: 50%; image-rendering: -webkit-optimize-contrast; }

/* User Menu Small Nav */
ul.user-menu-small-nav { list-style: none; padding: 0; margin: 0; padding: 20px 25px; }
ul.user-menu-small-nav li { margin: 0; padding: 0; }
ul.user-menu-small-nav li a { display: block; padding: 2px 0; font-size: 16px; color: #666; transition: 0.3s; }
ul.user-menu-small-nav li a i { font-size: 16px; position: relative; top: 1px; margin-right: 2px; color: #666; -webkit-font-smoothing: antialiased; transition: 0.3s; }
ul.user-menu-small-nav li a:hover { color: #326496; }
ul.user-menu-small-nav li a:hover i { color: #326496; }

/* User Status Section*/
.user-status { padding: 25px; border-bottom: 1px solid #e6e6e6; }

/* User Menu - Details */
.user-details { display: flex; }

.user-name { font-weight: 500; color: #323232; line-height: 20px; padding: 2px 0 0 15px; }

.user-details span { display: block; font-size: 14.7px; color: #888; font-weight: 500; }

/* User Status Switch */
.status-switch { background-color: #eee; width: 100%; display: block; border-radius: 4px; height: 36px; padding: 0; position: relative; zoom: 1; margin-top: 20px; }
.status-switch:before, .status-switch:after { content: " "; display: table; }
.status-switch label { float: left; width: 50%; position: relative; z-index: 2; line-height: 36px; cursor: pointer; color: #888; font-size: 14.7px; text-align: center; transition: 0.3s; margin: 0; }
.status-switch span.status-indicator { position: relative; z-index: 1; top: 0; left: 0; width: 50%; height: 100%; display: block; border-radius: 4px 0 0 4px; background-color: #38b653; box-shadow: 0 0 5px 1px rgba(56, 182, 83, 0.3); transition: all 0.4s cubic-bezier(0.3, -0.41, 0.19, 1.3), background-color 0.2s linear; }
.status-switch span.right { left: 50%; border-radius: 0 4px 4px 0; background-color: #333; box-shadow: none; color: #fff; }
.status-switch label.current-status { color: #fff; }

/* ---------------------------------- */
/* Navigation
------------------------------------- */
#navigation { position: relative; display: inline-block; margin-top: 22px; }
#navigation ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; }
#navigation ul a { display: block; text-decoration: none; padding: 5px 0; }
#navigation ul li { position: relative; float: left; margin: 0; padding: 0; }
#navigation ul li ul { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 9px; padding: 0; z-index: 99999; }
#navigation ul ul { margin: 0; }
#navigation ul ul li { float: none; }
#navigation ul ul ul { top: 0; left: 100%; margin: 0 0 0 15px; pointer-events: none; }
#navigation ul ul li:hover > ul { pointer-events: all; }
#navigation ul ul:before { content: ""; position: absolute; left: 0; top: -10px; background: rgba(255, 255, 255, 0); width: 100%; height: 10px; }
#navigation ul ul ul:after { content: ""; position: absolute; width: 15px; height: 100%; left: -15px; top: 0; opacity: 0; }
#navigation ul li:hover > ul { opacity: 1; visibility: visible; pointer-events: all; }
#navigation ul li a:after { font-family: "Material-Icons"; content: '\e914'; opacity: 1; font-size: 16px; transition: 0.2s; opacity: 1; line-height: 17px; width: 17px; height: 17px; background-color: #f0f0f0; color: #a8a8a8; display: inline-block; border-radius: 3px; margin-left: 7px; text-indent: 0; top: 1px; position: relative; }
#navigation ul ul li a:after { font-family: "Material-Icons"; content: '\e914'; opacity: 1; font-size: 16px; transition: 0.2s; opacity: 1; line-height: 17px; width: 17px; height: 17px; background-color: #f0f0f0; color: #a8a8a8; display: inline-block; border-radius: 3px; margin-left: 7px; text-indent: 0; top: 1px; position: relative; }
#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after { color: #326496; background: rgba(50, 100, 150, 0.13); opacity: 0.8; }
#navigation ul li:hover a:after { color: #326496; background: rgba(50, 100, 150, 0.13); opacity: 0.8; }
#navigation ul ul.dropdown-nav ul.dropdown-nav li a:after { background-color: #f0f0f0; color: #a8a8a8; opacity: 1; }
#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after { color: #fff !important; background-color: #326496; opacity: 1; }
#navigation ul ul.dropdown-nav li:hover a:after { color: #fff !important; background-color: #326496; opacity: 1; }
#navigation ul ul.dropdown-nav ul.dropdown-nav li a:after, #navigation ul ul.dropdown-nav li a:after { content: '\e917'; position: absolute; left: auto; right: 20px; top: 6px; background-color: rgba(255, 255, 255, 0.1); color: #bbb; opacity: 1; }
#navigation ul li a.current { color: #326496; }
#navigation ul li a.current:after { color: #326496; background: rgba(50, 100, 150, 0.13); opacity: 0.8; }
#navigation ul li a:only-child:after { content: ''; display: none; }
#navigation ul ul li a:only-child:after { content: ''; display: none; }
#navigation ul ul li:hover a:after { opacity: 1; transform: translateX(0); }
#navigation ul li { transition: all 0.25s; margin: 0 5px; border-radius: 4px; }
#navigation ul li a { color: #666; cursor: pointer; }
#navigation ul ul li a { color: #666; cursor: pointer; }
#navigation ul a { line-height: 23px; padding: 7px 9px; border-right: 4px; }
#navigation ul li:hover a { color: #326496; }
#navigation ul ul { background-color: #303030; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12); border-radius: 4px; }
#navigation ul ul li { border-radius: 4px; }
#navigation ul ul li:last-child { border-bottom: none; }
#navigation ul li:hover ul a, #navigation ul ul a { padding: 4px 40px 4px 15px !important; line-height: 22px !important; }
#navigation ul li:hover ul a:only-child, #navigation ul a:only-child { padding: 4px 15px 4px 15px !important; }
#navigation ul ul:after { content: ""; position: absolute; left: 25px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #303030; }

/* Dropdown Styles
------------------------------------- */
body #navigation ul ul { padding: 14px 0; box-sizing: border-box; margin-top: 12px; }
body #navigation ul ul ul { margin-top: 0; }

#navigation ul ul { opacity: 0; visibility: hidden; transition: all 0.25s; transform: translate3d(0, 15px, 0); }
#navigation ul ul:before { content: "."; position: absolute; width: 100%; height: 12px; top: -12px; opacity: 0; opacity: 0; }
#navigation ul ul ul:before { width: calc(100% + 15px); left: -15px; }
#navigation ul ul li { width: 208px; }
#navigation ul ul li:hover { border-radius: 0; }
#navigation ul ul li:first-child { border-radius: 4px 4px 0 0; }
#navigation ul ul li:last-child { border-radius: 0 0 4px 4px; }
#navigation ul ul ul { transform: translate3d(15px, 0, 0); }
#navigation ul li ul { z-index: 10; }
#navigation ul li:hover ul { z-index: 20; }
#navigation ul li:hover > ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }
#navigation ul ul li { margin: 0; padding: 0 6px; border-radius: 0; font-size: 15.7px; }
#navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li a, #navigation ul ul.dropdown-nav ul.dropdown-nav li a { transition: 0.3s; color: #aaa; }
#navigation ul ul.dropdown-nav li a { transition: 0.3s; color: #aaa; }
#navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li:hover a, #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a { color: #fff; }
#navigation ul ul.dropdown-nav li:hover a { color: #fff; }

/* ---------------------------------- */
/* Mega Menu
------------------------------------- */
.mega-menu { opacity: 0; visibility: hidden; transition: all 0.25s; position: absolute; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); border-radius: 4px; font-size: 15px; display: flex; top: 100%; left: 0; padding: 20px 0; box-sizing: border-box; font-size: 14px; margin-top: -10px; background-color: #fff; width: 200px; z-index: 99; transform: translate3d(-42%, 24px, 0); }
.mega-menu:before { content: ""; position: absolute; top: -12px; left: 0; display: block; width: 100%; height: 12px; opacity: 0; }

#navigation ul li .mega-menu ul { opacity: 0; visibility: hidden; transform: translate3d(0, 0, 0); position: relative; display: inline-block; flex: 1; padding: 0; margin: 0; box-shadow: none; border-radius: 0; top: auto; left: auto; background-color: transparent; }
#navigation ul li:hover .mega-menu { opacity: 1; visibility: visible; transform: translate3d(-42%, 12px, 0); }
#navigation ul li:hover .mega-menu ul { opacity: 1; visibility: visible; }
#navigation .mega-menu ul { width: 100%; }
#navigation .mega-menu ul li { width: 100%; }

.mega-menu.two-columns { width: 429px; }
.mega-menu.three-columns { width: 643px; }
.mega-menu.four-columns { width: 857px; }

#navigation ul .mega-menu ul a { color: #bbb; padding: 0 !important; display: block; margin-left: 0; -wekkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#navigation ul li:hover .mega-menu ul a, #navigation ul .mega-menu ul a { padding: 6px 0 !important; line-height: 22px !important; transform: translate3d(0, 0, 0) !important; }
#navigation .mega-menu ul li { padding: 0 30px; }
#navigation ul li a i { font-size: 14px; position: relative; top: 0; padding-right: 5px; }

.mega-menu-section { display: inline-block; float: left; width: 214px; padding: 0; border-right: 1px solid #e9e9e9; }

.mega-menu .mega-menu-section:last-child { border: none; }

.mega-menu-headline { color: #222; opacity: 1 !important; font-weight: 600; display: block; padding: 8px 30px !important; letter-spacing: 0; font-size: 14px; line-height: 21px; }

/* Some mega menu styles for mobile nav */
.mobile-styles .mm-listview { margin: 0px -20px !important; }
.mobile-styles .mm-listview .mega-menu-headline { color: #fff; padding: 15px 20px !important; background: #222 !important; }
.mobile-styles .mm-listview li a i { padding-right: 5px; }
.mobile-styles.mm-panel:before { height: 10px !important; }

/* ---------------------------------- */
/* mmenu.js - mobile menu
------------------------------------- */
.mm-hidden { display: none !important; }

.mm-wrapper { overflow-x: hidden; position: relative; }

.mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }

.mm-panels { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; overflow: hidden; }
.mm-panels > .mm-panel { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }

.mm-panel { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
.mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1; }
.mm-panel.mm-noanimation { -webkit-transition: none !important; transition: none !important; }
.mm-panel.mm-noanimation.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; }
.mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; }
.mm-panels > .mm-panel:not(.mm-hidden) { display: block; }
.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ''; display: block; height: 20px; }

.mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; }

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }

.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel { display: block; }

li.mm-vertical.mm-opened > .mm-panel { display: block; }

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { box-sizing: border-box; height: 40px; bottom: auto; }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; }

.mm-btn { box-sizing: border-box; width: 40px; height: 50px; position: absolute; top: 0; z-index: 1; }

.mm-clear:after, .mm-clear:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px; }

.mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px; }

.mm-next:after { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; }

.mm-prev:before { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; }

.mm-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; }

.mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 30px; height: 50px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }
.mm-navbar > * { display: block; padding: 10px 0; }
.mm-navbar a { text-decoration: none; }
.mm-navbar a:hover { text-decoration: none; }
.mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-navbar .mm-btn:first-child { left: 0; }
.mm-navbar .mm-btn:last-child { text-align: right; right: 0; }

.mm-panel .mm-navbar { display: none; }
.mm-panel.mm-hasnavbar .mm-navbar { display: block; background-color: #262626; }

.mm-listview { list-style: none; display: block; padding: 0; margin: 0; font: inherit; font-size: 14px; line-height: 20px; }
.mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview a { text-decoration: none; }
.mm-listview a:hover { text-decoration: none; }
.mm-listview > li { position: relative; border-color: inherit; border-bottom: 1px solid #404040; }
.mm-listview > li .mm-next { border-color: inherit; }
.mm-listview > li .mm-next:before { border-color: inherit; }
.mm-listview > li:after { border-color: inherit; }
.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 14px 10px 14px 20px; margin: 0; }
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; display: none; left: 20px; }
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen { width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }

.mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; }
.mm-panels > .mm-panel > .mm-listview:first-child { margin-top: -10px; }
.mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -10px; }

.mm-menu { background: #2a2a2a; border-color: rgba(255, 255, 255, 0.1); color: #fff; }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: #fff; font-weight: 600; font-size: 16px; }
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(255, 255, 255, 0.8); }
.mm-menu .mm-listview { border-color: #2a2a2a; }
.mm-menu .mm-listview > li { transition: 0.2s; }
.mm-menu .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.8); }
.mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.05); }
.mm-menu .mm-listview > li:hover { background: rgba(255, 255, 255, 0.03); }
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next { background: rgba(0, 0, 0, 0.05); }
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); }

.mm-page { box-sizing: border-box; position: relative; }

.mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; z-index: 1; }

html.mm-opened { overflow-x: hidden; position: relative; }
html.mm-blocking { overflow: hidden; }
html.mm-blocking body { overflow: hidden; }
html.mm-background .mm-page { background: inherit; }

#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; }

html.mm-blocking #mm-blocker { display: block; }

.mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; width: 80%; min-width: 140px; max-width: 440px; }
.mm-menu.mm-offcanvas.mm-opened { display: block; }
.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened { z-index: 10; }

html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } }
@media all and (min-width: 550px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } }
.mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; }

em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; }
em.mm-counter + a.mm-next { width: 90px; }
em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; }
em.mm-counter + a.mm-fullsubopen { padding-left: 0; }
em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span { padding-right: 90px; }

.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span { padding-right: 90px; }

.mm-vertical > .mm-counter { top: 12px; margin-top: 0; }
.mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; }

.mm-nosubresults > .mm-counter { display: none; }

.mm-menu em.mm-counter { background-color: rgba(0, 0, 0, 0.3); height: 20px; width: 20px; text-align: center; border-radius: 50%; color: #fff; line-height: 21px; font-size: 10px; font-weight: 600; background-color: #326496; }

/* Trigger Styles */
.mmenu-trigger { height: 46px; width: 46px; display: none; position: relative; margin: 0; background-color: #eee; border-radius: 4px; cursor: pointer; }

/* Hamburger Icon */
.hamburger { padding: 0; top: 16px; left: 12px; transform: scale(0.67); -moz-transform: scale(0.7) translateY(4px); position: relative; display: inline-block; cursor: pointer; transition-property: opacity, 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 { position: relative; }

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

/* Animation */
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

.mmenu-trigger { display: none; }

/* Media Queries Menu */
@media (max-width: 1099px) { /* Header Responsive Styles */
  #responsive { display: none; }
  .mmenu-trigger { display: inline-block !important; }
  #header { height: 76px; }
  #logo { border: none; }
  #logo img { border: none; max-width: 100px; height: auto; }
  header.fullwidth .container { padding: 0 20px; }
  .header-widget { float: left; }
  .fullwidth .header-widget:last-of-type, .header-widget:last-of-type { padding-right: 25px; float: left; }
  #header .right-side { position: absolute; width: auto; background-color: #fff; text-align: left; }
  .mmenu-trigger { margin: 0 -5px 0 23px; top: 15px; float: right; }
  #header .right-side .header-widget { margin-right: -1px; }
  .header-widget { padding: 0 25px; }
  .header-notifications:first-child { margin-right: -5px; }
  #header-container.cloned { display: none; } }
@media (max-width: 768px) { .header-notifications { position: initial; }
  .header-notifications-dropdown:before { display: none; }
  .user-menu .header-notifications-dropdown, .header-notifications-dropdown { width: calc(100vw - 45px); right: -10px; top: calc(100% + 15px); } }
@media (max-width: 480px) { .hide-on-mobile { display: none; } }
/* ---------------------------------- */
/* Titlebar
------------------------------------- */
#titlebar { background-color: #f8f8f8; position: relative; padding: 70px 0; margin-bottom: 65px; }
#titlebar.gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0)); padding-bottom: 0; }
#titlebar.white { background: #fff; padding-bottom: 0; }
#titlebar.transparent { background: transparent; }
#titlebar span { font-size: 20px; color: #888; margin-bottom: 3px; margin-top: 3px; display: block; }
#titlebar span a { font-size: 20px; color: #888; margin-bottom: 3px; margin-top: 3px; display: block; }
#titlebar #breadcrumbs span { font-size: 14px; }
#titlebar h1, #titlebar h2 { font-size: 30px; line-height: 40px; margin: 1px 0 3px 0; }

/* Breadcrumbs */
#breadcrumbs { display: inline-block; font-size: 14.7px; border-radius: 4px; font-weight: 600; color: #323232; background-color: #f0f0f0; }
#breadcrumbs ul { margin: 0; padding: 0; line-height: 23px; }
#breadcrumbs ul li { display: inline-block; list-style: none; margin: 0 0 0 7px; }
#breadcrumbs ul li a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #666; font-weight: 500; }
#breadcrumbs ul li a:hover { color: #326496; }
#breadcrumbs ul li:first-child { margin-left: 0; }
#breadcrumbs ul li:first-child:before { display: none; }
#breadcrumbs ul li:before { content: ""; display: inline-block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #aaa; font-size: 14px; margin-right: 12px; }
#breadcrumbs ul li.home-icon a { opacity: 1; font-size: 24px; top: 4px; position: relative; line-height: 0; padding: 0; display: inline-block; }
#breadcrumbs ul li.home-icon i { line-height: 0; }
#breadcrumbs.dark { color: white; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); background-color: #333; }
#breadcrumbs.dark ul li a { color: white; }
#breadcrumbs.dark ul li a:hover { color: white; }
#breadcrumbs.dark ul li:before { border-left: 4px solid rgba(255, 255, 255, 0.3); }
#breadcrumbs.white { color: #323232; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); background-color: #fff; }
#breadcrumbs.white ul li a { color: #666; }
#breadcrumbs.white ul li a:hover { color: #326496; }
#breadcrumbs.white ul li:before { border-left: 4px solid rgba(0, 0, 0, 0.3); }

/* Adjustments for "Single Page Header" */
.single-page-header { margin-bottom: 65px; padding: 60px 0; position: relative; }
.single-page-header #breadcrumbs { position: relative; top: 0; left: 0; transform: none; margin-left: auto; }
.single-page-header .container { z-index: 100; position: relative; }
.single-page-header:after, .single-page-header:before { content: ""; position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; z-index: 15; background: linear-gradient(to right, #f7f7f7 50%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.8) 90%); }
.single-page-header:after { z-index: 5; background-color: #f7f7f7; }
.single-page-header .background-image-container { background-size: cover; background-repeat: no-repeat; background-position: 100% 50%; position: absolute; top: 0; left: 0; height: 100%; width: 50%; left: 50%; z-index: 10; }
.single-page-header .single-page-header-inner { display: flex; }
.single-page-header .left-side, .single-page-header .right-side { flex: 1; display: flex; align-items: center; }
.single-page-header .left-side { padding-right: 30px; }
.single-page-header .right-side { max-width: 35%; }
.single-page-header .header-image { height: 140px; flex: 0 0 140px; margin-right: 35px; background: #fff; border-radius: 4px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); display: flex; padding: 0 20px; }
.single-page-header .header-image a { display: flex; height: 100%; }
.single-page-header.freelancer-header .header-image { background: #fff; border-radius: 50%; box-shadow: none; display: flex; padding: 0; overflow: hidden; height: 130px; flex: 0 0 130px; width: 130px; }
.single-page-header .header-image img { align-self: center; transform: translate3d(0, 0, 0); }
.single-page-header .header-details { flex: 1; }
.single-page-header .header-details h3 { color: #323232; font-size: 26px; margin: 0; padding: 0; margin-bottom: 12px; margin-top: 3px; line-height: 36px; position: relative; padding-right: 0; display: inline-block; }
.single-page-header .header-details h3 span { color: #808080; display: block; font-size: 20px; font-weight: 300; margin-top: -3px; }
.single-page-header .header-details h5 { font-size: 16px; font-weight: 600; color: #323232; font-size: 16px; font-weight: 600; color: #323232; }
.single-page-header .header-details ul { padding: 0; margin: 0; list-style: none; line-height: 24px; margin-bottom: -7px; }
.single-page-header .header-details li { display: inline-block; margin-right: 20px; margin-bottom: 12px; }
.single-page-header .header-details li:last-child { margin-right: 0; }
.single-page-header .header-details li a { color: #666; }
.single-page-header .header-details li a:hover { color: #326496; }
.single-page-header .header-details li i { font-size: 20px; position: relative; top: 2px; margin-right: 2px; }
.single-page-header .header-details li .verified-badge { transform: scale(0.85); position: relative; top: 2px; }
.single-page-header .header-details li .verified-txt { color: #299840; }
.single-page-header .header-details li .star-rating { position: relative; top: 6px; }
.single-page-header .header-details ul li img.flag { height: 16px; border-radius: 3px; position: relative; top: -1px; display: inline-block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); margin-right: 5px; cursor: default; }
.single-page-header .salary-box { border-radius: 4px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08); background-color: #fff; display: inline-block; padding: 20px 25px; margin-left: auto; }

@media (max-width: 992px) { .single-page-header #breadcrumbs { margin: 30px 0 20px 0; } }
/* ---------------------------------- */
/* Single Page Header
------------------------------------- */
@media (min-width: 1365px) { .single-page-header .right-side { max-width: 30%; } }
/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .single-page-header .header-image { max-width: 140px; } }
/* IE 11 FIX */
@media all and (-ms-high-contrast: none) { .single-page-header .header-image img { width: 100%; } }
/* Salary Box */
.salary-box .salary-type { color: #888; line-height: 20px; margin: 3px 0 8px 0; }
.salary-box .salary-amount { color: #323232; font-size: 28px; line-height: 36px; font-weight: 300; }

/* Media Queries for Single Page Header */
@media (max-width: 1366px) { .single-page-header.freelancer-header .header-image { height: 130px; flex: 0 0 130px; width: 130px; } }
@media (max-width: 1240px) { .single-page-header { padding: 55px 0; }
  .single-page-header .header-details h3 { font-size: 26px; }
  .salary-box .salary-amount { font-size: 26px; line-height: 32px; }
  .single-page-header .header-image { height: 120px; flex: 0 0 120px; }
  .single-page-header.freelancer-header .header-image { height: 120px; flex: 0 0 120px; width: 120px; } }
@media (max-width: 992px) { .single-page-header { padding: 35px 0; }
  .single-page-header .single-page-header-inner { display: flex; flex-direction: column; }
  .single-page-header .left-side { padding-right: 0; }
  .single-page-header .header-details h3 { font-size: 24px; }
  .single-page-header .salary-amount { font-size: 22px; line-height: 24px; }
  .single-page-header .salary-box { padding: 0; margin-top: 15px; margin-bottom: 20px; background-color: transparent; box-shadow: none; }
  .salary-box .salary-type { font-weight: 600; color: #323232; }
  .single-page-header .left-side, .single-page-header .right-side { display: block; max-width: 100%; }
  .single-page-header-inner { display: block; max-width: 100%; }
  .single-page-header .header-image { height: 70px; width: auto; padding: 15px 20px; margin: 15px 0; display: inline-block; }
  .single-page-header .header-image img { height: 100%; }
  .single-page-header .header-details h5 { border-top: 1px solid #e0e0e0; padding-top: 25px; }
  .single-page-header.freelancer-header .header-image { height: 70px; flex: 0 0 70px; width: 70px; margin-bottom: -70px; }
  .single-page-header.freelancer-header .header-details h3 { margin-left: 90px; } }
@media (max-width: 768px) { .single-page-header:after, .single-page-header:before { background: #f7f7f7; }
  .single-page-header.freelancer-header .header-image { height: 70px; flex: 0 0 70px; width: 70px; margin-bottom: -70px; }
  .single-page-header.freelancer-header .header-details h3 { margin-left: 90px; } }
/* ---------------------------------- */
/* Blog
------------------------------------- */
.blog-post { display: flex; background: #fff; margin-bottom: 35px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden; transition: 0.3s; }
.blog-post:hover { box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); transform: translateY(-5px); }

.blog-post-thumbnail { flex: 0 0 auto; max-width: none; max-height: 100%; overflow: hidden; position: relative; width: 260px; }

.blog-post-thumbnail-inner { height: 100%; width: 100%; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); transition: 0.3s; }
.blog-post-thumbnail-inner img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.blog-post-thumbnail-inner .blog-item-tag { bottom: 20px; left: 20px; top: auto; margin: 0; }

.blog-post-content { flex: 1; padding: 35px; }
.blog-post-content h3 { font-size: 22px; line-height: 33px; color: #323232; margin-bottom: 15px; display: block; }
.blog-post-content h3 a { font-size: 22px; line-height: 33px; color: #323232; margin-bottom: 15px; display: block; }
.blog-post-content h3 a:hover { color: #326496; }

a.blog-post-info, .blog-post-info, .blog-post-date { font-size: 14px; color: #888; margin-bottom: 10px; display: inline-block; background-color: #f0f0f0; border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-right: 3px; transition: 0.3s; }

a.blog-post-info:hover { color: #fff; background-color: #326496; }

.blog-post-content p { padding: 0; margin: 0; display: block; color: #808080; }
.blog-post-content a.button i.icon-feather-arrow-right { font-size: 20px; top: 4px; left: -1px; position: relative; margin: 0 -5px; }

.blog-post-info-list { display: block; }

blockquote { padding: 10px 20px; margin: 0 20px; font-size: 17px; line-height: 30px; color: #888; border-left: 5px solid #eee; }

/* Single Post Styles */
.blog-post.single-post { flex-direction: column; }
.blog-post.single-post:hover { transform: none; }
.blog-post.single-post .blog-post-thumbnail { width: 100%; height: 380px; }
.blog-post.single-post p { margin-bottom: 20px; }

/* Post Navigation */
#posts-nav { padding: 0; list-style: none; width: 100%; position: relative; margin: 0; display: inline-block; min-height: 60px; }
#posts-nav li { position: absolute; font-size: 18px; font-weight: 500; width: 50%; }
#posts-nav li span { display: block; font-size: 14px; color: #888; margin-bottom: 10px; display: inline-block; background-color: #f0f0f0; border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-right: 3px; transition: 0.3s; }
#posts-nav li a:hover span { background-color: #326496; color: #fff; }
#posts-nav li strong { display: block; font-weight: 500; }
#posts-nav li a { transition: transform 0.3s, color 0.3s 0s; color: #323232; display: inline-block; line-height: 28px; }
#posts-nav li a:hover { color: #326496; }
#posts-nav li.next-post { right: 0; text-align: right; }
#posts-nav li.prev-post { left: 0; }
#posts-nav li.next-post a { padding-right: 50px; }
#posts-nav li.prev-post a { padding-left: 50px; }
#posts-nav li.prev-post a:before { font-family: "Feather-Icons"; font-size: 30px; position: absolute; color: inherit; top: 50%; transform: translate3d(0, -50%, 0); transition: transform 0.3s; }
#posts-nav li.next-post a:before { font-family: "Feather-Icons"; font-size: 30px; position: absolute; color: inherit; top: 50%; transform: translate3d(0, -50%, 0); transition: transform 0.3s; right: 0; content: "\e930"; }
#posts-nav li.prev-post a:before { left: 0; content: ""; }
#posts-nav li.next-post a:hover:before { transform: translate3d(5px, -50%, 0); }
#posts-nav li.prev-post a:hover:before { transform: translate3d(-5px, -50%, 0); }

/* Comments */
.comments { margin: -10px 0 0 0; }
.comments h4 { margin-bottom: 25px; font-size: 20px; font-weight: 500; color: #323232; }
.comments h4 span { display: inline-block; font-size: inherit; }

.comment { font-size: 20px; }

.comments .button { margin: 0 0 10px  0; padding: 7px 15px; }
.comments.reviews .button { margin: 0; }
.comments ul { padding-left: 0; }
.comments ul li { display: block; margin: 50px 0 0 0px; }
.comments ul li ul { margin: 0 0 0 100px; }
.comments ul li ul li { margin: 50px 0 0 0px; }
.comments ul li ul li ul li { margin: 50px 0 0 0px; }

.comment-content { color: #666; padding: 0 0 0 100px; }
.comment-content p { margin: 3px 0 0 0; line-height: 26px; }

.comments ul li { position: relative; }
.comments ul li ul { border-left: 1px solid #e0e0e0; padding-left: 35px; }
.comments ul li ul li:before { content: ""; width: 15px; height: 1px; background-color: #e0e0e0; display: inline-block; position: absolute; top: 30px; left: -35px; }

.comment-content strong { padding-right: 5px; color: #666; }
.comment-content span { color: #888; }

body .comment-content p { padding: 5px 0; }

.comments-amount { color: #888; font-weight: 500; }

.avatar { display: inline-block; float: left; padding: 0 17px 0 0; position: absolute; left: 0px; top: -5px; }
.avatar img { max-width: 70px; border-radius: 50%; }

.comment-by { width: 100%; padding-bottom: 8px; padding-top: 5px; font-weight: 500; color: #323232; }
.comment-by h5 { margin: 0 0 7px 0; }
.comment-by a.reply { transition: all 0.3s; display: inline; background-color: #f0f0f0; padding: 5px 16px; line-height: 22px; font-size: 14px; color: #666; font-weight: 500; position: absolute; right: 0; top: 15px; border-radius: 4px; }
.comment-by a.reply i { font-size: 12px; margin-right: 1px; }
.comment-by a.reply:hover { background-color: #326496; color: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); }
.comment-by span.date { color: #888; font-weight: 500; margin: 0px 0 0 0; float: none; display: block; text-align: left; }

@media (max-width: 768px) { /* Media Queries for Comments */
  .comments ul li ul { margin: 0; }
  .avatar { top: 3px; }
  .comment-content { color: #666; padding: 0 0 0 70px; }
  .avatar img { max-width: 50px; border-radius: 50%; top: 5px; }
  .comment-by a.reply { position: relative; margin: 10px 0 0 0; top: 0; display: inline-block; }
  /* Media Queries for Blog Post */
  .blog-post { flex-direction: column; }
  .blog-post-thumbnail { width: 100%; height: 220px; }
  #posts-nav li { position: relative; width: 100%; }
  #posts-nav li a { padding: 0 !important; }
  #posts-nav li a::before { display: none; }
  #posts-nav li.next-post { text-align: left; margin-bottom: 30px; } }
/* Blog Widget Tabs */
.widget-tabs { padding: 0; list-style: none; margin-top: 25px; display: block; }

.widget-content { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.07); border-radius: 4px; background-color: #fff; position: relative; width: 100%; overflow: hidden; }
.widget-content:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; background: #fff; opacity: 1; transition: 0.35s ease-in-out; }
.widget-content img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; width: 100%; height: 100%; z-index: 9; opacity: 1; transition: 0.35s; border-radius: 5.5px; }

.widget-text { display: block; padding: 0; position: relative; z-index: 20; padding: 30px; }
.widget-text h5 { font-size: 16px; font-weight: 600; line-height: 24px; margin: 0 0 3px 0; color: #323232; transition: 0.35s; }
.widget-text span { font-size: 14px; color: #888; display: inline-block; background-color: #f0f0f0; border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-top: 3px; transition: 0.35s; }

.widget-tabs .widget-content { display: table; }
.widget-tabs .widget-content .widget-text { display: table-cell; vertical-align: middle; }
.widget-tabs li { margin-top: 20px; }

.widget-content:hover:before, .widget-content.active:before { opacity: 0.6; background: #333; }
.widget-content:hover img, .widget-content.active img { opacity: 1; }
.widget-content:hover h5, .widget-content.active h5 { color: #fff; }
.widget-content:hover span, .widget-content.active span { background: rgba(255, 255, 255, 0.25); color: #fff; }

/* Blog Compact Item
------------------------------------- */
.blog-compact-item-container { display: block; height: 100%; width: 100%; border-radius: 4px; background: transparent; transform: translate3d(0, 0, 0); transition: transform 0.4s; margin-bottom: 30px; }
.blog-compact-item-container:hover { transform: translateY(-10px); }

.blog-compact-item { background: #ccc; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; height: 100%; display: block; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50%; height: 460px; z-index: 100; cursor: pointer; transition: 0.4s; }
.blog-compact-item img { object-fit: cover; height: 100%; width: 100%; border-radius: 4px; }
.blog-compact-item:before { content: ""; top: 0; position: absolute; height: 100%; width: 100%; z-index: 9; border-radius: 4px; background: linear-gradient(to top, rgba(51, 51, 51, 0.8) 0%, rgba(51, 51, 51, 0.7) 35%, rgba(51, 51, 51, 0.3) 60%, rgba(51, 51, 51, 0.3) 100%); transition: 0.4s; }

@media (max-width: 1366px) { .blog-compact-item { height: 420px; } }
.blog-compact-item-content { position: absolute; bottom: 32px; left: 0; padding: 0 34px; width: 100%; z-index: 50; box-sizing: border-box; }
.blog-compact-item-content h3 { color: #fff; font-size: 20px; padding: 5px 0; font-weight: 500; margin: 2px 0 0 0; line-height: 30px; }
.blog-compact-item-content span { font-size: 16px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.7); }
.blog-compact-item-content p { font-size: 16px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.8); margin: 7px 0 0 0; }

span.blog-item-tag { font-size: 14px; font-weight: 600; color: #323232; background-color: #fff; border-radius: 4px; padding: 5px 12px; line-height: 20px; font-weight: 400; margin-bottom: 9px; position: absolute; top: 30px; left: 32px; z-index: 110; transition: 0.4s; }

.blog-post-tags { list-style: none; padding: 0; margin: 0; margin-bottom: 0; color: #fff; font-size: 14px; font-weight: 400; opacity: 0.9; }
.blog-post-tags li { display: inline-block; margin-right: 5px; }
.blog-post-tags li i { margin-right: 3px; font-weight: normal; display: inline-block; }

/* ---------------------------------- */
/* Contact Page
------------------------------------- */
.contact-location-info { display: flex; align-content: center; justify-content: center; background-color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03); }
.contact-location-info .contact-address { flex: 1; }
.contact-location-info #single-job-map-container { flex: 1; }
.contact-location-info #single-job-map-container #singleListingMap { border-radius: 0 4px 4px 0; }
.contact-location-info .contact-address { border: 1px solid #e0e0e0; border-right: 0; border-radius: 4px 0 0 4px; display: flex; }
.contact-location-info .contact-address > ul { align-self: center; padding: 40px; margin: 0; list-style: none; font-size: 18px; color: #808080; }
.contact-location-info .contact-address ul li { padding: 2px 0; }
.contact-location-info .freelancer-socials { margin-top: 10px; margin-left: -8px; transform: scale(0.9); }

.contact-address-headline { color: #323232; font-weight: 600; }
.contact-address-headline:after { content: ""; height: 2px; width: 25px; background-color: #326496; position: relative; display: block; margin: 15px 0; border-radius: 3px; }

@media (max-width: 768px) { .contact-location-info { flex-direction: column; }
  .contact-location-info .contact-address { border: 1px solid #e0e0e0; border-bottom: none; border-radius: 4px 4px 0 0; }
  .contact-location-info #single-job-map-container #singleListingMap { border-radius: 0 0 4px 4px; } }
#contact div input { margin-bottom: 22px; }

/* ---------------------------------- */
/* Footer
------------------------------------- */
#footer { background-color: #303030; color: #c0c0c0; }
#footer p { line-height: 26px; }

.footer-top-section { border-bottom: 1px solid #484848; }
.footer-top-section .footer-logo img { max-height: 46px; }

.footer-rows-container { display: block; height: 96px; position: relative; z-index: 100; }

.footer-row { display: inline-block; padding: 0 40px; border-right: 1px solid #484848; border-left: 1px solid #484848; float: left; height: 100%; }

.footer-row-inner { position: relative; top: 50%; transform: translateY(-50%); }
.footer-row-inner.footer-logo { position: relative; top: auto; transform: translateY(0); top: 50%; position: relative; height: 46px; }
.footer-row-inner.footer-logo img { position: relative; top: 50%; }

.footer-row:first-child { padding-left: 0; border-left: none; }
.footer-row:last-child { padding-right: 0; border: none; }

.footer-rows-right { float: right; height: 100%; }
.footer-rows-right .footer-row:first-child { padding-left: 40px; border-left: 1px solid #484848; }

/* Language Switcher */
.language-switcher.bootstrap-select.btn-group .dropdown-menu.inner { width: 100%; }
.language-switcher.bootstrap-select:before { display: none; }
.language-switcher.bootstrap-select .dropdown-menu { padding-top: 15px; top: calc(100% + 15px);  left: auto; right: 0; }
.language-switcher.bootstrap-select .dropdown-menu:before { position: absolute; top: -5px; content: ""; right: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
.language-switcher.bootstrap-select.btn-group button { height: 44px; padding-right: 35px; padding-left: 18px; color: #fff; background-color: #444; transition: 0.3s; box-shadow: none; }
.language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option { height: 44px; line-height: 44px; }
.language-switcher.bootstrap-select.btn-group button:hover { background-color: #fff; color: #323232; }
.language-switcher.bootstrap-select.btn-group.open button { background-color: #326496; color: #fff; }
.language-switcher.bootstrap-select.btn-group button:hover { background-color: white !important; color: black !important; }
.language-switcher.bootstrap-select.btn-group button .caret { transition: 0.3s; }
.language-switcher.bootstrap-select.btn-group.open button .caret, .language-switcher.bootstrap-select.btn-group button:hover .caret { border-top-color: #fff; }
.language-switcher.bootstrap-select.btn-group .dropdown-toggle .caret { right: 18px; }

/* Social Icons */
.footer-social-links { list-style: none; margin: 0 -10px; margin-top: 3px; padding: 0; }
.footer-social-links li { display: inline-block; padding: 0; margin: 0; float: left; }
.footer-social-links li a { font-size: 20px; padding: 0 10px; color: #fff; display: inline-block; transition: 0.3s; opacity: 0.5; transform: translate3d(0, -0.5px, 0); }
.footer-social-links li a:hover { opacity: 1; }

/* Middle Section */
.footer-middle-section { padding: 60px 0; position: relative; z-index: 10; }

#footer h3, #footer h2 { font-size: 18px; color: #fff; margin: 0 0 15px 0; padding: 0; display: block; }

.footer-links h3 { font-size: 18px; color: #fff; margin: 0 0 15px 0; padding: 0; display: block; }

#footer h3 i { position: relative; margin-right: 5px; top: 2px; font-size: 20px; font-weight: 400 !important; }

.footer-links ul { list-style: none; text-align: left; margin: 0; padding: 0; }
.footer-links ul li { margin-bottom: 0; display: block; }
.footer-links ul li:first-child a { padding-top: 0; }
.footer-links ul li:last-child a { padding-bottom: 0; }
.footer-links ul li a { color: #c0c0c0; display: block; line-height: 25px; position: relative; z-index: 100; padding: 4px 0; }
.footer-links ul li a span { display: inline-block; position: relative; }
.footer-links ul li a:hover { color: #fff; }
.footer-links ul li a span:before { content: ""; position: absolute; left: 0; bottom: 0; background-color: #326496; height: 2px; display: block; transition: all 0.25s, opacity 0.2s; z-index: -1; border-radius: 3px; opacity: 0.5; width: 0; }
.footer-links ul li a:hover span:before { width: 100%; opacity: 1; }

/* Newsletter */
.newsletter { display: flex; margin-top: 20px; }
.newsletter input, .newsletter button { display: flex; flex-wrap: wrap; align-items: flex-start; }
.newsletter input { background: #262626; box-shadow: none; margin-bottom: 0; }
.newsletter input:focus { box-shadow: none; }
.newsletter button { background-color: #326496; border-radius: 4px; height: 48px; min-width: 48px; max-width: 48px; text-align: center; line-height: 48px; font-size: 18px; color: #fff; margin-left: 10px; transition: 0.3s; }
.newsletter button:hover { background-color: #fff; color: #323232; }
.newsletter button i { width: 100%; line-height: 48px; }

/* Copyrights */
.footer-bottom-section { padding: 25px 0; border-top: 1px solid #484848; text-align: center; }

/* Footer Media Queries*/
@media (max-width: 992px) { #footer h3 { margin-top: 45px; }
  .footer-middle-section { padding-top: 0; padding-bottom: 45px; } }
@media (max-width: 768px) { .content-left-offset, .content-right-offset { padding-left: 15px; }
  .footer-rows-container { height: auto; padding: 20px 0 40px 0; }
  .footer-rows-left, .footer-rows-right { float: none; height: auto; }
  .footer-row-inner { position: relative; top: 0; transform: translateY(0); }
  .footer-row-inner.footer-logo { top: 0; position: relative; height: 46px; }
  .footer-row-inner.footer-logo img { top: 0; }
  #footer .footer-row { padding: 0; float: none; padding: 20px 0 0 0; display: block; width: 100%; border: none; }
  .footer-rows-container .footer-rows-left, .footer-rows-container .footer-rows-right { display: block; } }
/* ---------------------------------- */
/* Sidebar Styles
------------------------------------- */
.sidebar-container { margin-bottom: 40px; }

.full-page-container .sidebar-container { margin-bottom: 0px; }

.sidebar-widget { margin-bottom: 50px; display: block; }
.sidebar-widget input { margin-bottom: 0; }
.sidebar-widget h3 { font-size: 20px; margin-bottom: 20px; }

/* Single Freelancer Profile
------------------------------------- */
/* Freelancer Socials*/
.freelancer-socials ul { margin: 0; padding: 0; list-style: none; cursor: default; margin: 0 0 -5px -8px; }
.freelancer-socials ul li { display: inline-block; font-size: 24px; }
.freelancer-socials ul li a { color: #b9b9b9; padding: 0 8px; }
.freelancer-socials ul li a:hover { color: #323232; }

/* Attachments */
.attachments-container { display: flex; flex-wrap: wrap; flex-direction: row; width: calc(100% + 20px); margin-bottom: -30px; }

.attachment-box { display: flex; margin: 0 20px 20px 0; background-color: #f4f4f4; border-radius: 4px 0px 4px 4px; font-weight: 600; padding: 15px 20px; padding-bottom: 45px; padding-right: 25px; line-height: 24px; flex-direction: column; color: #666; position: relative; transition: 0.3s; flex: 0 1 calc(50% - 21px); cursor: default; position: relative; }

.single-page-section .attachment-box { flex: 0 1 calc(33% - 20px); }
.single-page-section .attachments-container { margin-bottom: -20px; }

a.attachment-box { cursor: pointer; }

.attachment-box:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 20px 20px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.15) #fff; transition: 0.3s; border-radius: 0 0 0 4px; }

a.attachment-box:hover { background-color: #326496; color: #fff; }
a.attachment-box:hover:before { border-color: rgba(0, 0, 0, 0.25) #fff; }

.attachment-box span { font-size: 14px; line-height: 20px; display: inline-block; flex: auto; }
.attachment-box i { display: block; font-style: normal; font-size: 14px; color: #999; font-weight: 500; margin-top: 10px; position: absolute; bottom: 10px; transition: 0.3s; }

a.attachment-box:hover i { color: rgba(255, 255, 255, 0.7); }

/* Remove Attachment Button */
.attachment-box .remove-attachment { position: absolute; bottom: 10px; right: 10px; color: #fff; background-color: #dc3139; box-shadow: 0 3px 8px rgba(234, 65, 81, 0.15); height: 28px; width: 28px; line-height: 28px; border-radius: 3px; font-weight: 500; font-size: 14px; transition: 0.3s; opacity: 0; transform: translateY(3px); }
.attachment-box .remove-attachment:before { content: "\e9e4"; font-family: "Feather-Icons"; }
.attachment-box:hover .remove-attachment { opacity: 1; transform: translateY(0); }

/* Profile Overview */
.profile-overview { display: flex; line-height: 22px; align-items: center; margin-bottom: 25px; width: calc(100% + 25px); }
.profile-overview .overview-item { flex: 1; border-right: 1px solid #e0e0e0; margin-right: 20px; padding-right: 20px; flex-grow: 1; }
.profile-overview .overview-item:last-child { border-right: 0; padding-right: 0; }
.profile-overview .overview-item strong { display: block; font-weight: 600; color: #323232; font-size: 18px; margin-bottom: 5px; }
.profile-overview .overview-item span { color: #808080; }

/* Freelancer Indicators */
.freelancer-indicators { display: flex; flex-wrap: wrap; width: calc(100% + 30px); line-height: 24px; margin-bottom: -20px; }
.freelancer-indicators .indicator { width: calc(50% - 31px); margin-right: 30px; margin-bottom: 20px; display: flex; flex-direction: column; }
.freelancer-indicators .indicator strong { color: #323232; font-weight: 600; }
.freelancer-indicators .indicator-bar { width: 100%; height: 4px; background-color: #e0e0e0; border-radius: 10px; position: relative; margin: 10px 0; transition: 1s; }
.freelancer-indicators .indicator-bar span { width: 100%; height: 4px; background-color: #e0e0e0; border-radius: 10px; position: relative; margin: 10px 0; transition: 1s; width: 0; background-color: #326496; position: absolute; top: 0; margin: 0; }

/* Media Queriers */
@media (max-width: 1240px) { .profile-overview { display: block; width: 100%; }
  .profile-overview .overview-item { display: block; width: 100%; border-right: 0; border-bottom: 1px solid #e0e0e0; padding: 15px 0; margin: 0; }
  .profile-overview .overview-item:last-child { border-right: none; border-bottom: none; } }
@media (max-width: 768px) { .boxed-list-item .item-details { display: block; width: 100%; }
  .attachments-container { display: block; width: 100%; }
  .attachments-container .attachment-box { display: block; width: 100%; }
  .freelancer-indicators { display: block; width: 100%; }
  .freelancer-indicators .indicator { display: block; width: 100%; }
  .boxed-list-item .item-image { display: none; } }
/* Single Job
------------------------------------- */
.job-overview { border-radius: 4px; background-color: #f9f9f9; }
.job-overview .job-overview-headline { color: #323232; font-size: 20px; padding: 20px 35px; background-color: #f0f0f0; color: #323232; position: relative; border-radius: 4px 4px 0 0; }
.job-overview .job-overview-inner { padding: 35px; }
.job-overview .job-overview-inner ul { padding: 0; margin: 0; list-style: none; }
.job-overview .job-overview-inner ul li { position: relative; display: block; font-size: 16px; padding-left: 38px; margin-bottom: 25px; }
.job-overview .job-overview-inner ul li:last-child { margin-bottom: 0; }
.job-overview .job-overview-inner ul li span { font-weight: 600; color: #323232; margin: 0; padding: 0; display: block; }
.job-overview .job-overview-inner ul li h5 { font-weight: 500; color: #666; font-size: 16px; margin: 0; padding: 0; line-height: 20px; }
.job-overview .job-overview-inner ul li i { position: absolute; left: 0; top: 0; font-size: 24px; color: #326496; }

/* Apply Now Button */
a.apply-now-button { background-color: #326496; color: #fff; text-align: center; font-size: 18px; border-radius: 4px; padding: 14px 20px; margin-bottom: 35px; box-shadow: 0 2px 8px rgba(50, 100, 150, 0.15); transition: 0.3s; display: block; }
a.apply-now-button:hover { transform: translateY(-3px); box-shadow: 0 2px 8px rgba(50, 100, 150, 0.35); }
a.apply-now-button i { font-size: 22px; position: relative; line-height: 0; top: 3px; margin-left: 5px; }

/* Single Job Map */
#single-job-map-container { position: relative; }
#single-job-map-container #singleListingMap { position: relative; height: 340px; border-radius: 4px; }

/* ---------------------------------- */
/* Checkout Page
------------------------------------- */
/* Checkout Headline */
.headline-border-top { border-top: 1px solid #e0e0e0; }

/* Boxed Widget */
.boxed-widget { background-color: #f9f9f9; padding: 0; transform: translate3d(0, 0, 0); z-index: 90; position: relative; border-radius: 4px; overflow: hidden; }

.boxed-widget-headline { color: #323232; font-size: 20px; padding: 20px 30px; background-color: #f0f0f0; color: #323232; position: relative; border-radius: 4px 4px 0 0; }
.boxed-widget-headline h3 { font-size: 20px; padding: 0; margin: 0; }

.boxed-widget-inner { padding: 30px; }

.boxed-widget ul { list-style: none; padding: 0; margin: 0; }
.boxed-widget ul li { color: #666; padding-bottom: 1px; }
.boxed-widget ul li span { float: right; color: #323232; font-weight: 600; }
.boxed-widget.summary li.total-costs { font-size: 18px; border-top: 1px solid #e4e4e4; padding-top: 18px; margin-top: 18px; }

.boxed-widget-footer { border-top: 1px solid #e4e4e4; width: 100%; padding: 20px 30px; }
.boxed-widget-footer .checkbox label { margin-bottom: 0; }

.boxed-widget.summary li.total-costs span { font-weight: 700; color: #326496; }

.listing-item-container.compact.order-summary-widget { margin-bottom: 0; }
.listing-item-container.compact.order-summary-widget .listing-item { border-radius: 4px 4px 0 0; cursor: default; height: 240px; }
.listing-item-container.compact.order-summary-widget:hover { transform: none; }

/* Billing Cycle
------------------------------------- */
.billing-cycle { display: flex; }
.billing-cycle .radio { flex: 1; margin: 5px 20px 5px 0; }
.billing-cycle .radio label { border-radius: 4px; border: 2px solid #eee; padding: 25px; height: 100%; align-self: center; }
.billing-cycle .radio:last-of-type { margin-right: 0; }
.billing-cycle .radio input[type="radio"] + label .radio-label { position: relative; top: 2px; margin-right: 7px; }

.billing-cycle-details { display: block; padding-left: 30px; }

.discounted-price-tag, .regular-price-tag { font-size: 14px; background: #e0f5d7; color: #449626; border-radius: 4px; line-height: 20px; padding: 4px 10px; flex-grow: 0; flex: auto; width: auto; transition: 0.3s; margin-top: 6px; margin-right: 5px; display: inline-block; }

.line-through { text-decoration: line-through; background-color: #fbf6dd; color: #a18d29; }

/* Media Queries for Billing Cycle */
@media (max-width: 768px) { .billing-cycle { display: flex; flex-direction: column; }
  .billing-cycle .radio { margin-right: 0; } }
/* Payment Toggle
------------------------------------- */
.payment-logo { height: 24px; position: absolute; right: 19px; top: 18px; image-rendering: -webkit-optimize-contrast; }
.payment-logo.paypal { height: 16px; top: 22px; }

.payment-tab-trigger { padding: 0px 20px; }
.payment-tab-trigger > input { position: absolute; visibility: hidden; }
.payment-tab-trigger > label { cursor: pointer; display: block; position: relative; top: 0; padding: 14px 0; top: 3px; margin-bottom: 0; font-weight: 500; }
.payment-tab-trigger > label::before { transition: 0.2s; box-sizing: border-box; background-color: #fff; border: 2px solid #d0d0d0; border-radius: 100%; content: ""; display: inline-block; margin-right: 10px; position: relative; top: 3px; width: 18px; height: 18px; }
.payment-tab-trigger > label::after { background: #fff; border-radius: 100%; content: ""; display: inline-block; position: absolute; left: 5px; top: 22px; width: 8px; height: 8px; transition: 0.2s; transform: scale(0); }
.payment-tab-trigger > input:checked ~ label::before { border-color: #326496; }
.payment-tab-trigger > input:checked ~ label::after { background-color: #326496; transform: scale(1); }

.payment { border: 2px solid #f2f2f2; border-radius: 4px; overflow: hidden; }

.payment-tab { background: #f2f2f2; box-sizing: border-box; max-height: 60px; overflow: hidden; position: relative; transition: all 0.3s 0s ease-in-out; width: 100%; }
.payment-tab:first-of-type { border-radius: 4px 4px 0 0; }
.payment-tab:last-of-type { border-radius: 0 0 4px 4px; }
.payment-tab.payment-tab-active { max-height: 400px; background: #fff; }

@media (max-width: 991px) { .payment-tab.payment-tab-active { max-height: 800px; } }
.payment-tab-content { padding: 0 20px 20px 20px; background-color: #fff; visibility: hidden; opacity: 0; transition: 0.2s ease-in-out; }

.payment-form-row { margin-top: -10px; margin-bottom: 5px; }

.payment-tab.payment-tab-active .payment-tab-content { visibility: visible; opacity: 1; }

.card-label > input { box-sizing: border-box; display: block; height: 51px; margin: 14px auto 5px; padding: 5px 15px 0 15px; transition: border-color 0.3s; width: 100%; border: 1px solid #dbdbdb; background-color: #fff; text-decoration: none; border-radius: 4px; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06); box-shadow: none; padding: 15px 0; border: none; border-bottom: 1px solid #e0e0e0; border-radius: 0; }
.card-label > input:focus { box-shadow: none; border-bottom: 1px solid #e0e0e0; padding: 15px 0; }
.card-label > input::placeholder { transition: 0.2s ease-in-out; -webkit-transform-origin: left; }
.card-label > input:focus::placeholder { transform: translateY(-18px); }
.card-label > label { background-color: #fff; display: inline-block; margin: 6px auto auto 8px; font-size: 13px; padding: 0px 7px; font-weight: 500; color: #909090; display: none; }

.payment-tab p { margin: 10px 0; }

/* Booking Confirmation Page
------------------------------------- */
.order-confirmation-page { text-align: center; padding-bottom: 120px; padding-top: 0px; }
.order-confirmation-page h2 { font-size: 48px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 25px; display: block; }
.order-confirmation-page p { font-size: 20px; color: #808080; font-weight: 300; display: block; line-height: 32px; }
.order-confirmation-page a.button { background-color: #eee; color: #606060; font-weight: 600; font-size: 18px; box-shadow: none; padding-top: 14px; padding-bottom: 14px; }
.order-confirmation-page a.button:before { display: none; }
.order-confirmation-page a.button i { font-size: 24px; }

.book-now.button { padding: 9px; margin-bottom: -4px; }

.breathing-icon { background-color: #326496; width: 120px; height: 120px; line-height: 0; font-size: 18px; border-radius: 50%; margin: 0 auto; margin-top: 30px; position: relative; z-index: 100; transition: 0.4s; color: #fff; font-weight: 500; animation: bicokAnim 3s infinite; box-shadow: 0 0 0 15px rgba(50, 100, 150, 0.07); margin-bottom: 70px; font-size: 90px; }
.breathing-icon i { color: #fff; position: absolute; top: 53%; left: 0; right: 0; transform: translateY(-50%); }

@keyframes bicokAnim { 0%,100% { box-shadow: 0 0 0 15px rgba(50, 100, 150, 0.07); }
  50% { box-shadow: 0 0 0 28px rgba(50, 100, 150, 0.12); } }
@media (max-width: 991px) { .order-confirmation-page i { font-size: 100px; }
  .order-confirmation-page p { font-size: 18px; }
  .order-confirmation-page h2 { font-size: 30px; } }
/* ---------------------------------- */
/* 404 Page
------------------------------------- */
#not-found { margin: 40px 0 80px 0; }
#not-found.center { text-align: center; }
#not-found h2 { text-align: center; font-size: 210px; line-height: 210px; font-weight: 500; letter-spacing: -8px; }
#not-found p { text-align: center; font-size: 28px; line-height: 42px; display: inline-block; margin-top: 0px; color: #999; }
#not-found i { color: #e0e0e0; font-size: 210px; top: 0; margin-left: -40px; position: relative; }

.not-found-search.intro-banner-search-form .intro-search-field { background: #f7f7f7; box-shadow: none; }

.not-found-search.intro-banner-search-form { background: #f7f7f7; box-shadow: none; }
.not-found-search.intro-banner-search-form input { background: #f7f7f7; box-shadow: none; }

@media (max-width: 992px) { .not-found-search.intro-banner-search-form { background: #fff; } }
@media (max-width: 767px) { #not-found h2 { font-size: 110px; line-height: 110px; }
  #not-found p { font-size: 20px; line-height: 32px; }
  #not-found i { font-size: 120px; top: 5px; margin-left: 0; }
  .not-found-search.intro-banner-search-form { margin-top: -30px; }
  .login-register-page .social-login-buttons button { margin-right: 0; width: 100%; display: block; max-width: 100%; } }
.login-register-page .welcome-text h3 { font-size: 26px; }

/* -------------------------------------------------------------- */
/* 02. Listings Styles
----------------------------------------------------------------- */
/* ---------------------------------- */
/* Full Page Layout
------------------------------------- */
.full-page-container { display: flex; width: 100%; flex-wrap: wrap; height: calc(100vh - 82px); }

.full-page-sidebar { flex: 0 0 360px; background-color: #fafafa; position: relative; }
.full-page-sidebar .full-page-sidebar-inner { overflow: auto; height: 100%; }
.full-page-sidebar .sidebar-container { padding: 40px; }
.full-page-sidebar .simplebar-scrollbar { width: 5px; }
.full-page-sidebar .sidebar-widget:last-of-type { margin-bottom: 80px; }

.full-page-content-container { flex: 1; background-color: #fff; padding: 0; overflow: auto; }

.full-page-content-inner { padding: 40px; padding-bottom: 0; }
.full-page-content-inner .grid-layout { width: calc(100% + 30px); }
.full-page-content-inner .grid-layout .job-listing { margin: 0 30px 30px 0; width: calc(100% * (1/3) - 30px); }

/* Search Button */
.sidebar-search-button-container { position: absolute; width: calc(100% - 15px); bottom: 0; padding: 40px; padding-top: 10px; z-index: 100; background-color: #fafafa; }
.sidebar-search-button-container button { width: calc(100% + 15px); line-height: 46px; height: 46px; transition: 0.3s; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.1); }
.sidebar-search-button-container button:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.25); transform: translateY(-2px); }

/* Small Footer */
.small-footer { border-top: 1px solid #e0e0e0; padding-top: 0px; width: calc(100% + 80px); left: -40px; position: relative; padding: 25px 40px; display: flex; }
.small-footer strong { color: #323232; }

.small-footer-copyrights { flex: 2; }

.small-footer .footer-social-links { transform: none; flex: 1; text-align: right; float: right; display: inline-block; margin: 0 -5px 0 0; position: relative; top: 2px; }
.small-footer .footer-social-links li { color: #323232; transform: none; float: none; margin: 0 -3px; }
.small-footer .footer-social-links li a { color: #323232; transform: none; }

/* Full Page With Map
------------------------------------- */
.full-page-map-container { flex: auto; position: relative; background-color: #e5e3df; }
.full-page-map-container #map { position: relative; z-index: 30; }

.full-page-container.with-map .full-page-content-container { flex: 0 0 50vw; }

/* Sliding Sidebar */
.full-page-sidebar.hidden-sidebar { visibility: hidden; transition: 0.4s; position: relative; opacity: 0; max-width: 0; }

/*.full-page-container.with-map .full-page-sidebar .sidebar-search-button-container,*/
.full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 360px; }

.full-page-sidebar.hidden-sidebar.enabled-sidebar { visibility: visible; opacity: 1; max-width: 360px; }

/* Enable Filter Button */
.enable-filters-button { position: relative; left: 48px; top: 0px; z-index: 100; background-color: #fff; color: #323232; border-radius: 0 4px 4px 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); height: 48px; line-height: 48px; padding: 0; transition: 0.3s; min-width: 126px; text-align: center; }
.enable-filters-button span { position: relative; padding: 0 15px; background-color: #326496; color: #fff; width: 100%; z-index: 100; border-radius: 0 4px 4px 0; transition: 0.3s; }

/* Filter Button Container */
.filter-button-container { position: absolute; left: 40px; top: 20px; width: calc(100% - 40px); overflow-x: hidden; padding: 20px 0; }

.filter-button-tooltip { position: absolute; width: auto; left: 15px; top: 24px; z-index: 100; border-radius: 4px; width: auto; animation: tooltip-bounce 2s infinite; margin-left: 15px; white-space: nowrap; opacity: 0; overflow: visible; transition: opacity 0.3s; pointer-events: none; padding: 0 20px; background-color: #fff; color: #555; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); font-size: 15.7px; line-height: 48px; top: 20px; }
.filter-button-tooltip.tooltip-visible { opacity: 1; }
.filter-button-tooltip:before { content: ""; position: absolute; width: 0; height: 0; top: calc(50% - 3px); content: ""; left: -3px; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(45deg) translateY(-50%); box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.04); }

@keyframes tooltip-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
  40% { transform: translateX(14px); }
  60% { transform: translateX(7px); } }
/* Hover & Active States */
.enable-filters-button:hover i, .enable-filters-button.active i, .enable-filters-button:hover span, .enable-filters-button.active span { background-color: #333; }
.enable-filters-button:hover i:after, .enable-filters-button:hover i:before { background-color: rgba(0, 0, 0, 0.25); }
.enable-filters-button.active i:after, .enable-filters-button.active i:before { background-color: rgba(0, 0, 0, 0.25); }
.enable-filters-button i { position: absolute; z-index: 90; left: -48px; height: 100%; font-size: 20px; background-color: #326496; color: #fff; line-height: 48px; text-align: center; width: 48px; border-radius: 4px 0 0 4px; font-style: normal; font-family: "Feather-Icons"; transition: 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.enable-filters-button i:after, .enable-filters-button i:before { position: absolute; left: 0; right: 0; transition: 0.3s; border-radius: 4px 0 0 4px; background-color: rgba(0, 0, 0, 0.1); }
.enable-filters-button i:after { content: "\e9d1"; opacity: 1; }
.enable-filters-button.active i:after { opacity: 0; }
.enable-filters-button i:before { content: "\ea02"; opacity: 0; }
.enable-filters-button.active i:before { opacity: 1; }
.enable-filters-button span.show-text { display: inline-block; }
.enable-filters-button.active span.hide-text { display: inline-block; }
.enable-filters-button.active span.show-text { display: none; }
.enable-filters-button span.hide-text { display: none; }

/* Location Field on Map */
.location-field-on-map { position: absolute; top: 40px; right: 40px; width: 280px; max-width: 40%; z-index: 100; }
.location-field-on-map input { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; }

/* Full Page Media Queries
------------------------------------- */
@media (max-width: 3860px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1/4) - 30px); }
  /* Full Page With Map */
  .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1/3) - 30px); } }
@media (max-width: 2560px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1/4) - 30px); }
  /* Full Page With Map */
  .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1/2) - 30px); } }
@media (max-width: 1920px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1/3) - 30px); }
  /* Full Page With Map */
  .full-page-container.with-map .full-page-sidebar { flex: 0 0 340px; }
  .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 340px; }
  .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1/2) - 30px); } }
@media (max-width: 1600px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1/2) - 30px); }
  .full-page-sidebar { flex: 0 0 340px; }
  /* Full Page With Map */
  .full-page-container.with-map .full-page-sidebar { flex: 0 0 320px; }
  .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 320px; }
  .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); }
  .full-page-container.with-map .full-page-content-container { flex: 0 0 55vw; } }
@media (max-width: 1365px) { .location-field-on-map { left: 0px; right: auto; width: calc(100% - 80px); max-width: calc(100% - 80px); margin: 0 40px; }
  /* Notify Box Responsive Styles*/
  .full-page-container .notify-box { margin-bottom: 80px; }
  .full-page-container .notify-box .sort-by { position: absolute; margin-top: 40px; left: 0; }
  .full-page-container .notify-box .sort-by .bootstrap-select .dropdown-menu { left: 0; right: auto; } }
@media (max-width: 1099px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); }
  .full-page-sidebar { flex: 0 0 340px; }
  /* Important Responsive Styles */
  .full-page-map-container { order: -1; width: 100%; height: 400px; position: absolute; top: 0; }
  .full-page-container.with-map { padding-top: 400px; height: auto !important; width: 100%; position: relative; }
  .full-page-container.with-map .full-page-sidebar { max-width: 100%; visibility: visible; opacity: 1; }
  .filter-button-container { display: none; }
  .full-page-container { height: auto !important; }
  .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { position: relative; width: 100%; }
  .full-page-container.with-map .full-page-content-container { flex: 1; }
  .full-page-sidebar-inner, .full-page-content-container { height: auto !important; }
  .full-page-container .full-page-sidebar { height: auto !important; }
  .full-page-container .simplebar-track { display: none; } }
@media (max-width: 992px) { .location-field-on-map { width: calc(100% - 50px); max-width: calc(100% - 50px); margin: 0 25px; top: 25px; }
  .sidebar-search-button-container, .full-page-sidebar .sidebar-container { padding: 35px; }
  .full-page-content-inner { padding: 35px; padding-bottom: 0; }
  .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); }
  .full-page-sidebar { flex: 0 0 320px; }
  .full-page-sidebar-inner, .full-page-content-container, .full-page-container .full-page-sidebar { height: auto !important; } }
@media (max-width: 768px) { .location-field-on-map { width: calc(100% - 30px); max-width: calc(100% - 30px); margin: 0 15px; }
  .sidebar-search-button-container, .full-page-sidebar .sidebar-container { padding: 40px 15px; }
  .full-page-content-inner { padding: 40px 15px; padding-bottom: 0; }
  .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); }
  .full-page-sidebar { flex: 1; width: 100%; }
  .full-page-container { display: block; width: 100%; flex-wrap: wrap; height: auto; }
  .small-footer { display: block; text-align: center; }
  .small-footer .footer-social-links { float: none; left: -10px; margin-top: 10px; } }
/* ---------------------------------- */
/* Job Listing - List Layout
------------------------------------- */
.job-listing { display: block; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); margin-bottom: 35px; background-color: #fff; transition: 0.3s; position: relative; }
.job-listing:hover { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.14); transform: translateY(-4px); }

.job-listing-details { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 35px; padding-bottom: 32px; }

.job-listing .job-listing-company-logo { flex: 1; max-width: 55px; margin-right: 25px; position: relative; top: 3px; }
.job-listing .job-listing-company-logo img { border-radius: 4px; transform: translate3d(0, 0, 0); }
.job-listing .job-listing-description { flex: 1; padding-top: 3px; }
.job-listing .job-listing-description p { margin: 15px 0 0 0; padding: 0; color: #666; }
.job-listing h4.job-listing-company { font-size: 16px; color: #808080; }
.job-listing h3.job-listing-title { font-size: 20px; color: #323232; line-height: 30px; }
.job-listing .job-listing-footer { background-color: #f9f9f9; padding: 20px 35px; border-radius: 0 0 4px 4px; position: relative; }
.job-listing .job-listing-footer ul { list-style: none; padding: 0; margin: 0; }
.job-listing .job-listing-footer ul li { display: inline-block; margin-right: 14px; color: #777; }
.job-listing .job-listing-footer ul li:last-child { margin-right: 0; }
.job-listing .job-listing-footer ul li i { position: relative; top: 1px; margin-right: 3px; color: #777; }
.job-listing .job-listing-footer ul li i.icon-material-outline-location-on { margin-right: 0; }

/* Media Queries for Default List Layout*/
@media (max-width: 768px) { .job-listing .job-listing-company-logo { display: none; }
  .job-listing .job-listing-title { padding-right: 10%; } }
/* ---------------------------------- */
/* Job Listing - Compact List Layout
------------------------------------- */
.compact-list-layout { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); }
.compact-list-layout .job-listing { box-shadow: none; margin-bottom: 0; padding: 30px 35px; padding-right: 80px; border-radius: 0; }
.compact-list-layout .job-listing:last-of-type { border-radius: 0 0 3px 3px; overflow: hidden; }
.compact-list-layout .job-listing:first-of-type { border-radius: 3px 3px 0 0; overflow: hidden; }
.compact-list-layout .job-listing h3 { font-size: 18px; line-height: 28px; }
.compact-list-layout .job-listing:nth-child(2n) { background-color: #fafafa; }
.compact-list-layout .job-listing:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; display: block; background: #326496; transition: 0.3s; opacity: 0; }
.compact-list-layout .job-listing:hover { transform: none; }
.compact-list-layout .job-listing:hover:before { opacity: 1; }
.compact-list-layout .job-listing .job-listing-footer { background-color: transparent; padding: 0; margin-top: 3px; }
.compact-list-layout .job-listing-details { display: flex; flex-wrap: wrap; align-items: center; padding: 0; top: 0; }
.compact-list-layout .job-listing .job-listing-company-logo { max-width: 50px; margin-right: 30px; top: 0; }
.compact-list-layout .job-listing .verified-badge { transform: scale(0.85) translate(8px, 8px); }
.compact-list-layout .job-listing h3 .verified-badge { transform: scale(0.85) translate(0, 0); font-weight: 500; top: 1px; }
.compact-list-layout .job-listing h3 .verified-badge:before { top: -1px; }
.compact-list-layout .job-listing span.bookmark-icon { top: 50%; transform: translateY(-51%); }
.compact-list-layout .job-listing.with-apply-button { position: relative; padding-right: 35px; }

/* List Layout Apply Button */
.list-apply-button { position: absolute; right: 0; padding: 10px 20px; line-height: 24px; position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.3s; border-radius: 4px; background: #f0f0f0; color: #666; text-align: center; }

.job-listing.with-apply-button:hover .list-apply-button { background-color: #326496; color: #fff; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }

/* Alt Styles for Single Company Profile */
.boxed-list .compact-list-layout { box-shadow: none; margin-top: 0; }
.boxed-list .compact-list-layout .job-listing:hover { border-left: none; }
.boxed-list .compact-list-layout .job-listing:first-of-type { border-radius: 0; }

/* Media Queries for Grid Layout */
@media (max-width: 768px) { .list-apply-button { flex: auto; width: 100%; margin-top: 15px; } }
/* ---------------------------------- */
/* Job Listing - Grid Layout
------------------------------------- */
.grid-layout { display: flex; flex-wrap: wrap; width: calc(100% + 30px); }
.grid-layout .job-listing { display: flex; flex-direction: column; justify-content: center; margin: 0 30px 30px 0; width: calc(100% * (1/2) - 30px); flex-direction: column; }
.grid-layout .job-listing-details { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 30px; padding-right: 40px; }
.grid-layout .job-listing-footer { flex-grow: 0; padding: 20px 30px; }
.grid-layout .job-listing h3.job-listing-title { font-size: 18px; line-height: 28px; }
.grid-layout .job-listing-footer .bookmark-icon { top: 0; right: 25px; transform: translateY(-50%) scale(0.96); }
.grid-layout .job-listing .job-listing-company-logo { max-width: 56px; margin-right: 24px; top: 1px; flex: 0 0 56px; }

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .tasks-list-container.tasks-grid-layout .task-listing .task-listing-details, .grid-layout .job-listing-details, .tasks-list-container.tasks-grid-layout .task-listing-bid { flex-basis: 100px; } }
/* IE 11 Fixes - End */
/* Media Queries for Grid Layout */
@media (max-width: 768px) { .full-page-content-inner .grid-layout .job-listing { margin: 0 0 30px 0; width: 100%; }
  .grid-layout { width: 100%; }
  .grid-layout .job-listing { margin: 0 0 30px 0; width: 100%; }
  .full-page-content-inner .grid-layout { width: 100%; }
  .full-page-content-container .simplebar-content { overflow-x: hidden !important; }
  .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: 100%; } }
/* ---------------------------------- */
/* Tasks - List Layout
------------------------------------- */
.task-listing { border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); margin-bottom: 30px; background-color: #fff; transition: 0.3s; position: relative; display: flex; justify-content: center; cursor: pointer; }
.task-listing:hover { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.14); transform: translateY(-4px); }

.task-listing-details { padding: 34px 38px; flex: 1; }

.task-listing .task-listing-description { flex: 1; align-items: center; justify-content: center; }
.task-listing .task-listing-description p { margin: 15px 0 0 0; padding: 0; color: #666; }
.task-listing h3.task-listing-title { font-size: 18px; color: #323232; line-height: 28px; cursor: pointer; font-weight: 600; padding-top: 2px; transition: 0.3s; }
.task-listing h3.task-listing-title a { font-size: 18px; color: #323232; line-height: 28px; cursor: pointer; font-weight: 600; padding-top: 2px; transition: 0.3s; }
.task-listing .task-icons { list-style: none; padding: 0; margin: 3px 0 0 -3px; }
.task-listing .task-icons li { display: inline-block; padding: 0; margin: 0; margin-right: 10px; color: #808080; }
.task-listing .task-icons i { color: #909090; font-size: 18px; position: relative; top: 1px; }
.task-listing .task-icons i.icon-material-outline-desktop-windows { font-size: 19px; top: 2px; }

.task-listing-bid { flex: 0 0 240px; background-color: #f8f8f8; position: relative; display: flex; align-items: center; justify-content: center; }

.task-listing-bid-inner { width: 100%; padding: 35px; }
.task-listing-bid-inner .button { display: block; text-align: center; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); width: 100%; }
.task-listing-bid-inner .button:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.25); }

.task-listing-bid .task-offers { margin-bottom: 15px; /*  text-align: center;*/ }
.task-listing-bid .task-offers strong { display: block; color: #323232; font-weight: 600; line-height: 24px; }
.task-listing-bid .task-offers span { display: block; color: #888; line-height: 24px; }

/* Task Tags */
.task-tags { display: block; margin: 23px 0 3px 0; }
.task-tags span { transition: 0.3s; font-size: 14.7px; border-radius: 4px; background-color: rgba(50, 100, 150, 0.07); color: #326496; display: inline-block; padding: 6px 15px; margin: 2px 0; line-height: 24px; }

/* Compact List */
.compact-list .task-listing { border-radius: 0; margin-bottom: 0; box-shadow: none; }
.compact-list .task-listing:hover { transform: translateY(0); }

.tasks-list-container.compact-list { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); }
.tasks-list-container.compact-list .task-listing { align-items: center; justify-content: center; }
.tasks-list-container.compact-list .task-listing:nth-child(2n) { background-color: #fafafa; }
.tasks-list-container.compact-list .task-listing-bid { background-color: transparent; }
.tasks-list-container.compact-list .task-listing:hover:before { opacity: 1; }
.tasks-list-container.compact-list .task-listing:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; display: block; background: #326496; transition: 0.3s; opacity: 0; }
.tasks-list-container.compact-list .task-listing:last-of-type { border-radius: 0 0 3px 3px; overflow: hidden; }
.tasks-list-container.compact-list .task-listing:first-of-type { border-radius: 3px 3px 0 0; overflow: hidden; }
.tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 0; }

/* Section Styles */
.section .task-listing-details, .section .task-listing-bid-inner { padding: 27px 35px; }

/* Media Queries for Tasks List */
@media (max-width: 1200px) { .task-listing-bid { flex: 0 0 220px; } }
@media (min-width: 481px) and (max-width: 768px) { .task-listing-bid { flex: 1; padding: 10px 0; }
  .task-listing { flex-direction: column; }
  .task-listing-bid-inner { display: flex; margin: 20px 0 0 0; }
  .tasks-grid-layout .task-listing-bid-inner { margin: 0; }
  .task-listing-bid-inner .task-offers { flex: 1; }
  .task-listing-bid-inner .button { height: 100%; width: 30%; }
  .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 35px; padding-bottom: 0; }
  .tasks-list-container.compact-list .task-listing .task-listing-bid { padding-bottom: 25px; }
  .task-listing-bid-inner { width: 100%; padding: 0 35px; } }
/* Small Mobile Sizes */
@media (max-width: 768px) { .section .task-listing-details { padding: 25px 30px; }
  .section .task-listing-bid-inner { padding: 0 30px; } }
/* Small Mobile Sizes */
@media (max-width: 480px) { .task-listing-bid { flex: 1; padding: 30px 0; }
  .task-listing { flex-direction: column; }
  .task-listing-bid-inner .task-offers { flex: 1; }
  .task-listing-bid-inner .button { height: 100%; width: 100%; }
  .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 35px; padding-bottom: 0; }
  .tasks-list-container.compact-list .task-listing .task-listing-bid { padding-bottom: 35px; }
  .task-listing-bid-inner { width: 100%; padding: 0 35px; } }
/* ---------------------------------- */
/* Tasks - Grid Layout
------------------------------------- */
.tasks-list-container.tasks-grid-layout { display: flex; flex-wrap: wrap; width: calc(100% + 30px); }
.tasks-list-container.tasks-grid-layout .task-listing { display: flex; justify-content: center; margin: 0 30px 30px 0; width: calc(100% * (1/2) - 30px); flex-direction: column; }
.tasks-list-container.tasks-grid-layout .task-listing-bid { flex: 1; padding: 0px 0; display: block; }
.tasks-list-container.tasks-grid-layout .task-listing { flex-direction: column; }
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner { display: flex; align-items: center; padding: 18px 32px; }
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers { flex: 1; position: relative; top: 5px; }
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button { height: 100%; width: 45%; }
.tasks-list-container.tasks-grid-layout .task-listing .task-listing-details { display: flex; align-items: center; padding: 28px 32px; }

/* Media Queries for Tasks List */
@media (max-width: 1240px) { .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { display: block; }
  .tasks-list-container.tasks-grid-layout .task-listing-bid { padding: 20px 35px; padding-bottom: 30px; }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { padding: 0; }
  .tasks-list-container.tasks-grid-layout .task-listing { flex-direction: column; }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers { flex: 1; }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button { height: 100%; width: 100%; } }
@media (max-width: 768px) { .tasks-list-container.tasks-grid-layout { width: 100%; }
  .tasks-list-container.tasks-grid-layout .task-listing { margin: 0 0 30px 0; width: 100%; }
  .tasks-list-container.compact-list .task-listing-bid, .tasks-list-container.compact-list .task-listing-details { width: 100%; } }
/* Full Page Media Queries */
@media (max-width: 3860px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% * (1/4) - 30px); } }
@media (max-width: 2560px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% * (1/3) - 30px); } }
@media (max-width: 1600px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% * (1/2) - 30px); } }
@media (max-width: 1099px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% - 30px); } }
@media (max-width: 992px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100%); } }
/* ---------------------------------- */
/* Freelancers - Grid Layout
------------------------------------- */
.freelancers-container { display: flex; flex-wrap: wrap; width: calc(100% + 30px); }

.freelancer { display: flex; flex-direction: column; justify-content: center; margin: 0 30px 30px 0; width: calc(100% * (1/2) - 30px); border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); background-color: #fff; transition: 0.3s; position: relative; cursor: default; }
.freelancer:hover { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.14); transform: translateY(-4px); }
.freelancer .bookmark-icon { cursor: pointer; }

.freelancer-overview { text-align: center; padding: 38px 20px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; }

.freelancer-overview-inner { flex: 1; }

.freelancer-overview .freelancer-avatar { width: 110px; margin: 0 auto; position: relative; }
.freelancer-overview .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; }
.freelancer-overview .freelancer-avatar .verified-badge { position: absolute; bottom: 0; right: 0; }

.freelancer-name { margin-top: 19px; }

.freelancer-rating { margin-top: 5px; margin-bottom: -10px; }

.freelancer-name h4 { font-size: 18px; font-weight: 600; color: #323232; cursor: pointer; }
.freelancer-name h4 a { font-size: 18px; font-weight: 600; color: #323232; cursor: pointer; }
.freelancer-name img.flag { height: 15px; border-radius: 3px; position: relative; top: -1px; display: inline-block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); margin-left: 4px; cursor: default; }
.freelancer-name span { color: #888; }

.freelancer-details { padding: 35px; background-color: #fafafa; flex-grow: 0; }

.freelancers-grid-layout .freelancer-details { border-radius: 0 0 4px 4px; }
.freelancers-grid-layout .freelancer-details a.button { display: block; text-align: center; width: 100% !important; transition: 0.3s; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.1); }

.freelancer-details a.button:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.2); }

.freelancer-details-list ul { list-style: none; padding: 0; margin: 0 0 5px 0; font-size: 14.7px; }
.freelancer-details-list ul li { display: inline-block; margin-right: 25px; line-height: 23px; color: #808080; margin-bottom: 15px; }
.freelancer-details-list ul li:last-child { margin-right: 0; }
.freelancer-details-list ul li strong { display: block; color: #323232; }
.freelancer-details-list ul li strong i { position: relative; top: 1px; margin-right: -1px; margin-left: -2px; }

/* Detail Item */
.freelancer-detail-item { display: inline-block; margin: 2px 10px 5px 0; color: #888; }
.freelancer-detail-item a { color: #888; }
.freelancer-detail-item a:hover { color: #326496; }
.freelancer-detail-item i { position: relative; top: 2px; margin-right: 3px; }

/* Media Queiers for Freelancers List */
@media (max-width: 1366px) { .freelances-grid-layout .freelancer-overview .freelancer-avatar { width: 100px; } }
@media (max-width: 768px) { .freelances-grid-layout.freelancers-container { width: 100%; }
  .freelances-grid-layout .freelancer { margin: 0 0 30px 0; width: 100%; }
  .freelancers-container.freelancers-grid-layout { width: 100%; }
  .freelancers-container.freelancers-grid-layout .freelancer { width: 100%; margin-right: 0; } }
/* Full Page Media Queiers for Freelancers List */
@media (max-width: 2560px) { .full-page-container .freelancer { width: calc(100% * (1/4) - 30px); } }
@media (max-width: 1920px) { .full-page-container .freelancer { width: calc(100% * (1/3) - 30px); } }
@media (max-width: 1366px) { .full-page-container .freelancer { width: calc(100% * (1/2) - 30px); } }
@media (max-width: 1099px) { .full-page-container .freelancers-container { width: 100%; }
  .full-page-container .freelancer { width: 100%; margin-right: 0; } }
/* ---------------------------------- */
/* Freelancers - List Layout
------------------------------------- */
.freelancers-container.freelancers-list-layout { width: 100%; }

.freelancers-list-layout .freelancer { margin: 0 0 30px 0; width: 100%; flex-direction: row; justify-content: center; }
.freelancers-list-layout .freelancer-overview { text-align: left; padding: 45px 40px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; }
.freelancers-list-layout .freelancer-overview-inner { flex: 1; display: flex; align-items: center; }
.freelancers-list-layout .freelancer-details { padding: 45px 40px 45px 0; background-color: transparent; flex: 0 0 360px; }
.freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 100px; margin: 0; }
.freelancers-list-layout .freelancer-overview .freelancer-name { text-align: left; margin: 0 0 0 30px; }
.freelancers-list-layout .freelancer-details a.button { display: block; text-align: center; min-width: 50%; max-width: 100%; width: auto !important; transition: 0.3s; float: right; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }
.freelancers-list-layout .freelancer-details a.button:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.25); }
.freelancers-list-layout .bookmark-icon { display: none; }
.freelancers-list-layout .freelancer-details-list ul { float: right; display: block; }
.freelancers-list-layout .freelancer-details-list ul li { margin-left: 25px; margin-right: 0; float: right; }

/* Freelancers Compact List */
.compact-list.freelancers-list-layout { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); }
.compact-list.freelancers-list-layout .freelancer { border-radius: 0; margin-bottom: 0; box-shadow: none; }
.compact-list.freelancers-list-layout .freelancer:hover { transform: translateY(0); }
.compact-list.freelancers-list-layout .freelancer:nth-child(2n) { background-color: #fafafa; }
.compact-list.freelancers-list-layout .freelancer:hover:before { opacity: 1; }
.compact-list.freelancers-list-layout .freelancer:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; display: block; background: #326496; transition: 0.3s; opacity: 0; }
.compact-list.freelancers-list-layout .freelancer:last-of-type { border-radius: 0 0 3px 3px; overflow: hidden; }
.compact-list.freelancers-list-layout .freelancer:first-of-type { border-radius: 3px 3px 0 0; overflow: hidden; }

/* Media Queiers for Freelancers List Layout */
@media (max-width: 1366px) { .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 100px; } }
@media (max-width: 1240px) { .freelancers-list-layout .freelancer { flex-direction: column; }
  .freelancers-list-layout .freelancer-details { flex: 1; padding: 35px 40px; background-color: #fafafa; }
  .freelancers-list-layout .freelancer-details-list ul { float: left; }
  .freelancers-list-layout .freelancer-details-list ul li { margin-left: 0; margin-right: 25px; float: left; }
  .freelancers-list-layout .freelancer-details a.button { float: none; width: 100% !important; }
  .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 90px; }
  /* Compact Layout */
  .compact-list.freelancers-list-layout .freelancer-details { background-color: transparent; padding-top: 0; } }
@media (max-width: 768px) { .freelancers-list-layout .freelancer-overview, .freelancers-list-layout .freelancer-details { padding: 30px; }
  .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 80px; }
  .freelancers-list-layout .star-rating:before { display: block; float: none; text-align: center; max-width: 40px; margin-bottom: 4px; } }
/* ---------------------------------- */
/* Companies List
------------------------------------- */
/* Letters List */
.letters-list { width: 100%; text-align: center; background-color: #f4f4f4; border-radius: 4px; padding: 20px; }
.letters-list a { display: inline-block; font-size: 18px; color: #323232; height: 40px; width: 40px; line-height: 40px; background-color: transparent; border-radius: 4px; transition: 0.3s; margin: 0 -2px; }
.letters-list a.current { margin-right: 0; color: #fff; font-weight: 600; background-color: #326496; box-shadow: 0 2px 8px rgba(50, 100, 150, 0.25); }
.letters-list a:hover { color: #fff; background-color: #333; font-weight: 600; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }

/* Companies List */
.companies-list { display: flex; flex-wrap: wrap; margin-top: 30px; width: calc(100% + 30px); }
.companies-list .company { width: calc(33.3% - 30px); margin: 0 30px 30px 0; flex-grow: 1; text-align: center; /*border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;*/ padding: 50px 0; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: 0.3s; }
.companies-list .company:hover { transform: translateY(-3px); }
.companies-list .company img { max-width: 120px; max-height: 60px; display: inline-block; margin: 0; transform: translate3d(0, 0, 0); }
.companies-list .company .company-logo { height: 60px; display: flex; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
.companies-list .company h4 { color: #323232; font-size: 18px; font-weight: 600; transition: 0.3s; display: block; }
.companies-list .company span { color: #888; }
.companies-list .company .star-rating { margin-top: 5px; }

@media (min-width: 993px) { .companies-list .company:nth-child(3n) { border-right: none; }
  .companies-list .company:nth-last-child(-n+3) { border-bottom: none; } }
.not-rated, .company-not-rated { border-radius: 4px; background-color: #f0f0f0; color: #888; font-size: 14px; line-height: 15px; font-weight: 600; padding: 7px 9px; display: inline-block; margin-top: 8px; text-align: center; }

/* Media Queries for Companies List */
@media (max-width: 1366px) { .letters-list a { font-size: 16px; height: 36px; width: 36px; line-height: 36px; margin: 0 -1px; } }
@media (max-width: 992px) { .companies-list .company { width: calc(50% - 30px); } }
@media (max-width: 768px) { .companies-list .company { width: 100%; } }
/* -------------------------------------------------------------- */
/* 03. Graphic User Interface Elements
----------------------------------------------------------------- */
/* ---------------------------------- */
/* Buttons
------------------------------------- */
button { vertical-align: middle; }

span.button, button.button { background-color: #326496; top: 0; padding: 10px 20px; line-height: 24px; color: #fff; position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.2s ease-in-out; cursor: pointer; overflow: hidden; border: none; border-radius: 4px; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }

input[type="button"], input[type="submit"] { background-color: #326496; top: 0; padding: 10px 20px; line-height: 24px; color: #fff; position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.2s ease-in-out; cursor: pointer; overflow: hidden; border: none; border-radius: 4px; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }

a.button { background-color: #326496; top: 0; padding: 10px 20px; line-height: 24px; color: #fff; position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.2s ease-in-out; cursor: pointer; overflow: hidden; border: none; border-radius: 4px; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }

/* Icons Aligment*/
.button i[class^="icon-material"], button.button i[class^="icon-material"] { font-size: 18px; height: 0; width: 18px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; }

input[type="button"] i[class^="icon-material"], input[type="submit"] i[class^="icon-material"] { font-size: 18px; height: 0; width: 18px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; }

a.button i[class^="icon-material"] { font-size: 18px; height: 0; width: 18px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; }

.button i[class^="icon-feather"], button.button i[class^="icon-feather"] { font-size: 16px; height: 0; width: 16px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; }

input[type="button"] i[class^="icon-feather"], input[type="submit"] i[class^="icon-feather"] { font-size: 16px; height: 0; width: 16px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; }

a.button i[class^="icon-feather"] { font-size: 16px; height: 0; width: 16px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; }

/* Dark Style */
button.button.dark { background-color: #333; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

input[type="button"].dark, input[type="submit"].dark { background-color: #333; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

a.button.dark { background-color: #333; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

/* Dark Style */
button.button.gray { background-color: #eaeaea; color: #666; box-shadow: none; }

input[type="button"].gray, input[type="submit"].gray { background-color: #eaeaea; color: #666; box-shadow: none; }

a.button.gray { background-color: #eaeaea; color: #666; box-shadow: none; }

button.button.gray:hover { background-color: #e0e0e0; }

input[type="button"].gray:hover, input[type="submit"].gray:hover { background-color: #e0e0e0; }

a.button.gray:hover { background-color: #e0e0e0; }

body .button i.icon-material-outline-arrow-right-alt { font-size: 22px; top: 4px; }

.button.full-width { max-width: 100%; width: 100%; text-align: center; display: block; }
.button.big { font-size: 18px; padding: 13px 22px; }

body .button.big i { font-size: 22px; top: 3px; position: relative; }

/* Slide Out Button */
.button.button-slide-out span { transform: translateY(0px); opacity: 1; transition: 0.3s; }
.button.button-slide-out:hover span { transform: translateY(-10px); opacity: 0; display: inline-block; transition: 0.3s; }
.button.button-slide-out i { transform: translateY(calc(-50% + 10px)); opacity: 0; display: inline-block; transition: 0.3s; position: absolute; left: 0; right: 0; font-size: 18px; top: 50%; height: 20px; }
.button.button-slide-out:hover i { transform: translateY(calc(-50% + 0px)); opacity: 1; }

/* Move on Hover */
.move-on-hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.1); transform: translateY(0); transition: 0.3s; }
.move-on-hover:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.2); transform: translateY(-2px); }

/* Centered Button */
.centered-button { text-align: center; display: block; }
.centered-button .button { margin: 0 auto; }

/* Bookmark Button */
span.bookmark-icon { font-size: 20px; position: absolute; z-index: 101; right: 35px; top: 35px; cursor: pointer; background-color: #eee; color: #c0c0c0; display: block; height: 39px; width: 39px; border-radius: 50%; transition: all 0.4s; line-height: 27px; }

.bookmark-icon.bookmarked { animation: bookmarked-shadow 0.3s; }
.bookmark-icon:before { transition: transform 0.4s cubic-bezier(0.8, -0.41, 0.19, 2.5); font-family: "Material-Icons"; position: absolute; right: 0; left: 0; text-align: center; top: 6px; content: "\e988"; }
.bookmark-icon:hover { background-color: #333; color: #fff; }
.bookmark-icon.bookmarked { background-color: #feb342; color: #fff; }
.bookmark-icon.bookmarked:before { animation: bookmark-icon 0.5s; }

@keyframes bookmarked-shadow { 0% { box-shadow: 0 0 0 0 rgba(254, 179, 66, 0.8); }
  100% { box-shadow: 0 0 0 10px transparent; } }
@keyframes bookmark-icon { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
/* Bookmark Button */
.bookmark-button { background-color: #404040; display: inline-block; padding: 0; position: relative; height: 44px; line-height: 44px; color: #fff; padding: 0 15px; padding-left: 59px; border-radius: 4px; transition: 0.4s; cursor: pointer; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); }
.bookmark-button .bookmark-icon, .bookmark-button:hover .bookmark-icon { background-color: rgba(255, 255, 255, 0.05); }
.bookmark-button .bookmark-icon { border-radius: 4px; position: absolute; left: 0; right: auto; top: auto; height: 44px; width: 44px; border-radius: 4px 0 0 4px; pointer-events: none; transition: 0.4s; animation: none; }
.bookmark-button .bookmark-icon:before { top: 8px; color: #fff; transition: 0.4s; font-size: 18px; }
.bookmark-button.bookmarked { background-color: #feb342; color: #fff; box-shadow: 0 3px 12px rgba(254, 179, 66, 0.2); }
.bookmark-button.bookmarked .bookmark-icon:before { color: #fff; }
.bookmark-button:hover .bookmark-icon:before { color: #fff; }
.bookmark-button.bookmarked .bookmark-icon, .bookmark-button.bookmarked:hover .bookmark-icon { background-color: rgba(255, 255, 255, 0.16); }
.bookmark-button.bookmarked .bookmarked-text { display: block; }
.bookmark-button .bookmark-text { display: block; }
.bookmark-button.bookmarked .bookmark-text, .bookmark-button .bookmarked-text { display: none; }

/* ---------------------------------- */
/* Button with sliding icon
------------------------------------- */
.button-sliding-icon { text-align: center; }
.button-sliding-icon i { opacity: 0; max-width: 0; transition: 0.25s; display: inline-block; transform: translateX(-20px); }
.button-sliding-icon:hover i { max-width: 20px; opacity: 1; transform: translateX(0); }

/* For buttons */
.button.button-sliding-icon { padding-left: 20px; padding-right: 10px; }
.button.button-sliding-icon:hover { padding-right: 20px; }
.button.button-sliding-icon i { padding-right: 5px; }
.button.button-sliding-icon:hover i { max-width: 20px; opacity: 1; transform: translateX(0); }

/* ---------------------------------- */
/* List Styles
------------------------------------- */
.list-3, .list-2, .list-1 { padding: 3px 0 0 0; font-size: 16px; }

.list-3 li, .list-2 li, .list-1 li { list-style: none; margin: 10px 0; line-height: 27px; margin-left: 20px; position: relative; }

.list-3 li:first-child, .list-2 li:first-child, .list-1 li:first-child { margin-top: 0; }

.list-4 li:before, .list-3 li:before, .list-2 li:before { margin: 0; position: relative; color: #326496; float: left; margin-left: -20px; display: block; }

.list-1 li:before { margin: 0; position: relative; color: #326496; float: left; margin-left: -20px; display: block; }
.list-1.gray li:before { color: #777; }

.list-2 li { margin-left: 28px; }

.list-3 li:before, .list-2 li:before { font-family: "Material-Icons"; content: "\e928"; font-size: 18px; font-weight: 600; position: relative; top: -2px; margin-left: -28px; }

.list-3 li:before { content: "\e912"; font-family: "Feather-Icons"; font-weight: 500; font-size: 18px; }

.list-1 li:before { content: ""; height: 6px; width: 6px; background-color: #326496; border-radius: 2px; position: relative; top: 9px; }

/* Numbered Style */
.numbered ol { counter-reset: li; list-style: none; padding: 0; margin-left: 18px; display: inline-block; font-size: 16px; }
.numbered ol li { display: inline-block; padding: 6px 0; width: 100%; }
.numbered ol > li::before { content: counter(li); counter-increment: li; font-size: 16px; line-height: 35px; width: 36px; height: 36px; display: inline-block; border: 1px solid #333; border-radius: 50%; text-align: center; margin: 0; margin-left: 0; font-weight: 500; color: #323232; position: relative; float: left; left: -18px; font-size: 15px; transform: translateY(-10%); }
.numbered.color ol > li::before { border: 1px solid #326496; color: #326496; }
.numbered.color.filled ol > li::before { border: 1px solid #326496; color: #fff; background-color: #326496; }

/* ---------------------------------- */
/* Marks
------------------------------------- */
mark { background-color: #fcf8e3; color: #8a803e; padding: 1px 5px; }
mark.color { background-color: #326496; border-radius: 4px; color: #fff; }

/* ---------------------------------- */
/* Notification Boxes
------------------------------------- */
#result .success { line-height: 24px; margin-bottom: 15px; position: relative; padding: 20px 26px; padding-right: 50px; border-radius: 3px; }

.notification { line-height: 24px; margin-bottom: 15px; position: relative; padding: 20px 26px; padding-right: 50px; border-radius: 3px; }
.notification p { margin: 0; font-size: 15px; }

#result .success, .notification.success { background-color: #EBF6E0; }

#result .success { color: #5f9025; }

.notification.success { color: #5f9025; }
.notification.success a, .notification.success strong { color: #5f9025; }
.notification.error { background-color: #ffe9e9; color: #de5959; }
.notification.error a, .notification.error strong { color: #de5959; }
.notification.warning { background-color: #FBFADD; color: #8f872e; }
.notification.warning a, .notification.warning strong { color: #8f872e; }
.notification.notice { color: #3184ae; background-color: #E9F7FE; }
.notification.notice h4 { font-size: 19px; margin: 3px 0 15px 0; color: #3184ae; }
.notification.notice a, .notification.notice strong { color: #3184ae; }
.notification.notice.large { padding: 32px 36px; }
.notification strong { font-weight: 700; }
.notification a { text-decoration: underline; }

body .notification strong { border: none; }

.notification.success .close, .notification.error .close, .notification.warning .close { padding: 0px 9px; position: absolute; right: 0; top: 22px; display: block; height: 8px; width: 8px; cursor: pointer; }
.notification.notice .close { padding: 0px 9px; position: absolute; right: 0; top: 22px; display: block; height: 8px; width: 8px; cursor: pointer; }
.notification.notice p span i { font-weight: 500; }
.notification a.button { float: right; color: #fff; margin-top: 3px; }
.notification.notice a.button { background-color: #388fc5; }
.notification.warning a.button { background-color: #dfbe51; }
.notification.error a.button { background-color: #d34c4c; }
.notification.success a.button { background-color: #79ba38; }
.notification.closeable a.close:before { content: "\ea02"; font-family: "Feather-Icons"; position: absolute; right: 25px; top: 0; cursor: pointer; font-weight: 600; }

/* ---------------------------------- */
/* Tables
------------------------------------- */
table.basic-table { width: 100%; border-collapse: separate; border-spacing: 0; border: none; margin-bottom: 15px; margin-bottom: 0; }
table.basic-table th { background-color: #326496; text-align: left; color: #fff; vertical-align: top; font-weight: 500; padding: 15px 28px; }
table.basic-table th:first-child { border-radius: 4px 0 0 4px; }
table.basic-table th:last-child { border-radius: 0 4px 4px 0; }
table.basic-table td { padding: 15px 28px; }
table.basic-table tr:nth-child(odd) { background-color: #f4f4f4; }

/*@media screen and (max-width: 600px) { table { border: 0; }
  table th { display: none; }
  table tr { display: block; margin-bottom: 0; }
  table td { border-bottom: 1px solid #ddd; display: block; font-size: 14px; text-align: right; }
  table td:before { content: attr(data-label); float: left; font-weight: 600; }
  table td:last-child { border-bottom: 0; } }*/
/* ---------------------------------- */
/* Accordion
------------------------------------- */
.accordion { font-size: 16px; width: 100%; margin: 0 auto; border-radius: 4px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
.accordion .accordion { border-radius: 0px; box-shadow: none; }

.accordion-header, .accordion-body { background: #fff; }

.accordion-header { padding: 15px 25px; background: #326496; color: #fff; cursor: pointer; font-size: 16px; transition: all .3s; position: relative; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15); }

.accordion .accordion .accordion-header { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.07); }

.accordion-header:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; content: ""; opacity: 0; transition: 0.3s; }

.accordion-body__contents p:last-child { margin-bottom: 0; padding-bottom: 0; }

/*.accordion__item.active .accordion-header:before,
.accordion-header:hover:before { opacity: 0.04; }*/
.accordion-body { background: #fff; color: #666; display: none; }

.accordion-body__contents { padding: 25px; font-size: 16px; line-height: 28px; }

.accordion__item.active:last-child .accordion-header { border-radius: none; }

.accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; }

.accordion__item > .accordion-header:after { content: "\e957"; font-family: Material-Icons; font-size: 19px; float: right; position: relative; top: -1px; transition: .3s all; transform: rotate(0deg); }
.accordion__item.active > .accordion-header:after { transform: rotate(-180deg); }
.accordion__item.active .accordion .accordion-header:before { opacity: 0; }
.accordion__item .accordion__item .accordion-header { background: #f7f7f7; color: #666; }

/* ---------------------------------- */
/* Tabs
------------------------------------- */
.tabs { z-index: 15px; position: relative; background: #FFFFFF; width: 100%; border-radius: 4px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); box-sizing: border-box; margin: 0; overflow: hidden; }
.tabs ul { padding: 0; list-style: none; margin: 0; }

.tabs-header { position: relative; background: #326496; overflow: hidden; }
.tabs-header .tab-hover { position: absolute; bottom: 0; left: 0; background: #fff; width: auto; height: 100%; transition: 0.3s ease; opacity: 0.08; z-index: 90; }
.tabs-header ul { display: flex; flex-direction: row; flex-wrap: wrap; width: calc(100% - 100px); position: relative; z-index: 100; }
.tabs-header li { transition: 0.3s ease; }
.tabs-header a { z-index: 1; display: block; box-sizing: border-box; padding: 15px 25px; color: #fff; font-weight: 500; text-decoration: none; }

.tabs-nav { position: absolute; top: 0; right: 0; display: flex; align-items: center; height: 100%; padding: 0 15px; color: #fff; user-select: none; font-size: 19px; }
.tabs-nav i { cursor: pointer; display: inline-block; padding: 0; height: 30px; width: 30px; line-height: 30px; background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; text-align: center; position: relative; z-index: 101; margin-left: 5px; transition: 0.3s; }
.tabs-nav i:hover { background-color: rgba(255, 255, 255, 0.15); }

.tabs-content { position: relative; transition: 0.3s ease; overflow: hidden; }
.tabs-content .tab { padding: 25px; }
.tabs-content .tab p:last-child { margin-bottom: 0; padding-bottom: 0; }
.tabs-content:after { content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; box-shadow: 0 0 20px 10px #FFFFFF; }
.tabs-content .tab { display: none; }
.tabs-content .tab.active { display: block; }

@media (max-width: 992px) { .tabs-nav { display: none; }
  .tabs-header ul { flex-direction: column; width: 100%; }
  .tab-hover { display: none; }
  .tabs-header a { box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15); }
  .tabs-header ul li.active a { background-color: rgba(255, 255, 255, 0.07); } }
/* ---------------------------------- */
/* Copy to clipboard
------------------------------------- */
.copy-url { display: flex; }
.copy-url input { border-radius: 4px 0 0 4px; border-right: 0; }
.copy-url .copy-url-button { min-width: 48px; background-color: #326496; color: #fff; border-radius: 0 4px 4px 0; }

/* ---------------------------------- */
/* Share Buttons
------------------------------------- */
.share-buttons { display: block; }

.share-buttons-trigger { display: inline-block; height: 44px; width: 44px; line-height: 44px; text-align: center; color: #a0a0a0; font-size: 18px; background-color: #f0f0f0; border-radius: 4px; transition: 0.4s; cursor: default; }
.share-buttons-trigger i { position: relative; top: 1px; }

.share-buttons-content { display: inline-block; position: relative; width: calc(100% - 60px); }
.share-buttons-content span { margin-left: 10px; color: #888; cursor: default; padding: 10px 0; display: inline-block; transition: 0.4s; }
.share-buttons-content span strong { color: #326496; font-weight: 600; }

.share-buttons:hover .share-buttons-content span { opacity: 0; transition: 0.2s; }

/* Icons */
.share-buttons-icons { position: absolute; left: 5px; top: 0; padding: 0; margin: 0; opacity: 0; transform: translateX(-10px); transition: all 0.4s cubic-bezier(0.5, -0.41, 0.19, 2); }

.share-buttons:hover .share-buttons-icons { opacity: 1; transform: translate(0); }

.share-buttons-icons li { display: inline-block; float: left; }
.share-buttons-icons li:first-child a { border-radius: 4px 0 0 4px; }
.share-buttons-icons li:last-child a { border-radius: 0 4px 4px 0; }
.share-buttons-icons li a { height: 44px; width: 44px; display: inline-block; line-height: 44px; text-align: center; background-color: #333; color: #fff; font-size: 14px; }
.share-buttons-icons li a i { position: relative; top: 1px; }

/* ---------------------------------- */
/* Verified Badge
------------------------------------- */
.job-listing-company .verified-badge, .job-listing .job-listing-footer ul li .verified-badge { position: relative; display: inline-block; transform: scale(0.7); top: 2px; margin-left: -2px; }

/* Verified Badge */
.verified-badge { position: relative; height: 25px; width: 25px; display: inline-block; background-color: #38b653; border-radius: 50%; text-align: center; z-index: 10; font-weight: 500; }
.verified-badge:before { content: "\e92b"; font-family: "Feather-Icons"; font-size: 16px; color: #fff; position: relative; top: 0px; line-height: 27px; }

.job-listing .job-listing-company-logo .verified-badge { position: absolute; bottom: 0; right: 0; transform: translate(7px, 7px); }

/* Long Verified Badge */
.verified-badge-with-title { position: relative; height: 26px; display: flex; top: -1px; color: #fff; font-weight: 500; font-size: 14px; background-color: #30ab4a; text-align: center; z-index: 10; font-weight: 500; border-radius: 4px; padding: 0 8px 0 0; margin: 0; overflow: hidden; padding-left: 34px; line-height: 27px; }
.verified-badge-with-title:before { content: "\e92b"; font-family: "Feather-Icons"; font-size: 16px; color: #fff; position: absolute; top: 0; left: 0; line-height: 26px; height: 26px; width: 26px; display: inline-block; background-color: #38b653; }

/* ---------------------------------- */
/* Star Rating
------------------------------------- */
/* Star Rating */
.star-rating { display: inline-block; }
.star-rating .star { display: inline-block; margin: 0; padding: 0; float: left; margin-right: 0; position: relative; }
.star-rating .star.half:after, .star-rating .star:before { font-family: "Material-Icons"; content: "\e988"; display: block; color: #febe42; font-size: 22px; }
.star-rating .star.empty:before { color: #ddd; }

.rating:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.star-rating .star.half:before { color: #ddd; }
.star-rating .star.half:after { color: #febe42; position: absolute; top: 0; width: 50%; display: block; height: 100%; overflow: hidden; }
.star-rating:before { content: attr(data-rating); float: left; border-radius: 4px; background-color: #febe42; color: #fff; font-size: 14px; line-height: 15px; font-weight: 700; padding: 5px 7px; position: relative; top: 1px; margin-right: 10px; }
.star-rating.no-stars .star { display: none; }
.star-rating.no-stars:before { margin-right: 0; }

/* ---------------------------------- */
/* Leave Rating Stars
------------------------------------- */
.leave-rating { height: 24px; float: left; position: relative; }
.leave-rating:hover input[type="radio"]:checked ~ label { color: #dadada; }
.leave-rating input[type="radio"] { display: inline-block; width: 1px; position: absolute; opacity: 0; pointer-events: none; height: 100%; margin-left: 50%; left: 0; top: 0; transform: translateX(-50%); }
.leave-rating input[type="radio"]:checked ~ label { color: #ffc600; }
.leave-rating label { font-size: 24px; float: right; letter-spacing: 0px; color: #dadada; cursor: pointer; transition: 0.3s; }
.leave-rating label:hover { color: #ffc600 !important; }
.leave-rating label:hover ~ label { color: #ffc600 !important; }

.leave-rating-title { display: block; margin: 0 0 4px 0; }

.welcome-text .leave-rating-container { text-align: center; margin: 0 auto; margin-top: 15px; left: 50%; width: 100%; display: block; }
.welcome-text .leave-rating { position: relative; left: 50%; transform: translateX(-50%) scale(1.2); }

/* ---------------------------------- */
/* Ripple Effect
------------------------------------- */
.ripple-effect-dark { overflow: hidden; position: relative; z-index: 1; }

.ripple-effect { overflow: hidden; position: relative; z-index: 1; }
.ripple-effect span.ripple-overlay { animation: ripple 0.9s; border-radius: 100%; background: #fff; height: 12px; position: absolute; width: 12px; line-height: 12px; opacity: 0.1; pointer-events: none; }

.ripple-effect-dark span.ripple-overlay { animation: ripple 0.9s; border-radius: 100%; background: #fff; height: 12px; position: absolute; width: 12px; line-height: 12px; opacity: 0.1; pointer-events: none; background: #000; opacity: 0.07; }

@keyframes ripple { 0% { -webkit-transform: scale(4); transform: scale(4); }
  100% { opacity: 0; -webkit-transform: scale(40); transform: scale(40); } }
/* ---------------------------------- */
/* On/Off Switch
------------------------------------- */
.switches-list .switch-container { width: 100%; }
.switches-list .switch-container:last-child label { margin-bottom: 0; }

.switch-container { display: inline-block; cursor: pointer; }

label.switch { position: relative; }

.switches-list .switch-container label { cursor: pointer; position: relative; padding-left: 45px; line-height: 26px; }

.switch-button { position: relative; display: inline-block; width: 34px; height: 20px; cursor: pointer; background-color: #ccc; border-radius: 50px; transition: 0.4s; margin: 0 7px 0 0; top: 4px; position: absolute; top: 2px; left: 0; }

.notify-box .switch-button { top: 0; }
.notify-box .switch-container { top: 1px; position: relative; }

.switch span.switch-text { display: block; padding-left: 48px; font-size: 16px; line-height: 22px; color: #666; }
.switch input { display: none; }
.switch.interactive-effect input:checked + .switch-button:before { animation: switch-shadow-color 0.4s; }
.switch.interactive-effect .switch-button:before { animation: switch-shadow 0.4s; }

@keyframes switch-shadow { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3); }
  100% { box-shadow: 0 0 0px 10px transparent; } }
@keyframes switch-shadow-color { 0% { box-shadow: 0 0 0 0 rgba(50, 100, 150, 0.6); }
  100% { box-shadow: 0 0 0px 10px transparent; } }
.switch-button:before { position: absolute; content: ""; height: 16px; width: 16px; bottom: 2px; left: 2px; background-color: white; transition: 0.4s, box-shadow 0.3s; border-radius: 50px; }

input:checked + .switch-button { background-color: #326496; }
input:checked + .switch-button:before { transform: translateX(14px); }

/* ---------------------------------- */
/* Radio Button
------------------------------------- */
.radio { display: inline-block; vertical-align: top; }
.radio label { margin: 3px 0; cursor: pointer; position: relative; padding-left: 29px; line-height: 25px; }
.radio input[type="radio"] { position: absolute; opacity: 0; }
.radio input[type="radio"] + label .radio-label { content: ''; background: #fff; border-radius: 100%; border: 2px solid #b4b4b4; display: inline-block; width: 18px; height: 18px; position: relative; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; background-color: #fff; box-shadow: inset 0 0 0 8px #fff; z-index: 100; position: absolute; top: 2px; left: 0; }
.radio input[type="radio"] + label .radio-label:after { background-color: #326496; content: ""; top: 3px; left: 0; right: 0; margin: 0 auto; position: absolute; opacity: 1; transition: 0.3s; border-radius: 50%; transform: scale(0); position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; z-index: 99; }
.radio input[type="radio"]:checked + label .radio-label { background-color: #326496; border-color: #326496; box-shadow: inset 0 0 0 3px #fff; }

.radio-label:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; background-color: transparent; display: block; }

.interactive-effect label .radio-label:before { animation: radius-shadow 0.4s; }

@keyframes radius-shadow { 0% { box-shadow: 0 0 0 0 rgba(50, 100, 150, 0.4); }
  100% { box-shadow: 0 0 0 10px transparent; } }
.small-label { border-radius: 4px; display: inline-block; background: #e0f5d7; color: #449626; padding: 0 8px; line-height: 27px; height: 26px; margin-left: 5px; position: relative; top: -1px; }

/* ---------------------------------- */
/* Checkbox
------------------------------------- */
.checkbox { display: inline-block; margin-bottom: 0; }
.checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.checkbox label { position: relative; cursor: pointer; padding-left: 30px; line-height: 25px; }
.checkbox label span.checkbox-icon { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #b4b4b4; height: 20px; width: 20px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; border-radius: 4px; transition: 0.3s; position: absolute; left: 0; top: 1px; }
.checkbox input + label span.checkbox-icon:after { position: absolute; top: 2px; left: 0; right: 0; margin: 0 auto; opacity: 0; content: ''; display: block; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: scale(0.5) rotate(45deg); transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s; }
.checkbox input:checked + label span.checkbox-icon { border-color: #326496; background-color: #326496; }
.checkbox input:checked + label span.checkbox-icon:after { transform: scale(1) rotate(45deg); opacity: 1; }

/* ---------------------------------- */
/* Custom Upload Button
------------------------------------- */
.uploadButton { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 10px; width: 100%; font-style: normal; font-size: 14px; }
.uploadButton .uploadButton-input { opacity: 0; position: absolute; overflow: hidden; z-index: -1; pointer-events: none; }
.uploadButton .uploadButton-button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 44px; padding: 10px 18px; cursor: pointer; border-radius: 4px; color: #326496; background-color: transparent; border: 1px solid #326496; flex-direction: row; transition: 0.3s; margin: 0; outline: none; box-shadow: 0 3px 10px rgba(50, 100, 150, 0.1); }
.uploadButton .uploadButton-button:hover { background-color: #326496; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); color: #fff; }
.uploadButton .uploadButton-file-name { flex-grow: 1; display: flex; align-items: center; flex: 1; box-sizing: border-box; padding: 0 10px; padding-left: 18px; min-height: 42px; top: 1px; position: relative; color: #888; background-color: transparent; overflow: hidden; line-height: 22px; }

/* ---------------------------------- */
/* Intro Banner
------------------------------------- */
.intro-banner { padding: 105px 0; position: relative; /* Disabled Gradient */ }
.intro-banner.big-padding { padding: 130px 0; }
.intro-banner .container { z-index: 100; position: relative; }
.intro-banner:after, .intro-banner:before { content: ""; position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; z-index: 15; background: linear-gradient(to right, #fafafa 20%, rgba(250, 250, 250, 0.95) 50%, rgba(250, 250, 250, 0.1) 80%, rgba(250, 250, 250, 0) 100%); }
.intro-banner:after { z-index: 5; background-color: #fafafa; }
.intro-banner .background-image-container { background-size: cover; background-repeat: no-repeat; background-position: 100% 60%; position: absolute; top: 0; left: 0; height: 100%; width: 90%; left: 10%; z-index: 10; overflow: hidden; }
.intro-banner.disable-gradient:before { background: #f2f2f2; opacity: 0.85; }
.intro-banner.disable-gradient .background-image-container { left: 0; width: 100%; }

/* Banner Headline */
.banner-headline { display: block; max-width: 55%; }
.banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 28px; font-weight: 300; color: #777; line-height: 42px; }
.banner-headline strong { font-weight: 600; color: #323232; }
.banner-headline strong.color { color: #326496; }

/* Alternative Headline */
.banner-headline-alt { margin: -10px 0 0 0; display: block; }
.banner-headline-alt h3 { font-size: 40px; font-weight: 600; color: #323232; line-height: 50px; }
.banner-headline-alt span { font-size: 24px; color: #888; font-weight: 300; line-height: 34px; margin-top: 5px; display: inline-block; }

.dark-overlay .banner-headline-alt h3 { color: #fff; }
.dark-overlay .banner-headline-alt span { color: rgba(255, 255, 255, 0.7); }

/* Banner Search Form */
.intro-banner-search-form { display: flex; width: 100%; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09); }

/* Video */
.video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; overflow: hidden; background-size: cover; background-position: 50%; }
.video-container video { top: 50%; transform: translateY(-50%); left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -10; background-size: cover; transition: 1s opacity; position: absolute; z-index: 9; }

/* Field Row Styles */
.intro-search-field { padding: 10px 12px; border-right: 1px solid #e4e4e4; flex: 1; align-items: center; display: flex; position: relative; }
.intro-search-field .field-title { content: attr(data-field-tiele); position: absolute; top: 0; left: 0; background: #326496; color: #fff; border-radius: 4px; padding: 5px 10px; line-height: 22px; transform: translateY(calc(-100% - 15px)); cursor: default; }

.intro-banner-search-form .intro-search-field:nth-last-child(2) { border-right: none; }

.intro-search-button { margin: 8px; margin-left: 0; flex: auto; flex-grow: 0; display: flex; align-items: center; }
.intro-search-button .button { height: 52px; line-height: 52px; padding: 0 30px; font-size: 18px; }

/* Field Styles */
.intro-banner-search-form input { box-shadow: none; font-size: 18px; margin: 0; }
.intro-banner-search-form input:focus { box-shadow: none; }
.intro-banner-search-form input::placeholder { color: #888; }
.intro-banner-search-form .input-with-icon { align-self: center; flex: 1; }
.intro-banner-search-form input { padding: 10px 15px; }
.intro-banner-search-form .input-with-icon input { padding: 10px 15px; padding-left: 43px; }
.intro-banner-search-form .input-with-icon i { position: absolute; right: auto; left: 10px; top: calc(50% - 1px); font-size: 24px; color: #b0b0b0; }

/* Autocomplete Adjustment */
.intro-search-field.with-autocomplete .pac-container { border: none; padding-top: 0; z-index: 9; left: 0 !important; top: 100% !important; border-radius: 0 0 4px 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); width: 100% !important; margin-top: 0; overflow: visible; }
.intro-search-field.with-autocomplete .pac-container:before { content: ""; position: absolute; background-color: #fff; width: 100%; height: 5px; display: block; top: -5px; left: 0; }
.intro-search-field .bootstrap-select.btn-group button { padding: 0 15px; box-shadow: none; font-size: 18px; }

/* Dropdown Adjustment */
/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .intro-search-field .field-title { transform: translateY(-100%); margin-top: -15px; }
  .intro-banner-search-form input { line-height: 20px; }
  .intro-search-field .bootstrap-select.open .dropdown-menu { top: 55px; } }
/* IE 11 Fixes - End */
/* Intro Stats */
.intro-stats { list-style: none; padding: 0; margin: 0; display: flex; }
.intro-stats li { flex: auto; flex-grow: 0; margin-right: 35px; padding-right: 35px; border-right: 1px solid #e0e0e0; }
.intro-stats li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.intro-stats li span { display: block; margin: 0; padding: 0; }
.intro-stats li strong { display: block; margin: 0; padding: 0; font-weight: 600; color: #323232; font-size: 28px; margin-bottom: 2px; }
.intro-stats li span { font-weight: 300; color: #888; font-size: 18px; }

/* Dark Style */
.intro-banner.dark-overlay:before { background: #333; opacity: 0.75; }
.intro-banner.dark-overlay .background-image-container { left: 0; width: 100%; background-position: 100%; }
.intro-banner.dark-overlay .intro-stats li span { color: rgba(255, 255, 255, 0.7); }
.intro-banner.dark-overlay .banner-headline strong, .intro-banner.dark-overlay .banner-headline h1, .intro-banner.dark-overlay .banner-headline h2, .intro-banner.dark-overlay .banner-headline h3, .intro-banner.dark-overlay .banner-headline h4 { color: rgba(255, 255, 255, 0.7); }
.intro-banner.dark-overlay .intro-stats li strong, .intro-banner.dark-overlay .banner-headline strong { color: #fff; }
.intro-banner.dark-overlay .intro-banner-search-form { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2); }
.intro-banner.dark-overlay .intro-stats li { border-right: 1px solid rgba(255, 255, 255, 0.25); }
.intro-banner.dark-overlay .intro-stats li:last-child { border-right: none; }

/* Intro Banner Media Queries
------------------------------------- */
@media (max-width: 1366px) { .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 26px; line-height: 42px; } }
@media (max-width: 1240px) { .banner-headline { max-width: 65%; } }
@media (max-width: 992px) { .intro-search-field .bootstrap-select.btn-group .dropdown-toggle .filter-option { height: auto; line-height: 20px; }
  .intro-banner { padding: 70px 0; }
  .banner-headline { max-width: 100%; }
  .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 24px; line-height: 38px; }
  /* Alternative Banner Style */
  .intro-banner.dark-overlay .intro-banner-search-form { box-shadow: none; }
  .intro-banner.big-padding { padding: 70px 0; }
  .banner-headline-alt { margin-bottom: 0; }
  .banner-headline-alt h3 { font-size: 36px; line-height: 42px; }
  .banner-headline-alt span { font-size: 22px; line-height: 32px; }
  /* Photo Position */
  .intro-banner:after, .intro-banner:before { background: rgba(250, 250, 250, 0.9); }
  .intro-banner .background-image-container { background-size: cover; height: 100%; width: 100%; left: 0; }
  /* Photo Position - End*/
  .intro-banner-search-form { flex-direction: column; background: transparent; box-shadow: none; margin-top: 20px; }
  .intro-banner-search-form .intro-search-field .bootstrap-select.btn-group button, .intro-banner-search-form input { height: 56px; padding: 15px 22px; }
  .intro-banner-search-form .input-with-icon i { left: 17px; }
  .intro-banner-search-form .input-with-icon input { padding-left: 50px; }
  .intro-banner-search-form.margin-top-100, .intro-banner-search-form.margin-top-95, .intro-banner-search-form.margin-top-90, .intro-banner-search-form.margin-top-85 { margin-top: 20px !important; }
  .intro-banner-search-form .intro-search-field { padding: 0; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07); margin-top: 20px; }
  .intro-banner-search-form .intro-search-field.with-label { margin-top: 80px; }
  .intro-banner-search-form .intro-search-button { margin-top: 30px; }
  /* Intro Stats */
  .intro-stats { flex-direction: column; background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); justify-content: center; }
  .intro-stats li { display: flex; flex-direction: column; margin: 0 0 10px 0; padding: 0 0 10px 0; border: none; border-bottom: 1px solid #eee; width: 100%; align-self: center; text-align: center; }
  .intro-stats li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } }
/* ---------------------------------- */
/* Category Boxes
------------------------------------- */
.categories-container { display: flex; flex-wrap: wrap; }

.category-box { flex: 0 0 25%; align-content: center; justify-content: center; display: flex; flex-direction: column; margin: 0; text-align: center; padding: 25px; border-radius: 4px; transition: 0.35s; }

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .category-box { max-width: 25%; text-align: center; }
  .category-box-counter { width: 50px !important; } }
/* IE 11 Fixes - End */
/* Box Icon */
.category-box-icon { font-size: 42px; line-height: 32px; color: #326496; position: relative; }
.category-box-icon i { height: 42px; display: block; transition: 0.35s; margin-bottom: 12px; }

/* Box Counter */
.category-box-counter { width: auto; height: 24px; font-size: 14px; line-height: 25px; border-radius: 4px; padding: 0 8px; color: #909090; background: rgba(0, 0, 0, 0.06); font-weight: 600; display: inline-block; margin: 0 auto; transition: 0.35s; margin-bottom: 18px; }

/* Box Content */
.category-box-content h3 { font-size: 16px; font-weight: 600; color: #323232; margin: 0; padding: 0; transition: 0.35s; }
.category-box-content p { color: #888; margin: 0; padding: 0; line-height: 24px; margin-top: 5px; transition: 0.35s; }

/* Hover State */
.category-box:hover { background: #326496; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.2); color: #fff; }
.category-box:hover .category-box-content h3, .category-box:hover .category-box-icon { color: #fff; }
.category-box:hover .category-box-content p { color: rgba(255, 255, 255, 0.7); }
.category-box:hover .category-box-counter { background: rgba(0, 0, 0, 0.2); color: #fff; }

/* Media Queries for Category Boxes */
@media (max-width: 1240px) { .category-box { flex: 0 0 33.3%; } }
@media (max-width: 768px) { .category-box { flex: 0 0 50%; } }
@media (max-width: 480px) { .category-box { flex: 0 0 100%; margin-right: 0; } }
/* ---------------------------------- */
/* Photo Box
------------------------------------- */
.photo-box { border-radius: 4px; height: 360px; display: block; position: relative; background-size: cover; background-position: 100%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); transition: 0.4s; margin: 0 0 25px 0; }
.photo-box:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #333; opacity: 0.5; border-radius: 4px; transition: 0.4s; }

.photo-box-content { position: absolute; bottom: 30px; left: 30px; }
.photo-box-content h3 { color: #fff; font-size: 20px; line-height: 28px; }
.photo-box-content span { color: #323232; background: #fff; border-radius: 4px; font-size: 15px; font-weight: 500; padding: 4px 10px; line-height: 20px; margin-top: 8px; display: inline-block; }

/* Hover State */
.photo-box:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.25); transform: translateY(-10px); }
.photo-box:hover:before { background: #326496; opacity: 0.95; }
.photo-box.small { height: 160px; margin-bottom: 30px; }
.photo-box.small:hover { transform: translateY(-5px); }
.photo-box.small .photo-box-content { left: 0; right: 0; margin: 0 auto; text-align: center; bottom: auto; top: 50%; transform: translateY(-49%); }
.photo-box.small .photo-box-content h3 { font-size: 16px; font-weight: 600; }
.photo-box.small .photo-box-content span { color: #fff; background: #326496; font-size: 14px; line-height: 18px; margin-top: 5px; transition: 0.3s; }
.photo-box.small:hover .photo-box-content span { color: #fff; background: rgba(0, 0, 0, 0.2); }

/* Small Photobox Styles */
/* ---------------------------------- */
/* Pricing Plans
------------------------------------- */
.billing-cycle-radios { display: block; margin: 0 auto; text-align: center; }
.billing-cycle-radios.text-align-left { text-align: left; }
.billing-cycle-radios .radio { margin-right: 20px; }
.billing-cycle-radios .radio:last-child { margin-right: 0; }

/* Pricing Plans Container */
.pricing-plans-container { border-radius: 4px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); display: flex; }

.pricing-plan { flex: 1; padding: 35px 17px; position: relative; }
.pricing-plan:first-of-type { padding-left: 35px; }
.pricing-plan:last-of-type { padding-right: 35px; }
.pricing-plan h3 { font-size: 20px; font-weight: 600; }
.pricing-plan p { margin: 0; }

/* Label Switcher */
.billed-yearly-label { display: none; }

.billed-yearly .billed-yearly-label { display: block; }
.billed-yearly .billed-monthly-label { display: none; }

/* Pricing Plan Label */
.pricing-plan-label { background: #f6f6f6; border-radius: 4px; font-size: 18px; color: #888; text-align: center; line-height: 24px; padding: 15px; margin: 22px 0; }
.pricing-plan-label strong { font-size: 32px; font-weight: 700; color: #323232; margin-right: 5px; line-height: 30px; }

.recommended .pricing-plan-label { background-color: rgba(50, 100, 150, 0.06); color: #326496; }
.recommended .pricing-plan-label strong { color: #326496; }

/* Pricing Plan Features */
.pricing-plan-features strong { color: #323232; font-weight: 600; margin-bottom: 5px; line-height: 24px; display: inline-block; }
.pricing-plan-features ul { padding: 0; margin: 0; }
.pricing-plan-features ul li { display: block; margin: 0; padding: 3px 0; line-height: 24px; }

/* Pricing Plan Button */
.pricing-plan .button:hover, .pricing-plan.recommended .button { color: #fff; background-color: #326496; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }
.pricing-plan .button { color: #326496; background-color: #fff; border: 1px solid #326496; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.1); }
.pricing-plan .button:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }
.pricing-plan.recommended { box-shadow: 0 0px 45px rgba(0, 0, 0, 0.09); padding: 35px; margin: 0 15px; }
.pricing-plan .recommended-badge { background-color: #326496; color: #fff; position: absolute; width: 100%; height: 45px; top: -45px; left: 0; text-align: center; border-radius: 4px 4px 0 0; font-weight: 600; line-height: 45px; }

/* Recommended Plan */
/* Media Queries for Pricing Plans */
@media (max-width: 992px) { .pricing-plans-container { box-shadow: none; display: block; margin-top: -40px; }
  .pricing-plan { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); margin-bottom: 40px; flex: auto; width: 100%; border-radius: 4px; padding: 35px; }
  .pricing-plan.recommended { padding: 35px; margin: 0 0 40px 0; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); margin-top: 80px; } }
/* ---------------------------------- */
/* Icon Boxes
------------------------------------- */
.icon-box { text-align: center; margin-top: 45px; position: relative; }

.icon-box-circle { background-color: #fff; width: 50%; height: 60px; z-index: 100; margin: 0 auto; display: inline-block; position: relative; margin-bottom: 35px; }

.icon-box-circle-inner { font-size: 72px; color: #ccc; position: relative; width: 60px; margin: 0 auto; display: inline-block; }

.icon-box-check { background-color: #326496; width: 30px; height: 30px; line-height: 32px; font-size: 18px; border-radius: 50%; margin: 0 auto; position: relative; z-index: 100; animation: circle-box-anim 2s infinite; transition: 0.4s; color: #fff; font-weight: 500; position: absolute; bottom: -3px; right: -10px; animation: checkAnim 2s infinite; box-shadow: 0 0 0 5px rgba(50, 100, 150, 0.1); }

@keyframes checkAnim { 0%,100% { box-shadow: 0 0 0 5px rgba(50, 100, 150, 0.15); }
  50% { box-shadow: 0 0 0 8px rgba(50, 100, 150, 0.15); } }
.icon-box span { color: #666; text-transform: uppercase; font-size: 14px; font-weight: 500; }
.icon-box h4 { margin: 4px 0; line-height: 26px; }
.icon-box h3 { margin: 4px 0; line-height: 26px; font-size: 22px; font-weight: 500; }
.icon-box p { margin: 0; margin-top: 25px; font-style: 16px; padding: 0 10px; color: #808080; }
.icon-box.with-line:before { content: ""; height: 1px; width: 100%; position: absolute; left: 50%; top: 40px; background: #e9e9e9; display: block; z-index: 9; }

@media (max-width: 992px) { .icon-box.with-line:before { display: none; } }
/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-box { background: transparent; border-radius: 6px; padding: 45px; padding-top: 35px; color: #888; position: relative; margin: 70px 0 0; box-shadow: none; transition: 0.4s; cursor: grab; text-align: center; transform: scale(0.8); }
.testimonial-box:before { content: "\e948"; font-family: "Material-Icons"; position: absolute; top: -35px; left: 0; font-size: 80px; transform: translateY(-100%); color: #326496; opacity: 0; transition: 0.3s; }

.testimonial-carousel .slick-slide { margin: 0 20px 30px 20px; opacity: 0; transition: 0.4s; pointer-events: all; }
.testimonial-carousel .slick-slide.slick-active { opacity: 1; filter: none; pointer-events: all; }
.testimonial-carousel .slick-slide.slick-active .testimonial-box { transform: scale(1); background: #fff; color: #666; box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); }
.testimonial-carousel .slick-slide.slick-active .testimonial-box:before { opacity: 1; }

.testimonial { font-size: 18px; font-weight: 300; line-height: 30px; color: #808080; line-height: 32px; }
.testimonial p { font-size: 18px; font-weight: 300; line-height: 30px; color: #808080; line-height: 32px; }

.testimonial-author { display: block; width: 100%; padding: 20px 0 15px 0; text-align: center; margin: 0 auto; }

.testimonial-avatar { position: absolute; top: 0; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; }
.testimonial-avatar img { width: 70px; display: inline-block; text-align: center; height: auto; border-radius: 50%; margin: 0 auto; }

.testimonial-author h4 { display: block; width: 100%; font-size: 18px; padding-top: 0; color: #323232; font-weight: 600; }
.testimonial-author span { display: block; padding-top: 0; display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 300; line-height: 23px; padding: 3px 12px; margin: 5px 0 10px 0; background-color: #326496; color: #fff; box-shadow: 0 2px 10px rgba(50, 100, 150, 0.25); }

.testimonial-box .star-rating { height: 30px; display: inline-block; margin-bottom: -10px; margin-top: 15px; }

.testimonial-carousel .slick-next { right: 25%; }
.testimonial-carousel .slick-prev { left: 25%; }
.testimonial-carousel .slick-next, .testimonial-carousel .slick-prev { margin-top: 35px; }

/* Media Queries for Testimonials */
@media (max-width: 1600px) { .testimonial-carousel .slick-next { right: 15%; }
  .testimonial-carousel .slick-prev { left: 15%; } }
@media (max-width: 1240px) { .testimonial-carousel .slick-next { right: 13%; }
  .testimonial-carousel .slick-prev { left: 13%; } }
@media (max-width: 992px) { .testimonial-carousel .slick-next { right: 8%; }
  .testimonial-carousel .slick-prev { left: 8%; }
  .testimonial-box { padding: 35px; }
  .testimonial { font-size: 16px; line-height: 28px; }
  .testimonial p { font-size: 16px; line-height: 28px; } }
@media (max-width: 768px) { .testimonial-carousel .slick-next { right: 20px; }
  .testimonial-carousel .slick-prev { left: 20px; }
  .testimonial-carousel .slick-next, .testimonial-carousel .slick-prev { transform: scale(0.8) translateY(-50%); } }
/* Logo Carousel */
.logo-carousel .carousel-item { display: inline-block; height: 120px; text-align: center; position: relative; }
.logo-carousel .carousel-item a { display: inline-block; }
.logo-carousel .carousel-item img { max-height: 60%; max-width: 60%; margin: 0 auto; left: 0; right: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.logo-carousel .slick-prev, .logo-carousel .slick-next { top: 50%; }

/* Blog Carousel */
.blog-carousel { width: calc(100% + 30px); left: -15px; }
.blog-carousel .blog-compact-item-container { margin: 15px; display: inline-block; width: 30%; }
.blog-carousel.slick-initialized .blog-compact-item-container { width: auto; }

.full-width-carousel-fix .default-slick-carousel.slick-initialized .freelancer, .full-width-carousel-fix .blog-carousel.slick-initialized .blog-compact-item-container { margin: 15px; transform: scale(0.85); opacity: 0; pointer-events: none; transition: 0.4s; }
.full-width-carousel-fix .default-slick-carousel.slick-initialized .slick-slide.slick-active.freelancer { transform: scale(1); opacity: 1; pointer-events: all; }
.full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container { transform: scale(1); opacity: 1; pointer-events: all; }
.full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container:hover { transform: scale(1) translateY(-10px); }

/* ---------------------------------- */
/* Photo Section
------------------------------------- */
.photo-section { background-size: cover; background-position: 50%; display: block; position: relative; }
.photo-section:before { content: ""; width: 100%; height: 100%; background-color: #333; opacity: 0.65; display: block; position: absolute; top: 0; }

/* Styles for info banner with parallax */
.text-content { background: transparent; padding: 110px 0px; font-weight: 500; z-index: 99; position: relative; }
.text-content.white-font, .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5 { color: #fff; }
.text-content.white-font h1, .text-content.white-font h2, .text-content.white-font h3, .text-content.white-font h4, .text-content.white-font h5 { color: #fff; }
.text-content a.button { font-size: 16px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.text-content p { font-size: 18px; font-weight: 300; line-height: 31px; opacity: 0.85; }
.text-content h2 { margin-bottom: 23px; line-height: 46px; font-size: 34px; font-weight: 500; }

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

.top-0 { position: relative; }

@media (max-width: 992px) { .text-content { padding: 80px 0; }
  .text-content h2 { margin-bottom: 20px; line-height: 40px; font-size: 30px; font-weight: 500; } }
/* ---------------------------------- */
/* Counters
------------------------------------- */
.counters-container { display: flex; flex-wrap: wrap; }

.single-counter { flex: 1; text-align: center; position: relative; border-right: 1px solid #e0e0e0; margin-top: 80px; }
.single-counter:last-child { border-right: 0; }
.single-counter i { font-size: 64px; color: #ccc; position: absolute; top: -20px; transform: translateY(-100%); left: 0; right: 0; }
.single-counter h3 { font-size: 36px; font-weight: 600; color: #326496; margin-bottom: 7px; }
.single-counter .counter-title { color: #888; padding-top: 0; display: inline-block; border-radius: 4px; font-size: 18px; }

/* Media Queries for Counters */
@media (max-width: 992px) { .single-counter { flex: 1 1 50%; margin-bottom: 30px; }
  .single-counter:nth-child(2) { border: none; }
  .counters-container { margin-bottom: -30px; } }
/* Media Queries for Counters */
@media (max-width: 768px) { .single-counter { flex: 1 1 100%; border: none; border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; }
  .single-counter:nth-child(2) { border-bottom: 1px solid #e0e0e0; }
  .single-counter:last-child { margin-bottom: -15px; border-bottom: none; }
  .counters-container { margin-bottom: -30px; } }
/* ---------------------------------- */
/* Countdown
------------------------------------- */
.countdown { border-radius: 4px; width: 100%; display: block; text-align: center; font-size: 18px; line-height: 28px; padding: 14px; }
.countdown.green { background-color: #e7f8ec; color: #289c41; }
.countdown.yellow { background-color: #fbf6dd; color: #a18d29; }

/* ---------------------------------- */
/* Bidding Widget
------------------------------------- */
.bidding-widget { border-radius: 4px; background-color: #f9f9f9; }

.dashboard-box .bidding-widget, .popup-tab-content .bidding-widget { border-radius: 0; background-color: transparent; }

.dashboard-box .slider-handle.custom, .popup-tab-content .slider-handle.custom { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); }

.bidding-widget .bidding-headline { background-color: #f0f0f0; color: #323232; position: relative; border-radius: 4px 4px 0 0; }
.bidding-widget .bidding-inner { padding: 30px 35px; }
.bidding-widget .bidding-headline { color: #323232; font-size: 20px; padding: 20px 35px; }
.bidding-widget .bidding-headline h3 { color: #323232; font-size: 20px; padding: 0; margin: 0; }
.bidding-widget .bidding-signup { color: #666; font-size: 14.7px; padding: 16px 35px; text-align: center; border-top: 1px solid #e0e0e0; }
.bidding-widget .bidding-signup a { font-weight: 600; }
.bidding-widget button.button { margin-bottom: 3px; }
.bidding-widget .bidding-detail { color: #888; display: block; }
.bidding-widget .bidding-detail strong { color: #323232; font-weight: 700; }

.dashboard-box .bidding-detail strong { font-weight: 600; }

.bidding-widget .bidding-value { font-size: 26px; font-weight: 500; color: #323232; margin: 5px 0 20px 0; font-size: 26px; font-weight: 500; color: #323232; }
.bidding-widget .button { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); transition: 0.3s; height: 46px; }
.bidding-widget .button:hover { box-shadow: 0 4px 12px rgba(50, 100, 150, 0.25); transform: translateY(-2px); }
.bidding-widget .bidding-fields { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 12px; width: calc(100% + 20px); }
.bidding-widget .bidding-fields .bidding-field { flex: 1; margin-right: 20px; }

/* Quantity Buttons for Booking Widget*/
.qtyButtons { display: flex; margin: 0; background: #fff; border-radius: 4px; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); height: 48px; padding: 6px; }
.qtyButtons.with-border { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); }
.qtyButtons input { outline: 0; font-size: 16px; font-weight: 600; text-align: center; width: 50px; height: 36px; color: #808080; line-height: 36px; margin: 0 !important; padding: 0 5px; border: none; box-shadow: none; display: inline-block; flex-grow: 1; box-shadow: none !important; }

.qtyTitle { font-size: 16px; font-weight: 600; line-height: 36px; padding-right: 15px; display: block; flex: 1; }

.qtyInc, .qtyDec { width: 36px; height: 36px; line-height: 36px; font-size: 18px; background-color: #f0f0f0; color: #808080; display: inline-block; text-align: center; border-radius: 4px; cursor: pointer; font-family: "Feather-Icons"; flex: 1; min-width: 36px; max-width: 36px; transition: 0.3s; }

.qtyInc:before { content: "\e9b1"; }

.qtyDec:before { content: "\e996"; }

.qtyInc:hover, .qtyDec:hover { background-color: #326496; color: #fff; }

.qtyTotal { background-color: #326496; border-radius: 50%; color: #fff; display: inline-block; font-size: 11px; font-weight: 600; font-family: "Open Sans", sans-serif; line-height: 18px; text-align: center; position: relative; top: -2px; left: 2px; height: 18px; width: 18px; }

/* Media Queiers for Bidding Widget */
@media (max-width: 1366px) { .qtyInc, .qtyDec { min-width: 34px; max-width: 34px; }
  .bidding-widget .bidding-inner { padding: 27px 32px; }
  .bidding-widget .bidding-headline { padding: 20px 32px; } }
@media (max-width: 1240px) { .qtyInc, .qtyDec { min-width: 36px; max-width: 36px; }
  .bidding-widget .bidding-fields { width: 100%; }
  .bidding-widget .bidding-fields .bidding-field { flex: auto; margin-right: 0; width: 100%; }
  .bidding-widget .bidding-fields .bidding-field:first-child { margin-bottom: 20px; } }
/* Boxed List 
------------------------------------- */
.boxed-list { margin-top: 10px; display: block; }

.boxed-list-headline { background-color: #f2f2f2; border-radius: 4px; padding: 20px 35px; }
.boxed-list-headline h3 { font-size: 18px; }
.boxed-list-headline h3 span { color: #888; }
.boxed-list-headline h3 i { font-size: 18px; color: #326496; font-size: 24px; position: relative; top: 3px; line-height: 0; display: inline-block; margin-right: 5px; }

.boxed-list ul.boxed-list-ul { padding: 0; margin: 0; list-style: none; }
.boxed-list ul.boxed-list-ul > li { display: block; background-color: transparent; padding: 35px; border-radius: 4px; }
.boxed-list ul.boxed-list-ul > li:nth-child(2n) { background-color: #fafafa; }

/* Fields UL */
.fields-ul { padding: 0; margin: 0; list-style: none; }
.fields-ul > li { display: block; background-color: transparent; padding: 30px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; }

/* Boxed List Item
------------------------------------- */
.boxed-list-item { display: flex; }
.boxed-list-item .item-image { flex: 0 0 60px; height: 60px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 10px; margin-right: 25px; position: relative; top: -2px; display: flex; background-color: #fff; }
.boxed-list-item .item-image img { height: auto; align-self: center; }
.boxed-list-item .item-content h4 { font-size: 18px; font-weight: 600; color: #323232; }
.boxed-list-item .item-content h4 a { font-size: 18px; font-weight: 600; color: #323232; }
.boxed-list-item .item-content h4 span { font-size: 16px; color: #808080; display: block; font-weight: 500; }
.boxed-list-item .item-details { display: flex; margin-top: 5px; }
.boxed-list-item .item-details .star-rating { top: -2px; position: relative; margin-right: 15px; }
.boxed-list-item .item-details .detail-item { margin-right: 15px; color: #808080; }
.boxed-list-item .item-details .detail-item a { color: #808080; }
.boxed-list-item .item-details .detail-item a:hover { color: #326496; }
.boxed-list-item .item-details .detail-item i { margin-right: 3px; position: relative; top: 0; }
.boxed-list-item .item-description { margin-top: 15px; }
.boxed-list-item .item-description p { margin-bottom: 0; padding-bottom: 0; }

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .boxed-list-item .item-image { max-width: 60px; }
  .boxed-list-item .item-image img { width: 100%; } }
/* IE 11 Fixes - End */
/* Bid 
------------------------------------- */
.bid { display: flex; width: 100%; }
.bid .bids-content { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; }
.bid .bids-bid { align-items: center; display: flex; }
.bid .bids-avatar { align-self: center; }
.bid .freelancer-name { margin-top: 0; }
.bid .freelancer-avatar { width: 80px; margin: 0 auto; position: relative; margin-right: 30px; }
.bid .star-rating { margin-top: 3px; display: block; }
.bid .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; }
.bid .freelancer-avatar .verified-badge { position: absolute; bottom: 0; right: 0; }

/* Bid Rate */
.bid-rate { text-align: center; font-size: 14px; background: #f4f4f4; color: #888; border-radius: 4px; padding: 8px 12px; }

.boxed-list ul.boxed-list-ul > li:nth-child(2n) .bid-rate { background: #f2f2f2; }

.bid-rate .rate { color: #323232; font-weight: 600; text-align: center; line-height: 20px; border-radius: 4px; padding: 5px 10px; padding-bottom: 0; font-size: 16px; }
.bid-rate span { display: block; margin-top: -2px; }

@media (max-width: 768px) { .bid { display: block; }
  .bid .freelancer-avatar { width: 70px; margin: 0 0 15px 0; }
  .bids-bid { margin-top: 15px; }
  .bid-rate { width: 100%; } }
@media (max-width: 768px) { .boxed-list-item .item-details { display: block; width: 100%; }
  .boxed-list-item .item-image { display: none; } }
/* ---------------------------------- */
/* Clickable Tags
------------------------------------- */
.tags-container { display: block; }
.tags-container input[type="checkbox"] { display: none; }
.tags-container input[type="checkbox"] + label { transition: 0.3s; font-size: 14.7px; cursor: pointer; border-radius: 4px; background-color: #eee; color: #777; display: inline-block; padding: 6px 15px; margin: 0; line-height: 24px; }
.tags-container input[type="checkbox"] + label:hover { background-color: #e8e8e8; }
.tags-container input[type="checkbox"]:checked + label { background-color: #326496; color: #fff; transition: 0.3s; }
.tags-container input[type="checkbox"]:checked + label:before { max-width: 30px; opacity: 1; transform: scale(1); margin: 0 5px 0 -2px; }
.tags-container input[type="checkbox"] + label:before { font-family: "Feather-Icons"; content: "\e92b"; font-size: 18px; transition: all 0.35s cubic-bezier(0.5, -0.41, 0.19, 2), max-width 0.3s, margin 0.3s; max-width: 0; display: inline-block; position: relative; top: 3px; margin: 0; opacity: 0; color: #fff; line-height: 0; transform: scale(0.5); }
.tags-container .tag { display: inline-block; float: left; margin: 0 7px 7px 0; overflow: hidden; }

/* ---------------------------------- */
/* Notify Box
------------------------------------- */
.notify-box { display: block; width: 100%; background-color: #f2f2f2; border-radius: 4px; padding: 15px 25px; position: relative; line-height: 28px; min-height: 59px; }
.notify-box label { margin-bottom: 0; cursor: pointer; }
.notify-box .switch-button { margin-right: 10px; }

.sort-by { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; float: right; }
.sort-by .bootstrap-select { position: relative; right: 0; top: 0; }
.sort-by .dropdown-menu { box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.14); }
.sort-by .bootstrap-select.btn-group button { flex: 1; position: relative; right: 0; top: 4px; font-weight: 600; margin-left: 10px; width: auto; padding: 0; padding-right: 12px; background-color: transparent; box-shadow: none; height: 20px; color: #323232; }
.sort-by .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; }
.sort-by .bootstrap-select.btn-group .dropdown-toggle .caret { right: 0; }
.sort-by .bootstrap-select .dropdown-menu { padding-top: 15px; top: 40px; right: 0; left: auto; position: absolute; min-width: 160px !important; flex: 1; }
.sort-by .bootstrap-select.open:before { display: none; }

/* Notify Box Media Queries*/
@media (max-width: 768px) { .notify-box { margin-bottom: 90px; }
  .notify-box .sort-by { position: absolute; margin-top: 35px; left: 0; }
  .notify-box .sort-by .bootstrap-select .dropdown-menu { left: 0; right: auto; } }
/* ---------------------------------- */
/* Pagination
------------------------------------- */
.pagination { margin: 0; text-align: center; }

.pagination-next-prev { position: relative; top: -66px; }

.pagination ul { margin: 0; padding: 0; }
.pagination ul li { display: inline-block; margin: 0; padding: 0; }
.pagination ul li a { padding: 10px 0; border-bottom: none; display: inline-block; color: #333; background-color: transparent; font-weight: 700; margin: 0; line-height: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size: 14px; float: left; }

.pagination-next-prev ul li a { padding: 10px 0; border-bottom: none; display: inline-block; color: #333; background-color: transparent; font-weight: 700; margin: 0; line-height: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size: 14px; float: left; }

.pagination ul li a { border-radius: 4px; width: 44px; height: 44px; padding: 0; line-height: 44px; }
.pagination ul li a i { line-height: 44px; font-size: 24px; }
.pagination ul li.blank { color: #a0a0a0; padding: 0 6px; }

.section.gray .pagination .pagination-arrow a:hover { background-color: #333; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }

.pagination ul li a.current-page, .pagination ul li a:hover { background-color: #333; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
.pagination ul li a.current-page { background-color: #326496; color: #fff; box-shadow: 0 2px 8px rgba(102, 103, 107, 0.25); }
.pagination .pagination-arrow a { background-color: #f0f0f0; }

.section.gray .pagination .pagination-arrow a { background-color: #eaeaea; }

/* ---------------------------------- */
/* Back to top
------------------------------------- */
#backtotop { position: fixed; right: 0; opacity: 0; visibility: hidden; bottom: 25px; margin: 0 25px 0 0; z-index: 999; transition: 0.35s; transform: translateY(10px); }
#backtotop.visible { opacity: 1; visibility: visible; transform: translateY(0); }
#backtotop a { text-decoration: none; border: 0 none; display: block; width: 46px; height: 46px; background-color: #326496; opacity: 1; transition: all 0.3s; border-radius: 4px; text-align: center; font-size: 26px; }

body #backtotop a { color: #fff; }

#backtotop a:after { content: "\e931"; font-family: "Feather-Icons"; position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 768px) { #backtotop { display: none; } }
/* -------------------------------------------------------------- */
/* 04. Vendor (third party assets styles)
----------------------------------------------------------------- */
/* ---------------------------------- */
/* Slick Slider
------------------------------------- */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before { display: table; content: ''; }
.slick-track:after { display: table; content: ''; clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
/*.slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat;
}
*/
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background-color: #333; border-radius: 4px; width: 48px; height: 48px; display: block; top: calc(50% - 15px); transform: translateY(-50%); transition: 0.3s; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); z-index: 10; }

.slick-prev:hover, .slick-next:hover { color: transparent; outline: none; background: #326496; }

.slick-prev:hover:before, .slick-next:hover:before { opacity: 1; }

.slick-prev.slick-disabled, .slick-next.slick-disabled { pointer-events: none; cursor: default; background-color: #e8e8e8; box-shadow: none; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { color: #808080; }

.slick-prev:before, .slick-next:before { font-family: "Feather-Icons"; font-size: 26px; line-height: 1; opacity: 1; transition: 0.3s; position: relative; color: #fff; }

.slick-prev { left: -85px; }
.slick-prev:before { content: '\e92f'; left: -1px; }

.slick-next { right: -85px; }
.slick-next:before { content: '\e930'; right: -1px; }

/* Dots */
.slick-dots { margin: 0 auto; padding: 0; text-align: center; }
.slick-dots li { position: relative; display: inline-block; padding: 0; margin: 0 3px; cursor: pointer; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; position: relative; outline: none; display: inline-block; width: 15px; height: 15px; margin: 0 3px; opacity: 1; border-radius: 50%; line-height: 0; box-shadow: inset 0 0 0 2px #c0c0c0; transition: all 0.3s; }
.slick-dots li.slick-active { box-shadow: inset 0 0 0 6px #c0c0c0; transition: all 0.3s; }
.slick-dots li:after { display: block; height: 13px; width: 13px; content: ""; position: absolute; top: 1px; left: 1px; background-color: transparent; border-radius: 50%; transition: all 0.3s; opacity: 0; background-color: #c0c0c0; }
.slick-dots li.slick-active:after { opacity: 1; }

/* Reset */
.slick-slide { display: none; outline: none; }

.slick-initialized .slick-slide { display: block; }

.default-slick-carousel { height: auto; width: calc(100% + 30px); left: -15px; display: none; }
.default-slick-carousel .slick-carousel-item { margin: 15px; }

.testimonial-carousel, .logo-carousel, .blog-carousel { display: none; }

.default-slick-carousel.slick-initialized, .testimonial-carousel.slick-initialized, .logo-carousel.slick-initialized, .blog-carousel.slick-initialized { display: block; }

/* Custom */
.default-slick-carousel .freelancer { margin: 15px; width: 30%; }
.default-slick-carousel.slick-initialized .freelancer { width: auto; }
.default-slick-carousel .freelancer-details-list ul li { margin-right: 22px; }
.default-slick-carousel .freelancer-details-list ul li:last-child { margin-right: 0px; }
.default-slick-carousel .freelancer:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); transform: translateY(0px); }

@media (min-width: 1367px) and (max-width: 1440px) { .slick-prev { left: -65px; }
  .slick-next { right: -65px; } }
@media (max-width: 1290px) { .slick-prev { left: -10px; }
  .slick-next { right: -10px; } }
@media (max-width: 1090px) { .slick-prev { left: 40px; }
  .slick-next { right: 40px; } }
.full-width-carousel-fix { overflow: hidden; }
.full-width-carousel-fix .slick-list { overflow: visible; }

/* ---------------------------------- */
/* Simlpebar.js (custom scrollbar)
------------------------------------- */
[data-simplebar] { position: relative; z-index: 0; overflow: hidden !important; max-height: inherit; -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */ }

[data-simplebar="init"] { display: -webkit-box; display: -ms-flexbox; display: flex; }

.simplebar-scroll-content { overflow-x: hidden !important; overflow-y: scroll; min-width: 100% !important; max-height: inherit !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

.simplebar-content { overflow-y: hidden !important; overflow-x: scroll; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; min-height: 100% !important; }

.simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; width: 11px; height: calc(100% - 6px); margin-top: 6px; }

.simplebar-scrollbar { position: absolute; right: 6px; width: 5px; min-height: 10px; }
.simplebar-scrollbar:before { position: absolute; content: ""; background: black; border-radius: 7px; left: 0; right: 0; opacity: 0; transition: opacity 0.2s, background-color 0.3s; background-color: #d8d8d8; }
.simplebar-scrollbar:hover:before { background-color: #c8c8c8; }

.simplebar-track:hover .simplebar-scrollbar:before, .simplebar-track .simplebar-scrollbar.visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 1; -webkit-transition: opacity 0 linear; transition: opacity 0 linear; }
.simplebar-track.vertical { top: 0; }
.simplebar-track.vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; }
.simplebar-track.horizontal { left: 0; width: auto; height: 11px; display: none; }
.simplebar-track.horizontal .simplebar-scrollbar { right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; }
.simplebar-track.horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; }

body.gray .dashboard-content-container .simplebar-scrollbar:before { background-color: #c9c9c9; }
body.gray .dashboard-content-container .simplebar-scrollbar:hover:before { background-color: #b9b9b9; }

.dashboard-box .simplebar-scrollbar:before { background-color: #d8d8d8; }
.dashboard-box .simplebar-scrollbarLhover:before { background-color: #c8c8c8; }

/* ---------------------------------- */
/* Tippy.js Tooltips
------------------------------------- */
/* Dark */
.tippy-tooltip.dark-theme { color: #fff; font-weight: 500; font-size: 14px; padding: 6px 12px; }
.tippy-tooltip.dark-theme .tippy-backdrop { background-color: #333; }

.tippy-popper[x-placement^=top] .tippy-tooltip.dark-theme .tippy-arrow { border-top-color: #323232; }
.tippy-popper[x-placement^=bottom] .tippy-tooltip.dark-theme .tippy-arrow { border-bottom-color: #323232; }
.tippy-popper[x-placement^=right] .tippy-tooltip.dark-theme .tippy-arrow { border-right-color: #323232; }
.tippy-popper[x-placement^=left] .tippy-tooltip.dark-theme .tippy-arrow { border-left-color: #323232; }

.tippy-tooltip.dark-theme .tippy-arrow { transform: scale(0.7); }
.tippy-tooltip.light-theme { color: #323232; font-weight: 500; font-size: 14px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); padding: 6px 12px; background-color: #fff; }

/* Light */
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow { border-top-color: #fff; }
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow { border-bottom-color: #fff; }
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow { border-right-color: #fff; }
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow { border-left-color: #fff; }

/* ---------------------------------- */
/* Magnific Popup
------------------------------------- */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; overflow: hidden; position: fixed; background: #111; }

.mfp-wrap { top: -10px; left: 0; width: 100%; height: 100%; z-index: 2001; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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: 505; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.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: #aaa; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: #fff; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content, .mfp-s-loading .mfp-arrow { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0px; top: -40px; }

/* Close Button */
.og-close, button.mfp-close { position: absolute; width: 45px; height: 45px; top: -20px; display: block; right: -12px; cursor: pointer !important; z-index: 9999; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50%; margin: 0px; background-color: transparent; outline: none; transform: translate3d(0, 0, 0); }

.mfp-iframe-holder .mfp-close { top: -50px; right: -12px; transform: translate3d(0, 0, 0); }

.mfp-gallery .mfp-close { top: 20px; right: 10px; }
.mfp-gallery .mfp-content .mfp-close { display: none; }

.mfp-close::after, .mfp-close::before { top: 0px; }

.og-close { margin: 17px; right: 10px; background: transparent; color: #222; }
.og-close:before { font-family: "Feather-Icons"; font-size: 20px; top: 2px; left: 0; position: relative; height: 10px; }

.mfp-close:before { font-family: "Feather-Icons"; font-size: 20px; top: 2px; left: 0; position: relative; height: 10px; }

.og-close:before, .mfp-close:before { content: "\ea02"; }

#small-dialog .mfp-close, #small-dialog-1 .mfp-close, #small-dialog-2 .mfp-close, #small-dialog-3 .mfp-close, #small-dialog-4 .mfp-close, #sign-in-dialog { color: #fff; }

.mfp-close { color: #fff; }
.mfp-close:hover { color: #fff; }

/* Popup close button*/
#sign-in-dialog .mfp-close, #small-dialog-1 .mfp-close, #small-dialog-2 .mfp-close, #small-dialog-3 .mfp-close, #small-dialog-4 .mfp-close, #small-dialog .mfp-close { color: #666; background-color: #e4e4e4; border-radius: 4px; top: 28px; right: 40px; width: 40px; height: 40px; }

#sign-in-dialog .mfp-close:hover, #small-dialog-1 .mfp-close:hover, #small-dialog-2 .mfp-close:hover, #small-dialog-3 .mfp-close:hover, #small-dialog-4 .mfp-close:hover, #small-dialog .mfp-close:hover { color: #fff; background-color: #326496; }

.small-dialog-content input[type=submit] { width: 100%; margin-top: 26px; margin-bottom: 10px; }
.small-dialog-content .divider { display: inline-block; width: 100%; margin-top: 15px; padding-bottom: 0; }

.small-dialog-header { font-size: 22px; width: calc(100% + 80px); position: relative; left: -40px; top: 0; border-radius: 4px 4px 0 0; display: inline-block; background-color: #f6f6f6; padding: 35px 40px; margin-bottom: 40px; }
.small-dialog-header h3 { padding: 0; margin: 0; font-size: 23px; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #aaa; font-size: 13px; line-height: 18px; }

.mfp-arrow { opacity: 1; margin: 0 20px; top: 50%; transform: translateY(-50%); z-index: 9999; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; width: 60px; height: 60px; position: absolute; display: block; z-index: 100; overflow: hidden; background: rgba(255, 255, 255, 0.15); border-radius: 50%; outline: none; }
.mfp-arrow:hover { background: #326496; color: #fff; }
.mfp-arrow.mfp-arrow-left { font-family: "simple-line-icons"; font-size: 20px; }
.mfp-arrow.mfp-arrow-right { font-family: "simple-line-icons"; font-size: 20px; right: 15px; }
.mfp-arrow.mfp-arrow-left:before { content: "\e605"; left: -1px; top: 0px; position: relative; }
.mfp-arrow.mfp-arrow-right:before { content: "\e606"; left: 1px; top: 0px; position: relative; }

.mfp-content:hover .mfp-arrow { opacity: 1; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1180px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 54%; }
.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: black; }

/* Popup */
#sign-in-dialog, #small-dialog-1, #small-dialog-2, #small-dialog-3, #small-dialog-4, #small-dialog { background: #fff; padding: 40px; padding-top: 0; text-align: left; max-width: 610px; margin: 40px auto; position: relative; box-sizing: border-box; border-radius: 4px; max-width: 550px; }

#sign-in-dialog-1 span.line, #sign-in-dialog-2 span.line, #sign-in-dialog-3 span.line, #sign-in-dialog-4 span.line, #sign-in-dialog span.line, #small-dialog span.line { padding-top: 0; }

/* Animating */
.my-mfp-zoom-in { /* In */ /* Out */ }
.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
.my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.85; }
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 40px auto; border-radius: 4px; }

/* 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 18px rgba(11, 11, 11, 0.6); }

.mfp-bottom-bar { margin-top: -30px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; }

.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

/* Media Queries for Magnific Popup */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .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-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  /* The shadow behind the image */ }
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.92; background-color: #111; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/* Feedback Yes No */
.feedback-yes-no { margin-bottom: 15px; }
.feedback-yes-no strong { font-size: 16px; font-weight: 600; color: #323232; display: block; }
.feedback-yes-no .radio { margin-right: 15px; }
.feedback-yes-no .leave-rating { transform: scale(1.1); margin: 3px 0 10px 3px; }

/* ---------------------------------- */
/* Popup tabs
------------------------------------- */
.popup-tabs-nav { list-style: none; margin: 0; padding: 0; width: 100%; display: block; height: 62px; background: #f8f8f8; border-radius: 4px 4px 0 0; border-bottom: 1px solid #e0e0e0; }
.popup-tabs-nav li { float: left; line-height: 62px; height: 62px; padding: 0; margin-right: 0; position: relative; }
.popup-tabs-nav li:first-child a { border-radius: 4px 0 0 0; }
.popup-tabs-nav li a { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.popup-tab-reviews { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.popup-tabs-nav li a { border: none; color: #777; display: inline-block; outline: none; padding: 0; text-decoration: none; font-size: 16px; z-index: 10; position: relative; height: 100%; padding: 0 30px; border-right: 1px solid transparent; border-left: 1px solid transparent; transition: all 0.3s, font-weight 0s; border-right: 1px solid #e0e0e0; }
.popup-tabs-nav li.active { background-color: #fff; position: relative; }
.popup-tabs-nav li a:hover { background-color: #f3f3f3; height: calc(100% - 1px); color: #323232; }
.popup-tabs-nav li:last-child a:hover { border-right: 1px solid #e0e0e0; }
.popup-tabs-nav li.active { background-color: #fff; }
.popup-tabs-nav li.active a { color: #326496; font-weight: 600; }
.popup-tabs-nav li.active a:hover { background-color: #fff; }
.popup-tabs-nav li.active:after { content: ""; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; z-index: 111; }
.popup-tabs-nav li:first-child.active { border-left: none; border-radius: 4px 0 0 0; }

.popup-tab-content { padding: 50px 35px; position: relative; z-index: 10; display: inline-block; width: 100%; }

.popup-tabs-container { overflow: hidden; width: 100%; }

.popup-tab-content p:last-child { margin-bottom: 0; }

.dialog-with-tabs#sign-in-dialog, .dialog-with-tabs#small-dialog-1, .dialog-with-tabs#small-dialog-2, .dialog-with-tabs#small-dialog-3, .dialog-with-tabs#small-dialog-4, .dialog-with-tabs#small-dialog { padding: 0; color: #666; max-width: 540px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); }

/* Close Button Adjustments*/
#sign-in-dialog.dialog-with-tabs .mfp-close, #small-dialog.dialog-with-tabs .mfp-close, #small-dialog-1.dialog-with-tabs .mfp-close, #small-dialog-2.dialog-with-tabs .mfp-close, #small-dialog-3.dialog-with-tabs .mfp-close, #small-dialog-4.dialog-with-tabs .mfp-close { color: #888; background-color: #f8f8f8; border-left: 1px solid #e0e0e0; border-radius: 0 4px 0 0; top: 0; right: 0; width: 62px; height: 61px; }

#sign-in-dialog.dialog-with-tabs .mfp-close:hover, #small-dialog-1.dialog-with-tabs .mfp-close:hover, #small-dialog-2.dialog-with-tabs .mfp-close:hover, #small-dialog-3.dialog-with-tabs .mfp-close:hover, #small-dialog-4.dialog-with-tabs .mfp-close:hover, #small-dialog.dialog-with-tabs .mfp-close:hover { color: #323232; background-color: #f2f2f2; }

.dialog-with-tabs { /* Chrome autocomplete highlight reset */ /* Forgot Password Link */ /* Submit Button Adjustments */ }
.dialog-with-tabs .mfp-close:before { font-size: 24px; }
.dialog-with-tabs input { margin-bottom: 22px; }
.dialog-with-tabs input:-webkit-autofill, .dialog-with-tabs input:focus:-webkit-autofill { border: 1px solid #e0e0e0; -webkit-box-shadow: inset 0 0 0px 9999px white, 0 1px 4px rgba(0, 0, 0, 0.07); }
.dialog-with-tabs .forgot-password { font-size: 14px; color: #888; margin-top: -12px; display: block; }
.dialog-with-tabs .forgot-password:hover { color: #326496; }
.dialog-with-tabs .button { height: 48px; width: 100% !important; margin-top: 25px; box-shadow: 0 4px 12px rgba(50, 100, 150, 0.15); }

/* Welcome Text */
.welcome-text { display: block; text-align: center; color: #808080; margin-bottom: 33px; }
.welcome-text h3 { display: block; font-weight: 700; color: #323232; font-size: 24px; }
.welcome-text span { display: block; margin-top: 4px; }
.welcome-text span a { font-weight: 500; }

/* Social Login Separator */
.social-login-separator { width: 100%; display: block; text-align: center; position: relative; width: 100%; margin: 38px 0 15px 0; height: 1px; }
.social-login-separator:before { width: 100%; content: ""; height: 1px; display: block; background-color: #e0e0e0; position: absolute; top: 0; }
.social-login-separator span { background-color: #fff; top: 0; position: absolute; line-height: 10px; top: -5px; margin-left: -15px; padding: 0px 10px; color: #808080; }

/* Social Login Buttons */
.social-login-buttons { display: flex; width: calc(100% + 20px); }
.social-login-buttons button { flex: 1; text-align: center; border: 1px solid #333; color: #323232; border-radius: 4px; margin-top: 10px; margin-right: 20px; font-size: 14px; padding: 9px 5px; max-width: 50%; transition: 0.3s; }
.social-login-buttons button:hover { background-color: #333; color: #fff; }
.social-login-buttons button i { position: relative; top: 1px; margin-right: 7px; font-size: 15px; }
.social-login-buttons .facebook-login { border-color: #3b5998; color: #3b5998; }
.social-login-buttons .facebook-login:hover { background-color: #3b5998; color: #fff; }
.social-login-buttons .google-login { border-color: #dd4b39; color: #dd4b39; }
.social-login-buttons .google-login:hover { background-color: #dd4b39; color: #fff; }

@media (max-width: 768px) { .social-login-separator { margin-bottom: 25px; }
  .social-login-buttons { width: 100%; display: block; max-width: 100%; }
  .social-login-buttons a { width: 100%; display: block; max-width: 100%; } }
/* Account Type */
.account-type { display: flex; width: calc(100% + 20px); margin: 0 0 20px 0; }
.account-type div { flex: 1; margin-right: 20px; }
.account-type label { border-radius: 3px; border: none; background-color: #f2f2f2; width: 100%; }
.account-type input.account-type-radio:empty { display: none; }
.account-type label i { position: relative; font-size: 18px; top: 2px; margin-right: 2px; }
.account-type input.account-type-radio:empty ~ label { position: relative; float: left; padding: 10px; text-align: center; padding-bottom: 11px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; color: #888; transition: 0.4s; height: 48px; line-height: 28px; overflow: hidden; }
.account-type input.account-type-radio ~ label:hover { color: #289c41; background-color: #e4f6e9; }
.account-type input.account-type-radio:checked ~ label { color: #fff; background-color: #47bb67; }
.account-type input.account-type-radio:empty ~ label:after, .account-type input.account-type-radio:empty ~ label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 100%; height: 100%; text-align: center; line-height: 48px; border-radius: 4px; font-size: 22px; background: transparent; z-index: 100; opacity: 0; }
.account-type .ripple-effect-dark span.ripple-overlay { animation: ripple 1.2s; opacity: 0.03; }

/* hide input */
/* style label */
/* Standard syntax */
@keyframes typeCheck { 0% { opacity: 0; transform: translateY(10px); }
  50% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-10px); } }
@keyframes typeBG { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
/* Popups Media Queries */
@media (max-width: 480px) { .popup-tabs-nav { padding-top: 50px; height: 50px; }
  .mfp-container { padding: 0 10px; }
  .popup-tabs-nav li { border-bottom: 1px solid #e0e0e0; width: 100%; text-align: center; height: 50px; line-height: 50px; }
  .popup-tabs-nav li:first-child { border-top: 1px solid #e0e0e0; }
  .popup-tabs-nav li a { width: 100%; text-align: center; height: 50px; line-height: 50px; }
  .popup-tabs-nav li a:hover { background-color: transparent; }
  #sign-in-dialog.dialog-with-tabs .mfp-close, #small-dialog.dialog-with-tabs .mfp-close, #small-dialog-1.dialog-with-tabs .mfp-close, #small-dialog-2.dialog-with-tabs .mfp-close, #small-dialog-3.dialog-with-tabs .mfp-close, #small-dialog-4.dialog-with-tabs .mfp-close { height: 50px; width: 50px; }
  .account-type { flex-direction: column; }
  .social-login-buttons { flex-direction: column; }
  .social-login-buttons button { max-width: 100%; width: 100%; flex: auto; }
  .uploadButton { flex-direction: column; }
  .uploadButton .uploadButton-file-name { padding: 0; margin: 15px 0 0 0; } }
/* ---------------------------------- */
/* Boostrap Slider
------------------------------------- */
input.range-slider, input.default-slider { display: none; }

.slider { display: inline-block; vertical-align: middle; position: relative; }
.slider.slider-horizontal { width: calc(100% - 20px); margin-left: 11px; height: 20px; }
.slider.slider-horizontal .slider-track { height: 3px; width: calc(100% + 18px); margin-top: -2px; top: 50%; left: -9px; }
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; }
.slider.slider-horizontal .slider-handle { margin-left: -11px; }
.slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; }
.slider.slider-horizontal .tooltip { -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; }
.slider input { display: none; }
.slider .tooltip.top { margin-top: -40px; }
.slider .tooltip-inner { white-space: nowrap; max-width: none; background-color: #333; padding: 4px 12px; line-height: 21px; color: #fff; font-size: 14px; border-radius: 4px; }
.slider .tooltip-arrow { position: absolute; width: 0; height: 0; bottom: -6px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #333; }

.tooltip.tooltip-min, .tooltip.tooltip-max { display: none; }

.slider .hide { display: none; }

.slider-track { position: absolute; cursor: pointer; border-radius: 4px; background-color: #e0e0e0; }

.slider-selection { position: absolute; background-color: #326496; box-sizing: border-box; border-radius: 4px; }

.slider-track-low, .slider-track-high { position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; }

.slider-handle { position: absolute; top: 0; width: 20px; height: 20px; border: 2px solid #326496; cursor: pointer; z-index: 20; border-radius: 50%; }
.slider-handle:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-color: #fff; border-radius: 50%; z-index: 30; display: block; box-shadow: 0 0 0px 6px rgba(50, 100, 150, 0.12); transition: 0.2s; }
.slider-handle:hover:after { box-shadow: 0 0 0px 8px rgba(50, 100, 150, 0.12); }
.slider-handle.custom { position: absolute; top: -5px; width: 40px; height: 29px; border: none; cursor: pointer; z-index: 20; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); text-align: center; }
.slider-handle.custom:after { display: none; }
.slider-handle.custom:before { content: "\e958 \e959"; font-family: "Material-Icons"; letter-spacing: -10px; font-size: 21px; color: #a0a0a0; margin-left: -10px; transition: 0.3s; }
.slider-handle.custom:hover:before { color: #323232; }

.slider.slider-horizontal .slider-handle.custom { margin-left: -20px; }

/* ---------------------------------- */
/* Bootstrap-select
------------------------------------- */
select.bs-select-hidden, select.selectpicker { display: none !important; }

.bootstrap-select .btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; }
.bootstrap-select > .dropdown-toggle.bs-placeholder { color: #808080; }
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #808080; }
.bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; }
.bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; }

.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; }

.bootstrap-select.fit-width { width: auto !important; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
.bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; }
.bootstrap-select.form-control:not([class*="col-"]) { width: 100%; }
.bootstrap-select.form-control.input-group-btn { z-index: auto; }
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: flex; margin-left: 0; }
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; }

.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; }

.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .checkbox .bootstrap-select.btn-group { margin-bottom: 0; }

.checkbox-lg .bootstrap-select.btn-group.form-control, .checkbox-sm .bootstrap-select.btn-group.form-control { padding: 0; }

.checkbox-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .checkbox-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; }

.form-inline .bootstrap-select.btn-group .form-control { width: 100%; }

.bootstrap-select.btn-group.disabled { cursor: not-allowed; }
.bootstrap-select.btn-group.disabled:focus { outline: none !important; }
.bootstrap-select.btn-group > .disabled { cursor: not-allowed; }
.bootstrap-select.btn-group > .disabled:focus { outline: none !important; }
.bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; }
.bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { overflow: hidden; width: 100%; line-height: 48px; text-align: left; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; float: left; height: 48px; display: block; }
.bootstrap-select.btn-group .dropdown-menu li.hidden { display: none; }

.language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option { max-width: 100%; float: left; }

.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option { max-width: 100%; float: left; line-height: 20px; height: auto; }

.bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 20px; margin-top: -2px; vertical-align: middle; transition: 0.35s; }
.bootstrap-select.open .dropdown-toggle .caret { transform: rotate(180deg); }
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; }
.bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }
.bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0 5px; border-radius: 0; box-shadow: none; }
.bootstrap-select.btn-group .dropdown-menu li { position: relative; margin-bottom: 1px; }
.bootstrap-select.btn-group .dropdown-menu li.disabled { opacity: 0.75; }
.bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; }
.bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; }
.bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; }
.bootstrap-select.btn-group .dropdown-menu li small { padding-left: 7px; opacity: 0.8; }
.bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: calc(100% - 20px); margin: 0; min-height: 26px; padding: 3px 5px; pointer-events: none; padding: 5px 10px; background: #333; color: #fff; margin: 5px; margin-bottom: 5px; border-radius: 4px; white-space: nowrap; font-size: 14px; border: none; }
.bootstrap-select.btn-group .no-results { padding: 5px 10px; background: #f6f6f6; margin: 5px 0; margin-bottom: 0; border-radius: 4px; white-space: nowrap; font-size: 14px; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { white-space: normal; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; }

.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 0 5px; }

.bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; margin-bottom: 10px; margin-top: -5px; }
.bs-actionsbox div { display: flex; }

.bootstrap-select.btn-group .bs-actionsbox div button { flex: 1; background: #f6f6f6; box-shadow: none; padding: 5px; height: 36px; font-size: 14px; color: #777; transition: 0.3s; }
.bootstrap-select.btn-group .bs-actionsbox div button:first-child { border-radius: 4px 0 0 4px; background-color: #f0f0f0; }
.bootstrap-select.btn-group .bs-actionsbox div button:last-child { border-radius: 0 4px 4px 0; }
.bootstrap-select.btn-group .bs-actionsbox div button:hover { background: #326496; color: #fff; }

.bs-actionsbox .btn-group button { width: 50%; }

.bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bs-donebutton .btn-group button { width: 100%; }

.bs-searchbox { position: relative; }
.bs-searchbox + .bs-actionsbox { padding: 0; }
.bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; box-shadow: none; background: #f4f4f4; margin: -5px 0 10px 0; height: 38px; line-height: 38px; padding: 10px; }
.bs-searchbox .form-control:focus { margin-bottom: 0; width: 100%; float: none; box-shadow: none; background: #f4f4f4; margin: -5px 0 10px 0; height: 38px; line-height: 38px; padding: 10px; }
.bs-searchbox:after { font-family: "Material-Icons"; content: "\e982"; font-size: 20px; width: 20px; height: 20px; line-height: 0; display: inline-block; position: absolute; margin: 0; color: #a0a0a0; right: 15px; top: 18px; }

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

.dropup, .dropdown { position: relative; }

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

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 10px 5px; margin: -4px 0 0 0; font-size: 15px; text-align: left; list-style: none; background-color: #fff; border: none; border-radius: 4px; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { display: none; }
.dropdown-menu > li > a { display: block; padding: 7px 10px; padding-right: 35px; clear: both; font-weight: normal; line-height: 21px; color: #808080; border-radius: 4px; }

.bootstrap-select:before { content: ""; position: absolute; z-index: 2100; bottom: 0px; left: 0; height: 8px; width: 100%; background-color: #fff; display: block; opacity: 0; pointer-events: none; transition: 0.4s; }
.bootstrap-select.open:before { opacity: 1; }

.dropdown-menu > li > a:hover { color: #326496; text-decoration: none; background-color: rgba(50, 100, 150, 0.07); }
.dropdown-menu > .active > a { color: #326496; text-decoration: none; background-color: rgba(50, 100, 150, 0.07); }
.dropdown-menu > .active > a:hover { color: #326496; text-decoration: none; background-color: rgba(50, 100, 150, 0.07); }
.dropdown-menu > .disabled > a { color: #777; }
.dropdown-menu > .disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; }
.dropdown-menu.inner::-webkit-scrollbar { width: 5px; }
.dropdown-menu.inner::-webkit-scrollbar-track { background-color: transparent; border-radius: 12px; }
.dropdown-menu.inner::-webkit-scrollbar-thumb { border-radius: 12px; background-color: #d8d8d8; }
.dropdown-menu.inner::-webkit-scrollbar-thumb:hover { border-radius: 12px; background-color: #c8c8c8; }

/* Custom Scrollbar for -wekbit */
.bootstrap-select .dropdown-menu { opacity: 0; transition: 0.4s; display: block; pointer-events: none; visibility: hidden; cursor: default; }
.bootstrap-select.open .dropdown-menu { opacity: 1; pointer-events: all; visibility: visible; }

.open > a { outline: 0; }

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

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

.dropdown-header { display: block; padding: 7px 10px; line-height: 20px; white-space: nowrap; background: #f6f6f6; color: #777; border-radius: 4px; margin-bottom: 1px; }

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

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

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

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

@media (min-width: 767px) { .navbar-right .dropdown-menu { right: 0; left: auto; }
  .navbar-right .dropdown-menu-left { right: auto; left: 0; } }
.bootstrap-select.btn-group { position: relative; }
.bootstrap-select.btn-group button { position: relative; display: inline-block; height: 48px; line-height: 0; padding: 0 20px; margin: 0; outline: none; font-size: 16px; color: #808080; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: #fff; font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); }

/* Select Check Icon */
.hide-tick .check-mark { display: none !important; }

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark { position: absolute; display: inline-block; right: 8px; top: 50%; transform: translateY(-50%); margin: 0; line-height: 0; width: 20px; height: 20px; text-align: center; }
.bootstrap-select.btn-group .dropdown-menu li span.check-mark:before { font-family: "Feather-Icons"; content: "\e92b"; font-size: 18px; transition: all 0.3s; display: inline-block; top: 50%; right: 0; position: absolute; margin: 0; opacity: 0; transform: scale(0.5); }
.bootstrap-select.btn-group .dropdown-menu li.selected span.check-mark:before { opacity: 1; transform: scale(1); transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s; }
.bootstrap-select .dropdown-menu li.selected a span.check-mark:before, .bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before { color: #326496; }
.bootstrap-select .glyphicon:not(.check-mark) { font-size: 17px; line-height: 0; position: relative; top: 1px; margin-right: 3px; }
.bootstrap-select .filter-option .glyphicon { position: relative; top: 1px; }

/* Icons*/
/* Styles with border */
.with-border .dropdown-menu { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); }
.with-border.bootstrap-select.btn-group button { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); }
.with-border.bootstrap-select:before { width: calc(100% - 2px); left: 1px; }

/* ---------------------------------- */
/* Snackbar
------------------------------------- */
.snackbar-container { transition: all 500ms ease; transition-property: top, right, bottom, left, opacity; font-size: 16px; min-height: 14px; background-color: #404040; position: fixed; display: flex; justify-content: space-between; align-items: center; color: #fff; line-height: 22px; padding: 18px 24px; bottom: -100px; top: -100px; opacity: 0; z-index: 9999; cursor: default; border-radius: 4px; font-weight: 500; }
.snackbar-container .action { background: inherit; display: inline-block; border: none; font-size: inherit; text-transform: uppercase; color: #aaa; margin: 0 0 0 24px; padding: 0; min-width: min-content; cursor: pointer; font-weight: 500; font-size: 14px; }

@media (min-width: 640px) { .snackbar-container { display: inline-flex; margin: 24px; } }
.snackbar-pos.bottom-center { top: auto !important; bottom: 0; left: 50%; transform: translate(-50%, 0); }
.snackbar-pos.bottom-left { top: auto !important; bottom: 0; left: 0; }
.snackbar-pos.bottom-right { top: auto !important; bottom: 0; right: 0; }
.snackbar-pos.top-left { bottom: auto !important; top: 0; left: 0; }
.snackbar-pos.top-center { bottom: auto !important; top: 0; left: 50%; transform: translate(-50%, 0); }
.snackbar-pos.top-right { bottom: auto !important; top: 0; right: 0; }

@media (max-width: 640px) { .snackbar-container { left: 0; right: 0; width: 100%; border-radius: 0; }
  .snackbar-pos.bottom-center, .snackbar-pos.top-center { left: 0; transform: none; } }
/* ---------------------------------- */
/* Google Autocomplete
------------------------------------- */
body .pac-item { font-size: 12px; color: #999; cursor: pointer; transition: 0.2s; padding: 5px 15px; }
body .pac-container { border-radius: 0 0 4px 4px; border: none; box-sizing: content-box; margin-top: -2px; background-color: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08); z-index: 100; }

/* ---------------------------------- */
/* Google Maps
------------------------------------- */
.infoBox { border-radius: 4px; display: flex; flex-wrap: wrap; width: calc(100% + 30px); line-height: 24px; }
.infoBox .job-listing { display: flex; flex-direction: column; justify-content: center; margin: 0; box-shadow: none; width: 100%; }
.infoBox .job-listing .job-listing-description { padding-top: 0; }
.infoBox .job-listing:hover { transform: none; }
.infoBox .job-listing-details { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 20px 25px; }
.infoBox .job-listing h4.job-listing-company { font-size: 14px; position: relative; top: 0px; }
.infoBox .job-listing .verified-badge { transform: scale(0.85); right: -7px; bottom: -7px; }
.infoBox .job-listing .not-verified-badge { display: none; }
.infoBox .job-listing-footer { flex-grow: 0; padding: 15px 25px; font-size: 16px; display: none; }
.infoBox .job-listing h3.job-listing-title { font-size: 16px; line-height: 24px; }
.infoBox .job-listing .job-listing-company-logo { max-width: 46px; margin: 5px 18px 5px 0; top: 0; flex: 0 0 46px; }
.infoBox .job-listing .job-listing-company-logo img { max-width: 46px; }

.map-box { background-color: #fff; margin-bottom: 20px; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); position: relative; width: 100%; }
.map-box .listing-img-container img { width: 100%; border-radius: 4px 4px 0 0; }
.map-box h4 { margin: 0; padding: 0; }
.map-box h4 a { padding: 0 0 2px 0; font-size: 17px; line-height: 25px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-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; }

.listing-img-container { position: relative; height: 100%; display: block; }

.map-box h4 a:hover { color: #326496; }
.map-box p { padding: 0; line-height: 25px; margin: 2px 0 0 0; font-size: 14px; }
.map-box ul.listing-details { padding: 0; font-size: 14px; display: none; }
.map-box .listing-title { padding: 16px 22px; }
.map-box .listing-img-content { padding: 18px 22px; }
.map-box .listing-img-content span { font-size: 21px; }
.map-box .listing-img-content .listing-price i { font-size: 15px; margin: -7px 0 0 0; }

.infoBox > img { position: absolute !important; right: 0px; top: 0px; }

.map-box .listing-img-container::before { content: ""; position: absolute; height: 100%; width: 100%; display: block; background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, transparent 100%); background-color: rgba(35, 35, 37, 0.2); }
.map-box .listing-item-content { position: absolute; bottom: 20px; left: 0; padding: 0 24px; width: 100%; z-index: 50; box-sizing: border-box; }
.map-box .listing-item-content h3 { color: #fff; font-size: 18px; padding: 0 0 2px 0; font-weight: 500; margin: 0; line-height: 27px; }
.map-box .listing-item-content span { font-size: 15px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.7); }

/* Close Button */
.infoBox-close { position: absolute; top: 12px; right: 12px; display: inline-block; z-index: 999; text-align: center; cursor: pointer; font-size: 15px; font-weight: 500; height: 27px; width: 27px; line-height: 27px; background-color: #f0f0f0; color: #666; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 4px; }
.infoBox-close i { position: relative; top: 2px; left: -0.5px; }
.infoBox-close:hover { color: #fff; background-color: #326496; }

/* Read More Icon */
.map-box-icon { height: 38px; width: 38px; position: absolute; bottom: 0; right: 0; background-color: #3685cf; display: block; color: #fff; font-size: 12px; z-index: 101; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; visibility: hidden; }
.map-box-icon:before { content: "\f064"; font-family: "FontAwesome"; position: relative; top: 7px; display: block; }

.map-box-image { position: relative; overflow: hidden; display: block; }
.map-box-image:hover .map-box-icon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateX(0); }

.infoBox { animation: infoBoxAnimation 0.5s; }
.infoBox .star-rating span { margin-right: 3px; }
.infoBox .rating-counter { position: relative; top: -1px; }
.infoBox:after { content: ""; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #fff; }

/* Standard syntax */
@keyframes infoBoxAnimation { from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0px); } }
#map { height: 100%; width: 100%; margin: 0; z-index: 990; }

#map-container { position: relative; top: 0; left: 0; height: 520px; width: 100%; z-index: 990; margin-bottom: 60px; }

.gmnoprint { margin: 10px; }

.homepage-map { height: 560px; margin-bottom: 0; position: relative; }

.search-bar-on-map { position: absolute; bottom: 50px; z-index: 1000; margin: 0 auto; left: 0; right: 0; }

/* Cluster styles */
.cluster img { display: none; }

.cluster-visible { text-align: center; font-size: 14px !important; color: #fff !important; font-weight: 700; border-radius: 50%; width: 33px !important; height: 33px !important; line-height: 33px !important; background-color: #326496; animation: clusterAnimation 2.5s infinite; }

@keyframes clusterAnimation { 0%,100% { box-shadow: 0 0 0 6px rgba(50, 100, 150, 0.15); }
  50% { box-shadow: 0 0 0 10px rgba(50, 100, 150, 0.15); } }
/* Marker */
.map-marker-container { position: absolute; }

.marker-container { position: relative; margin: -9px 0 0 -9px; width: 18px; height: 18px; z-index: 1; border-radius: 50%; cursor: pointer; top: 0; background-color: #326496; animation: markerAnimation 2.5s infinite; transition: 0.4s; }

@keyframes markerAnimation { 0%,100% { box-shadow: 0 0 0 6px rgba(50, 100, 150, 0.15); }
  50% { box-shadow: 0 0 0 8px rgba(50, 100, 150, 0.15); } }
/* Clicked & Hover States */
.map-marker-container.clicked .marker-container { transform: scale(1.3); }

.marker-container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: transparent; border-radius: 50%; transform: scale(2); opacity: 0; }

/* Custom Zoom Buttons
------------------------------------- */
.custom-zoom-in, .custom-zoom-out { background-color: #fff; color: #323232; cursor: pointer; border-radius: 4px; margin: 5px 15px; transition: 0.3s; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1); text-align: center; font-size: 18px; height: 34px; width: 34px; }

.custom-zoom-in:hover, .custom-zoom-out:hover { background-color: #326496; color: #fff; }

.custom-zoom-in:before, .custom-zoom-out:before { font-family: "Feather-Icons"; width: 100%; line-height: 35px; }

.zoomControlWrapper { position: absolute; left: initial; right: 0; width: 70px; margin-right: 20px; }

.custom-zoom-in:before { content: "\e9b1"; }

.custom-zoom-out:before { content: "\e996"; }

/* Street View Button */
#streetView, #geoLocation, #scrollEnabling { background-color: #fff; color: #323232; cursor: pointer; border-radius: 4px; margin: 5px 15px; transition: 0.3s; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 10px; left: 5px; z-index: 99; font-size: 14px; line-height: 21px; padding: 8px 14px; font-weight: 500; }

#geoLocation:hover, #streetView:hover { background-color: #326496; color: #fff; }

#scrollEnabling:hover, #scrollEnabling.enabled { background-color: #326496; color: #fff; }

#streetView:before { content: "\e974"; font-family: "Material-Icons"; font-size: 18px; top: 3px; position: relative; margin-right: 7px; margin-left: -1px; line-height: 0; }

/* -------------------------------------------------------------- */
/* 05. Dashboard
----------------------------------------------------------------- */
/* ---------------------------------- */
/* Dashboard
------------------------------------- */
/* Full Page Adjustments */
.full-page-container { height: calc(100vh - 82px); }

.dashboard-container { height: calc(100vh - 82px); display: flex; width: 100%; flex-wrap: wrap; }

@media (max-width: 1099px) { .full-page-container, .dashboard-container { height: calc(100vh - 76px); } }
/* Dashboard Basis */
.dashboard-sidebar { flex: 0 0 280px; background-color: #fff; position: relative; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); z-index: 100; }
.dashboard-sidebar .dashboard-sidebar-inner { overflow: auto; height: 100%; }

.dashboard-content-container { flex: 1; background-color: #fafafa; padding: 0; overflow: auto; position: relative; z-index: 99; }

.dashboard-content-inner { padding: 50px; padding-bottom: 0; position: relative; }

/* Dashboard Header Logo Adjustent */
@media (min-width: 1099px) { #header-container.dashboard-header .container { padding-right: 35px; padding-left: 0; }
  #header-container.dashboard-header #logo { width: 281px; padding-left: 35px; } }
@media (max-width: 1240px) { #header-container.dashboard-header #logo { width: auto; } }
/* ---------------------------------- */
/* Dashboard Navigation
------------------------------------- */
.dashboard-nav { display: block; z-index: 11; padding-bottom: 30px; }

a.dashboard-responsive-nav-trigger { display: none; }

.dashboard-nav ul { list-style: none; padding: 0; margin: 25px 0 0 0; }
.dashboard-nav ul:first-child { margin: 30px 0 0 0; }
.dashboard-nav ul:before { content: attr(data-submenu-title); padding: 0 35px; margin-bottom: 5px; display: block; color: #326496; font-weight: 600; font-size: 14px; }
.dashboard-nav ul li { display: block; border-left: 3px solid transparent; transition: 0.3s; line-height: 25px; font-size: 15px; }
.dashboard-nav ul li a { color: #707070; display: block; padding: 11px 32px; transition: 0.3s; cursor: pointer; position: relative; }
.dashboard-nav ul li a i { padding-right: 8px; width: 20px; font-size: 20px; color: #909090; transition: 0.3s; position: relative; top: 2px; }
.dashboard-nav ul li ul li:hover a { padding-left: 4px; }
.dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i { color: #326496; }
.dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color: #326496; background-color: rgba(50, 100, 150, 0.04); }
.dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a { color: #326496; }
.dashboard-nav ul li span.nav-tag { display: inline-block; font-weight: 700; height: 19px; width: 19px; line-height: 19px; text-align: center; color: #fff; font-size: 11px; background-color: #326496; border-radius: 50%; position: relative; margin: 0 0 0 4px; top: -2px; }
.dashboard-nav ul li ul { padding: 0; margin: 0; visibility: hidden; max-height: 0; opacity: 0; line-height: 0; transition: 0.3s; pointer-events: none; }
.dashboard-nav ul li.active-submenu ul { visibility: visible; padding: 0 0 18px 0; line-height: 24px; opacity: 1; max-height: 200px; pointer-events: all; }
.dashboard-nav ul li ul li { background-color: transparent; border: none; padding-left: 63px; position: relative; margin: 0; }
.dashboard-nav ul li ul li a { padding: 5px 0; }
.dashboard-nav ul li ul li:hover { border: none; background-color: transparent; }
.dashboard-nav ul li a:after { font-family: "Material-Icons"; content: '\e914'; opacity: 1; font-size: 16px; transition: 0.3s; opacity: 1; line-height: 17px; width: 17px; height: 17px; background-color: #f0f0f0; color: #a8a8a8; display: inline-block; border-radius: 3px; margin-left: 7px; text-indent: 0; top: 1px; position: absolute; right: 35px; top: 15px; }
.dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after { color: #326496; background: rgba(50, 100, 150, 0.13); opacity: 0.8; }
.dashboard-nav ul li ul:before, .dashboard-nav ul li a:only-child:after { content: ''; display: none; }

/* ---------------------------------- */
/* Dashboard Elements
------------------------------------- */
/* Dashboard Headline
------------------------------------- */
.dashboard-headline { display: block; position: relative; margin-bottom: 50px; }
.dashboard-headline h3 { display: block; font-size: 26px; color: #323232; }
.dashboard-headline span { display: block; font-size: 18px; color: #888; line-height: 30px; margin-top: 5px; }
.dashboard-headline #breadcrumbs { right: 0; }

/* Fun Facts
------------------------------------- */
.fun-facts-container { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-bottom: -30px; }

.fun-fact { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 25px; margin-right: 30px; margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 calc(25% - 30px); height: auto; cursor: default; transition: 0.3s; }

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .fun-fact { flex: 1; } }
/* IE 11 Fixes - End */
.fun-fact-icon { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); flex: 0 0 100px; height: 100px; display: flex; text-align: center; }
.fun-fact-icon i { font-size: 48px; align-self: center; margin: 0 auto; color: #666; }
.fun-fact-icon i.icon-material-outline-gavel { transform: scale(0.91); }

.fun-fact-text { flex: 1; margin-right: 20px; }

.fun-fact span { font-size: 18px; color: #888; line-height: 22px; }
.fun-fact h4 { font-size: 38px; color: #323232; line-height: 38px; margin-top: 5px; }

/* Dashboard Box
------------------------------------- */
.dashboard-box { display: block; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); margin-top: 30px; position: relative; }
.dashboard-box .headline { display: block; padding: 20px 30px; border-bottom: 1px solid #e4e4e4; position: relative; }
.dashboard-box .headline h3 { font-size: 16px; font-weight: 600; color: #323232; line-height: 26px; }
.dashboard-box .headline h3 i { color: #326496; font-size: 21px; line-height: 0; position: relative; top: 2px; margin-right: 4px; }
.dashboard-box .headline h3 i.icon-material-outline-gavel { font-size: 20px; }
.dashboard-box .headline h3 i.icon-material-outline-supervisor-account { font-size: 24px; top: 3px; }
.dashboard-box .headline h3 i.icon-feather-folder-plus { font-size: 20px; top: 2px; margin-right: 5px; }

/* Pixel Perfect Adjustment */
.button.big i.icon-feather-plus { font-size: 20px; top: 2px; margin-left: -4px; margin-right: 5px; }

/* Pixel Perfect Adjustment - End */
.dashboard-box .content.with-padding { padding: 30px; }
.dashboard-box .chart { padding: 30px 20px 17px 18px; }
.dashboard-box .headline .sort-by { float: none; display: inline-block; position: absolute; top: calc(50% + 3px); transform: translateY(-50%); right: 30px; z-index: 100; height: 33px; }
.dashboard-box .headline .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-weight: 500; color: #666; }

/* Note
------------------------------------- */
.dashboard-note { border-radius: 4px; background-color: #f8f8f8; padding: 25px; padding-top: 20px; margin-bottom: 20px; position: relative; }
.dashboard-note:last-child { margin-bottom: 65px; }
.dashboard-note:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 20px 20px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.15) #fff; transition: 0.3s; border-radius: 0 0 0 4px; }
.dashboard-note p { line-height: 24px; margin-bottom: 20px; color: #777; font-size: 14.7px; }

.note-priority { background-color: #333; border-radius: 4px; color: #fff; font-size: 14px; padding: 5px 9px; display: inline-block; line-height: 20px; }
.note-priority.high { background-color: #dc3139; }
.note-priority.medium { background-color: #f59110; }
.note-priority.low { background-color: #3fb660; }

.note-footer { display: flex; }

.note-buttons { align-self: center; margin-left: auto; }
.note-buttons a { font-size: 16px; padding-left: 3px; margin-top: 2px; display: inline-block; color: #888; }
.note-buttons a:hover { color: #444; }

.add-note-button { position: absolute; bottom: 0; width: 100%; left: 0; right: 0; padding: 30px; padding-top: 10px; background: #fff; border-radius: 4px; width: calc(100% - 15px); }
.add-note-button a.button { width: calc(100% + 15px) !important; max-width: calc(100% + 15px) !important; }

/* Dashboard Box List
------------------------------------- */
ul.dashboard-box-list { list-style: none; padding: 0; margin: 0; }
ul.dashboard-box-list > li { border-bottom: 1px solid #e4e4e4; padding: 0; line-height: 26px; padding: 22px 30px; display: flex; align-items: center; position: relative; width: 100%; flex-flow: row wrap; transition: 0.3s; }
ul.dashboard-box-list > li:last-child { border-bottom: none; }
ul.dashboard-box-list > li:hover { background-color: #fcfcfc; }

.dashboard-box-list .notification-text { font-size: 14.7px; flex: 1; }
.dashboard-box-list .notification-icon { flex: 0 0 40px; }
.dashboard-box-list .notification-text .star-rating { position: relative; top: -18px; line-height: 0; height: 0; display: inline-block; margin: 0 3px; transform: scale(0.93); }

/* Dashboard Box List Buttons
------------------------------------- */
.buttons-to-right { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.3s; box-shadow: 0px 0px 10px 15px #fff; background-color: #fff; }

.dashboard-box-list .button.to-right { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.3s; box-shadow: 0px 0px 10px 15px #fff; background-color: #fff; }
.dashboard-box-list .buttons-to-right.always-visible, .dashboard-box-list li:hover .buttons-to-right { opacity: 1; }
.dashboard-box-list .buttons-to-right.always-visible:not(.single-right-button) { position: relative; transform: none; top: 0; margin: 5px 0 10px -2px; opacity: 1; right: auto; display: inline-block; box-shadow: none; width: 100%; background-color: transparent; box-shadow: none; }
.dashboard-box-list .button { padding: 6px 15px; line-height: 20px; font-size: 13px; font-weight: 600; margin: 0; display: inline-block; box-shadow: 0 3px 8px rgba(50, 100, 150, 0.15); }
.dashboard-box-list .button i[class*="icon-material"] { font-size: 18px; top: 3px; margin-right: 2px; margin-left: -2px; }
.dashboard-box-list .buttons-to-right .button { margin: 0 0 -6px 2px; }
.dashboard-box-list .buttons-to-right.always-visible .button { margin: 0 3px 0 0; }

.dashboard-box .button.red { background-color: #dc3139; box-shadow: 0 3px 8px rgba(234, 65, 81, 0.15); }
.dashboard-box .button.green { background-color: #40b660; box-shadow: 0 3px 8px rgba(64, 182, 96, 0.15); }
.dashboard-box .button.dark { background-color: #333333; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.dashboard-box .button.gray { background-color: #eee; color: #666; box-shadow: none; }
.dashboard-box .dashboard-box-list .button:not(.ico):hover { color: #fff; background-color: #333333; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.dashboard-box .button.red:not(.ico):hover, .dashboard-box .button.green:not(.ico):hover, .dashboard-box .button.gray:not(.ico):hover { color: #fff; background-color: #333333; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.dashboard-box .button.dark:not(.ico):hover { background-color: #326496; box-shadow: 0 3px 8px rgba(50, 100, 150, 0.15); }
.dashboard-box .button.ico { width: 32px; text-align: center; }
.dashboard-box .button.ico i { font-size: 15px; margin-left: -7px; top: 2px; position: relative; }
.dashboard-box .button i.icon-material-outline-check { margin-left: -5px; }
.dashboard-box .button.ico i[class*="icon-material"] { font-size: 18px; margin-left: -8px; top: 3px; position: relative; }

/* Hovers */
.dashboard-box-list { box-shadow: none; }
.dashboard-box-list a.button i { margin: 0; padding: 0; position: relative; top: 1px; font-size: 14px; line-height: 0; margin-left: -2px; }

.dashboard-box .mark-as-read { float: none; background-color: #f4f4f4; position: absolute; right: 30px; top: 18px; }

.button-info { background: rgba(255, 255, 255, 0.25); color: #fff; width: 19px; height: 19px; display: inline-block; text-align: center; line-height: 19px; border-radius: 50%; font-size: 11px; font-weight: 700; margin-left: 3px; margin-right: -2px; }

/* Listing Status*/
.dashboard-status-button { color: #fff; border-radius: 4px; font-size: 14px; line-height: 21px; padding: 2px 8px; display: inline-block; position: relative; top: -2px; margin: 0 0 4px 4px; }
.dashboard-status-button.green { background: #e0f5d7; color: #449626; }
.dashboard-status-button.yellow { background-color: #fbf6dd; color: #a18d29; }
.dashboard-status-button.red { background-color: #ffe6e6; color: #ea5252; }

/* Dashboard Invoices List
------------------------------------- */
.invoice-list-item ul { line-height: 22px; padding-bottom: 2px; color: #909090; list-style: none; padding: 0; margin: 0; }
.invoice-list-item ul li { padding: 0; display: inline-block; font-size: 14.7px; margin-bottom: 5px; }
.invoice-list-item ul li:after { content: ""; display: inline-block; width: 1px; height: 11px; background-color: #e0e0e0; position: relative; margin: 0 10px; }
.invoice-list-item ul li:last-child:after { display: none; }
.invoice-list-item strong { font-weight: 600; color: #323232; margin-bottom: 5px; margin-top: -2px; display: block; }

.paid, .unpaid { background-color: #333; color: #fff; border-radius: 4px; line-height: 20px; padding: 4px 8px; font-size: 13px; position: relative; top: -1px; }

.paid { background-color: #40b660; }

.unpaid { background-color: #dc3139; }

/* Listings in Dashboard
------------------------------------- */
/* Freelancers */
.dashboard-box .job-listing-details { box-shadow: none; padding: 10px 0; align-items: center; flex: auto; }
.dashboard-box .job-listing { box-shadow: none; padding: 0; margin: 0; background-color: transparent; display: flex; flex-direction: row; width: 100%; }
.dashboard-box .job-listing.width-adjustment { max-width: 60%; }
.dashboard-box .job-listing h3 a { color: #323232; font-size: 18px; }
.dashboard-box .job-listing .job-listing-company-logo { max-width: 50px; }
.dashboard-box .job-listing .job-listing-description { padding-top: 0; }
.dashboard-box .job-listing:hover { transform: none; }
.dashboard-box .job-listing .job-listing-footer { background-color: transparent; padding: 0; border-radius: none; }
.dashboard-box .freelancer-overview { padding: 15px 0; }
.dashboard-box .freelancer-overview-inner { flex: auto; display: flex; align-items: center; }
.dashboard-box .freelancer-overview .freelancer-name { text-align: left; margin: 0 0 0 30px; width: 100%; }
.dashboard-box .freelancer-overview .freelancer-avatar { margin: 0; width: 90px; }
.dashboard-box .freelancer-overview.manage-candidates .freelancer-avatar { align-self: flex-start; }

/* Jobs */
/* Dashboard Task Info */
.dashboard-task-info { list-style: none; padding: 0; margin: 0; background-color: #f4f4f4; text-align: center; border-radius: 4px; padding: 14px 25px; display: flex; flex-direction: row; align-items: stretch; align-self: flex-end; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); transition: 0.3s; justify-content: center; }

.dashboard-box li:hover .dashboard-task-info { background-color: #f0f0f0; }

.dashboard-task-info li { display: inline-block; border-right: 1px solid #d0d0d0; padding-right: 22px; margin-right: 22px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.dashboard-task-info li:last-child { margin-right: 0; padding-right: 0; border: none; }
.dashboard-task-info li strong { display: block; font-size: 16px; font-weight: 600; color: #323232; line-height: 22px; }
.dashboard-task-info li span { display: block; font-size: 14px; color: #888; line-height: 20px; }

/* Bid Acceptance */
.bid-acceptance { display: flex; color: #289c41; background-color: #e4f6e9; font-size: 18px; font-weight: 600; text-align: center; border-radius: 4px; padding: 12px 18px; display: inline-block; margin: 0 auto; line-height: 20px; }
.bid-acceptance span { font-size: 14px; opacity: 0.86; line-height: 20px; }

/* Media Queries */
@media (max-width: 1366px) { .dashboard-box .job-listing.width-adjustment { max-width: 100%; }
  .dashboard-task-info { position: relative; right: 0; top: 0; transform: none; margin: 10px 0 20px 0; }
  .dashboard-task-info.bid-info { margin-bottom: 0; margin-top: 20px; } }
@media (max-width: 768px) { .dashboard-box .freelancer-overview .freelancer-avatar { width: 60px; }
  .dashboard-box .freelancer-overview .freelancer-avatar .verified-badge { transform: scale(0.8); bottom: -5px; right: -5px; }
  .dashboard-box .freelancer-overview .freelancer-name { margin: 0 0 0 25px; }
  .dashboard-box .job-listing .job-listing-company-logo { display: none; }
  .dashboard-task-info.bid-info, .dashboard-task-info:not(.bid-info) { flex-direction: column; width: 100%; }
  .dashboard-task-info li { border-right: none; border-bottom: 1px solid #d0d0d0; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 100%; }
  .dashboard-task-info li:last-child { border-right: none; border-bottom: none; padding: 0; margin: 0; } }
/* Reviews
------------------------------------- */
.dashboard-box .boxed-list-item { padding: 10px 0; width: 100%; }

/* Submit Forms
------------------------------------- */
.submit-field { margin-bottom: 28px; display: block; }
.submit-field .pac-container { box-shadow: none; border: 1px solid #e0e0e0; border-top: 1px solid #fff; padding-top: 0; z-index: 9; left: 0 !important; top: 47px !important; border-radius: 0 0 4px 4px; }
.submit-field h5 { font-size: 16px; font-weight: 600; color: #323232; margin-bottom: 12px; }
.submit-field h5 span { color: #888; font-weight: 500; }

.help-icon { color: #326496; display: inline-block; font-size: 19px; font-weight: 400; line-height: 18px; height: 16px; position: relative; top: 3px; margin: 0 3px; font-style: normal; cursor: help; }
.help-icon:before { content: "\e97c"; font-family: "Feather-Icons"; }

/* Avatar Switcher */
.avatar-wrapper { position: relative; width: 150px; height: 150px; border-radius: 4px; overflow: hidden; box-shadow: none; margin: 0 10px 30px 0; transition: all .3s ease; }
.avatar-wrapper:hover { transform: scale(1.05); cursor: pointer; }
.avatar-wrapper .profile-pic { height: 100%; width: 100%; transition: all .3s ease; object-fit: cover; }
.avatar-wrapper .profile-pic:after { font-family: Feather-Icons; content: "\e9f1"; top: 0; left: 0; width: 100%; height: 100%; line-height: 120px; position: absolute; font-size: 60px; background: #f0f0f0; color: #aaa; text-align: center; }
.avatar-wrapper .upload-button { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.avatar-wrapper .file-upload { opacity: 0; pointer-events: none; position: absolute; }

/* Small Footer Styles
------------------------------------- */
.dashboard-content-inner .small-footer { width: 100%; left: 0px; padding: 25px 50px; position: absolute; bottom: 0; }

.dashboard-footer-spacer { padding-top: 125px; }

/* Dashbaord Media Queries 
------------------------------------- */
@media (min-width: 1365px) and (max-width: 1600px) { .fun-fact { flex: 1 1 calc(50% - 30px); max-width: calc(50% - 30px); } }
@media (max-width: 1365px) { .fun-fact { flex: 1 1 calc(50% - 30px); max-width: calc(50% - 30px); } }
@media (max-width: 992px) { .dashboard-content-inner { min-height: auto !important; }
  /* Dashboard Mobile Basis */
  .dashboard-sidebar .dashboard-nav-container, .dashboard-content-inner { padding: 15px; }
  .dashboard-sidebar-inner { padding-bottom: 30px; }
  .dashboard-sidebar .simplebar-content { overflow-x: hidden; }
  .dashboard-nav-inner { padding: 30px 0; margin-bottom: 0; }
  .dashboard-sidebar { flex: 1; width: 100%; background-color: transparent; box-shadow: none; height: auto !important; }
  .full-page-sidebar .simplebar-track, .dashboard-sidebar .simplebar-track { display: none; }
  .full-page-sidebar-inner, .dashboard-sidebar-inner { height: auto !important; }
  .dashboard-container { display: block; width: 100%; flex-wrap: wrap; height: auto !important; }
  .dashboard-content-container { height: auto !important; }
  .dashboard-content-container .simplebar-scrollbar { display: none; }
  /* Dashboard Mobile Basis - End */
  /* Dashboard Nav */
  .dashboard-nav { width: 100%; margin: 0; border-radius: 0 0 4px 4px; position: relative; min-height: auto; opacity: 1; visibility: hidden; max-height: 0; padding: 0; transition: all 0.3s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #fff; }
  .dashboard-nav ul { margin-top: 15px; }
  .dashboard-nav ul:first-child { margin: 0; }
  .dashboard-nav.active { opacity: 1; visibility: visible; max-height: 900px; }
  .dashboard-nav.active ul { opacity: 1; visibility: visible; max-height: 900px; }
  .dashboard-nav ul { visibility: hidden; opacity: 0; max-height: 0; transition: all 0.3s; }
  .dashboard-nav ul:before { padding: 0 29px; }
  .dashboard-nav ul li a { padding: 10px 25px; }
  .dashboard-nav.active ul li ul, .dashboard-nav ul li ul { visibility: hidden; opacity: 0; max-height: 0; transition: all 0.3s; }
  .dashboard-nav.active ul li.active-submenu ul { visibility: visible; opacity: 1; max-height: 300px; }
  /* Trigger */
  a.dashboard-responsive-nav-trigger { width: 100%; margin: 0; margin-top: 15px; background-color: #333; border-radius: 5px; color: #fff; padding: 16px 30px; font-weight: 600; transition: 0.2s; display: block; line-height: 26px; }
  a.dashboard-responsive-nav-trigger span.trigger-title { padding-left: 33px; }
  a.dashboard-responsive-nav-trigger .hamburger-inner { background-color: #fff; }
  a.dashboard-responsive-nav-trigger .hamburger-inner::before, a.dashboard-responsive-nav-trigger .hamburger-inner::after { background-color: #fff; }
  a.dashboard-responsive-nav-trigger .hamburger { top: 2px; left: 0; transform: scale(0.66); }
  a.dashboard-responsive-nav-trigger i { margin-right: 8px; margin-left: -2px; font-size: 28px; line-height: 0; position: relative; top: 6px; }
  a.dashboard-responsive-nav-trigger.active { border-radius: 4px 4px 0 0; }
  /* Dashboard Nav - End */
  .buttons-to-right:not(.single-right-button) { opacity: 1; }
  .fun-facts-container { width: calc(100% + 15px); margin-bottom: -15px; }
  .fun-fact { flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); margin: 0 15px 15px 0; } }
@media (max-width: 768px) { .fun-fact { flex: 1 1 100%; max-width: 100%; }
  #titlebar #breadcrumbs, .dashboard-headline #breadcrumbs { right: 0; position: relative; top: 0; transform: none; margin-top: 30px; max-width: 100%; }
  .buttons-to-right:not(.single-right-button) { position: relative; transform: none; top: 0; margin: 10px 0 0 0; opacity: 1; right: auto; display: inline-block; box-shadow: none; width: 100%; }
  .dashboard-box .headline .sort-by { float: none; display: inline-block; position: relative; top: 0; transform: none; right: 0px; top: 5px; left: -8px; }
  .dashboard-box .headline .sort-by .bootstrap-select .dropdown-menu { left: 0; right: auto; } }
/* ---------------------------------- */
/* Dashboard Messages
------------------------------------- */
.messages-container { margin: 0; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; background-color: #fff; }

/* Scrollbar Adjustments */
.messages-inbox ul { max-height: 875px; }

.message-content-inner { max-height: 750px; }

.message-content, .messages-container-inner .messages-inbox { overflow: hidden; }

.message-content-inner, .messages-container-inner .messages-inbox ul { overflow-y: scroll; width: calc(100% + 18px); }

.message-content-inner::-webkit-scrollbar, .messages-container-inner .messages-inbox ul::-webkit-scrollbar { width: 17px; }

/*  Scrollbar Hide - End */
.messages-headline { max-height: 82px; font-size: 16px; margin: 0; padding: 22px 30px; color: #323232; background-color: #fff; display: block; border-bottom: 1px solid #eaeaea; border-radius: 4px 4px 0 0; position: relative; }
.messages-headline input { background-color: #f6f6f6; box-shadow: none; height: 38px; padding: 14px; font-size: 14px; margin: 0; }
.messages-headline input:focus { box-shadow: none; }
.messages-headline .input-with-icon i { font-size: 18px; right: 14px; }
.messages-headline h4 { font-size: 16px; color: #323232; padding: 6px 0; margin: 0; font-weight: 600; display: inline-block; }

.message-action { border-radius: 50px; font-size: 13px; color: #666; font-weight: 500; display: inline-block; transition: 0.3s; color: #666; padding: 0; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.message-action i { font-size: 14px; position: relative; top: 1px; margin-right: 1px; }
.message-action:hover { color: #ee3535; }

/* List */
.messages-inbox ul { list-style: none; padding: 0; margin: 0; }

.message-avatar img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; }

.messages-inbox ul li { transition: 0.2s; position: relative; }
.messages-inbox ul li a { position: relative; display: block; padding: 30px; }
.messages-inbox ul li:nth-child(2n) { background-color: #fafafa; }
.messages-inbox ul li:last-child { border-bottom: none; }
.messages-inbox ul li.active-message { background-color: #fafafa; }
.messages-inbox ul li:before { position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #326496; display: block; content: ""; opacity: 0; transition: 0.3s; }
.messages-inbox ul li:hover:before, .messages-inbox ul li.active-message:before { opacity: 1; }
.messages-inbox .message-avatar { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
.messages-inbox .message-by { margin-left: 85px; font-size: 15px; color: #666; }
.messages-inbox .message-by p { margin: 0; padding: 0; line-height: 25px; font-size: 15px; }

.message-by-headline h5 { display: inline-block; }
.message-by-headline span { display: inline-block; float: right; color: #888; font-size: 14px; }
.message-by-headline h5 { font-weight: 600; color: #323232; margin: 0 0 7px 0; padding: 0; }
.message-by-headline:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.message-by h5 i { background-color: #326496; border-radius: 4px; line-height: 20px; font-size: 12px; color: #fff; font-style: normal; padding: 3px 8px; margin-left: 3px; }

/* Single Message */
.messages-container-inner { display: flex; }
.messages-container-inner .messages-inbox, .messages-container-inner .message-content { flex: 1; }
.messages-container-inner .message-content-inner { padding: 30px; padding-bottom: 0; flex-grow: 1; }
.messages-container-inner .message-content { display: flex; flex-direction: column; }
.messages-container-inner .messages-inbox { max-width: 340px; border-right: 1px solid #eaeaea; }
.messages-container-inner .messages-inbox ul li a { padding: 25px; }
.messages-container-inner .messages-inbox .message-by p { height: 26px; max-width: 205px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #888; }
.messages-container-inner .message-avatar img { width: 40px; height: 40px; }
.messages-container-inner .messages-inbox .message-avatar { left: 25px; }
.messages-container-inner .messages-inbox .message-by { margin-left: 60px; }
.messages-container-inner .message-by-headline h5 { font-size: 14px; margin-bottom: 3px; max-width: 160px; line-height: 23px; }
.messages-container-inner .message-by-headline span { font-size: 13px; position: absolute; top: 25px; right: 25px; }

/* Message Bubbles */
.message-bubble { display: block; position: relative; margin-bottom: 25px; /* Message Bubble "me" */ }
.message-bubble .message-avatar { position: absolute; left: 0; top: 0; }
.message-bubble .message-avatar img { width: 50px; height: 50px; }
.message-bubble .message-text { margin-left: 70px; background-color: #f4f4f4; border-radius: 4px; padding: 12px 18px; position: relative; display: inline-block; float: left; line-height: 25px; }
.message-bubble.me .message-text { float: right; }
.message-bubble .message-text p { font-size: 15px; padding: 0; margin: 0; line-height: 25px; }
.message-bubble.me .message-avatar { left: auto; right: 0; }
.message-bubble.me .message-text { margin-left: 0; margin-right: 70px; background-color: #326496; color: #fff; position: relative; }
.message-bubble .message-text:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #f4f4f4; left: -6px; right: auto; top: 19px; position: absolute; }
.message-bubble.me .message-text:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #326496; border-right: none; right: -6px; left: auto; }

/* Message Time Sign */
.message-time-sign { text-align: center; display: block; position: relative; margin-bottom: 25px; }
.message-time-sign:before { content: ""; height: 1px; background-color: #eaeaea; display: block; max-width: 30%; margin: 0 auto; position: relative; top: 14px; z-index: 10; }
.message-time-sign span { background-color: #fff; font-size: 14px; color: #888; z-index: 11; position: relative; padding: 0 10px; }

/* Reply */
.message-reply { border-top: 1px solid #eaeaea; padding: 30px; display: flex; align-items: flex-start; margin-top: 15px; }
/*.message-reply textarea { min-width: auto; height: 48px; min-height: 48px; padding: 10px 0; margin: 0 15px 0 0; flex: 1; font-size: 15px; font-weight: 400; line-height: 26px; box-shadow: none; border: none; box-sizing: border-box; resize: none; }*/
.message-reply button { border-radius: 4px; flex: auto; flex-grow: 0; height: 44px; text-align: center; align-self: center; padding: 0 25px; }
.message-reply i { padding: 0; margin: 0; }

/* Typing Indicastor */
.typing-indicator { width: auto; height: 24px; padding-top: 8px; }
.typing-indicator span { height: 8px; width: 8px; float: left; margin: 0 1px; background-color: #a0a0a0; display: block; border-radius: 50%; opacity: 0.4; }
.typing-indicator span:nth-of-type(1) { animation: 1s blink infinite 0.33333s; }
.typing-indicator span:nth-of-type(2) { animation: 1s blink infinite 0.66666s; }
.typing-indicator span:nth-of-type(3) { animation: 1s blink infinite 0.99999s; }

@keyframes blink { 50% { opacity: 1; } }
/* Messages Media Queries */
@media (max-width: 992px) { .messages-container-inner .messages-inbox { max-width: 300px; } }
@media (max-width: 768px) { .messages-container-inner { display: block; }
  .messages-container-inner .messages-inbox { max-width: 100%; border-bottom: 1px solid #e4e4e4; border-right: none; }
  .messages-inbox ul { max-height: 500px; }
  .messages-container-inner .message-by-headline span { position: relative; top: 0; right: 0; display: block; float: none; padding: 0; margin: -4px 0 0 0; }
  .message-action { display: block; position: relative; right: 0; top: 0; transform: none; margin-top: -5px; }
  .messages-headline { max-height: 120px; } }
/* -------------------------------------------------------------- */
/* 06. Layout Basics
----------------------------------------------------------------- */
/* ---------------------------------- */
/* Common Styles
------------------------------------- */
body { color: #666; font-size: 16px; line-height: 27px; background-color: #fff; font-family: "Nunito", sans-serif; text-transform: none; }
body.gray { background-color: #fbfbfb; }
body p { font-size: 16px; line-height: 27px; }

/* Main Font */
h1, h2, h3, h4, h5, h6 { font-family: "Nunito", sans-serif; text-transform: none; }

input[type="text"], input[type="password"], input[type="email"] { font-family: "Nunito", sans-serif; text-transform: none; }

textarea, select { font-family: "Nunito", sans-serif; text-transform: none; }

input[type="button"], input[type="submit"] { font-family: "Nunito", sans-serif; text-transform: none; }

button, body .pac-container { font-family: "Nunito", sans-serif; text-transform: none; }

/* Headlines */
h1, h2, h3, h4, h5, h6 { color: #323232; font-weight: 500; margin: 0; padding: 0; }

h1 { font-size: 32px; }

h2 { font-size: 26px; }

h3 { font-size: 22px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h3.page-title { font-size: 20px; line-height: 32px; }

.section { display: block; }
.section.white { background: #fff; }
.section.gray { background: #f9f9f9; }
.section.border-top { border-top: 1px solid #e0e0e0; }
.section.border-bottom { border-bottom: 1px solid #e0e0e0; }

/* Section Headline */
.section-headline { display: block; position: relative; padding-right: 20%; }
.section-headline.centered { text-align: center; padding: 0; }
.section-headline span { font-size: 18px; line-height: 26px; font-weight: 300; color: #888; margin-top: 0; display: block; }
.section-headline h1, .section-headline h2, .section-headline h3 { font-size: 26px; line-height: 36px; font-weight: 500; color: #323232; }
.section-headline h4 { font-size: 26px; line-height: 36px; font-weight: 500; color: #323232; font-size: 22px; line-height: 34px; }
.section-headline.border-top { border-top: 1px solid #e0e0e0; }

h1.in-a-box, h2.in-a-box, h3.in-a-box, h5.in-a-box { display: inline-block; font-size: 18px; background-color: #333; color: #fff; border-radius: 4px; padding: 8px 20px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); }

.section-headline h5 { font-size: 16px; font-weight: 600; line-height: 30px; }

/* 
/* Single Task / Job / Profile Headings */
.single-page-section { margin-bottom: 55px; display: block; }
.single-page-section p:last-of-type { padding-bottom: 0; margin-bottom: 0; }
.single-page-section h3 { margin-bottom: 20px; font-size: 20px; }
.single-page-section .job-listing h3.job-listing-title { margin-bottom: 0; }

/* Headline Link */
a.headline-link { position: absolute; right: 0; bottom: 0; }
a.headline-link.bottom-icon:after { content: "\e957"; top: 3px; }
a.headline-link:after { content: "\e995"; font-family: "Material-Icons"; font-size: 21px; line-height: 0; position: relative; top: 4px; margin-left: 5px; }

@media (max-width: 768px) { a.headline-link { position: relative; margin-top: 10px; display: inline-block; } }
/* Classes for disabling things on mobile devices */
@media (max-width: 992px) { .hide-under-992px { display: none; } }
@media (max-width: 768px) { .hide-under-768px { display: none; } }
@media (max-width: 480px) { .hide-under-480px { display: none; } }
/* Content & Sidebar Offsets */
.content-left-offset { padding-left: 30px; }

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

@media (max-width: 992px) { .content-left-offset { padding-left: 15px; }
  .content-right-offset { padding-right: 15px; } }
/* ---------------------------------- */
/* Icons Cheatsheet Styles
------------------------------------- */
.icon-set-container { display: block; width: calc(100% + 30px); left: -15px; position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; }

.glyph.fs1 { position: relative; font-size: 20px; margin: 10px 15px; background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); border-radius: 4px; flex: 1 1 calc(25% - 30px); align-content: center; justify-content: center; display: flex; flex-direction: column; padding: 15px 15px; transition: 0.3s; color: #666; }
.glyph.fs1:hover { transform: translateY(-5px); background-color: #333; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
.glyph.fs1:hover span:not([class*="mls"]) { background-color: #fff; color: #323232; }
.glyph.fs1 .fs0, .glyph.fs1 fieldset { display: none; }
.glyph.fs1 span:not([class*="mls"]) { vertical-align: middle; top: -4px; height: 40px; width: 40px; background: rgba(0, 0, 0, 0.04); display: inline-block; line-height: 40px; text-align: center; border-radius: 4px; font-size: 24px; transition: 0.3s; position: relative; position: absolute; top: 50%; transform: translateY(-50%); }
.glyph.fs1 .mls:not([class*="icon-"]) { max-width: 80%; display: inline-block; overflow: hidden; font-size: 14px; line-height: 20px; top: 0; vertical-align: middle; padding-left: 55px; }

/* ---------------------------------- */
/* Offsets
------------------------------------- */
/* Margin Top */
.margin-top-0 { margin-top: 0px  !important; }

.margin-top-1 { margin-top: 1px  !important; }

.margin-top-2 { margin-top: 2px  !important; }

.margin-top-3 { margin-top: 3px  !important; }

.margin-top-4 { margin-top: 4px  !important; }

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

.margin-top-6 { margin-top: 6px  !important; }

.margin-top-7 { margin-top: 7px  !important; }

.margin-top-8 { margin-top: 8px  !important; }

.margin-top-9 { margin-top: 9px  !important; }

.margin-top-10 { margin-top: 10px !important; }

.margin-top-11 { margin-top: 11px !important; }

.margin-top-12 { margin-top: 12px !important; }

.margin-top-13 { margin-top: 13px !important; }

.margin-top-14 { margin-top: 14px !important; }

.margin-top-15 { margin-top: 15px !important; }

.margin-top-16 { margin-top: 16px !important; }

.margin-top-17 { margin-top: 17px !important; }

.margin-top-18 { margin-top: 18px !important; }

.margin-top-19 { margin-top: 19px !important; }

.margin-top-20 { margin-top: 20px !important; }

.margin-top-21 { margin-top: 21px !important; }

.margin-top-22 { margin-top: 22px !important; }

.margin-top-23 { margin-top: 23px !important; }

.margin-top-24 { margin-top: 24px !important; }

.margin-top-25 { margin-top: 25px !important; }

.margin-top-26 { margin-top: 26px !important; }

.margin-top-27 { margin-top: 27px !important; }

.margin-top-28 { margin-top: 28px !important; }

.margin-top-29 { margin-top: 29px !important; }

.margin-top-30 { margin-top: 30px !important; }

.margin-top-31 { margin-top: 31px !important; }

.margin-top-32 { margin-top: 32px !important; }

.margin-top-33 { margin-top: 33px !important; }

.margin-top-34 { margin-top: 34px !important; }

.margin-top-35 { margin-top: 35px !important; }

.margin-top-36 { margin-top: 36px !important; }

.margin-top-37 { margin-top: 37px !important; }

.margin-top-38 { margin-top: 38px !important; }

.margin-top-39 { margin-top: 39px !important; }

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

.margin-top-41 { margin-top: 41px !important; }

.margin-top-42 { margin-top: 42px !important; }

.margin-top-43 { margin-top: 43px !important; }

.margin-top-44 { margin-top: 44px !important; }

.margin-top-45 { margin-top: 45px !important; }

.margin-top-46 { margin-top: 46px !important; }

.margin-top-47 { margin-top: 47px !important; }

.margin-top-48 { margin-top: 48px !important; }

.margin-top-49 { margin-top: 49px !important; }

.margin-top-50 { margin-top: 50px !important; }

.margin-top-51 { margin-top: 51px !important; }

.margin-top-52 { margin-top: 52px !important; }

.margin-top-53 { margin-top: 53px !important; }

.margin-top-54 { margin-top: 54px !important; }

.margin-top-55 { margin-top: 55px !important; }

.margin-top-56 { margin-top: 56px !important; }

.margin-top-57 { margin-top: 57px !important; }

.margin-top-58 { margin-top: 58px !important; }

.margin-top-59 { margin-top: 59px !important; }

.margin-top-60 { margin-top: 60px !important; }

.margin-top-61 { margin-top: 61px !important; }

.margin-top-62 { margin-top: 62px !important; }

.margin-top-63 { margin-top: 63px !important; }

.margin-top-64 { margin-top: 64px !important; }

.margin-top-65 { margin-top: 65px !important; }

.margin-top-66 { margin-top: 66px !important; }

.margin-top-67 { margin-top: 67px !important; }

.margin-top-68 { margin-top: 68px !important; }

.margin-top-69 { margin-top: 69px !important; }

.margin-top-70 { margin-top: 70px !important; }

.margin-top-71 { margin-top: 71px !important; }

.margin-top-72 { margin-top: 72px !important; }

.margin-top-73 { margin-top: 73px !important; }

.margin-top-74 { margin-top: 74px !important; }

.margin-top-75 { margin-top: 75px !important; }

.margin-top-76 { margin-top: 76px !important; }

.margin-top-77 { margin-top: 77px !important; }

.margin-top-78 { margin-top: 78px !important; }

.margin-top-79 { margin-top: 79px !important; }

.margin-top-80 { margin-top: 80px !important; }

.margin-top-81 { margin-top: 81px !important; }

.margin-top-82 { margin-top: 82px !important; }

.margin-top-83 { margin-top: 83px !important; }

.margin-top-84 { margin-top: 84px !important; }

.margin-top-85 { margin-top: 85px !important; }

.margin-top-86 { margin-top: 86px !important; }

.margin-top-87 { margin-top: 87px !important; }

.margin-top-88 { margin-top: 88px !important; }

.margin-top-89 { margin-top: 89px !important; }

.margin-top-90 { margin-top: 90px !important; }

.margin-top-91 { margin-top: 91px !important; }

.margin-top-92 { margin-top: 92px !important; }

.margin-top-93 { margin-top: 93px !important; }

.margin-top-94 { margin-top: 94px !important; }

.margin-top-95 { margin-top: 95px !important; }

.margin-top-96 { margin-top: 96px !important; }

.margin-top-97 { margin-top: 97px !important; }

.margin-top-98 { margin-top: 98px !important; }

.margin-top-99 { margin-top: 99px !important; }

.margin-top-100 { margin-top: 100px !important; }

/* Margin Bottom */
.margin-bottom-0 { margin-bottom: 0px  !important; }

.margin-bottom-1 { margin-bottom: 1px  !important; }

.margin-bottom-2 { margin-bottom: 2px  !important; }

.margin-bottom-3 { margin-bottom: 3px  !important; }

.margin-bottom-4 { margin-bottom: 4px  !important; }

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

.margin-bottom-6 { margin-bottom: 6px  !important; }

.margin-bottom-7 { margin-bottom: 7px  !important; }

.margin-bottom-8 { margin-bottom: 8px  !important; }

.margin-bottom-9 { margin-bottom: 9px  !important; }

.margin-bottom-10 { margin-bottom: 10px !important; }

.margin-bottom-11 { margin-bottom: 11px !important; }

.margin-bottom-12 { margin-bottom: 12px !important; }

.margin-bottom-13 { margin-bottom: 13px !important; }

.margin-bottom-14 { margin-bottom: 14px !important; }

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

.margin-bottom-16 { margin-bottom: 16px !important; }

.margin-bottom-17 { margin-bottom: 17px !important; }

.margin-bottom-18 { margin-bottom: 18px !important; }

.margin-bottom-19 { margin-bottom: 19px !important; }

.margin-bottom-20 { margin-bottom: 20px !important; }

.margin-bottom-21 { margin-bottom: 21px !important; }

.margin-bottom-22 { margin-bottom: 22px !important; }

.margin-bottom-23 { margin-bottom: 23px !important; }

.margin-bottom-24 { margin-bottom: 24px !important; }

.margin-bottom-25 { margin-bottom: 25px !important; }

.margin-bottom-26 { margin-bottom: 26px !important; }

.margin-bottom-27 { margin-bottom: 27px !important; }

.margin-bottom-28 { margin-bottom: 28px !important; }

.margin-bottom-29 { margin-bottom: 29px !important; }

.margin-bottom-30 { margin-bottom: 30px !important; }

.margin-bottom-31 { margin-bottom: 31px !important; }

.margin-bottom-32 { margin-bottom: 32px !important; }

.margin-bottom-33 { margin-bottom: 33px !important; }

.margin-bottom-34 { margin-bottom: 34px !important; }

.margin-bottom-35 { margin-bottom: 35px !important; }

.margin-bottom-36 { margin-bottom: 36px !important; }

.margin-bottom-37 { margin-bottom: 37px !important; }

.margin-bottom-38 { margin-bottom: 38px !important; }

.margin-bottom-39 { margin-bottom: 39px !important; }

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

.margin-bottom-41 { margin-bottom: 41px !important; }

.margin-bottom-42 { margin-bottom: 42px !important; }

.margin-bottom-43 { margin-bottom: 43px !important; }

.margin-bottom-44 { margin-bottom: 44px !important; }

.margin-bottom-45 { margin-bottom: 45px !important; }

.margin-bottom-46 { margin-bottom: 46px !important; }

.margin-bottom-47 { margin-bottom: 47px !important; }

.margin-bottom-48 { margin-bottom: 48px !important; }

.margin-bottom-49 { margin-bottom: 49px !important; }

.margin-bottom-50 { margin-bottom: 50px !important; }

.margin-bottom-51 { margin-bottom: 51px !important; }

.margin-bottom-52 { margin-bottom: 52px !important; }

.margin-bottom-53 { margin-bottom: 53px !important; }

.margin-bottom-54 { margin-bottom: 54px !important; }

.margin-bottom-55 { margin-bottom: 55px !important; }

.margin-bottom-56 { margin-bottom: 56px !important; }

.margin-bottom-57 { margin-bottom: 57px !important; }

.margin-bottom-58 { margin-bottom: 58px !important; }

.margin-bottom-59 { margin-bottom: 59px !important; }

.margin-bottom-60 { margin-bottom: 60px !important; }

.margin-bottom-61 { margin-bottom: 61px !important; }

.margin-bottom-62 { margin-bottom: 62px !important; }

.margin-bottom-63 { margin-bottom: 63px !important; }

.margin-bottom-64 { margin-bottom: 64px !important; }

.margin-bottom-65 { margin-bottom: 65px !important; }

.margin-bottom-66 { margin-bottom: 66px !important; }

.margin-bottom-67 { margin-bottom: 67px !important; }

.margin-bottom-68 { margin-bottom: 68px !important; }

.margin-bottom-69 { margin-bottom: 69px !important; }

.margin-bottom-70 { margin-bottom: 70px !important; }

.margin-bottom-71 { margin-bottom: 71px !important; }

.margin-bottom-72 { margin-bottom: 72px !important; }

.margin-bottom-73 { margin-bottom: 73px !important; }

.margin-bottom-74 { margin-bottom: 74px !important; }

.margin-bottom-75 { margin-bottom: 75px !important; }

.margin-bottom-76 { margin-bottom: 76px !important; }

.margin-bottom-77 { margin-bottom: 77px !important; }

.margin-bottom-78 { margin-bottom: 78px !important; }

.margin-bottom-79 { margin-bottom: 79px !important; }

.margin-bottom-80 { margin-bottom: 80px !important; }

.margin-bottom-81 { margin-bottom: 81px !important; }

.margin-bottom-82 { margin-bottom: 82px !important; }

.margin-bottom-83 { margin-bottom: 83px !important; }

.margin-bottom-84 { margin-bottom: 84px !important; }

.margin-bottom-85 { margin-bottom: 85px !important; }

.margin-bottom-86 { margin-bottom: 86px !important; }

.margin-bottom-87 { margin-bottom: 87px !important; }

.margin-bottom-88 { margin-bottom: 88px !important; }

.margin-bottom-89 { margin-bottom: 89px !important; }

.margin-bottom-90 { margin-bottom: 90px !important; }

.margin-bottom-91 { margin-bottom: 91px !important; }

.margin-bottom-92 { margin-bottom: 92px !important; }

.margin-bottom-93 { margin-bottom: 93px !important; }

.margin-bottom-94 { margin-bottom: 94px !important; }

.margin-bottom-95 { margin-bottom: 95px !important; }

.margin-bottom-96 { margin-bottom: 96px !important; }

.margin-bottom-97 { margin-bottom: 97px !important; }

.margin-bottom-98 { margin-bottom: 98px !important; }

.margin-bottom-99 { margin-bottom: 99px !important; }

.margin-bottom-100 { margin-bottom: 100px !important; }

/* Margin Left */
.margin-left-0 { margin-left: 0px  !important; }

.margin-left-1 { margin-left: 1px  !important; }

.margin-left-2 { margin-left: 2px  !important; }

.margin-left-3 { margin-left: 3px  !important; }

.margin-left-4 { margin-left: 4px  !important; }

.margin-left-5 { margin-left: 5px  !important; }

.margin-left-6 { margin-left: 6px  !important; }

.margin-left-7 { margin-left: 7px  !important; }

.margin-left-8 { margin-left: 8px  !important; }

.margin-left-9 { margin-left: 9px  !important; }

.margin-left-10 { margin-left: 10px !important; }

.margin-left-11 { margin-left: 11px !important; }

.margin-left-12 { margin-left: 12px !important; }

.margin-left-13 { margin-left: 13px !important; }

.margin-left-14 { margin-left: 14px !important; }

.margin-left-15 { margin-left: 15px !important; }

.margin-left-16 { margin-left: 16px !important; }

.margin-left-17 { margin-left: 17px !important; }

.margin-left-18 { margin-left: 18px !important; }

.margin-left-19 { margin-left: 19px !important; }

.margin-left-20 { margin-left: 20px !important; }

.margin-left-21 { margin-left: 21px !important; }

.margin-left-22 { margin-left: 22px !important; }

.margin-left-23 { margin-left: 23px !important; }

.margin-left-24 { margin-left: 24px !important; }

.margin-left-25 { margin-left: 25px !important; }

.margin-left-26 { margin-left: 26px !important; }

.margin-left-27 { margin-left: 27px !important; }

.margin-left-28 { margin-left: 28px !important; }

.margin-left-29 { margin-left: 29px !important; }

.margin-left-30 { margin-left: 30px !important; }

.margin-left-31 { margin-left: 31px !important; }

.margin-left-32 { margin-left: 32px !important; }

.margin-left-33 { margin-left: 33px !important; }

.margin-left-34 { margin-left: 34px !important; }

.margin-left-35 { margin-left: 35px !important; }

.margin-left-36 { margin-left: 36px !important; }

.margin-left-37 { margin-left: 37px !important; }

.margin-left-38 { margin-left: 38px !important; }

.margin-left-39 { margin-left: 39px !important; }

.margin-left-40 { margin-left: 40px !important; }

.margin-left-41 { margin-left: 41px !important; }

.margin-left-42 { margin-left: 42px !important; }

.margin-left-43 { margin-left: 43px !important; }

.margin-left-44 { margin-left: 44px !important; }

.margin-left-45 { margin-left: 45px !important; }

.margin-left-46 { margin-left: 46px !important; }

.margin-left-47 { margin-left: 47px !important; }

.margin-left-48 { margin-left: 48px !important; }

.margin-left-49 { margin-left: 49px !important; }

.margin-left-50 { margin-left: 50px !important; }

.margin-left-51 { margin-left: 51px !important; }

.margin-left-52 { margin-left: 52px !important; }

.margin-left-53 { margin-left: 53px !important; }

.margin-left-54 { margin-left: 54px !important; }

.margin-left-55 { margin-left: 55px !important; }

.margin-left-56 { margin-left: 56px !important; }

.margin-left-57 { margin-left: 57px !important; }

.margin-left-58 { margin-left: 58px !important; }

.margin-left-59 { margin-left: 59px !important; }

.margin-left-60 { margin-left: 60px !important; }

.margin-left-61 { margin-left: 61px !important; }

.margin-left-62 { margin-left: 62px !important; }

.margin-left-63 { margin-left: 63px !important; }

.margin-left-64 { margin-left: 64px !important; }

.margin-left-65 { margin-left: 65px !important; }

.margin-left-66 { margin-left: 66px !important; }

.margin-left-67 { margin-left: 67px !important; }

.margin-left-68 { margin-left: 68px !important; }

.margin-left-69 { margin-left: 69px !important; }

.margin-left-70 { margin-left: 70px !important; }

.margin-left-71 { margin-left: 71px !important; }

.margin-left-72 { margin-left: 72px !important; }

.margin-left-73 { margin-left: 73px !important; }

.margin-left-74 { margin-left: 74px !important; }

.margin-left-75 { margin-left: 75px !important; }

.margin-left-76 { margin-left: 76px !important; }

.margin-left-77 { margin-left: 77px !important; }

.margin-left-78 { margin-left: 78px !important; }

.margin-left-79 { margin-left: 79px !important; }

.margin-left-80 { margin-left: 80px !important; }

.margin-left-81 { margin-left: 81px !important; }

.margin-left-82 { margin-left: 82px !important; }

.margin-left-83 { margin-left: 83px !important; }

.margin-left-84 { margin-left: 84px !important; }

.margin-left-85 { margin-left: 85px !important; }

.margin-left-86 { margin-left: 86px !important; }

.margin-left-87 { margin-left: 87px !important; }

.margin-left-88 { margin-left: 88px !important; }

.margin-left-89 { margin-left: 89px !important; }

.margin-left-90 { margin-left: 90px !important; }

.margin-left-91 { margin-left: 91px !important; }

.margin-left-92 { margin-left: 92px !important; }

.margin-left-93 { margin-left: 93px !important; }

.margin-left-94 { margin-left: 94px !important; }

.margin-left-95 { margin-left: 95px !important; }

.margin-left-96 { margin-left: 96px !important; }

.margin-left-97 { margin-left: 97px !important; }

.margin-left-98 { margin-left: 98px !important; }

.margin-left-99 { margin-left: 99px !important; }

.margin-left-100 { margin-left: 100px !important; }

/* Margin Right */
.margin-right-0 { margin-right: 0px  !important; }

.margin-right-1 { margin-right: 1px  !important; }

.margin-right-2 { margin-right: 2px  !important; }

.margin-right-3 { margin-right: 3px  !important; }

.margin-right-4 { margin-right: 4px  !important; }

.margin-right-5 { margin-right: 5px  !important; }

.margin-right-6 { margin-right: 6px  !important; }

.margin-right-7 { margin-right: 7px  !important; }

.margin-right-8 { margin-right: 8px  !important; }

.margin-right-9 { margin-right: 9px  !important; }

.margin-right-10 { margin-right: 10px !important; }

.margin-right-11 { margin-right: 11px !important; }

.margin-right-12 { margin-right: 12px !important; }

.margin-right-13 { margin-right: 13px !important; }

.margin-right-14 { margin-right: 14px !important; }

.margin-right-15 { margin-right: 15px !important; }

.margin-right-16 { margin-right: 16px !important; }

.margin-right-17 { margin-right: 17px !important; }

.margin-right-18 { margin-right: 18px !important; }

.margin-right-19 { margin-right: 19px !important; }

.margin-right-20 { margin-right: 20px !important; }

.margin-right-21 { margin-right: 21px !important; }

.margin-right-22 { margin-right: 22px !important; }

.margin-right-23 { margin-right: 23px !important; }

.margin-right-24 { margin-right: 24px !important; }

.margin-right-25 { margin-right: 25px !important; }

.margin-right-26 { margin-right: 26px !important; }

.margin-right-27 { margin-right: 27px !important; }

.margin-right-28 { margin-right: 28px !important; }

.margin-right-29 { margin-right: 29px !important; }

.margin-right-30 { margin-right: 30px !important; }

.margin-right-31 { margin-right: 31px !important; }

.margin-right-32 { margin-right: 32px !important; }

.margin-right-33 { margin-right: 33px !important; }

.margin-right-34 { margin-right: 34px !important; }

.margin-right-35 { margin-right: 35px !important; }

.margin-right-36 { margin-right: 36px !important; }

.margin-right-37 { margin-right: 37px !important; }

.margin-right-38 { margin-right: 38px !important; }

.margin-right-39 { margin-right: 39px !important; }

.margin-right-40 { margin-right: 40px !important; }

.margin-right-41 { margin-right: 41px !important; }

.margin-right-42 { margin-right: 42px !important; }

.margin-right-43 { margin-right: 43px !important; }

.margin-right-44 { margin-right: 44px !important; }

.margin-right-45 { margin-right: 45px !important; }

.margin-right-46 { margin-right: 46px !important; }

.margin-right-47 { margin-right: 47px !important; }

.margin-right-48 { margin-right: 48px !important; }

.margin-right-49 { margin-right: 49px !important; }

.margin-right-50 { margin-right: 50px !important; }

.margin-right-51 { margin-right: 51px !important; }

.margin-right-52 { margin-right: 52px !important; }

.margin-right-53 { margin-right: 53px !important; }

.margin-right-54 { margin-right: 54px !important; }

.margin-right-55 { margin-right: 55px !important; }

.margin-right-56 { margin-right: 56px !important; }

.margin-right-57 { margin-right: 57px !important; }

.margin-right-58 { margin-right: 58px !important; }

.margin-right-59 { margin-right: 59px !important; }

.margin-right-60 { margin-right: 60px !important; }

.margin-right-61 { margin-right: 61px !important; }

.margin-right-62 { margin-right: 62px !important; }

.margin-right-63 { margin-right: 63px !important; }

.margin-right-64 { margin-right: 64px !important; }

.margin-right-65 { margin-right: 65px !important; }

.margin-right-66 { margin-right: 66px !important; }

.margin-right-67 { margin-right: 67px !important; }

.margin-right-68 { margin-right: 68px !important; }

.margin-right-69 { margin-right: 69px !important; }

.margin-right-70 { margin-right: 70px !important; }

.margin-right-71 { margin-right: 71px !important; }

.margin-right-72 { margin-right: 72px !important; }

.margin-right-73 { margin-right: 73px !important; }

.margin-right-74 { margin-right: 74px !important; }

.margin-right-75 { margin-right: 75px !important; }

.margin-right-76 { margin-right: 76px !important; }

.margin-right-77 { margin-right: 77px !important; }

.margin-right-78 { margin-right: 78px !important; }

.margin-right-79 { margin-right: 79px !important; }

.margin-right-80 { margin-right: 80px !important; }

.margin-right-81 { margin-right: 81px !important; }

.margin-right-82 { margin-right: 82px !important; }

.margin-right-83 { margin-right: 83px !important; }

.margin-right-84 { margin-right: 84px !important; }

.margin-right-85 { margin-right: 85px !important; }

.margin-right-86 { margin-right: 86px !important; }

.margin-right-87 { margin-right: 87px !important; }

.margin-right-88 { margin-right: 88px !important; }

.margin-right-89 { margin-right: 89px !important; }

.margin-right-90 { margin-right: 90px !important; }

.margin-right-91 { margin-right: 91px !important; }

.margin-right-92 { margin-right: 92px !important; }

.margin-right-93 { margin-right: 93px !important; }

.margin-right-94 { margin-right: 94px !important; }

.margin-right-95 { margin-right: 95px !important; }

.margin-right-96 { margin-right: 96px !important; }

.margin-right-97 { margin-right: 97px !important; }

.margin-right-98 { margin-right: 98px !important; }

.margin-right-99 { margin-right: 99px !important; }

.margin-right-100 { margin-right: 100px !important; }

/* Padding Top */
.padding-top-0 { padding-top: 0px  !important; }

.padding-top-1 { padding-top: 1px  !important; }

.padding-top-2 { padding-top: 2px  !important; }

.padding-top-3 { padding-top: 3px  !important; }

.padding-top-4 { padding-top: 4px  !important; }

.padding-top-5 { padding-top: 5px  !important; }

.padding-top-6 { padding-top: 6px  !important; }

.padding-top-7 { padding-top: 7px  !important; }

.padding-top-8 { padding-top: 8px  !important; }

.padding-top-9 { padding-top: 9px  !important; }

.padding-top-10 { padding-top: 10px !important; }

.padding-top-11 { padding-top: 11px !important; }

.padding-top-12 { padding-top: 12px !important; }

.padding-top-13 { padding-top: 13px !important; }

.padding-top-14 { padding-top: 14px !important; }

.padding-top-15 { padding-top: 15px !important; }

.padding-top-16 { padding-top: 16px !important; }

.padding-top-17 { padding-top: 17px !important; }

.padding-top-18 { padding-top: 18px !important; }

.padding-top-19 { padding-top: 19px !important; }

.padding-top-20 { padding-top: 20px !important; }

.padding-top-21 { padding-top: 21px !important; }

.padding-top-22 { padding-top: 22px !important; }

.padding-top-23 { padding-top: 23px !important; }

.padding-top-24 { padding-top: 24px !important; }

.padding-top-25 { padding-top: 25px !important; }

.padding-top-26 { padding-top: 26px !important; }

.padding-top-27 { padding-top: 27px !important; }

.padding-top-28 { padding-top: 28px !important; }

.padding-top-29 { padding-top: 29px !important; }

.padding-top-30 { padding-top: 30px !important; }

.padding-top-31 { padding-top: 31px !important; }

.padding-top-32 { padding-top: 32px !important; }

.padding-top-33 { padding-top: 33px !important; }

.padding-top-34 { padding-top: 34px !important; }

.padding-top-35 { padding-top: 35px !important; }

.padding-top-36 { padding-top: 36px !important; }

.padding-top-37 { padding-top: 37px !important; }

.padding-top-38 { padding-top: 38px !important; }

.padding-top-39 { padding-top: 39px !important; }

.padding-top-40 { padding-top: 40px !important; }

.padding-top-41 { padding-top: 41px !important; }

.padding-top-42 { padding-top: 42px !important; }

.padding-top-43 { padding-top: 43px !important; }

.padding-top-44 { padding-top: 44px !important; }

.padding-top-45 { padding-top: 45px !important; }

.padding-top-46 { padding-top: 46px !important; }

.padding-top-47 { padding-top: 47px !important; }

.padding-top-48 { padding-top: 48px !important; }

.padding-top-49 { padding-top: 49px !important; }

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

.padding-top-51 { padding-top: 51px !important; }

.padding-top-52 { padding-top: 52px !important; }

.padding-top-53 { padding-top: 53px !important; }

.padding-top-54 { padding-top: 54px !important; }

.padding-top-55 { padding-top: 55px !important; }

.padding-top-56 { padding-top: 56px !important; }

.padding-top-57 { padding-top: 57px !important; }

.padding-top-58 { padding-top: 58px !important; }

.padding-top-59 { padding-top: 59px !important; }

.padding-top-60 { padding-top: 60px !important; }

.padding-top-61 { padding-top: 61px !important; }

.padding-top-62 { padding-top: 62px !important; }

.padding-top-63 { padding-top: 63px !important; }

.padding-top-64 { padding-top: 64px !important; }

.padding-top-65 { padding-top: 65px !important; }

.padding-top-66 { padding-top: 66px !important; }

.padding-top-67 { padding-top: 67px !important; }

.padding-top-68 { padding-top: 68px !important; }

.padding-top-69 { padding-top: 69px !important; }

.padding-top-70 { padding-top: 70px !important; }

.padding-top-71 { padding-top: 71px !important; }

.padding-top-72 { padding-top: 72px !important; }

.padding-top-73 { padding-top: 73px !important; }

.padding-top-74 { padding-top: 74px !important; }

.padding-top-75 { padding-top: 75px !important; }

.padding-top-76 { padding-top: 76px !important; }

.padding-top-77 { padding-top: 77px !important; }

.padding-top-78 { padding-top: 78px !important; }

.padding-top-79 { padding-top: 79px !important; }

.padding-top-80 { padding-top: 80px !important; }

.padding-top-81 { padding-top: 81px !important; }

.padding-top-82 { padding-top: 82px !important; }

.padding-top-83 { padding-top: 83px !important; }

.padding-top-84 { padding-top: 84px !important; }

.padding-top-85 { padding-top: 85px !important; }

.padding-top-86 { padding-top: 86px !important; }

.padding-top-87 { padding-top: 87px !important; }

.padding-top-88 { padding-top: 88px !important; }

.padding-top-89 { padding-top: 89px !important; }

.padding-top-90 { padding-top: 90px !important; }

.padding-top-91 { padding-top: 91px !important; }

.padding-top-92 { padding-top: 92px !important; }

.padding-top-93 { padding-top: 93px !important; }

.padding-top-94 { padding-top: 94px !important; }

.padding-top-95 { padding-top: 95px !important; }

.padding-top-96 { padding-top: 96px !important; }

.padding-top-97 { padding-top: 97px !important; }

.padding-top-98 { padding-top: 98px !important; }

.padding-top-99 { padding-top: 99px !important; }

.padding-top-100 { padding-top: 100px !important; }

/* Padding Bottom */
.padding-bottom-0 { padding-bottom: 0px  !important; }

.padding-bottom-1 { padding-bottom: 1px  !important; }

.padding-bottom-2 { padding-bottom: 2px  !important; }

.padding-bottom-3 { padding-bottom: 3px  !important; }

.padding-bottom-4 { padding-bottom: 4px  !important; }

.padding-bottom-5 { padding-bottom: 5px  !important; }

.padding-bottom-6 { padding-bottom: 6px  !important; }

.padding-bottom-7 { padding-bottom: 7px  !important; }

.padding-bottom-8 { padding-bottom: 8px  !important; }

.padding-bottom-9 { padding-bottom: 9px  !important; }

.padding-bottom-10 { padding-bottom: 10px !important; }

.padding-bottom-11 { padding-bottom: 11px !important; }

.padding-bottom-12 { padding-bottom: 12px !important; }

.padding-bottom-13 { padding-bottom: 13px !important; }

.padding-bottom-14 { padding-bottom: 14px !important; }

.padding-bottom-15 { padding-bottom: 15px !important; }

.padding-bottom-16 { padding-bottom: 16px !important; }

.padding-bottom-17 { padding-bottom: 17px !important; }

.padding-bottom-18 { padding-bottom: 18px !important; }

.padding-bottom-19 { padding-bottom: 19px !important; }

.padding-bottom-20 { padding-bottom: 20px !important; }

.padding-bottom-21 { padding-bottom: 21px !important; }

.padding-bottom-22 { padding-bottom: 22px !important; }

.padding-bottom-23 { padding-bottom: 23px !important; }

.padding-bottom-24 { padding-bottom: 24px !important; }

.padding-bottom-25 { padding-bottom: 25px !important; }

.padding-bottom-26 { padding-bottom: 26px !important; }

.padding-bottom-27 { padding-bottom: 27px !important; }

.padding-bottom-28 { padding-bottom: 28px !important; }

.padding-bottom-29 { padding-bottom: 29px !important; }

.padding-bottom-30 { padding-bottom: 30px !important; }

.padding-bottom-31 { padding-bottom: 31px !important; }

.padding-bottom-32 { padding-bottom: 32px !important; }

.padding-bottom-33 { padding-bottom: 33px !important; }

.padding-bottom-34 { padding-bottom: 34px !important; }

.padding-bottom-35 { padding-bottom: 35px !important; }

.padding-bottom-36 { padding-bottom: 36px !important; }

.padding-bottom-37 { padding-bottom: 37px !important; }

.padding-bottom-38 { padding-bottom: 38px !important; }

.padding-bottom-39 { padding-bottom: 39px !important; }

.padding-bottom-40 { padding-bottom: 40px !important; }

.padding-bottom-41 { padding-bottom: 41px !important; }

.padding-bottom-42 { padding-bottom: 42px !important; }

.padding-bottom-43 { padding-bottom: 43px !important; }

.padding-bottom-44 { padding-bottom: 44px !important; }

.padding-bottom-45 { padding-bottom: 45px !important; }

.padding-bottom-46 { padding-bottom: 46px !important; }

.padding-bottom-47 { padding-bottom: 47px !important; }

.padding-bottom-48 { padding-bottom: 48px !important; }

.padding-bottom-49 { padding-bottom: 49px !important; }

.padding-bottom-50 { padding-bottom: 50px !important; }

.padding-bottom-51 { padding-bottom: 51px !important; }

.padding-bottom-52 { padding-bottom: 52px !important; }

.padding-bottom-53 { padding-bottom: 53px !important; }

.padding-bottom-54 { padding-bottom: 54px !important; }

.padding-bottom-55 { padding-bottom: 55px !important; }

.padding-bottom-56 { padding-bottom: 56px !important; }

.padding-bottom-57 { padding-bottom: 57px !important; }

.padding-bottom-58 { padding-bottom: 58px !important; }

.padding-bottom-59 { padding-bottom: 59px !important; }

.padding-bottom-60 { padding-bottom: 60px !important; }

.padding-bottom-61 { padding-bottom: 61px !important; }

.padding-bottom-62 { padding-bottom: 62px !important; }

.padding-bottom-63 { padding-bottom: 63px !important; }

.padding-bottom-64 { padding-bottom: 64px !important; }

.padding-bottom-65 { padding-bottom: 65px !important; }

.padding-bottom-66 { padding-bottom: 66px !important; }

.padding-bottom-67 { padding-bottom: 67px !important; }

.padding-bottom-68 { padding-bottom: 68px !important; }

.padding-bottom-69 { padding-bottom: 69px !important; }

.padding-bottom-70 { padding-bottom: 70px !important; }

.padding-bottom-71 { padding-bottom: 71px !important; }

.padding-bottom-72 { padding-bottom: 72px !important; }

.padding-bottom-73 { padding-bottom: 73px !important; }

.padding-bottom-74 { padding-bottom: 74px !important; }

.padding-bottom-75 { padding-bottom: 75px !important; }

.padding-bottom-76 { padding-bottom: 76px !important; }

.padding-bottom-77 { padding-bottom: 77px !important; }

.padding-bottom-78 { padding-bottom: 78px !important; }

.padding-bottom-79 { padding-bottom: 79px !important; }

.padding-bottom-80 { padding-bottom: 80px !important; }

.padding-bottom-81 { padding-bottom: 81px !important; }

.padding-bottom-82 { padding-bottom: 82px !important; }

.padding-bottom-83 { padding-bottom: 83px !important; }

.padding-bottom-84 { padding-bottom: 84px !important; }

.padding-bottom-85 { padding-bottom: 85px !important; }

.padding-bottom-86 { padding-bottom: 86px !important; }

.padding-bottom-87 { padding-bottom: 87px !important; }

.padding-bottom-88 { padding-bottom: 88px !important; }

.padding-bottom-89 { padding-bottom: 89px !important; }

.padding-bottom-90 { padding-bottom: 90px !important; }

.padding-bottom-91 { padding-bottom: 91px !important; }

.padding-bottom-92 { padding-bottom: 92px !important; }

.padding-bottom-93 { padding-bottom: 93px !important; }

.padding-bottom-94 { padding-bottom: 94px !important; }

.padding-bottom-95 { padding-bottom: 95px !important; }

.padding-bottom-96 { padding-bottom: 96px !important; }

.padding-bottom-97 { padding-bottom: 97px !important; }

.padding-bottom-98 { padding-bottom: 98px !important; }

.padding-bottom-99 { padding-bottom: 99px !important; }

.padding-bottom-100 { padding-bottom: 100px !important; }

/* Padding Right */
.padding-right-0 { padding-right: 0px  !important; }

.padding-right-1 { padding-right: 1px  !important; }

.padding-right-2 { padding-right: 2px  !important; }

.padding-right-3 { padding-right: 3px  !important; }

.padding-right-4 { padding-right: 4px  !important; }

.padding-right-5 { padding-right: 5px  !important; }

.padding-right-6 { padding-right: 6px  !important; }

.padding-right-7 { padding-right: 7px  !important; }

.padding-right-8 { padding-right: 8px  !important; }

.padding-right-9 { padding-right: 9px  !important; }

.padding-right-10 { padding-right: 10px !important; }

.padding-right-11 { padding-right: 11px !important; }

.padding-right-12 { padding-right: 12px !important; }

.padding-right-13 { padding-right: 13px !important; }

.padding-right-14 { padding-right: 14px !important; }

.padding-right-15 { padding-right: 15px !important; }

.padding-right-16 { padding-right: 16px !important; }

.padding-right-17 { padding-right: 17px !important; }

.padding-right-18 { padding-right: 18px !important; }

.padding-right-19 { padding-right: 19px !important; }

.padding-right-20 { padding-right: 20px !important; }

.padding-right-21 { padding-right: 21px !important; }

.padding-right-22 { padding-right: 22px !important; }

.padding-right-23 { padding-right: 23px !important; }

.padding-right-24 { padding-right: 24px !important; }

.padding-right-25 { padding-right: 25px !important; }

.padding-right-26 { padding-right: 26px !important; }

.padding-right-27 { padding-right: 27px !important; }

.padding-right-28 { padding-right: 28px !important; }

.padding-right-29 { padding-right: 29px !important; }

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

.padding-right-31 { padding-right: 31px !important; }

.padding-right-32 { padding-right: 32px !important; }

.padding-right-33 { padding-right: 33px !important; }

.padding-right-34 { padding-right: 34px !important; }

.padding-right-35 { padding-right: 35px !important; }

.padding-right-36 { padding-right: 36px !important; }

.padding-right-37 { padding-right: 37px !important; }

.padding-right-38 { padding-right: 38px !important; }

.padding-right-39 { padding-right: 39px !important; }

.padding-right-40 { padding-right: 40px !important; }

.padding-right-41 { padding-right: 41px !important; }

.padding-right-42 { padding-right: 42px !important; }

.padding-right-43 { padding-right: 43px !important; }

.padding-right-44 { padding-right: 44px !important; }

.padding-right-45 { padding-right: 45px !important; }

.padding-right-46 { padding-right: 46px !important; }

.padding-right-47 { padding-right: 47px !important; }

.padding-right-48 { padding-right: 48px !important; }

.padding-right-49 { padding-right: 49px !important; }

.padding-right-50 { padding-right: 50px !important; }

.padding-right-51 { padding-right: 51px !important; }

.padding-right-52 { padding-right: 52px !important; }

.padding-right-53 { padding-right: 53px !important; }

.padding-right-54 { padding-right: 54px !important; }

.padding-right-55 { padding-right: 55px !important; }

.padding-right-56 { padding-right: 56px !important; }

.padding-right-57 { padding-right: 57px !important; }

.padding-right-58 { padding-right: 58px !important; }

.padding-right-59 { padding-right: 59px !important; }

.padding-right-60 { padding-right: 60px !important; }

.padding-right-61 { padding-right: 61px !important; }

.padding-right-62 { padding-right: 62px !important; }

.padding-right-63 { padding-right: 63px !important; }

.padding-right-64 { padding-right: 64px !important; }

.padding-right-65 { padding-right: 65px !important; }

.padding-right-66 { padding-right: 66px !important; }

.padding-right-67 { padding-right: 67px !important; }

.padding-right-68 { padding-right: 68px !important; }

.padding-right-69 { padding-right: 69px !important; }

.padding-right-70 { padding-right: 70px !important; }

.padding-right-71 { padding-right: 71px !important; }

.padding-right-72 { padding-right: 72px !important; }

.padding-right-73 { padding-right: 73px !important; }

.padding-right-74 { padding-right: 74px !important; }

.padding-right-75 { padding-right: 75px !important; }

.padding-right-76 { padding-right: 76px !important; }

.padding-right-77 { padding-right: 77px !important; }

.padding-right-78 { padding-right: 78px !important; }

.padding-right-79 { padding-right: 79px !important; }

.padding-right-80 { padding-right: 80px !important; }

.padding-right-81 { padding-right: 81px !important; }

.padding-right-82 { padding-right: 82px !important; }

.padding-right-83 { padding-right: 83px !important; }

.padding-right-84 { padding-right: 84px !important; }

.padding-right-85 { padding-right: 85px !important; }

.padding-right-86 { padding-right: 86px !important; }

.padding-right-87 { padding-right: 87px !important; }

.padding-right-88 { padding-right: 88px !important; }

.padding-right-89 { padding-right: 89px !important; }

.padding-right-90 { padding-right: 90px !important; }

.padding-right-91 { padding-right: 91px !important; }

.padding-right-92 { padding-right: 92px !important; }

.padding-right-93 { padding-right: 93px !important; }

.padding-right-94 { padding-right: 94px !important; }

.padding-right-95 { padding-right: 95px !important; }

.padding-right-96 { padding-right: 96px !important; }

.padding-right-97 { padding-right: 97px !important; }

.padding-right-98 { padding-right: 98px !important; }

.padding-right-99 { padding-right: 99px !important; }

.padding-right-100 { padding-right: 100px !important; }

/* Padding Left */
.padding-left-0 { padding-left: 0px  !important; }

.padding-left-1 { padding-left: 1px  !important; }

.padding-left-2 { padding-left: 2px  !important; }

.padding-left-3 { padding-left: 3px  !important; }

.padding-left-4 { padding-left: 4px  !important; }

.padding-left-5 { padding-left: 5px  !important; }

.padding-left-6 { padding-left: 6px  !important; }

.padding-left-7 { padding-left: 7px  !important; }

.padding-left-8 { padding-left: 8px  !important; }

.padding-left-9 { padding-left: 9px  !important; }

.padding-left-10 { padding-left: 10px !important; }

.padding-left-11 { padding-left: 11px !important; }

.padding-left-12 { padding-left: 12px !important; }

.padding-left-13 { padding-left: 13px !important; }

.padding-left-14 { padding-left: 14px !important; }

.padding-left-15 { padding-left: 15px !important; }

.padding-left-16 { padding-left: 16px !important; }

.padding-left-17 { padding-left: 17px !important; }

.padding-left-18 { padding-left: 18px !important; }

.padding-left-19 { padding-left: 19px !important; }

.padding-left-20 { padding-left: 20px !important; }

.padding-left-21 { padding-left: 21px !important; }

.padding-left-22 { padding-left: 22px !important; }

.padding-left-23 { padding-left: 23px !important; }

.padding-left-24 { padding-left: 24px !important; }

.padding-left-25 { padding-left: 25px !important; }

.padding-left-26 { padding-left: 26px !important; }

.padding-left-27 { padding-left: 27px !important; }

.padding-left-28 { padding-left: 28px !important; }

.padding-left-29 { padding-left: 29px !important; }

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

.padding-left-31 { padding-left: 31px !important; }

.padding-left-32 { padding-left: 32px !important; }

.padding-left-33 { padding-left: 33px !important; }

.padding-left-34 { padding-left: 34px !important; }

.padding-left-35 { padding-left: 35px !important; }

.padding-left-36 { padding-left: 36px !important; }

.padding-left-37 { padding-left: 37px !important; }

.padding-left-38 { padding-left: 38px !important; }

.padding-left-39 { padding-left: 39px !important; }

.padding-left-40 { padding-left: 40px !important; }

.padding-left-41 { padding-left: 41px !important; }

.padding-left-42 { padding-left: 42px !important; }

.padding-left-43 { padding-left: 43px !important; }

.padding-left-44 { padding-left: 44px !important; }

.padding-left-45 { padding-left: 45px !important; }

.padding-left-46 { padding-left: 46px !important; }

.padding-left-47 { padding-left: 47px !important; }

.padding-left-48 { padding-left: 48px !important; }

.padding-left-49 { padding-left: 49px !important; }

.padding-left-50 { padding-left: 50px !important; }

.padding-left-51 { padding-left: 51px !important; }

.padding-left-52 { padding-left: 52px !important; }

.padding-left-53 { padding-left: 53px !important; }

.padding-left-54 { padding-left: 54px !important; }

.padding-left-55 { padding-left: 55px !important; }

.padding-left-56 { padding-left: 56px !important; }

.padding-left-57 { padding-left: 57px !important; }

.padding-left-58 { padding-left: 58px !important; }

.padding-left-59 { padding-left: 59px !important; }

.padding-left-60 { padding-left: 60px !important; }

.padding-left-61 { padding-left: 61px !important; }

.padding-left-62 { padding-left: 62px !important; }

.padding-left-63 { padding-left: 63px !important; }

.padding-left-64 { padding-left: 64px !important; }

.padding-left-65 { padding-left: 65px !important; }

.padding-left-66 { padding-left: 66px !important; }

.padding-left-67 { padding-left: 67px !important; }

.padding-left-68 { padding-left: 68px !important; }

.padding-left-69 { padding-left: 69px !important; }

.padding-left-70 { padding-left: 70px !important; }

.padding-left-71 { padding-left: 71px !important; }

.padding-left-72 { padding-left: 72px !important; }

.padding-left-73 { padding-left: 73px !important; }

.padding-left-74 { padding-left: 74px !important; }

.padding-left-75 { padding-left: 75px !important; }

.padding-left-76 { padding-left: 76px !important; }

.padding-left-77 { padding-left: 77px !important; }

.padding-left-78 { padding-left: 78px !important; }

.padding-left-79 { padding-left: 79px !important; }

.padding-left-80 { padding-left: 80px !important; }

.padding-left-81 { padding-left: 81px !important; }

.padding-left-82 { padding-left: 82px !important; }

.padding-left-83 { padding-left: 83px !important; }

.padding-left-84 { padding-left: 84px !important; }

.padding-left-85 { padding-left: 85px !important; }

.padding-left-86 { padding-left: 86px !important; }

.padding-left-87 { padding-left: 87px !important; }

.padding-left-88 { padding-left: 88px !important; }

.padding-left-89 { padding-left: 89px !important; }

.padding-left-90 { padding-left: 90px !important; }

.padding-left-91 { padding-left: 91px !important; }

.padding-left-92 { padding-left: 92px !important; }

.padding-left-93 { padding-left: 93px !important; }

.padding-left-94 { padding-left: 94px !important; }

.padding-left-95 { padding-left: 95px !important; }

.padding-left-96 { padding-left: 96px !important; }

.padding-left-97 { padding-left: 97px !important; }

.padding-left-98 { padding-left: 98px !important; }

.padding-left-99 { padding-left: 99px !important; }

.padding-left-100 { padding-left: 100px !important; }

/* -------------------------------------------------------------- */
/* 07. Icon Sets
----------------------------------------------------------------- */
/*!
 * Material Icons (https://material.io/tools/icons/)
 * Apache license version 2.0
 */
@font-face { font-family: 'Material-Icons'; src: url("../fonts/Material-Icons.ttf?e8u1sb") format("truetype"), url("../fonts/Material-Icons.woff?e8u1sb") format("woff"), url("../fonts/Material-Icons.svg?e8u1sb#Material-Icons") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-material-"], [class*=" icon-material-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Material-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-material-outline-dashboard:before { content: "\e997"; }

.icon-material-outline-arrow-back:before { content: "\e993"; }

.icon-material-outline-arrow-forward:before { content: "\e994"; }

.icon-material-outline-arrow-right-alt:before { content: "\e995"; }

.icon-material-outline-gavel:before { content: "\e996"; }

.icon-material-baseline-mail-outline:before { content: "\e900"; }

.icon-material-baseline-notifications-none:before { content: "\e901"; }

.icon-material-baseline-star-border:before { content: "\e902"; }

.icon-material-outline-access-alarm:before { content: "\e903"; }

.icon-material-outline-access-time:before { content: "\e904"; }

.icon-material-outline-account-balance-wallet:before { content: "\e905"; }

.icon-material-outline-account-balance:before { content: "\e906"; }

.icon-material-outline-account-circle:before { content: "\e907"; }

.icon-material-outline-add-a-photo:before { content: "\e908"; }

.icon-material-outline-add-circle-outline:before { content: "\e909"; }

.icon-material-outline-add-location:before { content: "\e90a"; }

.icon-material-outline-add-photo-alternate:before { content: "\e90b"; }

.icon-material-outline-add-shopping-cart:before { content: "\e90c"; }

.icon-material-outline-add:before { content: "\e90d"; }

.icon-material-outline-alarm-add:before { content: "\e90e"; }

.icon-material-outline-alarm-off:before { content: "\e90f"; }

.icon-material-outline-alarm-on:before { content: "\e910"; }

.icon-material-outline-alarm:before { content: "\e911"; }

.icon-material-outline-announcement:before { content: "\e912"; }

.icon-material-outline-archive:before { content: "\e913"; }

.icon-material-outline-arrow-drop-down:before { content: "\e914"; }

.icon-material-outline-arrow-drop-up:before { content: "\e915"; }

.icon-material-outline-arrow-left:before { content: "\e916"; }

.icon-material-outline-arrow-right:before { content: "\e917"; }

.icon-material-outline-assessment:before { content: "\e918"; }

.icon-material-outline-assignment:before { content: "\e919"; }

.icon-material-outline-attach-file:before { content: "\e91a"; }

.icon-material-outline-autorenew:before { content: "\e91b"; }

.icon-material-outline-battery-charging-full:before { content: "\e91c"; }

.icon-material-outline-beach-access:before { content: "\e91d"; }

.icon-material-outline-book:before { content: "\e91e"; }

.icon-material-outline-bookmark-border:before { content: "\e91f"; }

.icon-material-outline-bookmarks:before { content: "\e920"; }

.icon-material-outline-broken-image:before { content: "\e921"; }

.icon-material-outline-brush:before { content: "\e922"; }

.icon-material-outline-bug-report:before { content: "\e923"; }

.icon-material-outline-business-center:before { content: "\e924"; }

.icon-material-outline-business:before { content: "\e925"; }

.icon-material-outline-cake:before { content: "\e926"; }

.icon-material-outline-check-circle:before { content: "\e927"; }

.icon-material-outline-check:before { content: "\e928"; }

.icon-material-outline-cloud:before { content: "\e929"; }

.icon-material-outline-code:before { content: "\e92a"; }

.icon-material-outline-compare-arrows:before { content: "\e92b"; }

.icon-material-outline-computer:before { content: "\e92c"; }

.icon-material-outline-contact-support:before { content: "\e92d"; }

.icon-material-outline-credit-card:before { content: "\e92e"; }

.icon-material-outline-crop-original:before { content: "\e92f"; }

.icon-material-outline-date-range:before { content: "\e930"; }

.icon-material-outline-delete:before { content: "\e931"; }

.icon-material-outline-description:before { content: "\e932"; }

.icon-material-outline-desktop-mac:before { content: "\e933"; }

.icon-material-outline-desktop-windows:before { content: "\e934"; }

.icon-material-outline-directions-car:before { content: "\e935"; }

.icon-material-outline-dns:before { content: "\e936"; }

.icon-material-outline-drafts:before { content: "\e937"; }

.icon-material-outline-email:before { content: "\e938"; }

.icon-material-outline-explore:before { content: "\e939"; }

.icon-material-outline-extension:before { content: "\e93a"; }

.icon-material-outline-face:before { content: "\e93b"; }

.icon-material-outline-favorite-border:before { content: "\e93c"; }

.icon-material-outline-favorite:before { content: "\e93d"; }

.icon-material-outline-feedback:before { content: "\e93e"; }

.icon-material-outline-file-copy:before { content: "\e93f"; }

.icon-material-outline-filter-none:before { content: "\e940"; }

.icon-material-outline-find-in-page:before { content: "\e941"; }

.icon-material-outline-fingerprint:before { content: "\e942"; }

.icon-material-outline-flight:before { content: "\e943"; }

.icon-material-outline-flip-to-back:before { content: "\e944"; }

.icon-material-outline-flip-to-front:before { content: "\e945"; }

.icon-material-outline-folder-shared:before { content: "\e946"; }

.icon-material-outline-folder:before { content: "\e947"; }

.icon-material-outline-format-quote:before { content: "\e948"; }

.icon-material-outline-format-shapes:before { content: "\e949"; }

.icon-material-outline-forum:before { content: "\e94a"; }

.icon-material-outline-free-breakfast:before { content: "\e94b"; }

.icon-material-outline-gps-fixed:before { content: "\e94c"; }

.icon-material-outline-group:before { content: "\e94d"; }

.icon-material-outline-help-outline:before { content: "\e94e"; }

.icon-material-outline-highlight-off:before { content: "\e94f"; }

.icon-material-outline-history:before { content: "\e950"; }

.icon-material-outline-home:before { content: "\e951"; }

.icon-material-outline-hotel:before { content: "\e952"; }

.icon-material-outline-https:before { content: "\e953"; }

.icon-material-outline-info:before { content: "\e954"; }

.icon-material-outline-input:before { content: "\e955"; }

.icon-material-outline-insert-photo:before { content: "\e956"; }

.icon-material-outline-keyboard-arrow-down:before { content: "\e957"; }

.icon-material-outline-keyboard-arrow-left:before { content: "\e958"; }

.icon-material-outline-keyboard-arrow-right:before { content: "\e959"; }

.icon-material-outline-keyboard-arrow-up:before { content: "\e95a"; }

.icon-material-outline-language:before { content: "\e95b"; }

.icon-material-outline-launch:before { content: "\e95c"; }

.icon-material-outline-layers:before { content: "\e95d"; }

.icon-material-outline-library-add:before { content: "\e95e"; }

.icon-material-outline-library-books:before { content: "\e95f"; }

.icon-material-outline-local-atm:before { content: "\e960"; }

.icon-material-outline-local-offer:before { content: "\e961"; }

.icon-material-outline-location-city:before { content: "\e962"; }

.icon-material-outline-location-off:before { content: "\e963"; }

.icon-material-outline-location-on:before { content: "\e964"; }

.icon-material-outline-lock-open:before { content: "\e965"; }

.icon-material-outline-lock:before { content: "\e966"; }

.icon-material-outline-loyalty:before { content: "\e967"; }

.icon-material-outline-map:before { content: "\e968"; }

.icon-material-outline-message:before { content: "\e969"; }

.icon-material-outline-monetization-on:before { content: "\e96a"; }

.icon-material-outline-money:before { content: "\e96b"; }

.icon-material-outline-mouse:before { content: "\e96c"; }

.icon-material-outline-movie:before { content: "\e96d"; }

.icon-material-outline-my-location:before { content: "\e96e"; }

.icon-material-outline-note-add:before { content: "\e96f"; }

.icon-material-outline-notifications-active:before { content: "\e970"; }

.icon-material-outline-notifications-off:before { content: "\e971"; }

.icon-material-outline-notifications:before { content: "\e972"; }

.icon-material-outline-outlined-flag:before { content: "\e973"; }

.icon-material-outline-person-pin:before { content: "\e974"; }

.icon-material-outline-photo-library:before { content: "\e975"; }

.icon-material-outline-photo-size-select-actual:before { content: "\e976"; }

.icon-material-outline-picture-as-pdf:before { content: "\e977"; }

.icon-material-outline-power-settings-new:before { content: "\e978"; }

.icon-material-outline-print:before { content: "\e979"; }

.icon-material-outline-question-answer:before { content: "\e97a"; }

.icon-material-outline-rate-review:before { content: "\e97b"; }

.icon-material-outline-redo:before { content: "\e97c"; }

.icon-material-outline-reorder:before { content: "\e97d"; }

.icon-material-outline-restaurant:before { content: "\e97e"; }

.icon-material-outline-room:before { content: "\e97f"; }

.icon-material-outline-save-alt:before { content: "\e980"; }

.icon-material-outline-school:before { content: "\e981"; }

.icon-material-outline-search:before { content: "\e982"; }

.icon-material-outline-settings-input-component:before { content: "\e983"; }

.icon-material-outline-settings:before { content: "\e984"; }

.icon-material-outline-shopping-cart:before { content: "\e985"; }

.icon-material-outline-speaker-notes:before { content: "\e986"; }

.icon-material-outline-star-border:before { content: "\e987"; }

.icon-material-outline-star:before { content: "\e988"; }

.icon-material-outline-supervisor-account:before { content: "\e989"; }

.icon-material-outline-text-fields:before { content: "\e98a"; }

.icon-material-outline-textsms:before { content: "\e98b"; }

.icon-material-outline-thumb-down:before { content: "\e98c"; }

.icon-material-outline-thumb-up:before { content: "\e98d"; }

.icon-material-outline-undo:before { content: "\e98e"; }

.icon-material-outline-visibility:before { content: "\e98f"; }

.icon-material-outline-watch:before { content: "\e990"; }

.icon-material-outline-wb-incandescent:before { content: "\e991"; }

.icon-material-outline-where-to-vote:before { content: "\e992"; }

/*!
 * Feather Icons (https://feathericons.com/)
 * Licensed under MIT
 */
@font-face { font-family: 'Feather-Icons'; src: url("../fonts/Feather-Icons.ttf?7ncawf") format("truetype"), url("../fonts/Feather-Icons.woff?7ncawf") format("woff"), url("../fonts/Feather-Icons.svg?7ncawf#Feather-Icons") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-feather-"], [class*=" icon-feather-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Feather-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-feather-activity:before { content: "\e900"; }

.icon-feather-airplay:before { content: "\e901"; }

.icon-feather-alert-circle:before { content: "\e902"; }

.icon-feather-alert-octagon:before { content: "\e903"; }

.icon-feather-alert-triangle:before { content: "\e904"; }

.icon-feather-align-center:before { content: "\e905"; }

.icon-feather-align-justify:before { content: "\e906"; }

.icon-feather-align-left:before { content: "\e907"; }

.icon-feather-align-right:before { content: "\e908"; }

.icon-feather-anchor:before { content: "\e909"; }

.icon-feather-aperture:before { content: "\e90a"; }

.icon-feather-archive:before { content: "\e90b"; }

.icon-feather-arrow-down:before { content: "\e90c"; }

.icon-feather-arrow-down-circle:before { content: "\e90d"; }

.icon-feather-arrow-down-left:before { content: "\e90e"; }

.icon-feather-arrow-down-right:before { content: "\e90f"; }

.icon-feather-arrow-left:before { content: "\e910"; }

.icon-feather-arrow-left-circle:before { content: "\e911"; }

.icon-feather-arrow-right:before { content: "\e912"; }

.icon-feather-arrow-right-circle:before { content: "\e913"; }

.icon-feather-arrow-up:before { content: "\e914"; }

.icon-feather-arrow-up-circle:before { content: "\e915"; }

.icon-feather-arrow-up-left:before { content: "\e916"; }

.icon-feather-arrow-up-right:before { content: "\e917"; }

.icon-feather-at-sign:before { content: "\e918"; }

.icon-feather-award:before { content: "\e919"; }

.icon-feather-bar-chart:before { content: "\e91a"; }

.icon-feather-bar-chart-2:before { content: "\e91b"; }

.icon-feather-battery:before { content: "\e91c"; }

.icon-feather-battery-charging:before { content: "\e91d"; }

.icon-feather-bell:before { content: "\e91e"; }

.icon-feather-bell-off:before { content: "\e91f"; }

.icon-feather-bluetooth:before { content: "\e920"; }

.icon-feather-bold:before { content: "\e921"; }

.icon-feather-book:before { content: "\e922"; }

.icon-feather-book-open:before { content: "\e923"; }

.icon-feather-bookmark:before { content: "\e924"; }

.icon-feather-box:before { content: "\e925"; }

.icon-feather-briefcase:before { content: "\e926"; }

.icon-feather-calendar:before { content: "\e927"; }

.icon-feather-camera:before { content: "\e928"; }

.icon-feather-camera-off:before { content: "\e929"; }

.icon-feather-cast:before { content: "\e92a"; }

.icon-feather-check:before { content: "\e92b"; }

.icon-feather-check-circle:before { content: "\e92c"; }

.icon-feather-check-square:before { content: "\e92d"; }

.icon-feather-chevron-down:before { content: "\e92e"; }

.icon-feather-chevron-left:before { content: "\e92f"; }

.icon-feather-chevron-right:before { content: "\e930"; }

.icon-feather-chevron-up:before { content: "\e931"; }

.icon-feather-chevrons-down:before { content: "\e932"; }

.icon-feather-chevrons-left:before { content: "\e933"; }

.icon-feather-chevrons-right:before { content: "\e934"; }

.icon-feather-chevrons-up:before { content: "\e935"; }

.icon-feather-chrome:before { content: "\e936"; }

.icon-feather-circle:before { content: "\e937"; }

.icon-feather-clipboard:before { content: "\e938"; }

.icon-feather-clock:before { content: "\e939"; }

.icon-feather-cloud:before { content: "\e93a"; }

.icon-feather-cloud-drizzle:before { content: "\e93b"; }

.icon-feather-cloud-lightning:before { content: "\e93c"; }

.icon-feather-cloud-off:before { content: "\e93d"; }

.icon-feather-cloud-rain:before { content: "\e93e"; }

.icon-feather-cloud-snow:before { content: "\e93f"; }

.icon-feather-code:before { content: "\e940"; }

.icon-feather-codepen:before { content: "\e941"; }

.icon-feather-command:before { content: "\e942"; }

.icon-feather-compass:before { content: "\e943"; }

.icon-feather-copy:before { content: "\e944"; }

.icon-feather-corner-down-left:before { content: "\e945"; }

.icon-feather-corner-down-right:before { content: "\e946"; }

.icon-feather-corner-left-down:before { content: "\e947"; }

.icon-feather-corner-left-up:before { content: "\e948"; }

.icon-feather-corner-right-down:before { content: "\e949"; }

.icon-feather-corner-right-up:before { content: "\e94a"; }

.icon-feather-corner-up-left:before { content: "\e94b"; }

.icon-feather-corner-up-right:before { content: "\e94c"; }

.icon-feather-cpu:before { content: "\e94d"; }

.icon-feather-credit-card:before { content: "\e94e"; }

.icon-feather-crop:before { content: "\e94f"; }

.icon-feather-crosshair:before { content: "\e950"; }

.icon-feather-database:before { content: "\e951"; }

.icon-feather-delete:before { content: "\e952"; }

.icon-feather-disc:before { content: "\e953"; }

.icon-feather-dollar-sign:before { content: "\e954"; }

.icon-feather-download:before { content: "\e955"; }

.icon-feather-download-cloud:before { content: "\e956"; }

.icon-feather-droplet:before { content: "\e957"; }

.icon-feather-edit:before { content: "\e958"; }

.icon-feather-edit-2:before { content: "\e959"; }

.icon-feather-edit-3:before { content: "\e95a"; }

.icon-feather-external-link:before { content: "\e95b"; }

.icon-feather-eye:before { content: "\e95c"; }

.icon-feather-eye-off:before { content: "\e95d"; }

.icon-feather-facebook:before { content: "\e95e"; }

.icon-feather-fast-forward:before { content: "\e95f"; }

.icon-feather-feather:before { content: "\e960"; }

.icon-feather-file:before { content: "\e961"; }

.icon-feather-file-minus:before { content: "\e962"; }

.icon-feather-file-plus:before { content: "\e963"; }

.icon-feather-file-text:before { content: "\e964"; }

.icon-feather-film:before { content: "\e965"; }

.icon-feather-filter:before { content: "\e966"; }

.icon-feather-flag:before { content: "\e967"; }

.icon-feather-folder:before { content: "\e968"; }

.icon-feather-folder-minus:before { content: "\e969"; }

.icon-feather-folder-plus:before { content: "\e96a"; }

.icon-feather-gift:before { content: "\e96b"; }

.icon-feather-git-branch:before { content: "\e96c"; }

.icon-feather-git-commit:before { content: "\e96d"; }

.icon-feather-git-merge:before { content: "\e96e"; }

.icon-feather-git-pull-request:before { content: "\e96f"; }

.icon-feather-github:before { content: "\e970"; }

.icon-feather-gitlab:before { content: "\e971"; }

.icon-feather-globe:before { content: "\e972"; }

.icon-feather-grid:before { content: "\e973"; }

.icon-feather-hard-drive:before { content: "\e974"; }

.icon-feather-hash:before { content: "\e975"; }

.icon-feather-headphones:before { content: "\e976"; }

.icon-feather-heart:before { content: "\e977"; }

.icon-feather-help-circle:before { content: "\e978"; }

.icon-feather-home:before { content: "\e979"; }

.icon-feather-image:before { content: "\e97a"; }

.icon-feather-inbox:before { content: "\e97b"; }

.icon-feather-info:before { content: "\e97c"; }

.icon-feather-instagram:before { content: "\e97d"; }

.icon-feather-italic:before { content: "\e97e"; }

.icon-feather-layers:before { content: "\e97f"; }

.icon-feather-layout:before { content: "\e980"; }

.icon-feather-life-buoy:before { content: "\e981"; }

.icon-feather-link:before { content: "\e982"; }

.icon-feather-link-2:before { content: "\e983"; }

.icon-feather-linkedin:before { content: "\e984"; }

.icon-feather-list:before { content: "\e985"; }

.icon-feather-loader:before { content: "\e986"; }

.icon-feather-lock:before { content: "\e987"; }

.icon-feather-log-in:before { content: "\e988"; }

.icon-feather-log-out:before { content: "\e989"; }

.icon-feather-mail:before { content: "\e98a"; }

.icon-feather-map:before { content: "\e98b"; }

.icon-feather-map-pin:before { content: "\e98c"; }

.icon-feather-maximize:before { content: "\e98d"; }

.icon-feather-maximize-2:before { content: "\e98e"; }

.icon-feather-menu:before { content: "\e98f"; }

.icon-feather-message-circle:before { content: "\e990"; }

.icon-feather-message-square:before { content: "\e991"; }

.icon-feather-mic:before { content: "\e992"; }

.icon-feather-mic-off:before { content: "\e993"; }

.icon-feather-minimize:before { content: "\e994"; }

.icon-feather-minimize-2:before { content: "\e995"; }

.icon-feather-minus:before { content: "\e996"; }

.icon-feather-minus-circle:before { content: "\e997"; }

.icon-feather-minus-square:before { content: "\e998"; }

.icon-feather-monitor:before { content: "\e999"; }

.icon-feather-moon:before { content: "\e99a"; }

.icon-feather-more-horizontal:before { content: "\e99b"; }

.icon-feather-more-vertical:before { content: "\e99c"; }

.icon-feather-move:before { content: "\e99d"; }

.icon-feather-music:before { content: "\e99e"; }

.icon-feather-navigation:before { content: "\e99f"; }

.icon-feather-navigation-2:before { content: "\e9a0"; }

.icon-feather-octagon:before { content: "\e9a1"; }

.icon-feather-package:before { content: "\e9a2"; }

.icon-feather-paperclip:before { content: "\e9a3"; }

.icon-feather-pause:before { content: "\e9a4"; }

.icon-feather-pause-circle:before { content: "\e9a5"; }

.icon-feather-percent:before { content: "\e9a6"; }

.icon-feather-phone:before { content: "\e9a7"; }

.icon-feather-phone-call:before { content: "\e9a8"; }

.icon-feather-phone-forwarded:before { content: "\e9a9"; }

.icon-feather-phone-incoming:before { content: "\e9aa"; }

.icon-feather-phone-missed:before { content: "\e9ab"; }

.icon-feather-phone-off:before { content: "\e9ac"; }

.icon-feather-phone-outgoing:before { content: "\e9ad"; }

.icon-feather-pie-chart:before { content: "\e9ae"; }

.icon-feather-play:before { content: "\e9af"; }

.icon-feather-play-circle:before { content: "\e9b0"; }

.icon-feather-plus:before { content: "\e9b1"; }

.icon-feather-plus-circle:before { content: "\e9b2"; }

.icon-feather-plus-square:before { content: "\e9b3"; }

.icon-feather-pocket:before { content: "\e9b4"; }

.icon-feather-power:before { content: "\e9b5"; }

.icon-feather-printer:before { content: "\e9b6"; }

.icon-feather-radio:before { content: "\e9b7"; }

.icon-feather-refresh-ccw:before { content: "\e9b8"; }

.icon-feather-refresh-cw:before { content: "\e9b9"; }

.icon-feather-repeat:before { content: "\e9ba"; }

.icon-feather-rewind:before { content: "\e9bb"; }

.icon-feather-rotate-ccw:before { content: "\e9bc"; }

.icon-feather-rotate-cw:before { content: "\e9bd"; }

.icon-feather-rss:before { content: "\e9be"; }

.icon-feather-save:before { content: "\e9bf"; }

.icon-feather-scissors:before { content: "\e9c0"; }

.icon-feather-search:before { content: "\e9c1"; }

.icon-feather-send:before { content: "\e9c2"; }

.icon-feather-server:before { content: "\e9c3"; }

.icon-feather-settings:before { content: "\e9c4"; }

.icon-feather-share:before { content: "\e9c5"; }

.icon-feather-share-2:before { content: "\e9c6"; }

.icon-feather-shield:before { content: "\e9c7"; }

.icon-feather-shield-off:before { content: "\e9c8"; }

.icon-feather-shopping-bag:before { content: "\e9c9"; }

.icon-feather-shopping-cart:before { content: "\e9ca"; }

.icon-feather-shuffle:before { content: "\e9cb"; }

.icon-feather-sidebar:before { content: "\e9cc"; }

.icon-feather-skip-back:before { content: "\e9cd"; }

.icon-feather-skip-forward:before { content: "\e9ce"; }

.icon-feather-slack:before { content: "\e9cf"; }

.icon-feather-slash:before { content: "\e9d0"; }

.icon-feather-sliders:before { content: "\e9d1"; }

.icon-feather-smartphone:before { content: "\e9d2"; }

.icon-feather-speaker:before { content: "\e9d3"; }

.icon-feather-square:before { content: "\e9d4"; }

.icon-feather-star:before { content: "\e9d5"; }

.icon-feather-stop-circle:before { content: "\e9d6"; }

.icon-feather-sun:before { content: "\e9d7"; }

.icon-feather-sunrise:before { content: "\e9d8"; }

.icon-feather-sunset:before { content: "\e9d9"; }

.icon-feather-tablet:before { content: "\e9da"; }

.icon-feather-tag:before { content: "\e9db"; }

.icon-feather-target:before { content: "\e9dc"; }

.icon-feather-terminal:before { content: "\e9dd"; }

.icon-feather-thermometer:before { content: "\e9de"; }

.icon-feather-thumbs-down:before { content: "\e9df"; }

.icon-feather-thumbs-up:before { content: "\e9e0"; }

.icon-feather-toggle-left:before { content: "\e9e1"; }

.icon-feather-toggle-right:before { content: "\e9e2"; }

.icon-feather-trash:before { content: "\e9e3"; }

.icon-feather-trash-2:before { content: "\e9e4"; }

.icon-feather-trending-down:before { content: "\e9e5"; }

.icon-feather-trending-up:before { content: "\e9e6"; }

.icon-feather-triangle:before { content: "\e9e7"; }

.icon-feather-truck:before { content: "\e9e8"; }

.icon-feather-tv:before { content: "\e9e9"; }

.icon-feather-twitter:before { content: "\e9ea"; }

.icon-feather-type:before { content: "\e9eb"; }

.icon-feather-umbrella:before { content: "\e9ec"; }

.icon-feather-underline:before { content: "\e9ed"; }

.icon-feather-unlock:before { content: "\e9ee"; }

.icon-feather-upload:before { content: "\e9ef"; }

.icon-feather-upload-cloud:before { content: "\e9f0"; }

.icon-feather-user:before { content: "\e9f1"; }

.icon-feather-user-check:before { content: "\e9f2"; }

.icon-feather-user-minus:before { content: "\e9f3"; }

.icon-feather-user-plus:before { content: "\e9f4"; }

.icon-feather-user-x:before { content: "\e9f5"; }

.icon-feather-users:before { content: "\e9f6"; }

.icon-feather-video:before { content: "\e9f7"; }

.icon-feather-video-off:before { content: "\e9f8"; }

.icon-feather-voicemail:before { content: "\e9f9"; }

.icon-feather-volume:before { content: "\e9fa"; }

.icon-feather-volume-1:before { content: "\e9fb"; }

.icon-feather-volume-2:before { content: "\e9fc"; }

.icon-feather-volume-x:before { content: "\e9fd"; }

.icon-feather-watch:before { content: "\e9fe"; }

.icon-feather-wifi:before { content: "\e9ff"; }

.icon-feather-wifi-off:before { content: "\ea00"; }

.icon-feather-wind:before { content: "\ea01"; }

.icon-feather-x:before { content: "\ea02"; }

.icon-feather-x-circle:before { content: "\ea03"; }

.icon-feather-x-square:before { content: "\ea04"; }

.icon-feather-youtube:before { content: "\ea05"; }

.icon-feather-zap:before { content: "\ea06"; }

.icon-feather-zap-off:before { content: "\ea07"; }

.icon-feather-zoom-in:before { content: "\ea08"; }

.icon-feather-zoom-out:before { content: "\ea09"; }

/*!
 *  Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
 *  License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License)
 *
 * Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
@font-face { font-family: 'Line-Awesome'; src: url("../fonts/Line-Awesome.ttf?15lwq9") format("truetype"), url("../fonts/Line-Awesome.woff?15lwq9") format("woff"), url("../fonts/Line-Awesome.svg?15lwq9#Line-Awesome") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-line-awesome-"], [class*=" icon-line-awesome-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Line-Awesome' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-line-awesome-code:before { content: "\f196"; }

.icon-line-awesome-chain:before { content: "\f179"; }

.icon-line-awesome-chevron-circle-right:before { content: "\f182"; }

.icon-line-awesome-dollar:before { content: "\f1bb"; }

.icon-line-awesome-crosshairs:before { content: "\f1ac"; }

.icon-line-awesome-gg:before { content: "\f210"; }

.icon-line-awesome-legal:before { content: "\f25e"; }

.icon-line-awesome-angle-double-left:before { content: "\f10d"; }

.icon-line-awesome-flash:before { content: "\f1fa"; }

.icon-line-awesome-foursquare:before { content: "\f206"; }

.icon-line-awesome-hourglass-2:before { content: "\f23c"; }

.icon-line-awesome-hourglass-3:before { content: "\f23d"; }

.icon-line-awesome-th:before { content: "\f339"; }

.icon-line-awesome-angle-left:before { content: "\f111"; }

.icon-line-awesome-recycle:before { content: "\f2d2"; }

.icon-line-awesome-file-code-o:before { content: "\f1e2"; }

.icon-line-awesome-thumb-tack:before { content: "\f33c"; }

.icon-line-awesome-fax:before { content: "\f1dc"; }

.icon-line-awesome-xing-square:before { content: "\f383"; }

.icon-line-awesome-hospital-o:before { content: "\f238"; }

.icon-line-awesome-volume-up:before { content: "\f375"; }

.icon-line-awesome-spoon:before { content: "\f312"; }

.icon-line-awesome-facebook:before { content: "\f1d7"; }

.icon-line-awesome-cloud-download:before { content: "\f193"; }

.icon-line-awesome-trophy:before { content: "\f351"; }

.icon-line-awesome-caret-up:before { content: "\f16c"; }

.icon-line-awesome-magic:before { content: "\f276"; }

.icon-line-awesome-hourglass-o:before { content: "\f240"; }

.icon-line-awesome-balance-scale:before { content: "\f12b"; }

.icon-line-awesome-upload:before { content: "\f362"; }

.icon-line-awesome-magnet:before { content: "\f277"; }

.icon-line-awesome-adjust:before { content: "\f101"; }

.icon-line-awesome-subway:before { content: "\f329"; }

.icon-line-awesome-chevron-down:before { content: "\f184"; }

.icon-line-awesome-location-arrow:before { content: "\f270"; }

.icon-line-awesome-check-circle:before { content: "\f17c"; }

.icon-line-awesome-arrow-down:before { content: "\f11f"; }

.icon-line-awesome-bicycle:before { content: "\f144"; }

.icon-line-awesome-instagram:before { content: "\f24d"; }

.icon-line-awesome-caret-square-o-up:before { content: "\f16b"; }

.icon-line-awesome-crop:before { content: "\f1ab"; }

.icon-line-awesome-external-link:before { content: "\f1d2"; }

.icon-line-awesome-arrow-circle-down:before { content: "\f117"; }

.icon-line-awesome-paper-plane:before { content: "\f2a8"; }

.icon-line-awesome-meanpath:before { content: "\f287"; }

.icon-line-awesome-long-arrow-left:before { content: "\f273"; }

.icon-line-awesome-download:before { content: "\f1bd"; }

.icon-line-awesome-bold:before { content: "\f14b"; }

.icon-line-awesome-caret-down:before { content: "\f165"; }

.icon-line-awesome-chevron-left:before { content: "\f185"; }

.icon-line-awesome-font:before { content: "\f202"; }

.icon-line-awesome-pinterest:before { content: "\f2ba"; }

.icon-line-awesome-cart-plus:before { content: "\f16e"; }

.icon-line-awesome-folder-open-o:before { content: "\f201"; }

.icon-line-awesome-tachometer:before { content: "\f32f"; }

.icon-line-awesome-creative-commons:before { content: "\f1a9"; }

.icon-line-awesome-clipboard:before { content: "\f18e"; }

.icon-line-awesome-bar-chart:before { content: "\f12e"; }

.icon-line-awesome-reply:before { content: "\f2da"; }

.icon-line-awesome-hourglass-half:before { content: "\f23f"; }

.icon-line-awesome-graduation-cap:before { content: "\f21e"; }

.icon-line-awesome-info-circle:before { content: "\f24b"; }

.icon-line-awesome-exchange:before { content: "\f1cc"; }

.icon-line-awesome-hand-o-up:before { content: "\f228"; }

.icon-line-awesome-pause:before { content: "\f2ad"; }

.icon-line-awesome-paypal:before { content: "\f2af"; }

.icon-line-awesome-github-square:before { content: "\f217"; }

.icon-line-awesome-search:before { content: "\f2eb"; }

.icon-line-awesome-flask:before { content: "\f1fb"; }

.icon-line-awesome-pinterest-square:before { content: "\f2bc"; }

.icon-line-awesome-fast-backward:before { content: "\f1da"; }

.icon-line-awesome-code-fork:before { content: "\f197"; }

.icon-line-awesome-tasks:before { content: "\f332"; }

.icon-line-awesome-firefox:before { content: "\f1f6"; }

.icon-line-awesome-apple:before { content: "\f114"; }

.icon-line-awesome-gamepad:before { content: "\f209"; }

.icon-line-awesome-cc-stripe:before { content: "\f176"; }

.icon-line-awesome-quote-left:before { content: "\f2cd"; }

.icon-line-awesome-user-times:before { content: "\f368"; }

.icon-line-awesome-plus-square-o:before { content: "\f2c5"; }

.icon-line-awesome-eye-slash:before { content: "\f1d5"; }

.icon-line-awesome-trello:before { content: "\f34f"; }

.icon-line-awesome-dribbble:before { content: "\f1be"; }

.icon-line-awesome-user-secret:before { content: "\f367"; }

.icon-line-awesome-cloud:before { content: "\f192"; }

.icon-line-awesome-usd:before { content: "\f363"; }

.icon-line-awesome-eye:before { content: "\f1d4"; }

.icon-line-awesome-certificate:before { content: "\f178"; }

.icon-line-awesome-500px:before { content: "\f100"; }

.icon-line-awesome-camera:before { content: "\f162"; }

.icon-line-awesome-music:before { content: "\f299"; }

.icon-line-awesome-gg-circle:before { content: "\f211"; }

.icon-line-awesome-sort:before { content: "\f306"; }

.icon-line-awesome-pencil:before { content: "\f2b0"; }

.icon-line-awesome-bookmark-o:before { content: "\f150"; }

.icon-line-awesome-diamond:before { content: "\f1b9"; }

.icon-line-awesome-share:before { content: "\f2f0"; }

.icon-line-awesome-hourglass-1:before { content: "\f23b"; }

.icon-line-awesome-envelope:before { content: "\f1c6"; }

.icon-line-awesome-yahoo:before { content: "\f386"; }

.icon-line-awesome-glass:before { content: "\f218"; }

.icon-line-awesome-flag:before { content: "\f1f7"; }

.icon-line-awesome-train:before { content: "\f349"; }

.icon-line-awesome-bullhorn:before { content: "\f156"; }

.icon-line-awesome-folder:before { content: "\f1fe"; }

.icon-line-awesome-outdent:before { content: "\f2a5"; }

.icon-line-awesome-stumbleupon:before { content: "\f326"; }

.icon-line-awesome-i-cursor:before { content: "\f244"; }

.icon-line-awesome-car:before { content: "\f164"; }

.icon-line-awesome-file-excel-o:before { content: "\f1e3"; }

.icon-line-awesome-arrow-circle-o-left:before { content: "\f11a"; }

.icon-line-awesome-paragraph:before { content: "\f2ab"; }

.icon-line-awesome-file-photo-o:before { content: "\f1e8"; }

.icon-line-awesome-y-combinator:before { content: "\f384"; }

.icon-line-awesome-cab:before { content: "\f15a"; }

.icon-line-awesome-male:before { content: "\f27b"; }

.icon-line-awesome-history:before { content: "\f236"; }

.icon-line-awesome-h-square:before { content: "\f221"; }

.icon-line-awesome-heart:before { content: "\f233"; }

.icon-line-awesome-sort-amount-desc:before { content: "\f30a"; }

.icon-line-awesome-search-plus:before { content: "\f2ed"; }

.icon-line-awesome-life-ring:before { content: "\f264"; }

.icon-line-awesome-lock:before { content: "\f271"; }

.icon-line-awesome-git-square:before { content: "\f214"; }

.icon-line-awesome-mouse-pointer:before { content: "\f298"; }

.icon-line-awesome-mail-forward:before { content: "\f278"; }

.icon-line-awesome-sign-in:before { content: "\f2fb"; }

.icon-line-awesome-odnoklassniki-square:before { content: "\f2a0"; }

.icon-line-awesome-tag:before { content: "\f330"; }

.icon-line-awesome-align-justify:before { content: "\f104"; }

.icon-line-awesome-level-up:before { content: "\f261"; }

.icon-line-awesome-chevron-circle-down:before { content: "\f180"; }

.icon-line-awesome-filter:before { content: "\f1f3"; }

.icon-line-awesome-sticky-note-o:before { content: "\f322"; }

.icon-line-awesome-moon-o:before { content: "\f295"; }

.icon-line-awesome-comments-o:before { content: "\f1a2"; }

.icon-line-awesome-lastfm:before { content: "\f25a"; }

.icon-line-awesome-pagelines:before { content: "\f2a6"; }

.icon-line-awesome-list-ul:before { content: "\f26f"; }

.icon-line-awesome-file-word-o:before { content: "\f1ef"; }

.icon-line-awesome-map:before { content: "\f27c"; }

.icon-line-awesome-object-ungroup:before { content: "\f29e"; }

.icon-line-awesome-briefcase:before { content: "\f151"; }

.icon-line-awesome-stop:before { content: "\f323"; }

.icon-line-awesome-clone:before { content: "\f190"; }

.icon-line-awesome-plane:before { content: "\f2bd"; }

.icon-line-awesome-check-square:before { content: "\f17e"; }

.icon-line-awesome-unlink:before { content: "\f35f"; }

.icon-line-awesome-github:before { content: "\f215"; }

.icon-line-awesome-step-backward:before { content: "\f31e"; }

.icon-line-awesome-wheelchair:before { content: "\f37b"; }

.icon-line-awesome-cutlery:before { content: "\f1b1"; }

.icon-line-awesome-microphone-slash:before { content: "\f28d"; }

.icon-line-awesome-user-plus:before { content: "\f366"; }

.icon-line-awesome-truck:before { content: "\f352"; }

.icon-line-awesome-wrench:before { content: "\f381"; }

.icon-line-awesome-ambulance:before { content: "\f108"; }

.icon-line-awesome-cc-visa:before { content: "\f177"; }

.icon-line-awesome-superscript:before { content: "\f32c"; }

.icon-line-awesome-tty:before { content: "\f354"; }

.icon-line-awesome-shield:before { content: "\f2f7"; }

.icon-line-awesome-user-md:before { content: "\f365"; }

.icon-line-awesome-hand-stop-o:before { content: "\f22f"; }

.icon-line-awesome-pie-chart:before { content: "\f2b7"; }

.icon-line-awesome-align-left:before { content: "\f105"; }

.icon-line-awesome-motorcycle:before { content: "\f297"; }

.icon-line-awesome-ticket:before { content: "\f341"; }

.icon-line-awesome-battery-half:before { content: "\f139"; }

.icon-line-awesome-spotify:before { content: "\f313"; }

.icon-line-awesome-dot-circle-o:before { content: "\f1bc"; }

.icon-line-awesome-facebook-square:before { content: "\f1d9"; }

.icon-line-awesome-group:before { content: "\f220"; }

.icon-line-awesome-angle-up:before { content: "\f113"; }

.icon-line-awesome-paperclip:before { content: "\f2aa"; }

.icon-line-awesome-deviantart:before { content: "\f1b8"; }

.icon-line-awesome-file-audio-o:before { content: "\f1e1"; }

.icon-line-awesome-eur:before { content: "\f1ca"; }

.icon-line-awesome-coffee:before { content: "\f199"; }

.icon-line-awesome-times-circle-o:before { content: "\f344"; }

.icon-line-awesome-weixin:before { content: "\f379"; }

.icon-line-awesome-yc:before { content: "\f387"; }

.icon-line-awesome-y-combinator-square:before { content: "\f385"; }

.icon-line-awesome-internet-explorer:before { content: "\f24f"; }

.icon-line-awesome-file-video-o:before { content: "\f1ee"; }

.icon-line-awesome-angle-double-up:before { content: "\f10f"; }

.icon-line-awesome-safari:before { content: "\f2e8"; }

.icon-line-awesome-mail-reply-all:before { content: "\f27a"; }

.icon-line-awesome-bank:before { content: "\f12d"; }

.icon-line-awesome-commenting-o:before { content: "\f1a0"; }

.icon-line-awesome-black-tie:before { content: "\f14a"; }

.icon-line-awesome-youtube-play:before { content: "\f38c"; }

.icon-line-awesome-edit:before { content: "\f1c1"; }

.icon-line-awesome-caret-square-o-right:before { content: "\f16a"; }

.icon-line-awesome-arrows:before { content: "\f123"; }

.icon-line-awesome-refresh:before { content: "\f2d5"; }

.icon-line-awesome-file-o:before { content: "\f1e6"; }

.icon-line-awesome-battery-0:before { content: "\f132"; }

.icon-line-awesome-battery-3:before { content: "\f135"; }

.icon-line-awesome-battery-2:before { content: "\f134"; }

.icon-line-awesome-battery-4:before { content: "\f136"; }

.icon-line-awesome-battery-three-quarters:before { content: "\f13b"; }

.icon-line-awesome-square:before { content: "\f314"; }

.icon-line-awesome-ellipsis-v:before { content: "\f1c4"; }

.icon-line-awesome-list:before { content: "\f26c"; }

.icon-line-awesome-globe:before { content: "\f219"; }

.icon-line-awesome-strikethrough:before { content: "\f325"; }

.icon-line-awesome-comment-o:before { content: "\f19e"; }

.icon-line-awesome-hand-pointer-o:before { content: "\f22b"; }

.icon-line-awesome-unlock:before { content: "\f360"; }

.icon-line-awesome-arrow-left:before { content: "\f120"; }

.icon-line-awesome-scissors:before { content: "\f2ea"; }

.icon-line-awesome-ellipsis-h:before { content: "\f1c3"; }

.icon-line-awesome-exclamation:before { content: "\f1cd"; }

.icon-line-awesome-try:before { content: "\f353"; }

.icon-line-awesome-flag-o:before { content: "\f1f9"; }

.icon-line-awesome-battery-quarter:before { content: "\f13a"; }

.icon-line-awesome-ra:before { content: "\f2cf"; }

.icon-line-awesome-print:before { content: "\f2c7"; }

.icon-line-awesome-check-circle-o:before { content: "\f17d"; }

.icon-line-awesome-houzz:before { content: "\f242"; }

.icon-line-awesome-lemon-o:before { content: "\f25f"; }

.icon-line-awesome-umbrella:before { content: "\f35b"; }

.icon-line-awesome-bell-o:before { content: "\f141"; }

.icon-line-awesome-cc-diners-club:before { content: "\f171"; }

.icon-line-awesome-undo:before { content: "\f35d"; }

.icon-line-awesome-shekel:before { content: "\f2f5"; }

.icon-line-awesome-rebel:before { content: "\f2d1"; }

.icon-line-awesome-venus:before { content: "\f36a"; }

.icon-line-awesome-soundcloud:before { content: "\f30f"; }

.icon-line-awesome-thumbs-o-down:before { content: "\f33e"; }

.icon-line-awesome-bar-chart-o:before { content: "\f12f"; }

.icon-line-awesome-indent:before { content: "\f248"; }

.icon-line-awesome-language:before { content: "\f258"; }

.icon-line-awesome-circle-thin:before { content: "\f18d"; }

.icon-line-awesome-drupal:before { content: "\f1c0"; }

.icon-line-awesome-headphones:before { content: "\f232"; }

.icon-line-awesome-cc-mastercard:before { content: "\f174"; }

.icon-line-awesome-times:before { content: "\f342"; }

.icon-line-awesome-buysellads:before { content: "\f159"; }

.icon-line-awesome-fonticons:before { content: "\f203"; }

.icon-line-awesome-sort-asc:before { content: "\f30b"; }

.icon-line-awesome-folder-open:before { content: "\f200"; }

.icon-line-awesome-heartbeat:before { content: "\f235"; }

.icon-line-awesome-arrows-v:before { content: "\f126"; }

.icon-line-awesome-phone-square:before { content: "\f2b4"; }

.icon-line-awesome-text-height:before { content: "\f337"; }

.icon-line-awesome-linkedin-square:before { content: "\f26a"; }

.icon-line-awesome-delicious:before { content: "\f1b6"; }

.icon-line-awesome-qrcode:before { content: "\f2ca"; }

.icon-line-awesome-arrows-h:before { content: "\f125"; }

.icon-line-awesome-mercury:before { content: "\f28b"; }

.icon-line-awesome-text-width:before { content: "\f338"; }

.icon-line-awesome-envelope-o:before { content: "\f1c7"; }

.icon-line-awesome-rss-square:before { content: "\f2e4"; }

.icon-line-awesome-bookmark:before { content: "\f14f"; }

.icon-line-awesome-automobile:before { content: "\f129"; }

.icon-line-awesome-bitcoin:before { content: "\f149"; }

.icon-line-awesome-behance:before { content: "\f13e"; }

.icon-line-awesome-star-half-o:before { content: "\f31a"; }

.icon-line-awesome-keyboard-o:before { content: "\f256"; }

.icon-line-awesome-gear:before { content: "\f20c"; }

.icon-line-awesome-minus-circle:before { content: "\f28f"; }

.icon-line-awesome-hotel:before { content: "\f239"; }

.icon-line-awesome-sort-numeric-asc:before { content: "\f30d"; }

.icon-line-awesome-share-alt:before { content: "\f2f1"; }

.icon-line-awesome-shirtsinbulk:before { content: "\f2f9"; }

.icon-line-awesome-viacoin:before { content: "\f36d"; }

.icon-line-awesome-digg:before { content: "\f1ba"; }

.icon-line-awesome-institution:before { content: "\f24e"; }

.icon-line-awesome-rss:before { content: "\f2e3"; }

.icon-line-awesome-television:before { content: "\f334"; }

.icon-line-awesome-slack:before { content: "\f302"; }

.icon-line-awesome-folder-o:before { content: "\f1ff"; }

.icon-line-awesome-bed:before { content: "\f13c"; }

.icon-line-awesome-caret-square-o-down:before { content: "\f168"; }

.icon-line-awesome-paper-plane-o:before { content: "\f2a9"; }

.icon-line-awesome-circle-o-notch:before { content: "\f18c"; }

.icon-line-awesome-medkit:before { content: "\f289"; }

.icon-line-awesome-file-zip-o:before { content: "\f1f0"; }

.icon-line-awesome-calendar-minus-o:before { content: "\f15e"; }

.icon-line-awesome-tencent-weibo:before { content: "\f335"; }

.icon-line-awesome-navicon:before { content: "\f29a"; }

.icon-line-awesome-file-archive-o:before { content: "\f1e0"; }

.icon-line-awesome-share-alt-square:before { content: "\f2f2"; }

.icon-line-awesome-file-movie-o:before { content: "\f1e5"; }

.icon-line-awesome-building-o:before { content: "\f155"; }

.icon-line-awesome-sort-alpha-desc:before { content: "\f308"; }

.icon-line-awesome-map-signs:before { content: "\f280"; }

.icon-line-awesome-long-arrow-right:before { content: "\f274"; }

.icon-line-awesome-microphone:before { content: "\f28c"; }

.icon-line-awesome-calendar-check-o:before { content: "\f15d"; }

.icon-line-awesome-play-circle:before { content: "\f2bf"; }

.icon-line-awesome-github-alt:before { content: "\f216"; }

.icon-line-awesome-file-sound-o:before { content: "\f1eb"; }

.icon-line-awesome-play:before { content: "\f2be"; }

.icon-line-awesome-hand-o-down:before { content: "\f225"; }

.icon-line-awesome-hand-rock-o:before { content: "\f22c"; }

.icon-line-awesome-cc-jcb:before { content: "\f173"; }

.icon-line-awesome-compress:before { content: "\f1a4"; }

.icon-line-awesome-pencil-square-o:before { content: "\f2b2"; }

.icon-line-awesome-google-plus-square:before { content: "\f21c"; }

.icon-line-awesome-angle-right:before { content: "\f112"; }

.icon-line-awesome-rotate-left:before { content: "\f2e0"; }

.icon-line-awesome-forumbee:before { content: "\f204"; }

.icon-line-awesome-eject:before { content: "\f1c2"; }

.icon-line-awesome-mobile:before { content: "\f292"; }

.icon-line-awesome-hourglass-end:before { content: "\f23e"; }

.icon-line-awesome-trash-o:before { content: "\f34d"; }

.icon-line-awesome-star-o:before { content: "\f31b"; }

.icon-line-awesome-floppy-o:before { content: "\f1fd"; }

.icon-line-awesome-hand-grab-o:before { content: "\f223"; }

.icon-line-awesome-cc-discover:before { content: "\f172"; }

.icon-line-awesome-bomb:before { content: "\f14d"; }

.icon-line-awesome-random:before { content: "\f2d0"; }

.icon-line-awesome-fire-extinguisher:before { content: "\f1f5"; }

.icon-line-awesome-pencil-square:before { content: "\f2b1"; }

.icon-line-awesome-reddit-square:before { content: "\f2d4"; }

.icon-line-awesome-arrow-circle-o-down:before { content: "\f119"; }

.icon-line-awesome-caret-left:before { content: "\f166"; }

.icon-line-awesome-camera-retro:before { content: "\f163"; }

.icon-line-awesome-thumbs-o-up:before { content: "\f33f"; }

.icon-line-awesome-copy:before { content: "\f1a7"; }

.icon-line-awesome-copyright:before { content: "\f1a8"; }

.icon-line-awesome-terminal:before { content: "\f336"; }

.icon-line-awesome-twitter-square:before { content: "\f35a"; }

.icon-line-awesome-photo:before { content: "\f2b5"; }

.icon-line-awesome-circle:before { content: "\f18a"; }

.icon-line-awesome-columns:before { content: "\f19c"; }

.icon-line-awesome-sign-out:before { content: "\f2fc"; }

.icon-line-awesome-cube:before { content: "\f1ae"; }

.icon-line-awesome-mars-stroke-v:before { content: "\f285"; }

.icon-line-awesome-file-text:before { content: "\f1ec"; }

.icon-line-awesome-amazon:before { content: "\f107"; }

.icon-line-awesome-smile-o:before { content: "\f305"; }

.icon-line-awesome-compass:before { content: "\f1a3"; }

.icon-line-awesome-list-ol:before { content: "\f26e"; }

.icon-line-awesome-stumbleupon-circle:before { content: "\f327"; }

.icon-line-awesome-qq:before { content: "\f2c9"; }

.icon-line-awesome-yc-square:before { content: "\f388"; }

.icon-line-awesome-pied-piper:before { content: "\f2b8"; }

.icon-line-awesome-gears:before { content: "\f20d"; }

.icon-line-awesome-gbp:before { content: "\f20b"; }

.icon-line-awesome-ban:before { content: "\f12c"; }

.icon-line-awesome-fighter-jet:before { content: "\f1de"; }

.icon-line-awesome-space-shuttle:before { content: "\f310"; }

.icon-line-awesome-steam:before { content: "\f31c"; }

.icon-line-awesome-bars:before { content: "\f131"; }

.icon-line-awesome-lightbulb-o:before { content: "\f266"; }

.icon-line-awesome-map-pin:before { content: "\f27f"; }

.icon-line-awesome-circle-o:before { content: "\f18b"; }

.icon-line-awesome-contao:before { content: "\f1a6"; }

.icon-line-awesome-vine:before { content: "\f371"; }

.icon-line-awesome-align-center:before { content: "\f103"; }

.icon-line-awesome-rmb:before { content: "\f2dd"; }

.icon-line-awesome-bullseye:before { content: "\f157"; }

.icon-line-awesome-btc:before { content: "\f152"; }

.icon-line-awesome-close:before { content: "\f191"; }

.icon-line-awesome-calendar:before { content: "\f15c"; }

.icon-line-awesome-retweet:before { content: "\f2dc"; }

.icon-line-awesome-hourglass:before { content: "\f23a"; }

.icon-line-awesome-weibo:before { content: "\f378"; }

.icon-line-awesome-tags:before { content: "\f331"; }

.icon-line-awesome-minus-square-o:before { content: "\f291"; }

.icon-line-awesome-rouble:before { content: "\f2e2"; }

.icon-line-awesome-won:before { content: "\f37f"; }

.icon-line-awesome-subscript:before { content: "\f328"; }

.icon-line-awesome-flickr:before { content: "\f1fc"; }

.icon-line-awesome-cc-amex:before { content: "\f170"; }

.icon-line-awesome-reddit:before { content: "\f2d3"; }

.icon-line-awesome-times-circle:before { content: "\f343"; }

.icon-line-awesome-tripadvisor:before { content: "\f350"; }

.icon-line-awesome-sort-amount-asc:before { content: "\f309"; }

.icon-line-awesome-renren:before { content: "\f2d7"; }

.icon-line-awesome-arrow-circle-o-right:before { content: "\f11b"; }

.icon-line-awesome-pinterest-p:before { content: "\f2bb"; }

.icon-line-awesome-html5:before { content: "\f243"; }

.icon-line-awesome-key:before { content: "\f255"; }

.icon-line-awesome-picture-o:before { content: "\f2b6"; }

.icon-line-awesome-toggle-off:before { content: "\f346"; }

.icon-line-awesome-list-alt:before { content: "\f26d"; }

.icon-line-awesome-cubes:before { content: "\f1af"; }

.icon-line-awesome-tablet:before { content: "\f32e"; }

.icon-line-awesome-credit-card:before { content: "\f1aa"; }

.icon-line-awesome-minus:before { content: "\f28e"; }

.icon-line-awesome-unlock-alt:before { content: "\f361"; }

.icon-line-awesome-ils:before { content: "\f245"; }

.icon-line-awesome-cog:before { content: "\f19a"; }

.icon-line-awesome-arrow-right:before { content: "\f121"; }

.icon-line-awesome-cc-paypal:before { content: "\f175"; }

.icon-line-awesome-birthday-cake:before { content: "\f146"; }

.icon-line-awesome-comment:before { content: "\f19d"; }

.icon-line-awesome-bell:before { content: "\f140"; }

.icon-line-awesome-cc:before { content: "\f16f"; }

.icon-line-awesome-get-pocket:before { content: "\f20f"; }

.icon-line-awesome-bell-slash-o:before { content: "\f143"; }

.icon-line-awesome-header:before { content: "\f231"; }

.icon-line-awesome-linux:before { content: "\f26b"; }

.icon-line-awesome-table:before { content: "\f32d"; }

.icon-line-awesome-caret-square-o-left:before { content: "\f169"; }

.icon-line-awesome-spinner:before { content: "\f311"; }

.icon-line-awesome-thumbs-up:before { content: "\f340"; }

.icon-line-awesome-tint:before { content: "\f345"; }

.icon-line-awesome-connectdevelop:before { content: "\f1a5"; }

.icon-line-awesome-chrome:before { content: "\f189"; }

.icon-line-awesome-trademark:before { content: "\f348"; }

.icon-line-awesome-align-right:before { content: "\f106"; }

.icon-line-awesome-quote-right:before { content: "\f2ce"; }

.icon-line-awesome-long-arrow-down:before { content: "\f272"; }

.icon-line-awesome-beer:before { content: "\f13d"; }

.icon-line-awesome-th-list:before { content: "\f33b"; }

.icon-line-awesome-eraser:before { content: "\f1c9"; }

.icon-line-awesome-codepen:before { content: "\f198"; }

.icon-line-awesome-square-o:before { content: "\f315"; }

.icon-line-awesome-hourglass-start:before { content: "\f241"; }

.icon-line-awesome-ruble:before { content: "\f2e6"; }

.icon-line-awesome-fire:before { content: "\f1f4"; }

.icon-line-awesome-sellsy:before { content: "\f2ee"; }

.icon-line-awesome-fast-forward:before { content: "\f1db"; }

.icon-line-awesome-bell-slash:before { content: "\f142"; }

.icon-line-awesome-commenting:before { content: "\f19f"; }

.icon-line-awesome-inr:before { content: "\f24c"; }

.icon-line-awesome-child:before { content: "\f188"; }

.icon-line-awesome-file-text-o:before { content: "\f1ed"; }

.icon-line-awesome-mortar-board:before { content: "\f296"; }

.icon-line-awesome-vimeo:before { content: "\f36f"; }

.icon-line-awesome-dashboard:before { content: "\f1b2"; }

.icon-line-awesome-hand-o-right:before { content: "\f227"; }

.icon-line-awesome-object-group:before { content: "\f29d"; }

.icon-line-awesome-rotate-right:before { content: "\f2e1"; }

.icon-line-awesome-anchor:before { content: "\f109"; }

.icon-line-awesome-meh-o:before { content: "\f28a"; }

.icon-line-awesome-file-image-o:before { content: "\f1e4"; }

.icon-line-awesome-mars-stroke-h:before { content: "\f284"; }

.icon-line-awesome-calculator:before { content: "\f15b"; }

.icon-line-awesome-vk:before { content: "\f372"; }

.icon-line-awesome-odnoklassniki:before { content: "\f29f"; }

.icon-line-awesome-linkedin:before { content: "\f269"; }

.icon-line-awesome-jpy:before { content: "\f253"; }

.icon-line-awesome-turkish-lira:before { content: "\f357"; }

.icon-line-awesome-skype:before { content: "\f301"; }

.icon-line-awesome-envelope-square:before { content: "\f1c8"; }

.icon-line-awesome-ship:before { content: "\f2f8"; }

.icon-line-awesome-dashcube:before { content: "\f1b3"; }

.icon-line-awesome-optin-monster:before { content: "\f2a4"; }

.icon-line-awesome-paw:before { content: "\f2ae"; }

.icon-line-awesome-venus-double:before { content: "\f36b"; }

.icon-line-awesome-calendar-times-o:before { content: "\f161"; }

.icon-line-awesome-check:before { content: "\f17b"; }

.icon-line-awesome-sliders:before { content: "\f303"; }

.icon-line-awesome-stack-overflow:before { content: "\f317"; }

.icon-line-awesome-file-pdf-o:before { content: "\f1e7"; }

.icon-line-awesome-android:before { content: "\f10a"; }

.icon-line-awesome-stack-exchange:before { content: "\f316"; }

.icon-line-awesome-twitch:before { content: "\f358"; }

.icon-line-awesome-caret-right:before { content: "\f167"; }

.icon-line-awesome-dedent:before { content: "\f1b5"; }

.icon-line-awesome-tree:before { content: "\f34e"; }

.icon-line-awesome-gratipay:before { content: "\f21f"; }

.icon-line-awesome-map-marker:before { content: "\f27d"; }

.icon-line-awesome-slideshare:before { content: "\f304"; }

.icon-line-awesome-binoculars:before { content: "\f145"; }

.icon-line-awesome-sticky-note:before { content: "\f321"; }

.icon-line-awesome-sheqel:before { content: "\f2f6"; }

.icon-line-awesome-user:before { content: "\f364"; }

.icon-line-awesome-ioxhost:before { content: "\f250"; }

.icon-line-awesome-expand:before { content: "\f1d0"; }

.icon-line-awesome-euro:before { content: "\f1cb"; }

.icon-line-awesome-bitbucket-square:before { content: "\f148"; }

.icon-line-awesome-hand-paper-o:before { content: "\f229"; }

.icon-line-awesome-database:before { content: "\f1b4"; }

.icon-line-awesome-rupee:before { content: "\f2e7"; }

.icon-line-awesome-hacker-news:before { content: "\f222"; }

.icon-line-awesome-calendar-plus-o:before { content: "\f160"; }

.icon-line-awesome-hand-lizard-o:before { content: "\f224"; }

.icon-line-awesome-xing:before { content: "\f382"; }

.icon-line-awesome-youtube-square:before { content: "\f38d"; }

.icon-line-awesome-taxi:before { content: "\f333"; }

.icon-line-awesome-sort-desc:before { content: "\f30c"; }

.icon-line-awesome-rocket:before { content: "\f2df"; }

.icon-line-awesome-yen:before { content: "\f38a"; }

.icon-line-awesome-money:before { content: "\f294"; }

.icon-line-awesome-laptop:before { content: "\f259"; }

.icon-line-awesome-arrows-alt:before { content: "\f124"; }

.icon-line-awesome-underline:before { content: "\f35c"; }

.icon-line-awesome-google-plus:before { content: "\f21b"; }

.icon-line-awesome-cut:before { content: "\f1b0"; }

.icon-line-awesome-share-square-o:before { content: "\f2f4"; }

.icon-line-awesome-street-view:before { content: "\f324"; }

.icon-line-awesome-arrow-circle-up:before { content: "\f11e"; }

.icon-line-awesome-plus-square:before { content: "\f2c4"; }

.icon-line-awesome-desktop:before { content: "\f1b7"; }

.icon-line-awesome-expeditedssl:before { content: "\f1d1"; }

.icon-line-awesome-toggle-on:before { content: "\f347"; }

.icon-line-awesome-minus-square:before { content: "\f290"; }

.icon-line-awesome-adn:before { content: "\f102"; }

.icon-line-awesome-whatsapp:before { content: "\f37a"; }

.icon-line-awesome-save:before { content: "\f2e9"; }

.icon-line-awesome-puzzle-piece:before { content: "\f2c8"; }

.icon-line-awesome-css3:before { content: "\f1ad"; }

.icon-line-awesome-skyatlas:before { content: "\f300"; }

.icon-line-awesome-level-down:before { content: "\f260"; }

.icon-line-awesome-mobile-phone:before { content: "\f293"; }

.icon-line-awesome-check-square-o:before { content: "\f17f"; }

.icon-line-awesome-hand-spock-o:before { content: "\f22e"; }

.icon-line-awesome-leanpub:before { content: "\f25d"; }

.icon-line-awesome-arrow-circle-left:before { content: "\f118"; }

.icon-line-awesome-exclamation-triangle:before { content: "\f1cf"; }

.icon-line-awesome-gift:before { content: "\f212"; }

.icon-line-awesome-cogs:before { content: "\f19b"; }

.icon-line-awesome-signal:before { content: "\f2fd"; }

.icon-line-awesome-frown-o:before { content: "\f207"; }

.icon-line-awesome-opera:before { content: "\f2a3"; }

.icon-line-awesome-battery-empty:before { content: "\f137"; }

.icon-line-awesome-chevron-circle-left:before { content: "\f181"; }

.icon-line-awesome-university:before { content: "\f35e"; }

.icon-line-awesome-sitemap:before { content: "\f2ff"; }

.icon-line-awesome-external-link-square:before { content: "\f1d3"; }

.icon-line-awesome-google:before { content: "\f21a"; }

.icon-line-awesome-volume-off:before { content: "\f374"; }

.icon-line-awesome-twitter:before { content: "\f359"; }

.icon-line-awesome-battery-full:before { content: "\f138"; }

.icon-line-awesome-hand-o-left:before { content: "\f226"; }

.icon-line-awesome-phone:before { content: "\f2b3"; }

.icon-line-awesome-mars-double:before { content: "\f282"; }

.icon-line-awesome-maxcdn:before { content: "\f286"; }

.icon-line-awesome-hand-peace-o:before { content: "\f22a"; }

.icon-line-awesome-lastfm-square:before { content: "\f25b"; }

.icon-line-awesome-home:before { content: "\f237"; }

.icon-line-awesome-empire:before { content: "\f1c5"; }

.icon-line-awesome-server:before { content: "\f2ef"; }

.icon-line-awesome-search-minus:before { content: "\f2ec"; }

.icon-line-awesome-pied-piper-alt:before { content: "\f2b9"; }

.icon-line-awesome-leaf:before { content: "\f25c"; }

.icon-line-awesome-exclamation-circle:before { content: "\f1ce"; }

.icon-line-awesome-comments:before { content: "\f1a1"; }

.icon-line-awesome-cny:before { content: "\f195"; }

.icon-line-awesome-facebook-official:before { content: "\f1d8"; }

.icon-line-awesome-clock-o:before { content: "\f18f"; }

.icon-line-awesome-hand-scissors-o:before { content: "\f22d"; }

.icon-line-awesome-tumblr-square:before { content: "\f356"; }

.icon-line-awesome-rub:before { content: "\f2e5"; }

.icon-line-awesome-chevron-circle-up:before { content: "\f183"; }

.icon-line-awesome-opencart:before { content: "\f2a1"; }

.icon-line-awesome-barcode:before { content: "\f130"; }

.icon-line-awesome-vimeo-square:before { content: "\f370"; }

.icon-line-awesome-battery-1:before { content: "\f133"; }

.icon-line-awesome-arrow-circle-right:before { content: "\f11d"; }

.icon-line-awesome-bolt:before { content: "\f14c"; }

.icon-line-awesome-paste:before { content: "\f2ac"; }

.icon-line-awesome-hdd-o:before { content: "\f230"; }

.icon-line-awesome-plug:before { content: "\f2c1"; }

.icon-line-awesome-industry:before { content: "\f249"; }

.icon-line-awesome-map-o:before { content: "\f27e"; }

.icon-line-awesome-krw:before { content: "\f257"; }

.icon-line-awesome-joomla:before { content: "\f252"; }

.icon-line-awesome-sun-o:before { content: "\f32b"; }

.icon-line-awesome-plus:before { content: "\f2c2"; }

.icon-line-awesome-life-buoy:before { content: "\f263"; }

.icon-line-awesome-play-circle-o:before { content: "\f2c0"; }

.icon-line-awesome-mars-stroke:before { content: "\f283"; }

.icon-line-awesome-road:before { content: "\f2de"; }

.icon-line-awesome-volume-down:before { content: "\f373"; }

.icon-line-awesome-question-circle:before { content: "\f2cc"; }

.icon-line-awesome-image:before { content: "\f246"; }

.icon-line-awesome-angle-double-right:before { content: "\f10e"; }

.icon-line-awesome-reply-all:before { content: "\f2db"; }

.icon-line-awesome-inbox:before { content: "\f247"; }

.icon-line-awesome-female:before { content: "\f1dd"; }

.icon-line-awesome-gavel:before { content: "\f20a"; }

.icon-line-awesome-life-bouy:before { content: "\f262"; }

.icon-line-awesome-jsfiddle:before { content: "\f254"; }

.icon-line-awesome-git:before { content: "\f213"; }

.icon-line-awesome-share-square:before { content: "\f2f3"; }

.icon-line-awesome-question:before { content: "\f2cb"; }

.icon-line-awesome-wordpress:before { content: "\f380"; }

.icon-line-awesome-italic:before { content: "\f251"; }

.icon-line-awesome-forward:before { content: "\f205"; }

.icon-line-awesome-steam-square:before { content: "\f31d"; }

.icon-line-awesome-sort-numeric-desc:before { content: "\f30e"; }

.icon-line-awesome-video-camera:before { content: "\f36e"; }

.icon-line-awesome-thumbs-down:before { content: "\f33d"; }

.icon-line-awesome-medium:before { content: "\f288"; }

.icon-line-awesome-chevron-right:before { content: "\f186"; }

.icon-line-awesome-bus:before { content: "\f158"; }

.icon-line-awesome-registered:before { content: "\f2d6"; }

.icon-line-awesome-mars:before { content: "\f281"; }

.icon-line-awesome-angle-down:before { content: "\f110"; }

.icon-line-awesome-link:before { content: "\f268"; }

.icon-line-awesome-eyedropper:before { content: "\f1d6"; }

.icon-line-awesome-mail-reply:before { content: "\f279"; }

.icon-line-awesome-bug:before { content: "\f153"; }

.icon-line-awesome-angellist:before { content: "\f10b"; }

.icon-line-awesome-chain-broken:before { content: "\f17a"; }

.icon-line-awesome-info:before { content: "\f24a"; }

.icon-line-awesome-tumblr:before { content: "\f355"; }

.icon-line-awesome-line-chart:before { content: "\f267"; }

.icon-line-awesome-long-arrow-up:before { content: "\f275"; }

.icon-line-awesome-simplybuilt:before { content: "\f2fe"; }

.icon-line-awesome-trash:before { content: "\f34c"; }

.icon-line-awesome-paint-brush:before { content: "\f2a7"; }

.icon-line-awesome-windows:before { content: "\f37e"; }

.icon-line-awesome-calendar-o:before { content: "\f15f"; }

.icon-line-awesome-reorder:before { content: "\f2d8"; }

.icon-line-awesome-suitcase:before { content: "\f32a"; }

.icon-line-awesome-file-picture-o:before { content: "\f1e9"; }

.icon-line-awesome-arrow-circle-o-up:before { content: "\f11c"; }

.icon-line-awesome-arrow-up:before { content: "\f122"; }

.icon-line-awesome-venus-mars:before { content: "\f36c"; }

.icon-line-awesome-shopping-cart:before { content: "\f2fa"; }

.icon-line-awesome-files-o:before { content: "\f1f1"; }

.icon-line-awesome-th-large:before { content: "\f33a"; }

.icon-line-awesome-warning:before { content: "\f376"; }

.icon-line-awesome-at:before { content: "\f128"; }

.icon-line-awesome-file:before { content: "\f1df"; }

.icon-line-awesome-star-half:before { content: "\f319"; }

.icon-line-awesome-futbol-o:before { content: "\f208"; }

.icon-line-awesome-flag-checkered:before { content: "\f1f8"; }

.icon-line-awesome-genderless:before { content: "\f20e"; }

.icon-line-awesome-archive:before { content: "\f115"; }

.icon-line-awesome-film:before { content: "\f1f2"; }

.icon-line-awesome-power-off:before { content: "\f2c6"; }

.icon-line-awesome-heart-o:before { content: "\f234"; }

.icon-line-awesome-google-wallet:before { content: "\f21d"; }

.icon-line-awesome-book:before { content: "\f14e"; }

.icon-line-awesome-transgender:before { content: "\f34a"; }

.icon-line-awesome-cloud-upload:before { content: "\f194"; }

.icon-line-awesome-file-powerpoint-o:before { content: "\f1ea"; }

.icon-line-awesome-openid:before { content: "\f2a2"; }

.icon-line-awesome-repeat:before { content: "\f2d9"; }

.icon-line-awesome-star:before { content: "\f318"; }

.icon-line-awesome-users:before { content: "\f369"; }

.icon-line-awesome-transgender-alt:before { content: "\f34b"; }

.icon-line-awesome-asterisk:before { content: "\f127"; }

.icon-line-awesome-plus-circle:before { content: "\f2c3"; }

.icon-line-awesome-cart-arrow-down:before { content: "\f16d"; }

.icon-line-awesome-wechat:before { content: "\f377"; }

.icon-line-awesome-life-saver:before { content: "\f265"; }

.icon-line-awesome-dropbox:before { content: "\f1bf"; }

.icon-line-awesome-wikipedia-w:before { content: "\f37d"; }

.icon-line-awesome-newspaper-o:before { content: "\f29c"; }

.icon-line-awesome-building:before { content: "\f154"; }

.icon-line-awesome-bitbucket:before { content: "\f147"; }

.icon-line-awesome-yelp:before { content: "\f389"; }

.icon-line-awesome-neuter:before { content: "\f29b"; }

.icon-line-awesome-behance-square:before { content: "\f13f"; }

.icon-line-awesome-wifi:before { content: "\f37c"; }

.icon-line-awesome-youtube:before { content: "\f38b"; }

.icon-line-awesome-angle-double-down:before { content: "\f10c"; }

.icon-line-awesome-sort-alpha-asc:before { content: "\f307"; }

.icon-line-awesome-area-chart:before { content: "\f116"; }

.icon-line-awesome-chevron-up:before { content: "\f187"; }

.icon-line-awesome-stethoscope:before { content: "\f320"; }

.icon-line-awesome-step-forward:before { content: "\f31f"; }

.icon-line-awesome-backward:before { content: "\f12a"; }

@font-face { font-family: 'Brand-Icons'; src: url("../fonts/Brand-Icons.ttf?blcw31") format("truetype"), url("../fonts/Brand-Icons.woff?blcw31") format("woff"), url("../fonts/Brand-Icons.svg?blcw31#Brand-Icons") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-brand-"], [class*=" icon-brand-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Brand-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-brand-px:before { content: "\e900"; }

.icon-brand-accessible-icon:before { content: "\e901"; }

.icon-brand-accusoft:before { content: "\e902"; }

.icon-brand-adn:before { content: "\e903"; }

.icon-brand-adversal:before { content: "\e904"; }

.icon-brand-affiliatetheme:before { content: "\e905"; }

.icon-brand-algolia:before { content: "\e906"; }

.icon-brand-amazon:before { content: "\e907"; }

.icon-brand-amazon-pay:before { content: "\e908"; }

.icon-brand-amilia:before { content: "\e909"; }

.icon-brand-android:before { content: "\e90a"; }

.icon-brand-angellist:before { content: "\e90b"; }

.icon-brand-angrycreative:before { content: "\e90c"; }

.icon-brand-angular:before { content: "\e90d"; }

.icon-brand-apper:before { content: "\e90e"; }

.icon-brand-apple:before { content: "\e90f"; }

.icon-brand-apple-pay:before { content: "\e910"; }

.icon-brand-app-store:before { content: "\e911"; }

.icon-brand-app-store-ios:before { content: "\e912"; }

.icon-brand-asymmetrik:before { content: "\e913"; }

.icon-brand-audible:before { content: "\e914"; }

.icon-brand-autoprefixer:before { content: "\e915"; }

.icon-brand-avianex:before { content: "\e916"; }

.icon-brand-aviato:before { content: "\e917"; }

.icon-brand-aws:before { content: "\e918"; }

.icon-brand-bandcamp:before { content: "\e919"; }

.icon-brand-behance:before { content: "\e91a"; }

.icon-brand-behance-square:before { content: "\e91b"; }

.icon-brand-bimobject:before { content: "\e91c"; }

.icon-brand-bitbucket:before { content: "\e91d"; }

.icon-brand-bitcoin:before { content: "\e91e"; }

.icon-brand-bity:before { content: "\e91f"; }

.icon-brand-blackberry:before { content: "\e920"; }

.icon-brand-black-tie:before { content: "\e921"; }

.icon-brand-blogger:before { content: "\e922"; }

.icon-brand-blogger-b:before { content: "\e923"; }

.icon-brand-bluetooth:before { content: "\e924"; }

.icon-brand-bluetooth-b:before { content: "\e925"; }

.icon-brand-btc:before { content: "\e926"; }

.icon-brand-buromobelexperte:before { content: "\e927"; }

.icon-brand-buysellads:before { content: "\e928"; }

.icon-brand-cc-amazon-pay:before { content: "\e929"; }

.icon-brand-cc-amex:before { content: "\e92a"; }

.icon-brand-cc-apple-pay:before { content: "\e92b"; }

.icon-brand-cc-diners-club:before { content: "\e92c"; }

.icon-brand-cc-discover:before { content: "\e92d"; }

.icon-brand-cc-jcb:before { content: "\e92e"; }

.icon-brand-cc-mastercard:before { content: "\e92f"; }

.icon-brand-cc-paypal:before { content: "\e930"; }

.icon-brand-cc-stripe:before { content: "\e931"; }

.icon-brand-cc-visa:before { content: "\e932"; }

.icon-brand-centercode:before { content: "\e933"; }

.icon-brand-chrome:before { content: "\e934"; }

.icon-brand-cloudscale:before { content: "\e935"; }

.icon-brand-cloudsmith:before { content: "\e936"; }

.icon-brand-cloudversify:before { content: "\e937"; }

.icon-brand-codepen:before { content: "\e938"; }

.icon-brand-codiepie:before { content: "\e939"; }

.icon-brand-connectdevelop:before { content: "\e93a"; }

.icon-brand-contao:before { content: "\e93b"; }

.icon-brand-cpanel:before { content: "\e93c"; }

.icon-brand-creative-commons:before { content: "\e93d"; }

.icon-brand-creative-commons-by:before { content: "\e93e"; }

.icon-brand-creative-commons-nc:before { content: "\e93f"; }

.icon-brand-creative-commons-nc-eu:before { content: "\e940"; }

.icon-brand-creative-commons-nc-jp:before { content: "\e941"; }

.icon-brand-creative-commons-nd:before { content: "\e942"; }

.icon-brand-creative-commons-pd:before { content: "\e943"; }

.icon-brand-creative-commons-pd-alt:before { content: "\e944"; }

.icon-brand-creative-commons-remix:before { content: "\e945"; }

.icon-brand-creative-commons-sa:before { content: "\e946"; }

.icon-brand-creative-commons-sampling:before { content: "\e947"; }

.icon-brand-creative-commons-sampling-plus:before { content: "\e948"; }

.icon-brand-creative-commons-share:before { content: "\e949"; }

.icon-brand-css3:before { content: "\e94a"; }

.icon-brand-css3-alt:before { content: "\e94b"; }

.icon-brand-cuttlefish:before { content: "\e94c"; }

.icon-brand-d-and-d:before { content: "\e94d"; }

.icon-brand-dashcube:before { content: "\e94e"; }

.icon-brand-delicious:before { content: "\e94f"; }

.icon-brand-deploydog:before { content: "\e950"; }

.icon-brand-deskpro:before { content: "\e951"; }

.icon-brand-deviantart:before { content: "\e952"; }

.icon-brand-digg:before { content: "\e953"; }

.icon-brand-digital-ocean:before { content: "\e954"; }

.icon-brand-discord:before { content: "\e955"; }

.icon-brand-discourse:before { content: "\e956"; }

.icon-brand-dochub:before { content: "\e957"; }

.icon-brand-docker:before { content: "\e958"; }

.icon-brand-draft2digital:before { content: "\e959"; }

.icon-brand-dribbble:before { content: "\e95a"; }

.icon-brand-dribbble-square:before { content: "\e95b"; }

.icon-brand-dropbox:before { content: "\e95c"; }

.icon-brand-drupal:before { content: "\e95d"; }

.icon-brand-dyalog:before { content: "\e95e"; }

.icon-brand-earlybirds:before { content: "\e95f"; }

.icon-brand-ebay:before { content: "\e960"; }

.icon-brand-edge:before { content: "\e961"; }

.icon-brand-elementor:before { content: "\e962"; }

.icon-brand-ember:before { content: "\e963"; }

.icon-brand-empire:before { content: "\e964"; }

.icon-brand-envira:before { content: "\e965"; }

.icon-brand-erlang:before { content: "\e966"; }

.icon-brand-ethereum:before { content: "\e967"; }

.icon-brand-etsy:before { content: "\e968"; }

.icon-brand-expeditedssl:before { content: "\e969"; }

.icon-brand-facebook:before { content: "\e96a"; }

.icon-brand-facebook-f:before { content: "\e96b"; }

.icon-brand-facebook-messenger:before { content: "\e96c"; }

.icon-brand-facebook-square:before { content: "\e96d"; }

.icon-brand-firefox:before { content: "\e96e"; }

.icon-brand-firstdraft:before { content: "\e96f"; }

.icon-brand-first-order:before { content: "\e970"; }

.icon-brand-first-order-alt:before { content: "\e971"; }

.icon-brand-flickr:before { content: "\e972"; }

.icon-brand-flipboard:before { content: "\e973"; }

.icon-brand-fly:before { content: "\e974"; }

.icon-brand-font-awesome:before { content: "\e975"; }

.icon-brand-font-awesome-alt:before { content: "\e976"; }

.icon-brand-font-awesome-flag:before { content: "\e977"; }

.icon-brand-fonticons:before { content: "\e978"; }

.icon-brand-fonticons-fi:before { content: "\e979"; }

.icon-brand-fort-awesome:before { content: "\e97a"; }

.icon-brand-fort-awesome-alt:before { content: "\e97b"; }

.icon-brand-forumbee:before { content: "\e97c"; }

.icon-brand-foursquare:before { content: "\e97d"; }

.icon-brand-freebsd:before { content: "\e97e"; }

.icon-brand-free-code-camp:before { content: "\e97f"; }

.icon-brand-fulcrum:before { content: "\e980"; }

.icon-brand-galactic-republic:before { content: "\e981"; }

.icon-brand-galactic-senate:before { content: "\e982"; }

.icon-brand-get-pocket:before { content: "\e983"; }

.icon-brand-gg:before { content: "\e984"; }

.icon-brand-gg-circle:before { content: "\e985"; }

.icon-brand-git:before { content: "\e986"; }

.icon-brand-github:before { content: "\e987"; }

.icon-brand-github-alt:before { content: "\e988"; }

.icon-brand-github-square:before { content: "\e989"; }

.icon-brand-gitkraken:before { content: "\e98a"; }

.icon-brand-gitlab:before { content: "\e98b"; }

.icon-brand-git-square:before { content: "\e98c"; }

.icon-brand-gitter:before { content: "\e98d"; }

.icon-brand-glide:before { content: "\e98e"; }

.icon-brand-glide-g:before { content: "\e98f"; }

.icon-brand-gofore:before { content: "\e990"; }

.icon-brand-goodreads:before { content: "\e991"; }

.icon-brand-goodreads-g:before { content: "\e992"; }

.icon-brand-google:before { content: "\e993"; }

.icon-brand-google-drive:before { content: "\e994"; }

.icon-brand-google-play:before { content: "\e995"; }

.icon-brand-google-plus:before { content: "\e996"; }

.icon-brand-google-plus-g:before { content: "\e997"; }

.icon-brand-google-plus-square:before { content: "\e998"; }

.icon-brand-google-wallet:before { content: "\e999"; }

.icon-brand-gratipay:before { content: "\e99a"; }

.icon-brand-grav:before { content: "\e99b"; }

.icon-brand-gripfire:before { content: "\e99c"; }

.icon-brand-grunt:before { content: "\e99d"; }

.icon-brand-gulp:before { content: "\e99e"; }

.icon-brand-hacker-news:before { content: "\e99f"; }

.icon-brand-hacker-news-square:before { content: "\e9a0"; }

.icon-brand-hips:before { content: "\e9a1"; }

.icon-brand-hire-a-helper:before { content: "\e9a2"; }

.icon-brand-hooli:before { content: "\e9a3"; }

.icon-brand-hotjar:before { content: "\e9a4"; }

.icon-brand-houzz:before { content: "\e9a5"; }

.icon-brand-html5:before { content: "\e9a6"; }

.icon-brand-hubspot:before { content: "\e9a7"; }

.icon-brand-imdb:before { content: "\e9a8"; }

.icon-brand-instagram:before { content: "\e9a9"; }

.icon-brand-internet-explorer:before { content: "\e9aa"; }

.icon-brand-ioxhost:before { content: "\e9ab"; }

.icon-brand-itunes:before { content: "\e9ac"; }

.icon-brand-itunes-note:before { content: "\e9ad"; }

.icon-brand-java:before { content: "\e9ae"; }

.icon-brand-jedi-order:before { content: "\e9af"; }

.icon-brand-jenkins:before { content: "\e9b0"; }

.icon-brand-joget:before { content: "\e9b1"; }

.icon-brand-joomla:before { content: "\e9b2"; }

.icon-brand-js:before { content: "\e9b3"; }

.icon-brand-jsfiddle:before { content: "\e9b4"; }

.icon-brand-js-square:before { content: "\e9b5"; }

.icon-brand-keybase:before { content: "\e9b6"; }

.icon-brand-keycdn:before { content: "\e9b7"; }

.icon-brand-kickstarter:before { content: "\e9b8"; }

.icon-brand-kickstarter-k:before { content: "\e9b9"; }

.icon-brand-korvue:before { content: "\e9ba"; }

.icon-brand-laravel:before { content: "\e9bb"; }

.icon-brand-lastfm:before { content: "\e9bc"; }

.icon-brand-lastfm-square:before { content: "\e9bd"; }

.icon-brand-leanpub:before { content: "\e9be"; }

.icon-brand-less:before { content: "\e9bf"; }

.icon-brand-line:before { content: "\e9c0"; }

.icon-brand-linkedin:before { content: "\e9c1"; }

.icon-brand-linkedin-in:before { content: "\e9c2"; }

.icon-brand-linode:before { content: "\e9c3"; }

.icon-brand-linux:before { content: "\e9c4"; }

.icon-brand-lyft:before { content: "\e9c5"; }

.icon-brand-magento:before { content: "\e9c6"; }

.icon-brand-mandalorian:before { content: "\e9c7"; }

.icon-brand-mastodon:before { content: "\e9c8"; }

.icon-brand-maxcdn:before { content: "\e9c9"; }

.icon-brand-medapps:before { content: "\e9ca"; }

.icon-brand-medium:before { content: "\e9cb"; }

.icon-brand-medium-m:before { content: "\e9cc"; }

.icon-brand-medrt:before { content: "\e9cd"; }

.icon-brand-meetup:before { content: "\e9ce"; }

.icon-brand-microsoft:before { content: "\e9cf"; }

.icon-brand-mix:before { content: "\e9d0"; }

.icon-brand-mixcloud:before { content: "\e9d1"; }

.icon-brand-mizuni:before { content: "\e9d2"; }

.icon-brand-modx:before { content: "\e9d3"; }

.icon-brand-monero:before { content: "\e9d4"; }

.icon-brand-napster:before { content: "\e9d5"; }

.icon-brand-nintendo-switch:before { content: "\e9d6"; }

.icon-brand-node:before { content: "\e9d7"; }

.icon-brand-node-js:before { content: "\e9d8"; }

.icon-brand-npm:before { content: "\e9d9"; }

.icon-brand-ns8:before { content: "\e9da"; }

.icon-brand-nutritionix:before { content: "\e9db"; }

.icon-brand-odnoklassniki:before { content: "\e9dc"; }

.icon-brand-odnoklassniki-square:before { content: "\e9dd"; }

.icon-brand-old-republic:before { content: "\e9de"; }

.icon-brand-opencart:before { content: "\e9df"; }

.icon-brand-openid:before { content: "\e9e0"; }

.icon-brand-opera:before { content: "\e9e1"; }

.icon-brand-optin-monster:before { content: "\e9e2"; }

.icon-brand-osi:before { content: "\e9e3"; }

.icon-brand-page4:before { content: "\e9e4"; }

.icon-brand-pagelines:before { content: "\e9e5"; }

.icon-brand-palfed:before { content: "\e9e6"; }

.icon-brand-patreon:before { content: "\e9e7"; }

.icon-brand-paypal:before { content: "\e9e8"; }

.icon-brand-periscope:before { content: "\e9e9"; }

.icon-brand-phabricator:before { content: "\e9ea"; }

.icon-brand-phoenix-framework:before { content: "\e9eb"; }

.icon-brand-phoenix-squadron:before { content: "\e9ec"; }

.icon-brand-php:before { content: "\e9ed"; }

.icon-brand-pied-piper:before { content: "\e9ee"; }

.icon-brand-pied-piper-alt:before { content: "\e9ef"; }

.icon-brand-pied-piper-hat:before { content: "\e9f0"; }

.icon-brand-pied-piper-pp:before { content: "\e9f1"; }

.icon-brand-pinterest:before { content: "\e9f2"; }

.icon-brand-pinterest-p:before { content: "\e9f3"; }

.icon-brand-pinterest-square:before { content: "\e9f4"; }

.icon-brand-playstation:before { content: "\e9f5"; }

.icon-brand-product-hunt:before { content: "\e9f6"; }

.icon-brand-pushed:before { content: "\e9f7"; }

.icon-brand-python:before { content: "\e9f8"; }

.icon-brand-qq:before { content: "\e9f9"; }

.icon-brand-quinscape:before { content: "\e9fa"; }

.icon-brand-quora:before { content: "\e9fb"; }

.icon-brand-ravelry:before { content: "\e9fc"; }

.icon-brand-react:before { content: "\e9fd"; }

.icon-brand-readme:before { content: "\e9fe"; }

.icon-brand-rebel:before { content: "\e9ff"; }

.icon-brand-reddit:before { content: "\ea00"; }

.icon-brand-reddit-alien:before { content: "\ea01"; }

.icon-brand-reddit-square:before { content: "\ea02"; }

.icon-brand-red-river:before { content: "\ea03"; }

.icon-brand-rendact:before { content: "\ea04"; }

.icon-brand-renren:before { content: "\ea05"; }

.icon-brand-replyd:before { content: "\ea06"; }

.icon-brand-researchgate:before { content: "\ea07"; }

.icon-brand-resolving:before { content: "\ea08"; }

.icon-brand-rocketchat:before { content: "\ea09"; }

.icon-brand-rockrms:before { content: "\ea0a"; }

.icon-brand-r-project:before { content: "\ea0b"; }

.icon-brand-safari:before { content: "\ea0c"; }

.icon-brand-sass:before { content: "\ea0d"; }

.icon-brand-schlix:before { content: "\ea0e"; }

.icon-brand-scribd:before { content: "\ea0f"; }

.icon-brand-searchengin:before { content: "\ea10"; }

.icon-brand-sellcast:before { content: "\ea11"; }

.icon-brand-sellsy:before { content: "\ea12"; }

.icon-brand-servicestack:before { content: "\ea13"; }

.icon-brand-shirtsinbulk:before { content: "\ea14"; }

.icon-brand-simplybuilt:before { content: "\ea15"; }

.icon-brand-sistrix:before { content: "\ea16"; }

.icon-brand-sith:before { content: "\ea17"; }

.icon-brand-skyatlas:before { content: "\ea18"; }

.icon-brand-skype:before { content: "\ea19"; }

.icon-brand-slack:before { content: "\ea1a"; }

.icon-brand-slack-hash:before { content: "\ea1b"; }

.icon-brand-slideshare:before { content: "\ea1c"; }

.icon-brand-snapchat:before { content: "\ea1d"; }

.icon-brand-snapchat-ghost:before { content: "\ea1e"; }

.icon-brand-snapchat-square:before { content: "\ea1f"; }

.icon-brand-soundcloud:before { content: "\ea20"; }

.icon-brand-speakap:before { content: "\ea21"; }

.icon-brand-spotify:before { content: "\ea22"; }

.icon-brand-stack-exchange:before { content: "\ea23"; }

.icon-brand-stack-overflow:before { content: "\ea24"; }

.icon-brand-staylinked:before { content: "\ea25"; }

.icon-brand-steam:before { content: "\ea26"; }

.icon-brand-steam-square:before { content: "\ea27"; }

.icon-brand-steam-symbol:before { content: "\ea28"; }

.icon-brand-sticker-mule:before { content: "\ea29"; }

.icon-brand-strava:before { content: "\ea2a"; }

.icon-brand-stripe:before { content: "\ea2b"; }

.icon-brand-stripe-s:before { content: "\ea2c"; }

.icon-brand-studiovinari:before { content: "\ea2d"; }

.icon-brand-stumbleupon:before { content: "\ea2e"; }

.icon-brand-stumbleupon-circle:before { content: "\ea2f"; }

.icon-brand-superpowers:before { content: "\ea30"; }

.icon-brand-supple:before { content: "\ea31"; }

.icon-brand-teamspeak:before { content: "\ea32"; }

.icon-brand-telegram:before { content: "\ea33"; }

.icon-brand-telegram-plane:before { content: "\ea34"; }

.icon-brand-tencent-weibo:before { content: "\ea35"; }

.icon-brand-themeisle:before { content: "\ea36"; }

.icon-brand-trade-federation:before { content: "\ea37"; }

.icon-brand-trello:before { content: "\ea38"; }

.icon-brand-tripadvisor:before { content: "\ea39"; }

.icon-brand-tumblr:before { content: "\ea3a"; }

.icon-brand-tumblr-square:before { content: "\ea3b"; }

.icon-brand-twitch:before { content: "\ea3c"; }

.icon-brand-twitter:before { content: "\ea3d"; }

.icon-brand-twitter-square:before { content: "\ea3e"; }

.icon-brand-typo3:before { content: "\ea3f"; }

.icon-brand-uber:before { content: "\ea40"; }

.icon-brand-uikit:before { content: "\ea41"; }

.icon-brand-uniregistry:before { content: "\ea42"; }

.icon-brand-untappd:before { content: "\ea43"; }

.icon-brand-usb:before { content: "\ea44"; }

.icon-brand-ussunnah:before { content: "\ea45"; }

.icon-brand-vaadin:before { content: "\ea46"; }

.icon-brand-viacoin:before { content: "\ea47"; }

.icon-brand-viadeo:before { content: "\ea48"; }

.icon-brand-viadeo-square:before { content: "\ea49"; }

.icon-brand-viber:before { content: "\ea4a"; }

.icon-brand-vimeo:before { content: "\ea4b"; }

.icon-brand-vimeo-square:before { content: "\ea4c"; }

.icon-brand-vimeo-v:before { content: "\ea4d"; }

.icon-brand-vine:before { content: "\ea4e"; }

.icon-brand-vk:before { content: "\ea4f"; }

.icon-brand-vnv:before { content: "\ea50"; }

.icon-brand-vuejs:before { content: "\ea51"; }

.icon-brand-weibo:before { content: "\ea52"; }

.icon-brand-weixin:before { content: "\ea53"; }

.icon-brand-whatsapp:before { content: "\ea54"; }

.icon-brand-whatsapp-square:before { content: "\ea55"; }

.icon-brand-whmcs:before { content: "\ea56"; }

.icon-brand-wikipedia-w:before { content: "\ea57"; }

.icon-brand-windows:before { content: "\ea58"; }

.icon-brand-wolf-pack-battalion:before { content: "\ea59"; }

.icon-brand-wordpress:before { content: "\ea5a"; }

.icon-brand-wordpress-simple:before { content: "\ea5b"; }

.icon-brand-wpbeginner:before { content: "\ea5c"; }

.icon-brand-wpexplorer:before { content: "\ea5d"; }

.icon-brand-wpforms:before { content: "\ea5e"; }

.icon-brand-xbox:before { content: "\ea5f"; }

.icon-brand-xing:before { content: "\ea60"; }

.icon-brand-xing-square:before { content: "\ea61"; }

.icon-brand-yahoo:before { content: "\ea62"; }

.icon-brand-yandex:before { content: "\ea63"; }

.icon-brand-yandex-international:before { content: "\ea64"; }

.icon-brand-y-combinator:before { content: "\ea65"; }

.icon-brand-yelp:before { content: "\ea66"; }

.icon-brand-yoast:before { content: "\ea67"; }

.icon-brand-youtube:before { content: "\ea68"; }

.icon-brand-youtube-square:before { content: "\ea69"; }

/* -------------------------------------------------------------- */
/* 08. Custom CSS
----------------------------------------------------------------- */
/*@import 'custom';*/

/*DESIGN V2*/
.login-register-page {
    background-color: white;
    padding: 40px;
    border-radius: 20px;
}
#welcome_txt {
    width: 30%;
    margin-left: 100px;
    margin-top: 60px;
}
#h2_accueil {
    color: white;
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 20px;
}
#h5_accueil {
    color: white;
    font-size: 20px;
}