* {
  margin: 0;
  padding: 0;
  font-family: "Fredoka", cursive;
}

:root {
  --shelly-color-background: #f5fcff;
  --shelly-color-primary: #f37335;
  --shelly-color-secondary: #135e9e;
  --shelly-color-accent: #fdc12a;
  --shelly-color-text: #494949;
  --shelly-color-subtext: #677784;
  --shelly-color-divider: #c9e2f8;
  --shelly-color-h6: #494949;
  --primary-color: #1a3056;
  --secondary-color: #41af68;
  --grey: #f2f3f8;
  --blackish-color: #404040;
  --box-shadow-float: 0px 17px 10px -10px rgb(0 0 0 / 40%);
  --box-shadow: 0 0 0.5rem 0 #c9e2f899;

  --hue: 223;
  --bg: hsl(var(--hue), 10%, 90%);
  --fg1: hsl(var(--hue), 10%, 10%);
  --fg2: hsl(var(--hue), 10%, 30%);
  --fg3: hsl(var(--hue), 10%, 70%);
  --primary: hsl(var(--hue), 90%, 55%);
  --primary-t: hsla(var(--hue), 90%, 55%, 0);
  --primary-t-hover: hsla(var(--hue), 90%, 55%, 0.15);
  --trans-dur1: 0.3s;
  --trans-dur2: 0.6s;

  --martinique: #323357;
  --mariner: #2a5bda;
  --bright-sun: #fccc4d;
  --zircon: #f5f8ff;
  --black: #000000;
  --white: #ffffff;
  --mercury: #e5e5e5;
  --comet: #595b71;

  --header-bkg: #3b3b98;
  --bio-text: #fff;
  --bio-bkg: #182c61;
  --bio-bkg-hover: #b33771;
  --name-text: #2c3a47;
  --name-text-hover: #3b3b98;
}

* {
    --primary-green: #a7cf3a;
    --primary-green-dark: #8aac2f;
    --primary-blue: #aa2923;
    --primary-blue-dark: #aa2923;
    --box-shadow-float: 0px 17px 10px -10px rgb(0 0 0 / 40%);
    --box-shadow: 0 0 0.5rem 0 #c9e2f899;
}

html {
  font-size: 10px;
}

body {
  font-size: 1.6rem !important;
  /* background: var(--shelly-color-background); */
  /* background: #ffffff; */
  color: var(--shelly-color-text);
  /* background: linear-gradient(45deg, #daf1f9 0%, rgba(225, 5, 34, 0) 70%) repeat
      scroll 0% 0%,
    linear-gradient(135deg, #e3d1e3 10%, rgba(49, 5, 209, 0) 80%) repeat scroll
      0% 0%,
    linear-gradient(225deg, #d7e5fd 10%, rgba(10, 219, 216, 0) 80%) repeat
      scroll 0% 0%,
    rgba(0, 0, 0, 0)
      linear-gradient(315deg, #ffffe4 100%, rgba(9, 245, 5, 0) 70%) repeat
      scroll 0% 0%;
  background-repeat: no-repeat; */
  background: url(../img/pageBg.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

#loading {
  position: fixed;
  width: 100vw;
  top: 7rem;
  height: calc(100% - 7rem);
  z-index: 9999;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  height: auto;
  width: 50vw;
  max-width: 30rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--shelly-color-text);
  font-weight: 700;
  margin-bottom: 2rem;
}

h1 {
  font-size: 4rem;
}

h2 {
  font-size: 3.2rem;
}

h3 {
  font-size: 2.8rem;
}

h4 {
  font-size: 2.4rem;
}

h5 {
  font-size: 2rem;
}

h6 {
  font-size: 1.6rem;
}

p {
  font-size: 1.6rem;
  color: var(--shelly-color-text);
  margin-bottom: 2rem;
  line-height: 1.2;
}

p {
  color: #787878;
  line-height: 1.63em;
  font-size: 18px;
}

.btn {
  font-size: 1.6rem;
  color: var(--shelly-color-text);
}

input {
  outline: none;
}

a,
label {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

strong {
  padding: 0;
  margin: 0;
}

.container,
.container-fluid {
  height: auto;
  width: 100%;
  padding: 0;
}

.container {
  max-width: 1300px;
}

.row {
  height: auto;
  width: 100%;
  margin: 0;
}

.modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}

.modal-dialog {
  -webkit-animation: flipInX 1s ease;
}

.datepicker-container {
  z-index: 10000 !important;
}

select {
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.9rem top 1.7rem !important;
  background-size: 1em !important;
  cursor: pointer;
}

.customLink {
  color: var(--shelly-color-primary);
  text-transform: capitalize;
  font-size: 1.6rem !important;
  font-weight: 700;
  margin-left: 1rem;
}

.customBtn {
  background: var(--shelly-color-primary);
  color: white;
  text-transform: capitalize;
  font-size: 1.3rem !important;
  padding: 1rem 3rem;
  border-radius: 50px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.customBtn:focus {
  box-shadow: none;
  transform: scale(0.98);
  box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}
.customBtn:hover {
  color: white;
}
.customBtn i {
  margin-right: 1rem;
  font-size: 1.2rem;
}

.lineUnder {
  width: 100%;
  height: 2px;
  background: var(--shelly-color-divider);
}

.odometer {
  font-size: 3rem;
}

.sticky-con {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  /* background: var(--secondary-color); */
  color: white !important;
  padding: 0.8rem;
  z-index: 99999;
  box-shadow: var(--box-shadow-float);
  cursor: pointer;
  font-size: 2.5rem;
  width: 10rem;
  border-radius: 50%;
}

/*-----------------------------------------------------------Scroller----------------------------------------------------------------*/

/* width */

::-webkit-scrollbar {
  width: 0;
}

/* Track */

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: rgb(200, 199, 199);
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: rgb(200, 199, 199);
}

/*-----------------------------------------------------------Banner Effect----------------------------------------------------------------*/

.banner-effect {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.banner-effect img {
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.banner-effect::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.banner-effect:hover img {
  transform: scale(1.1);
}

.banner-effect:hover::after {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}

/*-----------------------------------------------------------Animations----------------------------------------------------------------*/

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
  }
}

/*--------------------------------Styles-------------------------------------------------------*/

/**

  * Name: Autora

  * Version: 1.0

  * Author: Themesflat

  * Author URI: http://www.themesflat.com

*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i | Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i | Hind:300,400,500,600,700");

@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,700,700i,900&display=swap");

@import url("https://fonts.googleapis.com/css?family=Lato&display=swap");

@import "assets/css/bootstrap.css?ver=4.9.11";

@import "assets/css/animate.css?ver=4.9.11";

@import "assets/css/animsition.css?ver=4.9.11";

@import "assets/css/woocommerce.css?ver=4.9.11";

@import "assets/css/owl.carousel.css?ver=4.9.11";

@import "assets/css/font-awesome.css?ver=4.9.11";

@import "assets/css/ionicons.css?ver=4.9.11";

@import "assets/css/font-etline.css?ver=4.9.11";

@import "assets/css/autora-icons.css?ver=4.9.11";

@import "assets/css/shortcodes.css?ver=4.9.11";

/* For Revolution Slider */

@import "includes/rev-slider/css/settings.css";

@import "includes/rev-slider/css/layers.css";

@import "includes/rev-slider/css/navigation.css";

/**

  *	Reset Browsers

  * General

  * Elements

  * Forms

  * Typography

  * Extra classes

  * Layouts

  * Column

  * Effect

  * Rev Slider

  * Top Bar

  * Header

  * Featured Title

  * Blog Post

  * Widgets

  * Pagination

  * Footer

  * Bottom

  * Scroll Top

  * Switcher

  * Boxed

  * Media Queries

*/

/* Reset Browsers

-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #fff;
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
blockquote,
q {
  quotes: none;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  outline: 0;
}
a img {
  border: 0;
}
img {
  max-width: 100%;
  height: auto;
}
select {
  max-width: 100%;
}

*::selection {
  background-color: #aa2923;
}

::selection {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .open-button {
    background-color: #aa2d2e;

    color: white;

    padding: 16px 20px;

    border: none;

    cursor: pointer;

    opacity: 1;

    position: fixed;

    bottom: 0px;

    right: 2px;

    width: 180px;

    z-index: 8;

    display: block !important;
  }

  .whatsapp-button {
    background-color: #000;

    color: white;

    padding: 12px 20px;

    border: none;

    cursor: pointer;

    opacity: 1;

    position: fixed;

    bottom: 0px;

    left: 2px;

    width: 180px;

    z-index: 8;

    display: block !important;
  }
}

@media only screen and (max-width: 320px) {
  .open-button {
    background-color: #aa2d2e;

    color: white;

    padding: 16px 20px;

    border: none;

    cursor: pointer;

    opacity: 1;

    position: fixed;

    bottom: 0px;

    right: 2px;

    width: 180px;

    z-index: 8;

    display: block !important;
  }

  .whatsapp-button {
    background-color: #000;

    color: white;

    padding: 12px 20px;

    border: none;

    cursor: pointer;

    opacity: 1;

    position: fixed;

    bottom: 0px;

    left: 2px;

    width: 180px;

    z-index: 8;

    display: block !important;
  }
}

@media only screen and (max-width: 415px) and (min-width: 371px) {
  .open-button {
    background-color: #aa2d2e;

    color: white;

    padding: 16px 20px;

    border: none;

    cursor: pointer;

    opacity: 1;

    position: fixed;

    bottom: 0px;

    right: 2px;

    width: 180px;

    z-index: 8;

    display: block !important;
  }
  .whatsapp-button {
    background-color: #000;

    color: white;

    padding: 12px 20px;

    border: none;

    cursor: pointer;

    opacity: 1;

    position: fixed;

    bottom: 0px;

    left: 2px;

    width: 180px;

    z-index: 8;

    display: block !important;
  }
}

@media only screen and (max-width: 370px) and (min-width: 321px) {
  .open-button {
    background-color: #aa2d2e;

    color: white;

    padding: 16px 20px;

    border: none;

    cursor: pointer;

    opacity: 1;

    position: fixed;

    bottom: 0px;

    right: 2px;

    width: 180px;

    z-index: 8;

    display: block !important;
  }
}

.open-button {
  display: none;
}

.whatsapp-button {
  display: none;
}

/* The popup form - hidden by default */

.form-popup {
  display: none;

  position: fixed;

  bottom: 0;

  right: 15px;

  border: 3px solid #f1f1f1;

  z-index: 9;
}

/* Add styles to the form container */

.form-container {
  max-width: 300px;

  padding: 10px;

  background-color: white;
}

/* Full-width input fields */

.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="password"] {
  width: 100%;

  padding: 10px;

  margin: 5px 0 5px 0;

  border: none;

  background: #f1f1f1;
}

/* When the inputs get focus, do something */

.form-container input[type="text"]:focus,
.form-container input[type="email"]:focus,
.form-container input[type="password"]:focus {
  background-color: #ddd;

  outline: none;
}

/* Set a style for the submit/login button */

.form-container .btn {
  background-color: #9e0c10;

  color: white;

  padding: 16px 20px;

  border: none;

  cursor: pointer;

  width: 100%;

  margin-bottom: 10px;

  opacity: 0.8;
  font-size: 13px;
}

/* Add a red background color to the cancel button */

.form-container .cancel {
  background-color: #000;
}

/* Add some hover effects to buttons */

.form-container .btn:hover,
.open-button:hover {
  opacity: 1;
}

.modal {
  display: none;
  /* Hidden by default */

  position: fixed;
  /* Stay in place */

  z-index: 1;
  /* Sit on top */

  left: 0;

  top: 0;

  width: 100%;
  /* Full width */

  height: 100%;
  /* Full height */

  overflow: auto;
  /* Enable scroll if needed */

  background-color: rgb(0, 0, 0);
  /* Fallback color */

  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */

.modal-content {
  background-color: #fefefe;

  margin: 15% auto;
  /* 15% from the top and centered */

  padding: 20px;

  border: 1px solid #888;

  width: 80%;
  /* Could be more or less, depending on screen size */
}

/* The Close Button */

.close {
  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;

  text-decoration: none;

  cursor: pointer;
}

.projecttitle a {
  color: #ad2f2a;

  font-size: 18px;

  line-height: 18px;
}

.projectprice {
  float: right;

  font-size: 18px;

  color: #ad2f2a;
  margin-top: -73px;
}

.font_7 {
  font-size: 14px;

  font-weight: bold;
}

.projectsec {
  font-size: 14px;

  color: #ad2f2a;

  font-weight: bold;

  border-bottom: 1px solid rgba(68, 68, 68, 0.25882352941176473);
}

.projectdesc {
  color: #4d4747;
}

a.button,
a.tp-button {
  margin-top: 13px;
}

a.button_js {
  padding: 0;
}

a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;

  padding: 11px 20px;

  margin-bottom: 15px;

  cursor: pointer;

  margin-right: 7px;

  border: 0;

  border-radius: 5px;

  position: relative;

  overflow: hidden;

  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);

  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);

  background-image: url(../images/box_shadow_button.png);

  background-repeat: repeat-x;
}

a.button.button_right .button_icon,
a.tp-button.button_right .button_icon {
  float: right;
}

/* General

-------------------------------------------------------------- */

body,
button,
input,
select,
textarea {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #555555;
  font-size: 16px;
  line-height: 25px;
  background-color: #efefef;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  overflow-y: auto;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

p {
  margin: 0 0 20px;
}

strong,
b,
cite {
  font-weight: bold;
}

dfn,
cite,
em,
i,
blockquote {
  font-style: italic;
}

blockquote {
  position: relative;
  background-color: transparent;
  margin: 0px;
  padding: 0 0 0 32px;
}

blockquote > p:last-child {
  margin-bottom: 0;
}

blockquote cite {
  position: absolute;
  right: 0;
  bottom: 0;
}

blockquote em,
blockquote i {
  font-style: normal;
}

abbr,
acronym {
  border-bottom: 1px dotted #e0e0e0;
  cursor: help;
}

mark,
ins {
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -6px;
}

sub {
  bottom: -3px;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

address {
  font-style: italic;
  margin: 0 0 20px;
}

code,
kbd,
tt,
var,
samp,
pre {
  margin: 20px 0;
  padding: 4px 12px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  overflow-x: auto;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  border-radius: 0;
  height: auto;
}

/* Elements

-------------------------------------------------------------- */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

hr {
  background-color: #e0e0e0;
  border: 0;
  height: 1px;
  margin-bottom: 20px;
}

/* List */

ul,
ol {
  padding: 0;
  margin: 0 0 20px 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

li {
}

ul li,
ol li {
  padding: 0.1em 0;
}

dl,
dd {
  margin: 0 0 20px;
}

dt {
  font-weight: bold;
}

del,
.disable {
  text-decoration: line-through;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* Table */

table,
th,
td {
  border: 1px solid #e0e0e0;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 30px;
  table-layout: fixed;
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
}

td {
  border-width: 0 1px 1px 0;
}

th,
td {
  padding: 8px 12px;
}

a:hover {
  text-decoration: none;
}

/* Media */

embed,
iframe,
object,
video {
  margin-bottom: 20px;
  max-width: 100%;
  vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
  margin-bottom: 0;
}

/* Accessibility - Text meant only for screen readers */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Forms

-------------------------------------------------------------- */

/* Fixes */

button,
input {
  line-height: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  line-height: inherit;
  margin: 0;
  vertical-align: baseline;
}

input,
textarea {
  font-size: 1em;
  max-width: 100%;
  background-image: -webkit-linear-gradient(
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0)
  ); /* Removing the inner shadow on iOS inputs */
}

textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top; /* Improves readability and alignment in all browsers */
}

input[type="checkbox"] {
  display: inline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Remove chrome yellow autofill */

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
}

/* Reset search styling */

input[type="search"] {
  outline: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* Input normal */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  color: #777;

  border: 1px solid #e7e7e7;

  padding: 8px 10px;

  letter-spacing: 0px;

  background-color: #ffffffe6;

  line-height: inherit;

  width: 100%;

  margin-bottom: 14px;

  height: auto;

  text-shadow: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: border ease 0.238s;

  -moz-transition: border ease 0.238s;

  transition: border ease 0.238s;

  border-radius: 8px;
}

/* Contact Form 7 */

.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7-form input {
  margin-bottom: 0;
}

/* Input focus */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: #aa2923;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Button */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #aa2923;
  color: #fff;
  padding: 16px 30px;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  -webkit-appearance: none;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

/* Button hover + focus */

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: 0;
  background-color: #222;
}

/* Placeholder color */

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
  opacity: 1;
} /* Since FF19 lowers the opacity of the placeholder by default */

:-ms-input-placeholder {
  color: #999;
}

/* Links */

a {
  color: #222;
  outline: 0;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover,
a:focus,
a:active {
  outline: 0;
  color: #aa2923;
  text-decoration: none;
}

/* Typography

-------------------------------------------------------------- */

h1,
h2,
h3,
h4 {
  font-family: "Poppins", sans-serif;
  color: #222;
  margin: 0 0 15px;
  text-rendering: optimizeLegibility;
}

h5,
h6 {
  font-family: "Arial", sans-serif;
  color: #222;
  margin: 0 0 15px;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 900;
} /* 34px */

h2 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
} /* 30px */

h3 {
  font-size: 25px;
  line-height: 29px;
  font-weight: 600;
} /* 24px */

h4 {
  font-size: 21px;
  line-height: 25px;
  font-weight: 500;
} /* 20px */

h5 {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
} /* 18px */

h6 {
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
} /* 16px */

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

/* ------------ Modal Box CSS -------- */

.w3-image {
  max-width: 100%;
  height: auto;
}
img {
  vertical-align: middle;
}
a {
  color: inherit;
}

.w3-table,
.w3-table-all {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table;
}
.w3-table-all {
  border: 1px solid #ccc;
}

.w3-bordered tr,
.w3-table-all tr {
  border-bottom: 1px solid #ddd;
}
.w3-striped tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}

.w3-table-all tr:nth-child(odd) {
  background-color: #fff;
}
.w3-table-all tr:nth-child(even) {
  background-color: #f1f1f1;
}

.w3-hoverable tbody tr:hover,
.w3-ul.w3-hoverable li:hover {
  background-color: #ccc;
}
.w3-centered tr th,
.w3-centered tr td {
  text-align: center;
}

.w3-table td,
.w3-table th,
.w3-table-all td,
.w3-table-all th {
  padding: 8px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.w3-table th:first-child,
.w3-table td:first-child,
.w3-table-all th:first-child,
.w3-table-all td:first-child {
  padding-left: 16px;
}

.w3-btn,
.w3-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.w3-btn:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.w3-btn,
.w3-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w3-disabled,
.w3-btn:disabled,
.w3-button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.w3-disabled *,
:disabled * {
  pointer-events: none;
}

.w3-btn.w3-disabled:hover,
.w3-btn:disabled:hover {
  box-shadow: none;
}

.w3-badge,
.w3-tag {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.w3-badge {
  border-radius: 50%;
}

.w3-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.w3-ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
}
.w3-ul li:last-child {
  border-bottom: none;
}

.w3-tooltip,
.w3-display-container {
  position: relative;
}
.w3-tooltip .w3-text {
  display: none;
}
.w3-tooltip:hover .w3-text {
  display: inline-block;
}

.w3-ripple:active {
  opacity: 0.5;
}
.w3-ripple {
  transition: opacity 0s;
}

.w3-input {
  padding: 8px;
  display: block;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
}

.w3-select {
  padding: 9px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
}

.w3-dropdown-click,
.w3-dropdown-hover {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.w3-dropdown-hover:hover .w3-dropdown-content {
  display: block;
}

.w3-dropdown-hover:first-child,
.w3-dropdown-click:hover {
  background-color: #ccc;
  color: #000;
}

.w3-dropdown-hover:hover > .w3-button:first-child,
.w3-dropdown-click:hover > .w3-button:first-child {
  background-color: #ccc;
  color: #000;
}

.w3-dropdown-content {
  cursor: auto;
  color: #000;
  background-color: #fff;
  display: none;
  position: absolute;
  min-width: 160px;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.w3-check,
.w3-radio {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
}

.w3-sidebar {
  height: 100%;
  width: 200px;
  background-color: #fff;
  position: fixed !important;
  z-index: 1;
  overflow: auto;
}

.w3-bar-block .w3-dropdown-hover,
.w3-bar-block .w3-dropdown-click {
  width: 100%;
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
  min-width: 100%;
}

.w3-bar-block .w3-dropdown-hover .w3-button,
.w3-bar-block .w3-dropdown-click .w3-button {
  width: 100%;
  text-align: left;
  padding: 8px 16px;
}

.w3-main,
#main {
  transition: margin-left 0.4s;
}

.w3-modal {
  z-index: 3;
  display: none;
  padding-top: 105px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 510px;
}

.w3-bar {
  width: 100%;
  overflow: hidden;
}
.w3-center .w3-bar {
  display: inline-block;
  width: auto;
}

.w3-bar .w3-bar-item {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}

.w3-bar .w3-dropdown-hover,
.w3-bar .w3-dropdown-click {
  position: static;
  float: left;
}

.w3-bar .w3-button {
  white-space: normal;
}

.w3-bar-block .w3-bar-item {
  width: 100%;
  display: block;
  padding: 8px 16px;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0;
}

.w3-bar-block.w3-center .w3-bar-item {
  text-align: center;
}
.w3-block {
  display: block;
  width: 100%;
}

.w3-responsive {
  display: block;
  overflow-x: auto;
}

.w3-container:after,
.w3-container:before,
.w3-panel:after,
.w3-panel:before,
.w3-row:after,
.w3-row:before,
.w3-row-padding:after,
.w3-row-padding:before,
.w3-cell-row:before,
.w3-cell-row:after,
.w3-clear:after,
.w3-clear:before,
.w3-bar:before,
.w3-bar:after {
  content: "";
  display: table;
  clear: both;
}

.w3-col,
.w3-half,
.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter {
  float: left;
  width: 100%;
}

.w3-col.s1 {
  width: 8.33333%;
}
.w3-col.s2 {
  width: 16.66666%;
}
.w3-col.s3 {
  width: 24.99999%;
}
.w3-col.s4 {
  width: 33.33333%;
}

.w3-col.s5 {
  width: 41.66666%;
}
.w3-col.s6 {
  width: 49.99999%;
}
.w3-col.s7 {
  width: 58.33333%;
}
.w3-col.s8 {
  width: 66.66666%;
}

.w3-col.s9 {
  width: 74.99999%;
}
.w3-col.s10 {
  width: 83.33333%;
}
.w3-col.s11 {
  width: 91.66666%;
}
.w3-col.s12 {
  width: 99.99999%;
}

@media (min-width: 601px) {
  .w3-col.m1 {
    width: 8.33333%;
  }
  .w3-col.m2 {
    width: 16.66666%;
  }
  .w3-col.m3,
  .w3-quarter {
    width: 24.99999%;
  }
  .w3-col.m4,
  .w3-third {
    width: 33.33333%;
  }

  .w3-col.m5 {
    width: 41.66666%;
  }
  .w3-col.m6,
  .w3-half {
    width: 49.99999%;
  }
  .w3-col.m7 {
    width: 58.33333%;
  }
  .w3-col.m8,
  .w3-twothird {
    width: 66.66666%;
  }

  .w3-col.m9,
  .w3-threequarter {
    width: 74.99999%;
  }
  .w3-col.m10 {
    width: 83.33333%;
  }
  .w3-col.m11 {
    width: 91.66666%;
  }
  .w3-col.m12 {
    width: 99.99999%;
  }
}

@media (min-width: 993px) {
  .w3-col.l1 {
    width: 8.33333%;
  }
  .w3-col.l2 {
    width: 16.66666%;
  }
  .w3-col.l3 {
    width: 24.99999%;
  }
  .w3-col.l4 {
    width: 33.33333%;
  }

  .w3-col.l5 {
    width: 41.66666%;
  }
  .w3-col.l6 {
    width: 49.99999%;
  }
  .w3-col.l7 {
    width: 58.33333%;
  }
  .w3-col.l8 {
    width: 66.66666%;
  }

  .w3-col.l9 {
    width: 74.99999%;
  }
  .w3-col.l10 {
    width: 83.33333%;
  }
  .w3-col.l11 {
    width: 91.66666%;
  }
  .w3-col.l12 {
    width: 99.99999%;
  }
}

.w3-rest {
  overflow: hidden;
}
.w3-stretch {
  margin-left: -16px;
  margin-right: -16px;
}

.w3-content,
.w3-auto {
  margin-left: auto;
  margin-right: auto;
}
.w3-content {
  max-width: 980px;
}
.w3-auto {
  max-width: 1140px;
}

.w3-cell-row {
  display: table;
  width: 100%;
}
.w3-cell {
  display: table-cell;
}

.w3-cell-top {
  vertical-align: top;
}
.w3-cell-middle {
  vertical-align: middle;
}
.w3-cell-bottom {
  vertical-align: bottom;
}

.w3-hide {
  display: none !important;
}
.w3-show-block,
.w3-show {
  display: block !important;
}
.w3-show-inline-block {
  display: inline-block !important;
}

@media (max-width: 1205px) {
  .w3-auto {
    max-width: 95%;
  }
}

@media (max-width: 600px) {
  .w3-modal-content {
    margin: 0 10px;
    width: auto !important;
  }
  .w3-modal {
    padding-top: 30px;
  }

  .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
  .w3-dropdown-click.w3-mobile .w3-dropdown-content {
    position: relative;
  }

  .w3-hide-small {
    display: none !important;
  }
  .w3-mobile {
    display: block;
    width: 100% !important;
  }
  .w3-bar-item.w3-mobile,
  .w3-dropdown-hover.w3-mobile,
  .w3-dropdown-click.w3-mobile {
    text-align: center;
  }

  .w3-dropdown-hover.w3-mobile,
  .w3-dropdown-hover.w3-mobile .w3-btn,
  .w3-dropdown-hover.w3-mobile .w3-button,
  .w3-dropdown-click.w3-mobile,
  .w3-dropdown-click.w3-mobile .w3-btn,
  .w3-dropdown-click.w3-mobile .w3-button {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .w3-modal-content {
    width: 500px;
  }
  .w3-modal {
    padding-top: 100px;
  }
}

@media (min-width: 993px) {
  .w3-modal-content {
    width: 600px;
  }
  .w3-hide-large {
    display: none !important;
  }
  .w3-sidebar.w3-collapse {
    display: block !important;
  }
}

@media (max-width: 992px) and (min-width: 601px) {
  .w3-hide-medium {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .w3-sidebar.w3-collapse {
    display: none;
  }
  .w3-main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .w3-auto {
    max-width: 100%;
  }
}

.w3-top,
.w3-bottom {
  position: fixed;
  width: 100%;
  z-index: 1;
}
.w3-top {
  top: 0;
}
.w3-bottom {
  bottom: 0;
}

.w3-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.w3-display-topleft {
  position: absolute;
  left: 0;
  top: 0;
}
.w3-display-topright {
  position: absolute;
  right: 0;
  top: 0;
}

.w3-display-bottomleft {
  position: absolute;
  left: 0;
  bottom: 0;
}
.w3-display-bottomright {
  position: absolute;
  right: 0;
  bottom: 0;
}

.w3-display-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.w3-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
}

.w3-display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}

.w3-display-topmiddle {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}

.w3-display-bottommiddle {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}

.w3-display-container:hover .w3-display-hover {
  display: block;
}
.w3-display-container:hover span.w3-display-hover {
  display: inline-block;
}
.w3-display-hover {
  display: none;
}

.w3-display-position {
  position: absolute;
}

.w3-circle {
  border-radius: 50%;
}

.w3-round-small {
  border-radius: 2px;
}
.w3-round,
.w3-round-medium {
  border-radius: 4px;
}
.w3-round-large {
  border-radius: 8px;
}
.w3-round-xlarge {
  border-radius: 16px;
}
.w3-round-xxlarge {
  border-radius: 32px;
}

.w3-row-padding,
.w3-row-padding > .w3-half,
.w3-row-padding > .w3-third,
.w3-row-padding > .w3-twothird,
.w3-row-padding > .w3-threequarter,
.w3-row-padding > .w3-quarter,
.w3-row-padding > .w3-col {
  padding: 0 8px;
}

.w3-container,
.w3-panel {
  padding: 0.2em 16px;
}
.w3-panel {
  margin-top: 16px;
  margin-bottom: 16px;
}

.w3-code,
.w3-codespan {
  font-family: Consolas, "courier new";
  font-size: 16px;
}

.w3-code {
  width: auto;
  background-color: #fff;
  padding: 8px 12px;
  border-left: 4px solid #4caf50;
  word-wrap: break-word;
}

.w3-codespan {
  color: crimson;
  background-color: #f1f1f1;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 110%;
}

.w3-card,
.w3-card-2 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.w3-card-4,
.w3-hover-shadow:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.w3-spin {
  animation: w3-spin 2s infinite linear;
}
@keyframes w3-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.w3-animate-fading {
  animation: fading 10s infinite;
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.w3-animate-opacity {
  animation: opac 0.8s;
}
@keyframes opac {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.w3-animate-top {
  position: relative;
  animation: animatetop 0.4s;
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.w3-animate-left {
  position: relative;
  animation: animateleft 0.4s;
}
@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

.w3-animate-right {
  position: relative;
  animation: animateright 0.4s;
}
@keyframes animateright {
  from {
    right: -300px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}

.w3-animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
}
@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

.w3-animate-zoom {
  animation: animatezoom 0.6s;
}
@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.w3-animate-input {
  transition: width 0.4s ease-in-out;
}
.w3-animate-input:focus {
  width: 100% !important;
}

.w3-opacity,
.w3-hover-opacity:hover {
  opacity: 0.6;
}
.w3-opacity-off,
.w3-hover-opacity-off:hover {
  opacity: 1;
}

.w3-opacity-max {
  opacity: 0.25;
}
.w3-opacity-min {
  opacity: 0.75;
}

.w3-greyscale-max,
.w3-grayscale-max,
.w3-hover-greyscale:hover,
.w3-hover-grayscale:hover {
  filter: grayscale(100%);
}

.w3-greyscale,
.w3-grayscale {
  filter: grayscale(75%);
}
.w3-greyscale-min,
.w3-grayscale-min {
  filter: grayscale(50%);
}

.w3-sepia {
  filter: sepia(75%);
}
.w3-sepia-max,
.w3-hover-sepia:hover {
  filter: sepia(100%);
}
.w3-sepia-min {
  filter: sepia(50%);
}

.w3-tiny {
  font-size: 10px !important;
}
.w3-small {
  font-size: 12px !important;
}
.w3-medium {
  font-size: 15px !important;
}
.w3-large {
  font-size: 18px !important;
}

.w3-xlarge {
  font-size: 24px !important;
}
.w3-xxlarge {
  font-size: 36px !important;
}
.w3-xxxlarge {
  font-size: 48px !important;
}
.w3-jumbo {
  font-size: 64px !important;
}

.w3-left-align {
  text-align: left !important;
}
.w3-right-align {
  text-align: right !important;
}
.w3-justify {
  text-align: justify !important;
}
.w3-center {
  text-align: center !important;
}

.w3-border-0 {
  border: 0 !important;
}
.w3-border {
  border: 1px solid #ccc !important;
}

.w3-border-top {
  border-top: 1px solid #ccc !important;
}
.w3-border-bottom {
  border-bottom: 1px solid #ccc !important;
}

.w3-border-left {
  border-left: 1px solid #ccc !important;
}
.w3-border-right {
  border-right: 1px solid #ccc !important;
}

.w3-topbar {
  border-top: 6px solid #ccc !important;
}
.w3-bottombar {
  border-bottom: 6px solid #ccc !important;
}

.w3-leftbar {
  border-left: 6px solid #ccc !important;
}
.w3-rightbar {
  border-right: 6px solid #ccc !important;
}

.w3-section,
.w3-code {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.w3-margin {
  margin: 16px !important;
}
.w3-margin-top {
  margin-top: 16px !important;
}
.w3-margin-bottom {
  margin-bottom: 16px !important;
}

.w3-margin-left {
  margin-left: 16px !important;
}
.w3-margin-right {
  margin-right: 16px !important;
}

.w3-padding-small {
  padding: 4px 8px !important;
}
.w3-padding {
  padding: 8px 16px !important;
}
.w3-padding-large {
  padding: 12px 24px !important;
}

.w3-padding-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.w3-padding-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.w3-padding-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.w3-padding-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.w3-padding-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.w3-left {
  float: left !important;
}
.w3-right {
  float: right !important;
}

.w3-button:hover {
  color: #000 !important;
  background-color: #ccc !important;
}

.w3-transparent,
.w3-hover-none:hover {
  background-color: transparent !important;
}

.w3-hover-none:hover {
  box-shadow: none !important;
}

/* Colors */

.w3-amber,
.w3-hover-amber:hover {
  color: #000 !important;
  background-color: #ffc107 !important;
}

.w3-aqua,
.w3-hover-aqua:hover {
  color: #000 !important;
  background-color: #00ffff !important;
}

.w3-blue,
.w3-hover-blue:hover {
  color: #fff !important;
  background-color: #2196f3 !important;
}

.w3-light-blue,
.w3-hover-light-blue:hover {
  color: #000 !important;
  background-color: #87ceeb !important;
}

.w3-brown,
.w3-hover-brown:hover {
  color: #fff !important;
  background-color: #795548 !important;
}

.w3-cyan,
.w3-hover-cyan:hover {
  color: #000 !important;
  background-color: #00bcd4 !important;
}

.w3-blue-grey,
.w3-hover-blue-grey:hover,
.w3-blue-gray,
.w3-hover-blue-gray:hover {
  color: #fff !important;
  background-color: #607d8b !important;
}

.w3-green,
.w3-hover-green:hover {
  color: #fff !important;
  background-color: #4caf50 !important;
}

.w3-light-green,
.w3-hover-light-green:hover {
  color: #000 !important;
  background-color: #8bc34a !important;
}

.w3-indigo,
.w3-hover-indigo:hover {
  color: #fff !important;
  background-color: #3f51b5 !important;
}

.w3-khaki,
.w3-hover-khaki:hover {
  color: #000 !important;
  background-color: #f0e68c !important;
}

.w3-lime,
.w3-hover-lime:hover {
  color: #000 !important;
  background-color: #cddc39 !important;
}

.w3-orange,
.w3-hover-orange:hover {
  color: #000 !important;
  background-color: #ff9800 !important;
}

.w3-deep-orange,
.w3-hover-deep-orange:hover {
  color: #fff !important;
  background-color: #ff5722 !important;
}

.w3-pink,
.w3-hover-pink:hover {
  color: #fff !important;
  background-color: #e91e63 !important;
}

.w3-purple,
.w3-hover-purple:hover {
  color: #fff !important;
  background-color: #9c27b0 !important;
}

.w3-deep-purple,
.w3-hover-deep-purple:hover {
  color: #fff !important;
  background-color: #673ab7 !important;
}

.w3-red,
.w3-hover-red:hover {
  color: #fff !important;
  background-color: #f44336 !important;
}

.w3-sand,
.w3-hover-sand:hover {
  color: #000 !important;
  background-color: #fdf5e6 !important;
}

.w3-teal,
.w3-hover-teal:hover {
  color: #fff !important;
  background-color: #9e0c10 !important;
}

.w3-yellow,
.w3-hover-yellow:hover {
  color: #000 !important;
  background-color: #ffeb3b !important;
}

.w3-white,
.w3-hover-white:hover {
  color: #000 !important;
  background-color: #fff !important;
}

.w3-black,
.w3-hover-black:hover {
  color: #fff !important;
  background-color: #000 !important;
}

.w3-grey,
.w3-hover-grey:hover,
.w3-gray,
.w3-hover-gray:hover {
  color: #000 !important;
  background-color: #9e9e9e !important;
}

.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
  color: #000 !important;
  background-color: #f1f1f1 !important;
}

.w3-dark-grey,
.w3-hover-dark-grey:hover,
.w3-dark-gray,
.w3-hover-dark-gray:hover {
  color: #fff !important;
  background-color: #616161 !important;
}

.w3-pale-red,
.w3-hover-pale-red:hover {
  color: #000 !important;
  background-color: #ffdddd !important;
}

.w3-pale-green,
.w3-hover-pale-green:hover {
  color: #000 !important;
  background-color: #ddffdd !important;
}

.w3-pale-yellow,
.w3-hover-pale-yellow:hover {
  color: #000 !important;
  background-color: #ffffcc !important;
}

.w3-pale-blue,
.w3-hover-pale-blue:hover {
  color: #000 !important;
  background-color: #ddffff !important;
}

.w3-text-amber,
.w3-hover-text-amber:hover {
  color: #ffc107 !important;
}

.w3-text-aqua,
.w3-hover-text-aqua:hover {
  color: #00ffff !important;
}

.w3-text-blue,
.w3-hover-text-blue:hover {
  color: #2196f3 !important;
}

.w3-text-light-blue,
.w3-hover-text-light-blue:hover {
  color: #87ceeb !important;
}

.w3-text-brown,
.w3-hover-text-brown:hover {
  color: #795548 !important;
}

.w3-text-cyan,
.w3-hover-text-cyan:hover {
  color: #00bcd4 !important;
}

.w3-text-blue-grey,
.w3-hover-text-blue-grey:hover,
.w3-text-blue-gray,
.w3-hover-text-blue-gray:hover {
  color: #607d8b !important;
}

.w3-text-green,
.w3-hover-text-green:hover {
  color: #4caf50 !important;
}

.w3-text-light-green,
.w3-hover-text-light-green:hover {
  color: #8bc34a !important;
}

.w3-text-indigo,
.w3-hover-text-indigo:hover {
  color: #3f51b5 !important;
}

.w3-text-khaki,
.w3-hover-text-khaki:hover {
  color: #b4aa50 !important;
}

.w3-text-lime,
.w3-hover-text-lime:hover {
  color: #cddc39 !important;
}

.w3-text-orange,
.w3-hover-text-orange:hover {
  color: #ff9800 !important;
}

.w3-text-deep-orange,
.w3-hover-text-deep-orange:hover {
  color: #ff5722 !important;
}

.w3-text-pink,
.w3-hover-text-pink:hover {
  color: #e91e63 !important;
}

.w3-text-purple,
.w3-hover-text-purple:hover {
  color: #9c27b0 !important;
}

.w3-text-deep-purple,
.w3-hover-text-deep-purple:hover {
  color: #673ab7 !important;
}

.w3-text-red,
.w3-hover-text-red:hover {
  color: #f44336 !important;
}

.w3-text-sand,
.w3-hover-text-sand:hover {
  color: #fdf5e6 !important;
}

.w3-text-teal,
.w3-hover-text-teal:hover {
  color: #009688 !important;
}

.w3-text-yellow,
.w3-hover-text-yellow:hover {
  color: #d2be0e !important;
}

.w3-text-white,
.w3-hover-text-white:hover {
  color: #fff !important;
}

.w3-text-black,
.w3-hover-text-black:hover {
  color: #000 !important;
}

.w3-text-grey,
.w3-hover-text-grey:hover,
.w3-text-gray,
.w3-hover-text-gray:hover {
  color: #757575 !important;
}

.w3-text-light-grey,
.w3-hover-text-light-grey:hover,
.w3-text-light-gray,
.w3-hover-text-light-gray:hover {
  color: #f1f1f1 !important;
}

.w3-text-dark-grey,
.w3-hover-text-dark-grey:hover,
.w3-text-dark-gray,
.w3-hover-text-dark-gray:hover {
  color: #3a3a3a !important;
}

.w3-border-amber,
.w3-hover-border-amber:hover {
  border-color: #ffc107 !important;
}

.w3-border-aqua,
.w3-hover-border-aqua:hover {
  border-color: #00ffff !important;
}

.w3-border-blue,
.w3-hover-border-blue:hover {
  border-color: #2196f3 !important;
}

.w3-border-light-blue,
.w3-hover-border-light-blue:hover {
  border-color: #87ceeb !important;
}

.w3-border-brown,
.w3-hover-border-brown:hover {
  border-color: #795548 !important;
}

.w3-border-cyan,
.w3-hover-border-cyan:hover {
  border-color: #00bcd4 !important;
}

.w3-border-blue-grey,
.w3-hover-border-blue-grey:hover,
.w3-border-blue-gray,
.w3-hover-border-blue-gray:hover {
  border-color: #607d8b !important;
}

.w3-border-green,
.w3-hover-border-green:hover {
  border-color: #4caf50 !important;
}

.w3-border-light-green,
.w3-hover-border-light-green:hover {
  border-color: #8bc34a !important;
}

.w3-border-indigo,
.w3-hover-border-indigo:hover {
  border-color: #3f51b5 !important;
}

.w3-border-khaki,
.w3-hover-border-khaki:hover {
  border-color: #f0e68c !important;
}

.w3-border-lime,
.w3-hover-border-lime:hover {
  border-color: #cddc39 !important;
}

.w3-border-orange,
.w3-hover-border-orange:hover {
  border-color: #ff9800 !important;
}

.w3-border-deep-orange,
.w3-hover-border-deep-orange:hover {
  border-color: #ff5722 !important;
}

.w3-border-pink,
.w3-hover-border-pink:hover {
  border-color: #e91e63 !important;
}

.w3-border-purple,
.w3-hover-border-purple:hover {
  border-color: #9c27b0 !important;
}

.w3-border-deep-purple,
.w3-hover-border-deep-purple:hover {
  border-color: #673ab7 !important;
}

.w3-border-red,
.w3-hover-border-red:hover {
  border-color: #f44336 !important;
}

.w3-border-sand,
.w3-hover-border-sand:hover {
  border-color: #fdf5e6 !important;
}

.w3-border-teal,
.w3-hover-border-teal:hover {
  border-color: #009688 !important;
}

.w3-border-yellow,
.w3-hover-border-yellow:hover {
  border-color: #ffeb3b !important;
}

.w3-border-white,
.w3-hover-border-white:hover {
  border-color: #fff !important;
}

.w3-border-black,
.w3-hover-border-black:hover {
  border-color: #000 !important;
}

.w3-border-grey,
.w3-hover-border-grey:hover,
.w3-border-gray,
.w3-hover-border-gray:hover {
  border-color: #9e9e9e !important;
}

.w3-border-light-grey,
.w3-hover-border-light-grey:hover,
.w3-border-light-gray,
.w3-hover-border-light-gray:hover {
  border-color: #f1f1f1 !important;
}

.w3-border-dark-grey,
.w3-hover-border-dark-grey:hover,
.w3-border-dark-gray,
.w3-hover-border-dark-gray:hover {
  border-color: #616161 !important;
}

.w3-border-pale-red,
.w3-hover-border-pale-red:hover {
  border-color: #ffe7e7 !important;
}
.w3-border-pale-green,
.w3-hover-border-pale-green:hover {
  border-color: #e7ffe7 !important;
}

.w3-border-pale-yellow,
.w3-hover-border-pale-yellow:hover {
  border-color: #ffffcc !important;
}
.w3-border-pale-blue,
.w3-hover-border-pale-blue:hover {
  border-color: #e7ffff !important;
}

ul.sub-menu li:hover {
  background: #fff;
}

/* Extra classes

-------------------------------------------------------------- */

.smallBrdr-title-wrap {
  padding: 15px 0 0;
}

.smallBrdr-title-wrap h4 {
  display: block;

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-weight: 700;

  line-height: 1;

  color: #3c3c3c;
}

.ta-c,
.ta-center {
  text-align: center;
}

.imp-points-wrap {
  overflow-x: auto;

  overflow-y: hidden;
}

.imp-points {
  width: 560px;

  padding: 5px 0 0;

  margin: 0 auto;

  list-style: none;

  text-align: center;
}

.imp-points li {
  display: inline-block;

  padding: 0 15px 20px 10px;

  text-align: center;

  vertical-align: top;
}

.imp-points .wrap-icon {
  display: block;

  width: 65px;

  height: 65px;

  padding: 17px 0 0 17px;

  margin: 0 auto 5px;
}

.imp-points .wrap-icon i {
  font-size: 28px;

  line-height: 1;

  color: #666;

  margin-right: 5px;
}

.imp-points .txt {
  float: none;

  max-width: 100%;

  font-size: 13px;

  line-height: 1.1;

  color: #6c6c6c;

  text-align: center;

  text-transform: uppercase;
}

.no-margin {
  margin: 0px !important;
}

.no-border {
  border: 0px !important;
}

.no-letter-spacing {
  letter-spacing: 0px !important;
}

.max-width-770 {
  max-width: 770px !important;
}

.max-width-680 {
  max-width: 680px !important;
}

.font-heading {
  font-family: "Montserrat", sans-serif;
}

.font-size-35 {
  font-size: 35px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.line-height-62 {
  line-height: 62px !important;
}

.line-height-50 {
  line-height: 50px !important;
}

.line-height-39 {
  line-height: 39px !important;
}

.line-height-28 {
  line-height: 28px !important;
}

.line-height-27 {
  line-height: 27px !important;
}

.line-height-26 {
  line-height: 26px !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.line-height-normal {
  line-height: normal !important;
}

.letter-spacing-1-4 {
  letter-spacing: 1.4px !important;
}

.letter-spacing-1-1 {
  letter-spacing: 1.1px !important;
}

.letter-spacing-03 {
  letter-spacing: 0.3px !important;
}

.letter-spacing-01 {
  letter-spacing: 0.1px !important;
}

.letter-spacing-005 {
  letter-spacing: -0.05px !important;
}

.text-accent {
  color: #aa2923 !important;
}

.text-white {
  color: #fff !important;
}

.text-808 {
  color: #808080 !important;
}

.text-777 {
  color: #777 !important;
}

.text-666 {
  color: #666 !important;
}

.bg-light-grey {
  background-color: #f3f4f6 !important;
}

.bg-white-column {
  background-color: #fff !important;
}

.bg-light-snow {
  background-color: #fafafb;
}

.bg-f7f {
  background-color: #f7f7f7 !important;
}

.bg-ffc {
  background-color: #aa2923 !important;
}

.bg-row-1 {
  background: url("assets/img/page/bg-quote.jpg") center center no-repeat;
  background-size: cover;
}

.bg-row-2 {
  background: url("assets/img/page/bg-iconbox.jpg") center center no-repeat;
  background-size: cover;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.padding-top-17 {
  padding-top: 17px !important;
}

.padding-top-16 {
  padding-top: 16px !important;
}

.padding-left-13 {
  padding-left: 13px !important;
}

.padding-left-7 {
  padding-left: 7px !important;
}

.margin-top-55 {
  margin-top: 55px !important;
}

.margin-top-51 {
  margin-top: 51px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-33 {
  margin-top: 33px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-28 {
  margin-top: 28px !important;
}

.margin-top-27 {
  margin-top: 27px !important;
}

.margin-top-22 {
  margin-top: 22px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-14 {
  margin-top: 14px !important;
}

.margin-top-13 {
  margin-top: 13px !important;
}

.margin-top-11 {
  margin-top: 11px !important;
}

.margin-top-7 {
  margin-top: 7px !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

.margin-bottom-43 {
  margin-bottom: 43px !important;
}

.margin-bottom-31 {
  margin-bottom: 31px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-23 {
  margin-bottom: 23px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-14 {
  margin-bottom: 14px !important;
}

.margin-right-18 {
  margin-right: 18px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-12 {
  margin-right: 12px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-right-6 {
  margin-right: 6px !important;
}

.position-relative {
  position: relative;
}

.right-38 {
  right: 38px !important;
}

.maxwidth-99 {
  max-width: 99% !important;
}

/* Layouts

-------------------------------------------------------------- */

#main-content {
  padding: 81px 0px;
}

body.page #main-content {
  padding-top: 0;
  padding-bottom: 0;
}

/* Inner Content */

#inner-content,
#inner-sidebar {
  position: relative;
  z-index: 1;
}

/* Sidebar Right */

.sidebar-right #site-content {
  float: left;
  width: 71.9%;
}

.sidebar-right.width-73 #site-content {
  width: 73.1%;
}

.sidebar-right.width-71 #site-content {
  width: 71.8%;
}

.sidebar-right #sidebar {
  float: right;
  width: 23.1%;
}

/* Sidebar left */

.sidebar-left #site-content {
  float: right;
  width: 71.7%;
}

.sidebar-left #sidebar {
  float: left;
  width: 23.1%;
}

/* No Sidebar */

.no-sidebar #site-content {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}

/* Column

-------------------------------------------------------------- */

.row.gutter-16 {
  margin-left: -8px;
  margin-right: -8px;
}

.row.gutter-16 > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.themesflat-row.separator.light > [class*="col"] {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.themesflat-row.separator.light > [class*="col"]:first-child {
  border-left: 0px;
}

.themesflat-row.gutter-15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.themesflat-row.gutter-15 > [class*="col"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.themesflat-row.gutter-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.themesflat-row.gutter-30 > [class*="col"] {
  padding-left: 15px;
  padding-right: 15px;
}

.themesflat-row .span_1_of_4 {
  width: 33.333333%;
  float: left;
}

.themesflat-row .span_1_of_3 {
  width: 25%;
  float: left;
}

.themesflat-row .span_1_of_6 {
  width: 50%;
  float: left;
}

.themesflat-row .span_1_of_12 {
  width: 100%;
}

.themesflat-row.separator.drank > [class*="span_"] {
  border-left: 1px solid #f2f2f2;
}

.themesflat-row.separator.drank > [class*="span_"]:first-child {
  border-left: 0px;
}

/* Effect

-------------------------------------------------------------- */

.data-effect .data-effect-item {
  position: relative;
  overflow: hidden;
}

.overlay-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
  -moz-transform: translate3d(0, 50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
  -ms-transform: translate3d(0, 50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
  -o-transform: translate3d(0, 50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
  transform: translate3d(0, 50%, 0) matrix(1, 0, -0.1, 1, 0, 0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.overlay-effect.bg-color-1 {
  background-color: rgba(0, 0, 0, 0.2);
}

.overlay-effect.bg-color-2 {
  background-color: rgba(0, 0, 0, 0.3);
}

.overlay-effect.bg-color-3 {
  background-color: rgba(0, 0, 0, 0.7);
}

.overlay-effect.bg-color-4 {
  background-color: rgba(0, 0, 0, 0.6);
}

.overlay-effect.bg-color-accent {
  background-color: rgba(0, 0, 0, 0.4);
}

.data-effect-item:hover .overlay-effect {
  -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);
  opacity: 1;
  visibility: visible;
}

.has-effect-icon {
  position: relative;
}

.has-effect-icon .elm-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: scale(0.5);
}

.has-effect-icon .elm-link span,
.has-effect-icon .elm-link a {
  display: block;
  text-align: center;
}

.has-effect-icon .elm-link span:before,
.has-effect-icon .elm-link a:before {
  content: "";
  font-family: "Ionicons";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.has-effect-icon.offset-v-43 .elm-link {
  margin-top: -43px;
}

.has-effect-icon.offset-v-19 .elm-link {
  margin-top: -19px;
}

.has-effect-icon.offset-v-25 .elm-link {
  margin-top: -25px;
}

.has-effect-icon.offset-h-49 .elm-link {
  margin-left: -49px;
}

.has-effect-icon.offset-h-46 .elm-link {
  margin-left: -46px;
}

.has-effect-icon.offset-h-24 .elm-link {
  margin-left: -24px;
}

/* Icon 1 */

.has-effect-icon .elm-link a.icon-1 {
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: 1px solid #fff;
  line-height: 50px;
  color: #fff;
  font-size: 28px;
}

.has-effect-icon .elm-link a.icon-1:before {
  content: "\f1fe";
}

.has-effect-icon .elm-link a.icon-1.icon-search:before {
  content: "\f4a4";
}

/* Icon 2 */

.has-effect-icon .elm-link a.icon-2 {
  font-size: 20px;
  color: #fff;
  margin-top: -10px;
  margin-left: -10px;
}

.has-effect-icon .elm-link a.icon-2:before {
  content: "\f1fe";
}

/* Icon 3 */

.has-effect-icon .elm-link span.icon-3 {
  font-size: 20px;
  color: #fff;
  margin-top: -10px;
  margin-left: -10px;
}

.has-effect-icon .elm-link span.icon-3:before {
  content: "\f4a4";
}

.has-effect-icon:hover .elm-link {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.has-effect-icon .elm-link a.icon-1:hover {
  border-color: #aa2923;
  background-color: #aa2923;
}

.has-effect-icon .elm-link a.icon-2:hover,
.has-effect-icon .elm-link span.icon-3:hover {
  color: #aa2923;
}

/* Icon 4 */

.has-effect-icon.w40 .elm-link > a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  vertical-align: top;
}

/* Rev Slider

-------------------------------------------------------------- */

.custom .tp-bullet {
  background-color: #f2f2f2;
  border-radius: 50%;
}

.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
  background-color: #aa2923;
}

.custom.tparrows {
  background-color: #e7e7e7;
  border-radius: 50%;
}

.tp-leftarrow.tparrows {
  margin-left: 15px;
}

.tp-rightarrow.tparrows {
  margin-right: 15px;
}

.custom.tparrows:before {
  color: #bdbdbd;
}

.custom.tparrows:hover {
  background-color: #aa2923;
}

.custom.tparrows:hover:before {
  color: #fff;
}

/* Top Bar

-------------------------------------------------------------- */

#top-bar {
  position: relative;
  z-index: 1;
}

#top-bar,
#top-bar a {
  color: #999;
}

#top-bar .top-bar-inner-wrap {
  display: table;
  width: 100%;
  padding: 12px 0px 13px 0px;
}

#top-bar .top-bar-content {
  display: table-cell;
  width: 60%;
  text-align: left;
  vertical-align: middle;
}

#top-bar .top-bar-socials {
  display: table-cell;
  width: 40%;
  text-align: right;
  vertical-align: middle;
}

/* Top Bar Content */

#top-bar .top-bar-content .content {
  position: relative;
  display: inline-block;
  padding: 0px 17px 0px 21px;
  margin: 0px 6px;
}

#top-bar .top-bar-content .content:first-child {
  margin-left: 0px;
}

#top-bar .top-bar-content .content:last-child {
  margin-right: 0px;
}

#top-bar .top-bar-content .content:before {
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  top: 0;
  left: 0;
}

#top-bar .top-bar-content .content.address:before {
  content: "\f015";
}

#top-bar .top-bar-content .content.phone:before {
  content: "\f098";
}

#top-bar .top-bar-content .content.time:before {
  content: "\f017";
}

#top-bar .top-bar-content .content:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 10px;
  background-color: #444;
  transform: translateY(-50%);
}

#top-bar .top-bar-content .content:last-child:after {
  width: 0px;
  height: 0px;
  background-color: transparent;
}

/* Top Bar Socials*/

#top-bar .top-bar-socials .text {
  padding-right: 18px;
}

#top-bar .top-bar-socials .icons a {
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0px 15.8px;
}

#top-bar .top-bar-socials .icons a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 10px;
  background-color: #444;
  transform: translateY(-50%);
}

#top-bar .top-bar-socials .icons a:last-child {
  padding-right: 0px !important;
}

#top-bar .top-bar-socials .icons a:hover {
  color: #aa2923;
}

/* Style 1 */

.topbar-style-1 #top-bar {
  background-color: #262626;
}

/* Style 2 */

.topbar-style-2 #top-bar {
  background-color: #e9e9e9;
}

.topbar-style-2 #top-bar .top-bar-socials .icons a:before,
.topbar-style-2 #top-bar .top-bar-content .content:after {
  background-color: #d5d4d4;
}

.topbar-style-2 #top-bar .top-bar-socials .icons a {
  padding: 0px 10.5px;
}

.topbar-style-2 #top-bar .top-bar-socials .text {
  padding-right: 11px;
}

/* Style 3 */

.topbar-style-3 #top-bar {
  background-color: rgba(0, 0, 0, 0.2);
}

.topbar-style-3 #top-bar,
.topbar-style-3 #top-bar a {
  color: rgba(255, 255, 255, 0.7);
}

.topbar-style-3 #top-bar .top-bar-inner-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.topbar-style-3 #top-bar .top-bar-content .content {
  padding: 0px 12px 0px 22px;
  margin: 0 4px;
}

.topbar-style-3 #top-bar .top-bar-content .content:first-child {
  margin-left: 0px;
}

.topbar-style-3 #top-bar .top-bar-socials .icons a:before,
.topbar-style-3 #top-bar .top-bar-content .content:after {
  background-color: rgba(126, 121, 122, 0.7);
}

.topbar-style-3 #top-bar .top-bar-socials .icons a {
  padding: 0px 10.5px;
}

.topbar-style-3 #top-bar .top-bar-socials .text {
  padding-right: 10px;
  font-size: 13px;
}

/* Header

-------------------------------------------------------------- */

#site-header {
  position: relative;
  background-color: rgba(230, 230, 230, 0.81);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

#site-header-inner {
  position: relative;
}

#site-header .wrap-inner {
  padding-top: 28.5px;
  padding-bottom: 28.5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu-has-search #site-header #main-nav {
  right: 28px;
}

.menu-has-search #site-header #header-search {
  display: block;
}

#site-header #header-search {
  position: absolute;
  right: 15px;
  top: 50%;
  z-index: 10;
  display: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Site Logo */

#site-logo {
  float: left;
  max-width: 100%;
}

/* Main Nav */

#main-nav ul {
  margin: 0px;
}

#main-nav ul li {
  position: relative;
  list-style: none;
}

#main-nav > ul > li {
  float: left;
  padding: 0px 17.5px;
}

#main-nav > ul > li > a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #444;
  position: relative;
  line-height: 100px;
  font-family: "Roboto", sans-serif;
}

/* Sub Menu */

#main-nav .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  padding: 15px 0px;
  background-color: #f2f2f2;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);

  -o-transform: translateY(15px);
  transform: translateY(15px);
}

#main-nav .right-sub-menu {
  left: auto;
  right: 0;
}

#main-nav .sub-menu li a {
  font-family: "Roboto", sans-serif;
  display: block;
  font-size: 15px;
  color: #5f5f5f;
  padding: 5px 20px;
  font-weight: 400;
}

#main-nav li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);

  -o-transform: translateY(0);
  transform: translateY(0);
}

#main-nav .sub-menu li a:hover,
#main-nav .sub-menu li.current-item a {
  color: #aa2923;
}

/* Mobile Menu */

#main-nav-mobi {
  display: block;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  background-color: #f6f6f6;
}

#main-nav-mobi ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main-nav-mobi ul li {
  margin: 0;
  text-align: center;
  cursor: pointer;
  padding: 0;
  border-top: 1px solid #ebebeb;
  position: relative;
}

#main-nav-mobi ul > li > a {
  color: #000 !important;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 48px;
  font-weight: 600;
}

#main-nav-mobi ul li:first-child {
  border-top: 0px;
}

#main-nav-mobi ul > li.current-menu-item > a,
#main-nav-mobi ul > li > a:hover {
  color: #aa2923;
}

#main-nav-mobi .menu-item-has-children .arrow {
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-family: "FontAwesome";
  line-height: 48px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 0;
  width: 48px;
}

#main-nav-mobi .menu-item-has-children .arrow:before {
  content: "\f103";
  color: #b1b1b1;
}

#main-nav-mobi .menu-item-has-children .arrow.active:before {
  content: "\f102";
}

#main-nav-mobi ul ul li {
  background-color: #f2f2f2;
  border-color: #ebebeb;
}

/* Search icon */

#site-header .header-search-icon {
  display: block;
  font-size: 14px;
  line-height: 100px;
}

/* Search Form */

#site-header .header-search-form {
  position: absolute;
  right: 0px;
  top: 100%;
  width: 270px;
  opacity: 0;
  visibility: hidden;
}

#site-header .header-search-field {
  width: 300px;
  margin: 0;
  padding-top: 13px;
  padding: 10px 50px 10px 20px;
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

#site-header .header-search-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px;
}

#site-header .header-search-form.show {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

/* Mobile Menu Button */

.mobile-button {
  display: none;
  position: absolute;
  width: 26px;
  height: 26px;
  float: right;
  top: 50%;
  right: 15px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mobile-button:before,
.mobile-button:after,
.mobile-button span {
  background-color: #aa2923;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.mobile-button:before,
.mobile-button:after {
  content: "";
  position: absolute;
  top: 0;
  height: 3px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.mobile-button span {
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  top: 50%;
  overflow: hidden;
  text-indent: 200%;
}

.mobile-button:before {
  -webkit-transform: translate3d(0, -7px, 0);
  -moz-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}

.mobile-button:after {
  -webkit-transform: translate3d(0, 7px, 0);
  -moz-transform: translate3d(0, 7px, 0);
  transform: translate3d(0, 7px, 0);
}

.mobile-button.active span {
  opacity: 0;
}

.mobile-button.active:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.mobile-button.active:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

/* Header Fixed */

#site-header.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8888;
}

#site-header.is-fixed.is-small .wrap-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

#site-header.is-fixed.is-small .header-search-icon,
#site-header.is-fixed.is-small .nav-top-cart-wrapper .nav-cart-trigger,
#site-header.is-fixed.is-small #main-nav > ul > li > a {
  line-height: 42px;
}

/* Style 1 */

.header-style-1 #site-header #main-nav {
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-style-1.menu-has-search #site-header #main-nav {
  right: 44px;
}

.header-style-1 #site-header #main-nav > ul > li.current-menu-item > a,
.header-style-1 #site-header #main-nav > ul > li:hover > a {
  color: #aa2923;
}

/* Style 2 */

.header-style-2 #site-header #main-nav {
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-style-2.menu-has-search #site-header #main-nav {
  right: 44px;
}

.header-style-2 #site-logo {
  margin-left: 6px;
}

.header-style-2 #site-header .wrap-inner {
  padding-top: 16px;
  padding-bottom: 16px;
}

.header-style-2 #main-nav > ul > li > a,
.header-style-2 #site-header .header-search-icon {
  line-height: 42px;
}

.current-menu-item {
  background: #9e0c10;
  border-radius: 5px;
}

.current-menu-item a {
  color: #fff !important;
}

#main-nav .sub-menu li a {
  color: #5f5f5f !important;
}

.header-style-2 #main-nav > ul > li > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 3px;
  background-color: #aa2923;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header-style-2 #main-nav > ul > li.current-menu-item > a:after,
.header-style-2 #main-nav > ul > li > a:hover:after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

/* Style 3 */

.header-style-3 #site-header {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

.header-style-3 #site-header #site-logo {
  margin-left: 2px;
}

.header-style-3 #site-header #main-nav {
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-style-3.menu-has-search #site-header #main-nav {
  right: 44px;
}

.header-style-3 #site-header .header-search-icon,
.header-style-3 #site-header #main-nav > ul > li > a {
  color: #fff;
}

.header-style-3 #site-header #main-nav > ul > li.current-menu-item > a,
.header-style-3 #site-header #main-nav > ul > li:hover > a {
  color: #aa2923;
}

.header-style-3 #site-header .header-search-icon,
.header-style-3 #main-nav > ul > li > a {
  line-height: 99px;
}

.header-style-3 #site-header .wrap-inner {
  padding: 30px 0px;
}

.header-style-3 #site-header.is-fixed.is-small {
  background-color: #3e3e3e;
}

/* Absolute */

.site-header-absolute #site-header-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

/* Featured Title

-------------------------------------------------------------- */

#featured-title {
  background-color: #f2f2f2;
}

#featured-title .featured-title-inner-wrap {
  padding: 28px 0px 30px 0px;
  display: table;
  overflow: hidden;
  width: 100%;
}

#featured-title .featured-title-heading-wrap {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 65%;
  padding-top: 6px;
}

#featured-title .feautured-title-heading {
  margin: 0px;
  font-size: 18px;
  line-height: 24px;
}

#featured-title #breadcrumbs {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 35%;
  padding-top: 5px;
}

#featured-title #breadcrumbs .sep {
  padding: 0px 10px;
  color: #e0e0e0;
}

#featured-title #breadcrumbs span.trail-end {
  color: #999;
}

#featured-title #breadcrumbs a.trail-begin {
  color: #555;
}

#featured-title #breadcrumbs a:hover {
  color: #aa2923;
}

/* Blog Post

-------------------------------------------------------------- */

.hentry {
  margin-top: 31px;
  padding-top: 40px;
  border-top: 1px solid #ebecf2;
}

.hentry:first-child {
  margin: 0px;
  border: none;
  padding: 0px;
}

.hentry .post-content-wrap {
  padding: 35px 0px 0px 0px;
}

/* Post media */

.post-media {
  position: relative;
}

.post-media > .post-calendar {
  position: absolute;
  top: 15px;
  left: 17px;
}

.post-media > .post-calendar .entry-calendar {
  display: inline-block;
  background-color: #aa2923;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  padding: 13px 18px 5px 18px;
}

.post-media .entry-calendar > span {
  display: block;
  font-family: "Montserrat", sans-serif;
}

.post-media .entry-calendar > span.day {
  font-size: 30px;
}

.post-media .entry-calendar > span.month {
  font-size: 12px;
}

/* Post title */

.hentry .post-title {
  font-size: 16px;
  margin-bottom: 5px;
}

/* Post meta */

.hentry .post-meta {
  color: #999;
  line-height: 27px;
  margin-bottom: 15px;
}

.hentry .post-meta a {
  color: #999;
}

.hentry .post-meta .item {
  display: inline-block;
  position: relative;
  margin-right: 9px;
  padding-left: 14px;
}

.hentry .post-meta .item:first-child {
  padding-left: 0px;
}

.hentry .post-meta .item:last-child {
  margin-right: 0px;
}

.hentry .post-meta .item:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #e5e5e5;
  width: 2px;
  height: 10px;
}

.hentry .post-meta .item:first-child:before {
  width: 0px;
  height: 0px;
  background-color: transparent;
}

.hentry .post-meta a:hover {
  color: #aa2923;
}

/* Post content */

.hentry .post-excerpt {
  margin-bottom: 28px;
}

.hentry .post-excerpt p:first-child {
  margin: 0px;
}

.hentry .box-excerpt {
  margin: 27px 0px;
}

.hentry .box-excerpt .thumb {
  float: left;
  margin: 4px 31px 0 0;
}

.hentry .box-excerpt .text {
  overflow: hidden;
}

/* Post read more */

.hentry .post-link a {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #aa2923;
  text-align: center;
  padding: 11px 31px;
  letter-spacing: 0.5px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.hentry .post-link a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0%;
  z-index: -1;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hentry .post-link a:hover:before {
  opacity: 1;
  visibility: visible;
  height: 100%;
  background-color: #262626;
}

/* Post tags */

.hentry .post-tags-socials {
  width: 100%;
  display: table;
}

.hentry .post-tags {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  text-align: left;
}

.hentry .post-socials {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  text-align: right;
}

.hentry .post-tags > span {
  font-weight: 600;
  color: #222;
  font-style: italic;
  padding-right: 6px;
}

.hentry .post-tags a {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #a1a1a1;
  z-index: 1;
  padding: 3px 15px 3px 18px;
  margin: 0px 18px 0px 0px;
  font-family: "Montserrat", sans-serif;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  letter-spacing: 0.7px;
  position: relative;
}

.hentry .post-tags a:before {
  content: "";
  position: absolute;
  top: 4px;
  right: -12px;
  height: 23px;
  width: 22px;
  border-radius: 4px;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  transform: rotate(45deg) skew(7deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
  overflow: hidden;
}

.hentry .post-socials a {
  width: 28px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  background-color: transparent;
  text-align: center;
  color: #fff;
}

.hentry .post-socials a.facebook {
  background-color: #2d55a1;
}

.hentry .post-socials a.twitter {
  background-color: #1bbcf2;
}

.hentry .post-socials a.linkedin {
  background-color: #0690c9;
}

.hentry .post-socials a.pinterest {
  background-color: #ec4b2e;
}

.hentry .post-socials a:hover,
.hentry .post-tags a:hover {
  background-color: #aa2923;
  color: #fff;
}

.hentry .post-tags a:hover {
  border-color: #aa2923;
}

.hentry .post-tags a:hover:before {
  background-color: #aa2923;
  border-color: #aa2923;
}

.mobileview {
  display: none;
}

/* Comments */

.comments-area {
  padding-top: 58px;
}

.comments-area .comments-title,
.comments-area .comment-reply-title {
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

/* Comments list */

.comment-list {
  margin: 0px;
}

.comment-list li.comment {
  padding: 0px;
}

.comment-list article {
  position: relative;
  padding: 26px 0px 35px 0px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 6px;
}

.comment-list article .gravatar {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 22px;
  margin-top: 5px;
}

.comment-list article .comment-content {
  overflow: hidden;
}

.comment-list article .comment-content p {
  margin: 0px;
}

.comment-list .comment-meta {
  margin-bottom: 17px;
}

.comment-list .comment-meta .comment-author {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  display: inline-block;
  padding-right: 16px;
  margin: 0px;
}

.comment-list .comment-meta .comment-time {
  line-height: 23px;
  color: #999;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

.comment-list .comment-meta .comment-time:before {
  content: "";
  width: 2px;
  height: 10px;
  background-color: #f2f2f2;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.comment-list .comment-reply {
  position: absolute;
  top: 23px;
  right: 6px;
}

.comment-list .comment-reply:after {
  content: "\f13a";
  font-family: "Ionicons";
  right: 0;
  top: 0;
  color: #aa2923;
  margin-right: -5px;
  padding-left: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.comment-list .comment-reply a {
  color: #aa2923;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.comment-list .children {
  margin: 0px;
}

.comment-list .children > li {
  padding: 0px 0px 0px 71px;
}

.comment-list .children > li .gravatar {
  margin-right: 19px;
  margin-top: 3px;
}

.comment-list .children > li .comment-meta {
  margin-bottom: 12px;
}

.comment-list .children > li article {
  margin-bottom: 8px;
}

.comment-list .comment-reply a:hover,
.comment-list .comment-reply:hover:after {
  color: #222;
}

/* Style 2 */

.comment-list.style-2 li {
  background-color: #f5f5f5;
  margin-top: 6px;
}

.comment-list.style-2 li:first-child {
  margin-top: 0px;
}

.comment-list.style-2 article {
  margin: 0px;
  border: none;
  padding: 31px 40px 31px 39px;
}

.comment-list.style-2 article .gravatar {
  width: 106px;
  height: 106px;
  margin: 7px 31px 0px 0px;
}

.comment-list.style-2 .comment-meta .comment-author {
  font-size: 16px;
  line-height: 26px;
  padding-right: 8px;
}

.comment-list.style-2 .comment-meta .comment-position {
  line-height: 26px;
  font-family: "Montserrat", sans-serif;
  color: #999;
  display: inline-block;
  padding-left: 11px;
  position: relative;
}

.comment-list.style-2 .comment-meta .comment-position:before {
  content: "";
  width: 1px;
  height: 10px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.comment-list.style-2 .comment-meta {
  margin-bottom: 6px;
}

.comment-list.style-2 .comment-text p {
  letter-spacing: 0.1px;
  margin-bottom: 15px;
}

.comment-list.style-2 .comment-text .socials > a {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #898989;
  background-color: #fff;
  font-size: 16px;
  margin: 0px 0.9px;
}

.comment-list.style-2 .comment-text .socials > a:first-child {
  margin-left: 0px;
}

.comment-list.style-2 .comment-text .socials > a:hover {
  background-color: #aa2923;
  color: #fff;
}

/* Comments respond */

.comment-respond {
  padding-top: 52px;
}

#commentform .name-wrap,
#commentform .email-wrap {
  width: 49.2%;
  float: left;
  margin-right: 1.6%;
}

#commentform .email-wrap {
  margin-right: 0px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
  background-color: #fafafb;
}

#commentform textarea {
  height: 150px;
}

#comments .comment-respond .form-submit {
  margin: 0px;
}

/* Widgets

-------------------------------------------------------------- */

#sidebar .widget {
  position: relative;
  z-index: 1;
  margin-top: 56px;
}

#sidebar .widget:first-child {
  margin: 0px;
}

/* Center */

.widget.align-center {
  text-align: center;
}

/* Box shadow */

.widget.has-shadow {
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.03);
}

/* No sep */

.widget.no-sep .widget-title span {
  padding: 0px;
}

.widget.no-sep .widget-title span:after {
  height: 0px;
  width: 0px;
  background-color: transparent;
}

/* Border */

.widget.has-border.border-solid {
  border: 1px solid #f2f2f2;
}

/* Widget title */

.widget .widget-title {
  font-size: 16px;
  margin-bottom: 22px;
  position: relative;
  z-index: 1;
}

.widget .widget-title span {
  display: block;
  position: relative;
  padding: 0px 0px 16px 0px;
}

.widget .widget-title span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 2px;
  width: 60px;
  background-color: #aa2923;
}

/* Widget Search */

#sidebar .widget.widget_search .search-form {
  position: relative;
}

#sidebar .widget.widget_search .search-form .search-field {
  background-color: #fff;
  padding-right: 50px;
  margin: 0;
}

#sidebar .widget.widget_search .search-form .search-submit {
  position: absolute;
  background-color: #999;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 52px;
  text-align: center;
  text-indent: 9999px;
  padding: 0;
  overflow: hidden;
}

#sidebar .widget.widget_search .search-form .search-submit:before {
  content: "\f002";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 15px;
  width: 50px;
  height: 52px;
  line-height: 52px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  text-indent: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#sidebar .widget.widget_search .search-form .search-submit:hover {
  background-color: #aa2923;
}

/* Widget follow */

#sidebar .widget.widget_follow .follow-wrap.col3 {
  margin: 0px -4px;
}

#sidebar .widget.widget_follow .follow-wrap.col3 > .follow-item {
  width: 33.333%;
  float: left;
  height: auto;
}

#sidebar .widget.widget_follow .follow-wrap.g8 .follow-item {
  padding: 0px 4px;
}

#sidebar .widget.widget_follow .follow-item .inner {
  background-color: #3b59a1;
  color: #fff;
  display: block;
  text-align: center;
  padding: 18px 7px 14px 7px;
}

#sidebar .widget.widget_follow .follow-item.twitter .inner {
  background-color: #46b0e4;
}

#sidebar .widget.widget_follow .follow-item.google .inner {
  background-color: #dd4c39;
}

#sidebar .widget.widget_follow .follow-item a {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 18px;
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}

#sidebar .widget.widget_follow .follow-item .text {
  display: block;
  margin-top: 13px;
  line-height: 18px;
}

#sidebar .widget.widget_follow .follow-item:hover a {
  background-color: #aa2923;
}

/* Widget lastest */

.widget.widget_lastest ul {
  margin: 0px;
}

.widget.widget_lastest ul li {
  margin-top: 33px;
  padding: 0px;
}

.widget.widget_lastest ul li:first-child {
  margin-top: 0px;
  border: none;
}

.widget.widget_lastest .thumb {
  width: 65px;
  height: 65px;
  float: left;
  margin-right: 19px;
  margin-top: 5px;
}

.widget.widget_lastest .text {
  overflow: hidden;
}

.widget.widget_lastest h3 {
  font-size: 12px;
  line-height: 24px;
  margin: 0px;
  letter-spacing: 0.4px;
  font-weight: 400;
}

.widget.widget_lastest .post-date {
  font-size: 13px;
  color: #999;
}

#footer .widget.widget_lastest h3 {
  color: #fff;
}

#footer .widget.widget_lastest .post-date {
  color: #777879;
}

/* Widget tags */

.widget.widget_tags .tags-list a {
  position: relative;
  display: inline-block;
  float: left;
  text-align: center;
  font-size: 12px;
  color: #a1a1a1;
  z-index: 1;
  padding: 4px 15px 4px 20px;
  margin: 0px 18px 9px 0px;
  font-family: "Montserrat", sans-serif;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  letter-spacing: 0.7px;
}

.widget.widget_tags .tags-list a:before {
  content: "";
  position: absolute;
  top: 4px;
  right: -12px;
  height: 24px;
  width: 23px;
  border-radius: 4px;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  transform: rotate(45deg) skew(7deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
  overflow: hidden;
}

#footer .widget.widget_tags .tags-list a {
  color: rgba(255, 255, 255, 0.6);
  border: 0px;
  background-color: #1d1d1d;
}

#footer .widget.widget_tags .tags-list a:before {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

#footer .widget.widget_tags .tags-list a:hover,
.widget.widget_tags .tags-list a:hover {
  background-color: #aa2923;
  color: #fff;
}

#footer .widget.widget_tags .tags-list a:hover:before,
.widget.widget_tags .tags-list a:hover:before {
  background-color: #aa2923;
  border-color: #aa2923;
}

/* Widget instagram */

.widget.widget_instagram .instagram-wrap.col3 {
  margin: 0px -4px;
}

.widget.widget_instagram .instagram-wrap.col3 > .instagram_badge_image {
  width: 33.333%;
  float: left;
  height: auto;
}

.widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image {
  padding: 0px 5px;
  margin: 0 0 10px 0px;
}

.widget.widget_instagram .instagram_badge_image a {
  position: relative;
  display: block;
}

/* Widget list */

.widget.widget_list {
  background-color: #414141;
}

.widget.widget_list .inner {
  padding: 18px 30px;
}

.widget.widget_list ul {
  margin: 0px;
}

.widget.widget_list .list-item {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 0px;
}

.widget.widget_list .list-item:first-child {
  border-top: 0px;
}

.widget.widget_list .list-item > a {
  position: relative;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  display: block;
}

.widget.widget_list .list-item > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #b3b3b3;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.widget.widget_list .list-item .text {
  padding-left: 20px;
  display: block;
  overflow: hidden;
}

.widget.widget_list .list-item > a:hover {
  color: #aa2923;
}

.widget.widget_list .list-item > a:hover:before {
  background-color: #aa2923;
}

/* Widget lastest twitter */

.widget.widget_lastest_twitter ul {
  margin: 0px;
}

.widget.widget_lastest_twitter ul li {
  padding: 2px 0px;
  margin-top: 12px;
}

.widget.widget_lastest_twitter ul li:first-child {
  margin-top: 0px;
}

.widget.widget_lastest_twitter .icon-wrap {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-right: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.widget.widget_lastest_twitter .icon-wrap.has-width.w30 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  background-color: #414141;
  color: #fff;
}

.widget.widget_lastest_twitter .text {
  overflow: hidden;
  font-weight: 300;
  color: #666;
}

.widget.widget_lastest_twitter .text a {
  font-weight: 600;
  color: #222;
}

.widget.widget_lastest_twitter .text p {
  margin: 0px;
}

.widget.widget_lastest_twitter li:hover .icon-wrap.has-width.w30 {
  background-color: #aa2923;
}

.widget.widget_lastest_twitter .text a:hover {
  color: #aa2923;
}

/* Widget help */

.widget.widget_help .inner {
  padding: 44px 20px 33px 20px;
}

/* Pagination

-------------------------------------------------------------- */

.themesflat-pagination {
  margin-top: 34px;
  padding-top: 39px;
  border-top: 1px solid #e7e7e7;
}

.themesflat-pagination ul {
  margin: 0px;
  position: relative;
}

.themesflat-pagination ul li {
  display: inline-block;
  padding: 0px;
  margin-right: 5.5px;
}

.themesflat-pagination ul li .page-numbers {
  display: inline-block;
  font-size: 14px;
  color: #777;
  text-align: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e7e7e7;
  line-height: 40px;
  background-color: transparent;
}

.themesflat-pagination ul li .page-numbers span.fa {
  font-size: 16px;
}

.themesflat-pagination ul li .page-numbers:hover,
.themesflat-pagination ul li .page-numbers.current {
  background-color: #aa2923;
  color: #fff;
  border-color: #aa2923;
}

.themesflat-pagination .page-prev-next {
  width: 100%;
  border: 1px solid #e7e7e7;
}

.themesflat-pagination .page-prev-next > li {
  width: 49.7%;
  border-left: 1px solid #e7e7e7;
  display: inline-block;
  margin: 0px;
  padding: 13px 15px 11px 15px;
}

.themesflat-pagination .page-prev-next > li:first-child {
  border-left: 0px;
}

.themesflat-pagination .page-prev-next > li a {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #999;
  position: relative;
  z-index: 1;
}

.themesflat-pagination .page-prev-next > li a:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 22px;
  position: absolute;
  top: 0%;
  text-align: center;
  width: 22px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.themesflat-pagination .page-prev-next > li a.prev:before {
  content: "\f104";
  left: 0;
}

.themesflat-pagination .page-prev-next > li a.next:before {
  content: "\f105";
  right: 0;
}

.themesflat-pagination .page-prev-next > li a:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #e9e9e9;
  top: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.themesflat-pagination .page-prev-next > li a.prev:after {
  left: 0;
}

.themesflat-pagination .page-prev-next > li a.next:after {
  right: 0;
}

.themesflat-pagination .page-prev-next > li a.prev {
  padding-left: 36px;
}

.themesflat-pagination .page-prev-next > li a.next {
  padding-right: 36px;
}

.themesflat-pagination .page-prev-next > li a:hover {
  color: #aa2923;
}

.themesflat-pagination .page-prev-next > li a:hover:before {
  color: #fff;
}

.themesflat-pagination .page-prev-next > li a:hover:after {
  background-color: #aa2923;
}

.row-partner {
  padding-top: 40px;

  padding-bottom: 20px;

  background-color: #aa2d2e;
}

.zoom-social-icons-list {
  margin: 0;

  padding: 0;
}

.zoom-social-icons-list {
  list-style-type: none;
}

.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
  display: inline-block;

  margin: 4px;

  border: none;
}

.zoom-social_icons-list__item {
  margin: 0 0 10px;
}

.screen-reader-text {
  border: 0;

  clip: rect(1px, 1px, 1px, 1px);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;
}

.zoom-social-icons-list--rounded .socicon,
.zoom-social-icons-list--rounded .genericon,
.zoom-social-icons-list--rounded .dashicons,
.zoom-social-icons-list--rounded .fa {
  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  text-align: center;

  text-decoration: none;
}

.zoom-social-icons-list--with-canvas .socicon,
.zoom-social-icons-list--with-canvas .dashicons,
.zoom-social-icons-list--with-canvas .genericon,
.zoom-social-icons-list--with-canvas .fa {
  color: #ffffff;
}

.zoom-social-icons-list .socicon,
.zoom-social-icons-list .dashicons,
.zoom-social-icons-list .genericon,
.zoom-social-icons-list .fa {
  padding: 8px;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  -moz-transition: opacity 0.2s;

  -webkit-transition: opacity 0.2s;

  transition: opacity 0.2s;

  top: 0px;

  vertical-align: middle;

  width: 1em;

  height: 1em;

  line-height: 1em;

  font-size: 1.2em;
}

.socicon:empty {
  width: 1em;
}

.socicon-facebook {
  background-color: #3b5998;

  color: #3b5998;
}

.socicon {
  position: relative;

  top: 3px;

  display: inline-block;

  font-family: "socicon";

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 1.2em;
}

.widget_media_image {
  margin-top: -78px;

  text-align: right;
}

/* Footer

-------------------------------------------------------------- */

#footer {
  background: url("assets/img/page/bg-footer.jpg") #545454 no-repeat center
    center;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 79px 0px 72px 0px;
}

#footer-widgets .widget .widget-title {
  color: #fff;
  font-size: 14px;
  margin-bottom: 24px;
  letter-spacing: 1.3px;
  margin-top: 2px;
}

#footer-widgets .widget .widget-title span {
  padding: 0px 0px 8px 0px;
}

#footer-widgets .widget .widget-title span:after {
  width: 40px;
}

#footer-widgets .widget.widget_lastest ul li {
  border-top: 0px solid rgba(255, 255, 255, 0.07) !important;
  padding-top: 1px;
  margin-top: 1px;
}

#footer-widgets .widget.widget_lastest ul li:first-child {
  border-top: 0px;
  padding-top: 0px;
}

#footer-widgets .widget ul {
  margin: 0;
  list-style: none;
}

#footer-widgets .widget p {
  color: #999;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}

/* Widget text */

#footer-widgets .widget.widget_text {
  background: url("assets/img/page/bg-contact.png") no-repeat bottom right;
}

#footer-widgets .widget.widget_text li {
  margin-top: 7px;
}

#footer-widgets .widget.widget_text li:first-child {
  margin-top: 0px;
}

#footer-widgets .widget.widget_text li .inner {
  position: relative;
}

#footer-widgets .widget.widget_text span.fa {
  display: inline-block;
  text-align: center;
  background-color: #1d1d1d;
  color: #aa2923;
  font-size: 17px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  float: left;
  margin: 0px 14px 0px 0px;
}

#footer-widgets .widget.widget_text span.text {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 14px;
  overflow: hidden;
}

#footer-widgets .widget.widget_text span.sl {
  text-transform: uppercase;
}

/* Bottom

-------------------------------------------------------------- */

#bottom {
  background-color: #1d1d1d;
  font-size: 13px;
  line-height: 26px;
  color: #8c8c8c;
}

#bottom .bottom-bar-inner-wrap {
  padding: 26px 0px 28px 0px;
  display: table;
  overflow: hidden;
  width: 100%;
  position: relative;
}

#bottom .bottom-bar-content {
  display: table-cell;
  margin: 0;
  text-align: left;
  width: 40%;
  vertical-align: middle;
}

#bottom #copyright span {
  color: #8c8c8c;
}

#bottom #copyright span.text {
  padding-left: 6px;
  letter-spacing: 0.6px;
}

#bottom .bottom-bar-menu {
  display: table-cell;
  text-align: right;
  width: 60%;
  vertical-align: middle;
}

#bottom ul.bottom-nav {
  margin: 0;
  list-style: none;
}

#bottom ul.bottom-nav > li {
  display: inline-block;
  position: relative;
  padding: 0 14px;
}

#bottom ul.bottom-nav > li:last-child {
  padding-right: 0px;
}

#bottom ul.bottom-nav > li > a {
  font-size: 13px;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  position: relative;
  font-weight: 500;
}

#bottom ul.bottom-nav > li.current-menu-item > a,
#bottom ul.bottom-nav > li > a:hover {
  color: #aa2923;
}

/* Scroll Top

-------------------------------------------------------------- */

#scroll-top {
  position: fixed;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  z-index: 1;
  right: 14px;
  bottom: 23px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  overflow: hidden;
}

#scroll-top.show {
  right: 24px;
  opacity: 1;
  visibility: visible;
}

#scroll-top:before,
#scroll-top:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#scroll-top:before {
  z-index: -1;
  background-color: #3e3e3e;
}

#scroll-top:after {
  content: "\f10c";
  font-family: "Ionicons";
  font-size: 18px;
  color: #fff;
}

#scroll-top:hover:before {
  background-color: #aa2923;
}

/* Switcher

-------------------------------------------------------------- */

.switcher-container {
  position: fixed;
  left: -220px;
  top: 100px;
  width: 220px;
  background-color: #000;
  z-index: 99999999;
}

.switcher-container h2 {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  padding-right: 30px;
  margin: 0;
}

.switcher-container h2 a {
  background-color: #aa2923;
  display: block;
  position: absolute;
  right: -45px;
  top: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  outline: 0;
  color: #fff;
}

.switcher-container h2 a.active:after {
  position: absolute;
  right: 21px;
  top: 0;
  content: "\f104";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 22px;
}

.switcher-container h2 a.active i {
  display: none;
}

.switcher-container h2 a:hover,
.switcher-container h2 a:focus {
  text-decoration: none;
}

.switcher-container h2 i {
  margin-top: 10px;
  font-size: 25px;
  color: #fff;

  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.switcher-container h2 i:hover {
  color: #fff;
}

.switcher-container h3 {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 22px;
  margin-bottom: 10px;
}

.switcher-container .selector-box {
  color: #fff;
  overflow: hidden;
}

.switcher-container .layout-switcher {
  margin: 0 0 10px 0;
  overflow: hidden;
}

.switcher-container .layout-switcher a.layout {
  float: left;
  display: block;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 10px 20px;
  margin-left: 10px;
}

.switcher-container .layout-switcher a.layout:first-child {
  margin-left: 0;
}

.switcher-container .layout-switcher a.layout:hover {
  color: #fff;
  cursor: pointer;
}

.switcher-container .color-box {
  height: auto;
  overflow: hidden;
  margin-bottom: 6px;
}

.switcher-container .styleswitch {
  margin-bottom: 10px;
}

.sw-odd {
  background-color: #272727;
  padding: 21px 0 30px 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sw-even {
  background-color: #191919;
  padding: 21px 0 25px 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sw-even a {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 40px;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 20px 10px 20px;
  margin-right: 10px;

  letter-spacing: 1.8px;
  font-weight: 600;
}

.sw-even a:hover {
  background-color: #aa2923;
  border: 1px solid #aa2923;
  color: #fff !important;
}

.sw-light {
  background-color: #fff;
  color: #000 !important;
}

.sw-odd a {
  font-size: 16px;
  color: #fff;
  width: 100%;
  display: inline-block;
  line-height: 17px;
  width: 100%;
  position: relative;
  padding-left: 47px;
}

.sw-odd .ws-colors a:before {
  background: none;
}

.sw-odd .ws-colors a {
  position: relative;
  width: auto;
  padding: 0;
  width: 30px;
  height: 30px;
  background-color: #333;

  display: inline-block;
  margin-right: 5px;
  overflow: hidden;
}

.sw-odd .ws-colors a.current:before {
  position: absolute;
  left: 8px;
  top: 6px;
  font-family: FontAwesome;
  content: "\f00c";
  color: #fff;
  z-index: 999;
  text-shadow: 0 0 2px rgba(0, 0, 0, 1);
}

.sw-odd .ws-colors #color1 {
  background-color: #aa2923;
}

.sw-odd .ws-colors #color2 {
  background-color: #3b59a1;
}

.sw-odd .ws-colors #color3 {
  background-color: #46b0e4;
}

.sw-odd .ws-colors #color4 {
  background-color: #dd4c39;
}

.sw-even h3 {
  margin-bottom: 6px;
}

.sw-odd .sw-image {
  padding: 0 20px 15px 0;
}

.sw-odd .sw-image a {
  padding: 0;
  margin-bottom: 5px;
}

.sw-odd .sw-image .sw-buy {
  padding: 16px 0px;
  color: #fff;
  width: 100%;
}

/* Pattern */

.sw-pattern.pattern {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 98%;

  background-color: #000000;
  width: 100%;
  z-index: -1;
  padding: 20px 0 30px 20px;
}

.sw-pattern.pattern a {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative;
}

.sw-pattern.pattern a.current:before {
  position: absolute;
  left: 12px;
  top: 6px;
  font-family: "FontAwesome";
  content: "\f00c";
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 1);
}

/* Boxed

-------------------------------------------------------------- */

.home-boxed #page {
  z-index: 0;
  width: 92.708%;
  margin: 0 auto;
  background: #fff;
  height: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
}

/* Timeline

-------------------------------------------------------------- */

.icone:after {
  clear: both;

  content: " ";

  display: block;

  height: 0;

  visibility: hidden;
}

.mcb:before,
.mcb:after {
  content: "\0020";

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;
}

ul.timeline_items {
  color: #626262;
}

.timeline_items {
  margin: 0 !important;

  position: relative;

  background: url(images/timeline_top.png) no-repeat top center;

  padding-top: 9px;
}

.timeline_items:after {
  content: "";

  width: 0;

  height: 0;

  border-width: 3px;

  border-style: solid;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  position: absolute;

  left: 50%;

  bottom: -10px;

  margin-left: -3px;

  display: block;

  z-index: 1;
}

.timeline_items li {
  margin: 0 !important;

  list-style: none !important;

  width: 45%;

  padding: 0 0 25px 55%;

  position: relative;

  background: url(images/timeline_right.png) no-repeat top center;
}

.timeline_items li h3 {
  font-size: 30px;

  line-height: 35px;
}

.timeline_items li h3:before,
.timeline_items:after,
.timeline .post-item:before {
  border-color: #aa2923;
}

.timeline_items li h3:before {
  content: "";

  width: 7px;

  height: 7px;

  border-width: 4px;

  border-style: solid;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  position: absolute;

  left: 50%;

  top: 11px;

  margin-left: -8px;

  display: block;

  z-index: 1;
}

.date_label,
.timeline_items li h3 span {
  color: #ac2f29;
}

.date_label,
.timeline_items li h3 span {
  background-color: #f8f8f8;
}

.date_label,
.timeline_items li h3 span {
  font-size: 12px;

  line-height: 18px;

  display: inline-block;

  padding: 2px 5px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  background-image: url(images/stripes/stripes_3_b.png);
}

.date_label,
.timeline_items li h3 span {
  font-size: 28px;

  line-height: 28px;
}

.timeline_items li h3 span {
  position: absolute;

  right: 55%;

  top: 8px;
}

.date_label:after,
.timeline_items li h3 span:after {
  border-left-color: #f8f8f8;
}

.date_label:after,
.timeline_items li h3 span:after {
  content: "";

  display: block;

  position: absolute;

  right: -5px;

  top: 6px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 5.5px 0 5.5px 5px;

  border-color: transparent;
}

.timeline_items li .desc {
  position: relative;

  font-size: 15px;

  line-height: 31px;

  background: url(images/stripes/textline.png) repeat-y;
}

.timeline_items li .desc:before {
  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: -122%;

  top: 0;

  background-image: url(images/stripes/stripes_10_b.png);
}

.timeline_items li:nth-child(even) {
  padding: 0 55% 25px 0;

  background: url(images/timeline_left.png) no-repeat top center;
}

.timeline_items li:nth-child(even) h3 {
  text-align: right;
}

.timeline_items li:nth-child(even) h3 span {
  left: 55%;

  right: auto;
}

@media only screen and (min-width: 768px) {
  .timeline_items li:nth-child(2n) h3 span::after {
    border-right-color: #f8f8f8;

    border-width: 5.5px 5.5px 5.5px 0;

    left: -5px;

    right: auto;
  }
  .amenitiesitem li {
    width: 100%;
  }
}

.timeline_items li:nth-child(even) .desc {
  text-align: right;
}

.timeline_items li:nth-child(even) .desc:before {
  left: auto;

  right: -122%;
}

/* Media Queries

-------------------------------------------------------------- */

@media only screen and (max-width: 1199px) {
  .hentry .post-tags,
  #top-bar .top-bar-content {
    width: 70%;
  }

  .amenitiesitem li {
    width: 100%;
  }

  .hentry .post-socials,
  #top-bar .top-bar-socials {
    width: 30%;
  }

  #bottom ul.bottom-nav > li {
    padding: 0px 10px;
  }

  .has-effect-icon.w40 .elm-link > a {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }

  .right-38 {
    right: 0px !important;
  }

  .hentry .box-excerpt .text {
    overflow: inherit;
  }

  .widget.widget_list .inner {
    padding: 15px;
  }

  .themesflat-row.gutter-mobile .span_1_of_3 {
    width: 50%;
  }

  .divider.h35 {
    height: 35px;
    display: block;
    clear: both;
  }
}

@media only screen and (max-width: 991px) {
  #site-header .mobile-button {
    display: block;
  }

  .amenitiesitem li {
    width: 100%;
  }
  .widget_media_image {
    margin-top: 0px;
    text-align: right;
  }

  #main-nav,
  .menu-has-search #site-header #header-search,
  .menu-has-cart #site-header .nav-top-cart-wrapper,
  #top-bar .top-bar-content,
  .switcher-container,
  .row-information {
    display: none;
  }

  #top-bar .top-bar-socials {
    width: 100%;
    display: block;
    text-align: center;
  }

  #main-content {
    padding: 60px 0px;
  }

  #featured-title .featured-title-heading-wrap,
  #featured-title #breadcrumbs {
    width: 50%;
  }

  .sidebar-right #site-content,
  .sidebar-right #sidebar,
  .sidebar-left #sidebar,
  .sidebar-left #site-content,
  .sidebar-right.width-71 #site-content,
  .sidebar-right.width-73 #site-content {
    float: none;
    width: 100%;
  }

  .site-header-absolute #site-header-wrap {
    position: relative;
  }

  .header-style-3 #site-header {
    background-color: #3e3e3e;
  }

  .topbar-style-3 #top-bar {
    background-color: #262626;
  }

  .themesflat-row .span_1_of_3 {
    width: 50%;
  }

  .themesflat-row.gutter-30 > [class*="col"]:nth-child(3) {
    clear: both;
  }

  #footer {
    padding: 60px 0px;
  }

  #bottom .bottom-bar-menu,
  #bottom .bottom-bar-content {
    width: 50%;
    text-align: center;
    vertical-align: top;
  }

  .themesflat-row.separator.drank > [class*="span_"],
  .themesflat-row.separator.light > [class*="col"] {
    border-left: 0px;
  }

  .widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image img {
    width: 100%;
    display: block;
  }

  .comment-list.style-2 article {
    padding: 15px;
  }

  .themesflat-row .col.span_1_of_4 {
    width: 100%;
  }

  .divider.h35 {
    height: 35px;
    display: none;
    height: 0;
  }
}

@media only screen and (max-width: 767px) {
  .amenitiesitem li {
    width: 100%;
  }
  .widget_media_image {
    margin-top: 0px;
    text-align: right;
  }
  .projecttitle {
    text-align: center !important;
    margin-bottom: 0px !important;
  }
  .projectprice {
    float: none !important;
    display: block !important;
    text-align: center !important;
    margin-top: 0px !important;
  }
  .font_7 {
    text-align: center !important;
    margin-bottom: 0px !important;
  }

  #site-header .wrap-inner {
    padding: 20px 0px;
  }

  #bottom .bottom-bar-content,
  #bottom .bottom-bar-menu {
    width: 100%;
    display: block;
  }

  #bottom .bottom-bar-menu {
    margin-top: 10px;
  }

  .hentry .box-excerpt .thumb {
    margin: 0px 0px 27px 0px;
    float: none;
  }

  .comment-respond {
    padding-top: 35px;
  }

  .custom.tparrows,
  .custom .tp-bullet {
    display: none;
  }

  .separator-solid .flat-content-wrap {
    border-bottom: 0px;
  }

  .themesflat-row .span_1_of_3,
  .themesflat-row .span_1_of_6,
  .themesflat-row.gutter-mobile .span_1_of_3,
  .themesflat-row .span_1_of_4 {
    width: 100%;
  }

  .padding-left-13 {
    padding: 0px !important;
  }

  .widget.widget_instagram .instagram_badge_image img {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .amenitiesitem li {
    width: 100%;
  }
  #scroll-top {
    display: none;
  }
  .widget_media_image {
    margin-top: -640px;
    text-align: right;
    width: 60%;
    margin-left: 148px;
  }
  .projecttitle {
    text-align: center !important;
    margin-bottom: 0px !important;
  }
  .projectprice {
    float: none !important;
    display: block !important;
    text-align: center !important;
    margin-top: 0px !important;
  }
  .font_7 {
    text-align: center !important;
    margin-bottom: 0px !important;
  }
  .view_get {
    margin-left: 25px;
  }
  .desktopview {
    display: none;
  }
  .mobileview {
    display: inherit;
  }

  #featured-title #breadcrumbs,
  .hentry .post-tags,
  .hentry .post-socials,
  #featured-title .featured-title-heading-wrap {
    display: block;
    width: 100%;
    text-align: left;
  }

  .hentry .post-tags a {
    margin-bottom: 15px;
  }

  .themesflat-pagination .page-prev-next > li {
    width: 100%;
    border-left: 0px;
    border-top: 1px solid #e7e7e7;
  }

  .themesflat-pagination .page-prev-next > li:first-child {
    border-top: 0px;
  }

  .comment-list .children {
    display: none;
  }

  .comment-list .comment-meta .comment-time {
    padding-left: 0px;
  }

  .comment-list .comment-meta .comment-time:before {
    width: 0px;
    height: 0px;
    background-color: transparent;
  }

  #commentform .name-wrap,
  #commentform .email-wrap {
    width: 100%;
    margin-right: 0px;
  }

  .comment-list.style-2 article {
    padding: 10px;
  }

  .comment-list.style-2 .comment-meta .comment-position:before {
    width: 0px;
    height: 0px;
    background-color: transparent;
  }

  .comment-list.style-2 .comment-meta .comment-position {
    padding-left: 0px;
  }

  .comment-list article .gravatar {
    float: none;
    margin: 0px;
  }

  .comment-list article .comment-content {
    position: relative;
    margin-top: 15px;
  }

  .comment-list .comment-reply {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
  }

  .comment-list article .comment-content p {
    padding-bottom: 0px;
  }

  #comments .comment-list article .comment-content .comment-text {
    padding-bottom: 30px;
  }

  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    width: 100%;
  }

  .comment-list.style-2 article .gravatar {
    margin: 0px;
  }

  .amenitiesitem li {
    width: 100% !important;

    float: left;

    font-size: 12px;
  }
}

@media only screen and (max-width: 415px) and (min-width: 371px) {
  .view_get {
    margin-left: 45px !important;
  }

  .widget_media_image {
    margin-top: -640px;
    text-align: right;
    width: 60%;
    margin-left: 166px;
  }
}

@media only screen and (max-width: 370px) and (min-width: 321px) {
  .view_get {
    margin-left: 29px !important;
  }

  .widget_media_image {
    margin-top: -640px;
    text-align: right;
    width: 60%;
    margin-left: 145px;
  }
}
@media only screen and (max-width: 320px) {
  .view_get {
    margin-left: 8px !important;
  }

  .widget_media_image {
    margin-top: -640px;
    text-align: right;
    width: 50%;
    margin-left: 148px;
  }
}

.car-rental {
  background-image: url(../img/building.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 40px 0px;
  margin-top: 1rem;
}
.car-rental::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, #00071d, #00030a);
  opacity: 0.9;
}
.car-rental-text h4 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin: 5px 0px;
}
.car-rental-text h5 span {
  color: #e1a625;
  font-weight: 900;
}
.car-rental-text h5 {
  font-size: 15px;
  font-weight: 500;
  color: #f4f4f4;
  margin: 5px 0px;
}
.car-rental-text p {
  margin: 12px 0 10px;
  font-size: 17px;
  color: #f4f4f4;
  line-height: 30px;
}
.car-text-btn a {
  color: #fff;
  padding: 10px 29px;
  font-size: 18px;
  display: inline-block;
  margin: 5px 0px 5px;
  border: 3px solid #e1a625;
  border-radius: 30px;
  font-weight: 500;
}

.box {
  padding: 15px 15px;
  text-align: center;
  border-radius: 10px;
}
.box:hover {
  box-shadow: 0px 0px 8px -3px #181818;
  transition: 1s;
}
.box i {
  font-size: 80px;
  color: #ad2f2a;
  margin: 2px 0px;
  text-align: center;
}
.box img {
  width: 50%;
  margin: 0 auto;
}
.box h4 {
  font-size: 35px;
  font-weight: 900;
  color: #ffffff;
  margin: 8px 0px 8px;
  text-align: center;
}
.box p {
  font-size: 16px;
  line-height: 28px;
  color: #bfbfbf;
  margin: 10px 0px;
  text-transform: uppercase;
}

/*-----------------------------------------------------------Testimonial----------------------------------------------------------------*/

#testimonial-section {
  padding: 2rem 0;
}

#testimonial-section .section-heading h1,
#testimonial-section .section-heading .underline {
  color: #fff;
}

#testimonial-section .section-heading .underline::before {
  background: rgb(255, 255, 255);
}

#testimonial-section .section-heading .underline::after {
  background: rgb(255, 255, 255);
}

#testimonial-section {
  background: #0a0a0a;
}

#testimonial-section .testimonial-slider {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

#testimonial-section .testimonial-slider .testimonial {
  width: 300px;
  height: calc(100% - 90px);
  padding: 20px;
  text-align: left;
  background: #e8e8e8;
  color: #fff;
  border-radius: 5px;
}

#testimonial-section .testimonial-slider .testimonial svg {
  width: 38px;
  margin-bottom: 15px;
}

#testimonial-section .testimonial-slider .testimonial .media {
  width: 100%;
}

#testimonial-section .testimonial-slider .testimonial .media-body {
  margin-left: 20px;
  color: black;
}

#testimonial-section .testimonial-slider .testimonial .media img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

#testimonial-section .testimonial-slider .testimonial p {
  color: black;
}
#testimonial-section .testimonial-slider .testimonial h5 {
  color: black;
}

@media (max-width: 439px) {
  #testimonial-section .testimonial-slider .testimonial img {
  }
}

/*--------------------------------Footer-----------------------------------------------------*/

footer.large-cont {
  background: #151f2b url(../img/footer-bg.jpg) no-repeat center 0px;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.footer-newsletter input {
  background: #0c1218 !important;
}

footer h4 {
  font-size: 1.38em;
  margin-top: -2px;
}

/********** FOOTER **********/

footer.large-cont {
  padding: 30px 0 23px 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

footer h4 {
  font-size: 1.38em;
  margin-top: -2px;
  color: #ffffff;
  text-transform: uppercase;
}

footer h4 span {
  color: #3797dd;
}

.footer-separator,
.footer-title-separator,
.footer-blog-separator,
.footer-newsletter,
.small-cont {
  background: #0c1218;
}

.footer-title-separator::after {
  content: "";
  top: -1px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 3px;
  position: absolute;
  z-index: 1;
  background: #3797dd;
}

footer a:hover {
  text-decoration: none;
}

.footer-separator {
  height: 1px;
  position: relative;
  margin-top: 9px;
  margin-bottom: 6px;
  width: 87%;
}

.footer-title-separator {
  height: 1px;
  position: relative;
  margin-top: 16px;
  margin-bottom: 26px;
  width: 87%;
}

.footer-title-separator::after {
  content: "";
  top: -1px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 3px;
  position: absolute;
  z-index: 1;
}

.footer-p {
  line-height: 1.38em;
  text-align: justify;
  color: #fff;
}

footer address {
  padding-top: 3px;
  margin-bottom: 0;
  color: #fff;
}

footer address i.fa,
.footer-blog-date i.fa {
  margin-right: 15px;
  width: 8px;
}

.footer-ul {
  list-style-type: none;
  margin: -8px 0 0 0;
  padding: 0;
}

.footer-ul li {
  width: 87%;
  padding: 5px 0 4px 0px;
}

.footer-ul li a {
  color: #fff;
}

.footer-ul li i {
  color: #fff;
  padding: 5px 10px 4px 0px;
}

.footer-ul li:last-child {
  border-bottom: none;
}

.footer-blog-image {
  display: block;
  float: left;
  margin-top: 3px;
  width: 130px;
}

.footer-blog-title {
  float: left;
  font-weight: bold;
  width: 122px;
  margin-left: 20px;
  height: 70px;
  overflow: hidden;
  line-height: 1.38em;
}

.footer-blog-date {
  float: left;
  width: 122px;
  margin-left: 20px;
}

.footer-blog-separator {
  height: 1px;
  position: relative;
  margin-top: 8px;
  margin-bottom: 12px;
  width: 87%;
}

.footer-newsletter {
  height: 40px;
  margin-top: 45px;
  width: 240px;
}

.footer-newsletter input {
  width: 216px !important;
  border-radius: 0px !important;
  height: 40px !important;
  border: none !important;
  padding-left: 15px !important;
  font-weight: normal !important;
  display: inline-block;
}

.footer-newsletter input:focus {
  border: none !important;
  box-shadow: none !important;
}

.footer-newsletter button {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 0px;
  margin-right: -20px;
  -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;
}

.footer-newsletter button i.fa {
  margin-left: -3px;
}

.footer-newsletter input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: normal !important;
}

.footer-newsletter input::-moz-placeholder {
  font-style: italic;
  font-weight: normal !important;
}

.footer-newsletter input:-moz-placeholder {
  /* Older versions of Firefox */
  font-style: italic;
  font-weight: normal !important;
}

.footer-newsletter input:-ms-input-placeholder {
  font-style: italic;
  font-weight: normal !important;
}

.small-cont {
  min-height: 70px;
}
.small-cont img {
  width: 200px;
}

.footer-copyrights {
  line-height: 35px;
  text-align: right;
}

.footer-logo {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 226px;
}

.move-top {
  position: fixed;
  bottom: 0px;
  right: 0px;
  display: none;
  width: 80px;
  height: 80px;
  z-index: 500;
}

.move-top .big-icon-second-color {
  cursor: pointer;
}

.tooltip {
  opacity: 1 !important;
}

.tooltip-inner {
  opacity: 1 !important;
  text-transform: uppercase;
  font-size: 0.92em;
  border-radius: 0;
  padding: 6px 10px 3px 10px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  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;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  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;
}
/* Arrows */
.slick-prev,
.slick-next {
  line-height: 0;
  position: absolute;
  top: 60%;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-top: 0;
  padding: 0;
  cursor: pointer;
  color: #fff;
  border: none;
  font-size: 1em;
  outline: none;
  background: #3b50009c;
  z-index: 9;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: #3b50009c;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before {
  content: "\f177";
}
[dir="rtl"] .slick-prev:before {
  content: "\f177";
}
.slick-next,
[dir="rtl"] .slick-prev {
  /*right:-6.5%;*/
  right: 0%;
}
[dir="rtl"] .slick-next,
.slick-prev {
  right: auto; /*left:-6.5%;*/
  left: 0%;
}
.slick-next:before {
  content: "\f178";
}
[dir="rtl"] .slick-next:before {
  content: "\f178";
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: #212121;
  outline: none;
  background: transparent;
  border: 1px solid #e3e2e1;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "FontAwesome";
  font-size: 13px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "\f111";
  text-align: center;
  opacity: 0.4;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #325098;
}

/* the slides */
.slick-slide {
  margin: 0 27px;
}

/* the parent */
.slick-list {
  margin: 0 -27px;
}

#heroSlick img {
  width: 100%;
}

/*-----------------------------------------Agenciers----------------------------------------*/

.type-container {
  position: absolute;
  top: 5px;
  left: 5px;
}
.slide-desc,
.slide-desc-params,
.adv-search-section,
html.no-pointerevents.no-touchevents .feature:hover > .feature-icon,
.featured-offer-params,
.list-offer-params,
.infobox-price,
.grid-offer-params,
.button-alternative,
.button-alternative:active,
.button-alternative:focus,
.details-parameters-price {
  background: #1b2835;
}

.slide-desc-area,
.slide-desc-rooms,
.slide-desc-baths,
.slide-desc-parking {
  float: left;
  min-height: 50px;
  font-size: 1.08em;
  font-weight: bold;
  line-height: 50px;
}

.slide-desc-area {
  width: 31%;
}

.slide-desc-rooms,
.slide-desc-baths,
.slide-desc-parking {
  width: 23%;
}

.slide-desc-params img {
  margin: 0 15px 0 15px;
}

.slide-buttons {
  width: 150px;
  height: 50px;
  top: -2px;
  position: relative;
  z-index: 10;
}

html.ie9 .slide-buttons {
  width: 50px;
}

.slide-buttons-right {
  float: right;
}

.slide-buttons-left {
  float: left;
}

.slide-buttons-center {
  margin-left: auto;
  margin-right: auto;
}

.estate-type,
.sidebar-featured-estate {
  background: #ee7e23;
}
.transaction-type {
  background: #22a41c;
}

.transaction-type {
  float: left;
  padding: 0 10px 0 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}

.estate-type {
  float: left;
  margin-right: 5px;
  padding: 0 10px 0 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}

.list-agency .small-triangle {
  border-color: transparent transparent #3797dd transparent;
}

.list-agency .small-triangle {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  bottom: -1px;
  right: -1px;
}

.small-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.small-triangle2 {
  border-color: transparent transparent #ffffff transparent;
}

.small-triangle2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}

.small-icon {
  background: #ffffff;
  color: #3797dd;
}
.small-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  bottom: 8px;
  right: 8px;
  text-align: center;
  z-index: 20;
  display: block;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
}

.list-agency-right-large {
  border-width: 0 0 0 1px;
  border: 1px solid #ebebeb;
  color: #898989;
  background: #f8f8f8;
}
.list-agency-right-large {
  max-width: 878px;
  position: relative;
  display: table-cell;
  vertical-align: top;
  z-index: 10;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.slide-desc-params {
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 150px;
  overflow: hidden;
  white-space: nowrap;
  color: white;
}

.list-agency-row {
  margin-top: 45px;
}

.list-agency-left {
  width: 262px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.list-agency-left img {
  display: block;
  margin: auto;
}

.list-agency-right {
  max-width: 585px;
  position: relative;
  display: table-cell;
  vertical-align: top;
  z-index: 10;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.list-agency-right-large {
  max-width: 878px;
  position: relative;
  display: table-cell;
  vertical-align: top;
  z-index: 10;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.list-agency-right:hover {
  text-decoration: none;
  color: inherit;
}

.list-agency-right-large:hover {
  text-decoration: none;
  color: inherit;
}

.list-agency-photo {
  position: relative;
}

.list-agency {
  margin: 15px 0 30px 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.list-agency-separator {
  width: 100%;
  height: 1px;
  margin: 7px 0 23px 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.list-agency-text {
  padding: 0 30px 39px 30px;
  line-height: 1.84em;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-align: justify;
}

.list-agency-title {
  text-transform: none;
  line-height: 1em;
  margin-bottom: 9px;
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.list-agency-address {
  font-size: 1.15em;
  font-weight: bold;
  padding-left: 10px;
}

.list-agency .small-triangle {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  bottom: -1px;
  right: -1px;
}

.small-triangle2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}

.list-agency-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 262px;
  z-index: 10;
  padding: 30px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.list-agency-description a {
  text-decoration: none;
}

.list-agency-description a:hover {
  text-decoration: underline;
}

.list-agency {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

html.no-pointerevents.no-touchevents .list-agency:hover .small-triangle {
  border-width: 0 0 1000px 1800px;
}

html.no-pointerevents.no-touchevents .list-agency:hover .small-triangle2 {
  border-width: 0 0 50px 50px;
}

html.no-pointerevents.no-touchevents
  .list-agency:hover
  .list-agency-description {
  opacity: 1;
}

/********** AGENCY DETAILS **********/

section.agency {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.details-agency-address span {
  font-size: 1.15em;
  font-weight: bold;
  padding-left: 10px;
}

.details-agency-address {
  margin-top: 4px;
}

.details-parameters.agency-details {
  padding: 22px 30px 22px 30px;
  border-width: 1px;
}

.details-parameters.agency-details .agent-icon-circle {
  margin-right: 10px;
  margin-top: 1px;
  line-height: 22px;
}

.agency-map {
  width: 100%;
  height: 380px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

/*-----------------------------------------Gallery-----------------------------------------*/

/*-------------------------------------Gallery----------------------------------*/

.firstSec {
  padding-top: 13rem;
}

#gallerySection {
  background: rgb(16, 31, 46);
}

.galleryCards {
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); */
  /* gap: 2rem; */
  margin: 0 auto;
  /* max-width: 1200px; */
  /* padding: 2rem 1rem; */
  display: flex;
  flex-wrap: wrap;
}

.galleryCards .card {
  padding: 0.9rem;
  border-radius: 4px;
  background-color: #fff;
  transition: transform 300ms ease-in;
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
    0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
    0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  margin: 1rem;
  width: 300px;
  max-height: 250px;
  cursor: pointer;
}

.galleryCards .card-wrapper {
  position: relative;
  overflow: hidden;
}
.galleryCards img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: bottom;
  border-radius: 3px;
  transition: transform 500ms linear;
}

.galleryCards .card-wrapper:hover img {
  transform: scale(1.1);
}

.galleryCards .hidden-cover {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  transition: transform 250ms ease-in;
  background: linear-gradient(transparent 5%, hsl(0, 0%, 5%, 0.6));
  transform-origin: top;
  will-change: transform;
}

.galleryCards .card-wrapper:hover .hidden-cover {
  transform: scaleY(1);
}
.galleryCards h4 {
  position: absolute;
  z-index: 1;
  bottom: 2rem;
  right: 2rem;
  font-size: 2rem;
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  overflow: hidden;
  font-family: "Oswald";
  color: hsl(0, 0%, 100%);
  text-transform: uppercase;
  letter-spacing: 2px;
  transform: translateY(100%);
  transform-origin: bottom;
  transition: transform 250ms ease-out;
  will-change: transform;
}

.galleryCards .card-wrapper:hover h4 {
  transform: translateY(-2rem);
}

/*----------------------Press-------------------------*/

/*--------------------------------------------------Press Release-----------------------------------------------------------------*/

.pressContainer {
  display: flex;
  flex-wrap: wrap;
}

.press {
  width: 300px;
  background-color: #f1f1f1;
  padding: 20px;
  border: 1px solid #ddd;
  text-align: center;
  box-shadow: 5px 5px 10px #ddd inset, -5px -5px 10px #ddd inset;
  margin: 2rem 3rem;
}

.press .first,
.press h3 {
  background-color: #9e0c10;
  position: relative;
  left: -40px;
  color: #fff;
  font-weight: bold;
}

.press .first {
  width: 200px;
  padding: 5px 0;
  font-size: 20px;
  background-color: #9e0c10;
  position: relative;
  left: -40px;
  color: rgb(0, 0, 0);
  font-weight: bold;
}

.press .first i {
  margin-right: 1rem;
}

.press .first::after {
  content: "";
  height: 100%;
  width: 10px;
  position: absolute;
  right: -6px;
  top: 0;
  background-color: #196d78;
  transform: skew(10deg);
}

.press .first::before,
.press h3::after,
.press h3::before {
  content: "";
  border: 10px solid;
  border-color: #9e0c10 #9e0c10 transparent
    transparent;
  position: absolute;
  left: 0;
  bottom: -20px;
}

.press .first::before {
  border-color: #9e0c10 #9e0c10 transparent
    transparent;
}

.press h3 {
  margin: 20px 0;
  padding: 10px 20px;
  width: calc(100% + 80px);
}

.press h2::after {
  left: auto;
  right: 0;
  border-color: #196d78 transparent transparent #196d78;
}

/* .press .second {
  line-height: 1.6;
  font-size: 18px;
  font-style: italic;
  color: #444;
} */

.press .second {
  padding-bottom: 2rem;
}

.press .second img {
  width: 100%;
}

/*----------------------Company Eet------------------------*/

.imglist img {
  width: 100%;
  height: auto;
  padding: 3px;
  border: 1px solid #a7cf3a;
  margin: 15px 0px;
}

.wel-part {
  padding: 40px 0px;
}
.wel-part-img img {
  width: 100%;
  height: auto;
  padding: 3px;
  border: 1px solid #a7cf3a;
  margin: 5px 0px;
}
.wel-text h1 span {
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin: 0px 0px;
  color: #1c2636;
}
.wel-text h1 {
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0px 0px;
  color: #325098;
}
.welcome-text p {
  font-size: 17px;
  color: #141414;
  text-align: justify;
  line-height: 31px;
  margin: 5px 0px;
}

.ribbon-pop {
  background: linear-gradient(270deg, #4f396a 5.25%, #576bb0 96.68%);
  display: inline-block;
  padding: 10px 40px 10px 20px;
  color: white;
  position: absolute;
  left: 0;
}

.ribbon-pop:before {
  height: 0;
  width: 0;
  border-top: 15px solid #381f57;
  border-left: 15px solid transparent;
  bottom: -15px;
  position: absolute;
  content: "";
  left: 0;
}

.ribbon-pop:after {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  position: absolute;
  right: 0;
  border-right: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}


/*---------------------Team---------------------*/

.about-area {
}

.section-title {
  font-weight: 700;
  font-size: 4rem;
  line-height: 54px;
  color: #07294d;
  margin-bottom: 2rem;
}

.section-title.sec {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.section-title span {
  color: #0c8b51;
}

.about-content p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #07294d;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.about-content.message {
  padding-left: 8rem;
}

@media screen and (max-width: 668px) {
  .about-content.message {
    padding-left: 0;
  }
}

.about-image img {
  height: 35rem;
  border-radius: 5px;
  box-shadow: var(--box-shadow-float);
}

/*-------------------About------------------*/

/*--------------------------------------------------About-----------------------------------------------------------------*/

/*-------------------------------------Home About Section----------------------------------*/

#home-about-section .about-section p {
  border-left: 2px solid var(--shelly-color-primary);
  padding-left: 2rem;
}

.mission-section {
  width: 70%;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.19);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(3.4px);
  -webkit-backdrop-filter: blur(3.4px);
  border: 1px solid rgba(255, 255, 255, 0.37);
  padding: 1rem 2rem;
  margin: 2rem 0;
}

.mission-section .mission-content {
  display: flex;
  align-items: center;
}

.mission-section .mission-content img {
  width: 19rem;
  margin-right: 2rem;
}

#home-about-section .mission-section:nth-child(2) .mission-content img {
  margin-left: 2rem;
}

.mission-section .mission-content .title {
  font-weight: 700;
  text-align: end;
}

.mission-section .mission-content p {
  /* text-align: justify; */
  flex: 1;
}

@media screen and (max-width: 768px) {
  .mission-section {
    width: 90%;
  }
  .mission-section .mission-content img {
    width: 15rem;
  }
  #down-princi-section .mission-section .mission-content {
    flex-direction: column;
  }
  #down-princi-section .mission-section .mission-content img {
    margin-left: auto;
  }
}

/*--------------Breadcrumb------------------------------*/

.breadcrum-bg {
  padding: 30px 0px;
}
.w3l-breadcrum .breadcrum-bg {
  background-size: cover;
  background-image: linear-gradient(
      to right,
      rgba(0, 33, 71, 0.8),
      rgba(0, 33, 71, 0.8)
    ),
    url(../img/why-choose-img.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.w3l-breadcrum .breadcrum-bg h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0px;
  position: relative;
  margin-bottom: 0;
  z-index: 1;
  padding-left: 29px;
  padding-top: 1px;
  padding-bottom: 20px;
}
.w3l-breadcrum .breadcrum-bg h1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100%;
  opacity: 0.9;
  z-index: -1;
  background-image: url(../img/comuter-icon.png);
}
.w3l-breadcrum .breadcrum-bg p {
  font-size: 16px;
  color: #fff;
  margin: 5px 0px;
}
.w3l-breadcrum .breadcrum-bg p a {
  font-size: 16px;
  color: #fff;
}

/*-----------------------------------------Responsiove---------------------------------------*/

.mt-15 {
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 8px;
  }
}


/*----------------------------Chat-------------------------------*/

#chatPanel h1 {
  margin: 0;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
}

#chatPanel button {
  color: inherit;
  background-color: transparent;
  border: 0;
  outline: 0 !important;
  cursor: pointer;
}
#chatPanel button.chatbox-open {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 52px;
  height: 52px;
  color: #fff;
  background-color: var(--primary-blue);
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  margin: 16px;
  z-index: 9999;
  display: flex;
    justify-content: center;
    align-items: center;
}
#chatPanel button.chatbox-close {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 52px;
  height: 52px;
  color: #fff;
  background-color: var(--primary-blue-dark);
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  margin: 16px calc(2 * 16px + 52px) 16px 16px;
  z-index: 9999;
    justify-content: center;
    align-items: center;
}

#chatPanel textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  height: calc(16px + 16px / 2);
  padding: 0 calc(16px / 2);
  font-family: inherit;
  font-size: 16px;
  line-height: calc(16px + 16px / 2);
  color: #888;
  background-color: none;
  border: 0;
  outline: 0 !important;
  resize: none;
  overflow: hidden;
}
#chatPanel textarea::-moz-placeholder {
  color: #888;
}
#chatPanel textarea:-ms-input-placeholder {
  color: #888;
}
#chatPanel textarea::placeholder {
  color: #888;
}

#chatPanel .chatbox-popup {
  display: flex;
  position: absolute;
  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  flex-direction: column;
  display: none;
  bottom: calc(2 * 16px + 52px);
  right: 16px;
  width: 308px;
  height: auto;
  background-color: #fff;
  border-radius: 16px;
  position: fixed;
  z-index: 99999;
}
#chatPanel .chatbox-popup .chatbox-popup__header {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 16px;
  color: #000;
  background-color: var(--primary-green);
  align-items: center;
  justify-content: space-around;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  height: 6rem;
}
#chatPanel .chatbox-popup .chatbox-popup__header .chatbox-popup__avatar {
  margin-top: -32px;
  background-color: var(--primary-green);
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
#chatPanel .chatbox-popup .chatbox-popup__main {
  box-sizing: border-box;
  width: 100%;
  padding: calc(2 * 16px) 16px;
  line-height: calc(16px + 16px / 2);
  color: #888;
  text-align: center;
}
#chatPanel .chatbox-popup .chatbox-popup__footer {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 16px;
  border-top: 1px solid #ddd;
  align-items: center;
  justify-content: space-around;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

#chatPanel .chatbox-panel {
  display: flex;
  position: absolute;
  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
  flex-direction: column;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  width: 377px;
  background-color: #fff;
}
#chatPanel .chatbox-panel .chatbox-panel__header {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 16px;
  color: #fff;
  background-color: var(--primary-blue-dark);
  align-items: center;
  justify-content: space-around;
  flex: 0 0 auto;
}
#chatPanel .chatbox-panel .chatbox-panel__main {
  box-sizing: border-box;
  width: 100%;
  padding: calc(2 * 16px) 16px;
  line-height: calc(16px + 16px / 2);
  color: #888;
  text-align: center;
  flex: 1 1 auto;
}
#chatPanel .chatbox-panel .chatbox-panel__footer {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 16px;
  border-top: 1px solid #ddd;
  align-items: center;
  justify-content: space-around;
  flex: 0 0 auto;
}