/*

Theme Name: Markus Hartwich

Description: AIOS mobile semi-custom theme.

Author: AgentImage

Author URI: http://www.agentimage.com

Version: 1.6.1

Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post

License: Proprietary

License URI: http://www.agentimage.com

Template: aios-starter-theme*/



/*



TABLE OF CONTENTS

1. Variables

2. Custom CSS

3. IP styles

4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/



/******************************************************* 

* 

* 1. Variables 

* 

*******************************************************/



:root {

  /** Font default */

  --font-family-default: "Barlow Semi Condensed", sans-serif;

  --font-family-title: 'Roboto', serif;

  --font-size-default: 14px;

  --font-size-title: 18px;

  --font-color-default: #000000;

  --font-color-title: #6c757d;
  /** Use for input, button, and any other element */
  --primary: #007bff;

  --secondary: #6c757d;

  --success: #28a745;

  --info: #17a2b8;

  --warning: #ffc107;

  --danger: #dc3545;

  --light: #f8f9fa;

  --dark: #343a40;

  --default-transition: .3s cubic-bezier(.4, 0, .2, 1);

}



/******************************************************* * 

* 2. Navigation 

* 

*******************************************************/



/* Sub Menu */



#nav li {

  position: relative;

  display: inline-block;

}

#nav .sub-menu {

  list-style: none outside none;

  margin: 0;

  background: rgba(0, 0, 0, 0.9) url("images/submenu-fixer.png");

  display: none;

  padding: 0;

  position: absolute;

  width: 100%;

  min-width: 180px;

}

#nav .sub-menu a {

  color: #FFFFFF;

  display: block;

  padding: 10px;

}

#nav .sub-menu a:hover {

  background: none repeat scroll 0 0 var(--light);

  color: var(--font-color-default);

  text-decoration: none;

}

#nav .sub-menu .sub-menu {

  margin-left: 100%;

  top: 0;

}

#nav li:hover>.sub-menu {

  display: block;

}

#nav .sub-menu li {

  position: relative;

}

/******************************************************* * 

* 3. Custom CSS 

* 

*******************************************************/

/* Global */



body {

  font-family: var(--font-family-default);

  font-size: var(--font-size-default);

  background: #FFFFFF;

  color: var(--font-color-default);

  margin: 0;



  /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
  /* -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale; */

}

html:has(body.show_menu) {

  overflow: hidden;

}

html,
body {

  overflow-x: hidden;

  margin: 0;

}

.amh-navigation .menu-main-menu-container>ul {

  display: flex;

  flex-direction: column;

}

.amh-navigation .menu-main-menu-container>ul>li.mm-menu-01 {

  order: 1;

}

.amh-navigation .menu-main-menu-container>ul>li.mm-menu-02 {

  order: 2;

}

.amh-navigation .menu-main-menu-container>ul>li.mm-menu-03 {

  order: 3;

}

.canvas_img {

  position: relative;

}

.canvas_img canvas {

  width: 100%;

  height: auto;

  display: block;

}

.canvas_img img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  object-fit: cover;

  transition: transform 0.75s, visibility 0.75s ease-in !important;

}

.non_parallax_bg {

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  font-size: 0;

}

.non_parallax_bg canvas {

  width: 100%;

  height: 100%;

  display: block;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.safari-true .non_parallax_bg canvas {

  background-attachment: scroll !important;

}

.site-title {

  position: relative;

}

.site-title h2 span {
  display: block;
  font-family: var(--font-family-title);

  font-size: clamp(12px, 1.25vw, 20px);

  font-weight: 500;

  color: #929292;

  letter-spacing: 0.5em;
  /*text-transform: uppercase;*/
  padding-left: 18px;

}

.site-title h2 strong {
  display: block;
  font-family: var(--font-family-default);

  font-size: clamp(36.55px, 4.5vw, 64.55px);

  font-style: normal;

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.05em;
  /*text-transform: uppercase;*/
  width: 100%;

  text-align: right;

  position: relative;

  padding-top: 20px;

}

.site-title h2 strong::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 2px;

  left: 0;

  top: 12px;

  background: linear-gradient(to right, #f4c76f, #9c5524);

}

.site-title span {

  /* position: absolute;

  left: -27px;

  top: 7px;

  display: block;

  font-family: var(--font-family-title);

  font-size: 14.2px;

  font-weight: 700;

  color: #fff;

  letter-spacing: 0.05em;

  text-transform: uppercase; */

  /* display: none; */

}

.site-btn {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 250px;

  height: 51px;

  font-family: var(--font-family-title);

  font-size: clamp(11px, 0.875vw, 12px);

  font-weight: 500;

  color: #fff !important;

  letter-spacing: 0.2em;

  text-transform: uppercase;

  position: relative;

  outline: none !important;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 5;

  border-width: 3px;

  border-style: solid;

}

.site-btn span {

  z-index: 1;

  display: block;

  pointer-events: none;

}

.site-btn::before {

  background: linear-gradient(to right, #f4c76f, #9c5524);

  opacity: 0;

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.site-btn.active:before {

  opacity: 1;

}

.slick-arrow {

  width: 52px;

}

.slick-prev span {

  transform: rotate(180deg);

}

.slick-next {

  padding-left: 6px;

}

.slick-prev {

  padding-right: 6px;

  padding-bottom: 2px;

}

body #pojo-a11y-toolbar {

  bottom: 0 !important;

  top: auto !important;

}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {

  top: auto !important;

  bottom: 0 !important;

}

button:focus-visible,
a:focus-visible {

  outline-style: solid !important;

  outline-width: 5px !important;

  outline-color: red !important;

  transition: none !important;

}

/* High contrast and Negative contrast break canvas elements with backgrounds */
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-grayscale,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background {

  display: none !important;

}

/* Header Section */
.header {

  z-index: 5;

  position: fixed;

  width: 100%;

  padding: 40px 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.hdr-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 100%;

  width: 92vw;

  max-width: 1460px;

  margin: auto;

}

.hdr-logo {

  width: 275px;

  width: 18.835616438356%;

}

.hdr-logo a {

  display: block;

  width: 100%;

  filter: drop-shadow(0px 1px 1px #000000);

}

/*header nav*/
.hdr-nav {

  display: flex;

  justify-content: center;

  text-align: center;

  width: 796px;

  width: 50.520548%;

  width: 54.520548%;

  margin-left: 17px;
  /* padding: 0 1vw; */

}

.hdr-nav>div {

  width: 100%;

}

.hdr-nav ul#nav {

  font-size: 0;

  position: relative;

  z-index: 5;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.hdr-nav ul#nav>li {

  position: relative;

  display: inline-block;
  /* padding: 0 26px;    padding: 0 1.7808219178082%; */
  padding: 0 clamp(17px, 1.46vw, 26px);
  /* padding: 0 clamp(5px, 0.7vw, 10px) !important; */
  /* max-width: 106px; */

}

.hdr-nav ul#nav>li#menu-item-4274 {

  display: none;

}

.hdr-nav ul#nav>li.mm-menu-01 {

  order: 1;

}

.hdr-nav ul#nav>li.mm-menu-02 {

  order: 2;

}

.hdr-nav ul#nav>li.mm-menu-03 {

  order: 3;

}

.hdr-nav ul#nav>li>a {

  font-size: clamp(10.6px, 0.875vw, 13.13px);
  /* font-size: clamp(8.5px, 0.8vw, 12px); */
  color: #fff;

  font-weight: 400;

  font-family: var(--font-family-title);

  letter-spacing: 0.15em;

  text-align: center;

  display: block;

  position: relative;

  text-transform: uppercase;

  text-shadow: -1px 1px 2px #000000;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

/* .home .hdr-nav ul#nav>li>a {    text-shadow: none;} */
.hdr-nav ul#nav>li:hover>a {

  color: #f4c76f;

}

.hdr-nav ul#nav>li>a:before {

  position: absolute;

  content: "";

  height: 2px;

  width: 100%;

  top: 18px;

  top: auto;

  bottom: -10px;

  left: 0;

  background: #f4c76f;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.hdr-nav ul#nav>li:hover>a:before {

  opacity: 1;

}

.hdr-nav ul#nav li ul.sub-menu {

  display: block;

  position: absolute;

  left: -150%;

  right: -150%;

  text-align: center;

  padding: 0;

  margin: 0 auto !important;

  list-style: none outside none;

  width: 100%;

  min-width: 350px;

  min-width: 275px;

  min-width: 290px;

  min-width: 220px;

  opacity: 0;

  background: transparent;

  padding-top: 15px;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.hdr-nav ul#nav li ul.sub-menu ul.sub-menu {
  /* min-width: 350px; */
  min-width: 280px;

}

.hdr-nav ul#nav>li:hover>ul.sub-menu {

  padding-top: 13px;

  opacity: 1;

  pointer-events: auto;

}

.hdr-nav ul#nav li ul.sub-menu li {

  line-height: 1;

  width: 100%;

  padding: 0.5px 0;

}

.hdr-nav ul#nav li ul.sub-menu li a {

  font-size: clamp(9.6px, 0.775vw, 12px);

  font-weight: 400;

  font-family: var(--font-family-title);

  letter-spacing: 0.12em;

  text-decoration: none;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  color: #fff !important;

  height: 37px;

  z-index: 4;

  position: relative;

  background: transparent !important;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.hdr-nav ul#nav li ul.sub-menu li a::before {

  background: rgba(0, 0, 0, 1);

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: -1;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

/*.hdr-nav ul#nav li ul.sub-menu li ul.sub-menu li a::before{    background: rgba(30,30,30, 1);}.hdr-nav ul#nav li ul.sub-menu li ul.sub-menu li ul.sub-menu li a::before{    background: rgba(60,60,60, 1);}*/
/* .hdr-nav ul#nav>li>ul.sub-menu>li>a:hover::before {    background: linear-gradient(to right, #f4c76f, #9c5524);} */
.hdr-nav ul#nav>li>ul.sub-menu>li:hover>a::before,
.hdr-nav ul#nav>li>ul.sub-menu>li li:hover>a::before {

  background: linear-gradient(to right, #f4c76f, #9c5524) !important;

}

.hdr-nav ul#nav>li>ul.sub-menu>li>ul.sub-menu {

  padding: 0;

  right: 0;

  left: calc(99% + 1px);

}

.hdr-nav ul#nav>li>ul.sub-menu>li:hover>ul.sub-menu {

  opacity: 1;

  pointer-events: auto;

  left: calc(100% + 1px);

}

.hdr-nav ul#nav>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {

  padding: 0;

  right: 0;

  left: calc(99% + 1px);

}

.hdr-nav ul#nav>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {

  opacity: 1;

  pointer-events: auto;

  left: calc(100% + 1px);

}

/* .hdr-nav ul#nav li ul.sub-menu ul.sub-menu>li>a:hover {    color: #f4c76f !important;} */
.hdr-side {

  width: 244px;

  width: 16.712328767123%;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.hdr-broker {

  width: 97px;

  width: 39.754098360656%;

}

.hdr-translate {

  max-width: 45px;

  width: 100%;

  margin-top: -23px;

  margin-left: 10px;

  opacity: 0;

  pointer-events: none;

}

.hdr-translate .gtranslate_wrapper {

  position: relative;

}

.hdr-translate .gtranslate_wrapper>select,
.hdr-translate .gtranslate_wrapper>.gt_switcher {

  position: absolute;

  background: transparent;

  border: none;

  color: #fff;

  width: 100%;

}

.hdr-translate .gtranslate_wrapper>.gt_switcher:nth-child(2) {

  display: none;

}

.hdr-translate .gtranslate_wrapper>.gt_switcher .gt_selected,
.hdr-translate .gtranslate_wrapper>.gt_switcher .gt_selected a,
.hdr-translate .gtranslate_wrapper>.gt_switcher .gt_option,
.hdr-translate .gtranslate_wrapper>.gt_switcher .gt_option a {

  font-size: 0;

  background: transparent !important;

  border: none;

  outline: none;

}

/* .hdr-translate .gtranslate_wrapper>.gt_switcher .gt_option a {    background: rgba(0, 0, 0, .8) !important;} */
.hdr-translate .gtranslate_wrapper>.gt_switcher a img {

  width: 20px;

  height: 20px;

  opacity: 1 !important;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.hdr-translate .gtranslate_wrapper>.gt_switcher a:hover img {

  opacity: 0.8 !important;

}

.hdr-translate .gtranslate_wrapper>.gt_switcher .gt_selected a:after {

  top: 1px;

  right: 0;

  background-size: 9px;

  filter: brightness(0) invert(1);

}

.bm_button {

  cursor: pointer;

  display: flex;

  justify-content: right;

  width: 25px;

}

.bm_button_line {

  width: 25px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-flow: column;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.bm_button_line span:first-child {

  width: 15px;

  margin-left: 10px;

}

.line+.line {

  margin-top: 5px;

}

.bm_button_line span {

  width: 100%;

  height: 2px;

  display: block;

  background: #fff;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  filter: drop-shadow(-1px 1px 2px #000000);

}

.bm_button:hover .bm_button_line:hover span {

  background: #f4c76f;

}

/* Fixed Header */
.hdr-fixed {

  background: #000;

  padding: 10px 0;

  z-index: 1011;

}

.hdr-fixed .hdr-logo a {

  max-width: 162px;

}

.hdr-fixed .hdr-broker {

  height: 0;

  opacity: 0;

  pointer-events: none;

}

.hdr-fixed .hdr-nav ul#nav>li:hover>ul.sub-menu {

  padding-top: 27px;

}

/* BURGER MENU CONTENT */
.burger_menu_content_wrap {

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 1031;

  right: -50%;

  top: 0;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  text-align: right;

  -webkit-transition: all 0.8s ease;

  -moz-transition: all 0.8s ease;

  -ms-transition: all 0.8s ease;

  -o-transition: all 0.8s ease;

  transition: all 0.8s ease;

}

.burger_menu_content_wrap.show_menu {

  right: 0;

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.bm_slide_overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

}

.burger_wrap {

  overflow-y: scroll;

  overflow-x: hidden;

  height: 100%;

}

.burger_menu_content_wrap.show_menu .bm_slide_overlay {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.burger_menu_content {

  width: 64.5625%;
  /* width: 1033px; */
  /* max-height: 750px; */
  height: 100%;

  display: inline-block;

  vertical-align: top;

  text-align: left;

  position: relative;

  z-index: 2;

  font-size: 0;

  color: var(--font-color-secondary);

  overflow-y: scroll;

  overflow-y: hidden;

  overflow-x: hidden;

  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  background: #000;

}

.burger_menu_content_wrap .non_parallax_bg {

  display: none;

}

.burger_menu_content_wrap .non_parallax_bg canvas {

  filter: grayscale(1);

}

.burger_menu_content::-webkit-scrollbar {

  display: none;

}

.bm_top_wrap {

  position: relative;

}

.bm_close_btn {

  position: absolute;

  top: 68px;

  top: 30px;

  right: 7.067%;

  color: #fff;

  text-align: center;

  cursor: pointer;

}

.bm-btn-close {

  position: relative;

}

.bm-btn-close i {

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.bm_close_btn:hover i {

  color: #f4c76f;

}

.bm-row {

  padding: 67px calc(7.067% + 20px) 67px 8.907%;

  padding: 25px calc(7.067% + 20px) 27px 8.907%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

}

.bm-nav {
  /* overflow-x: hidden;    overflow-y: scroll;    height: 630px;    height: 78.8vh;    margin-bottom: 30px;    -ms-overflow-style: none;    scrollbar-width: none; */
  padding-top: 10vh;

}

.bm-nav::-webkit-scrollbar {

  display: none;

}

.bm-nav ul#bm-nav {

  font-size: 0;

  column-count: 3;

  column-gap: 40px;

  column-gap: 25px;

  height: 514px;

}

.bm-nav ul#bm-nav>li {

  display: block;

  position: relative;

  width: fit-content;
  /* padding: 15px 0; */
  margin-bottom: 70px;

  margin-bottom: 85px;

  margin-bottom: 15px;

}

.bm-nav ul#bm-nav>li>a {

  font-family: var(--font-family-default);

  font-size: clamp(16.58px, 1.5vw, 20.58px);

  font-size: clamp(16.58px, 1.5vw, 18.58px);

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.15em;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  line-height: 1.6;

  padding-bottom: 15px;

  padding-bottom: 10px;

  display: block;

}

.bm-nav ul#bm-nav li a:hover,
.bm-nav ul#bm-nav>li>a:hover,
.bm-nav ul#bm-nav li:has(>ul>li>a:hover)>a,
.bm-nav ul#bm-nav li:has(>ul>li>ul>li>a:hover)>a {

  color: #f4c76f;

}

.bm-nav ul#bm-nav li:hover>a,
.bm-nav ul#bm-nav li a:hover {

  color: #f4c76f;

}

.bm-nav ul#bm-nav li ul.sub-menu {

  display: block;

  padding: 0;

  list-style: none outside none;

  width: 100%;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.bm-nav ul#bm-nav>li.buyers-menu {
  /* margin-left: min(21%, 50px); */
  /* width: 300px; */

}

.bm-nav ul#bm-nav>li:last-child {

  height: 544px;
  /* margin-left: min(21%, 50px); */

}

.bm-nav ul.sub-menu>li>a {

  font-family: var(--font-family-title);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-size: clamp(12.5px, 0.875vw, 12.5px);

  font-weight: 300;

  color: #cdcdcd;

  letter-spacing: 0.1em;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  line-height: 1.7;

}

.bm-nav ul#bm-nav li ul.sub-menu ul.sub-menu {

  margin: 5px 15px;

}

.bm-nav ul#bm-nav li ul.sub-menu ul.sub-menu a {

  font-size: 13px;

  font-size: clamp(11px, 0.875vw, 12px);

}

.bm-smi ul {

  display: flex;

  justify-content: left;

}

.bm-smi ul li a {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 22px;

  margin-right: 33px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.bm-smi ul li a:hover {

  color: #f4c76f;

}

.ss-wrap {

  position: relative;

}

.ss-wrap::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0;

  z-index: 1;

  pointer-events: none;

}

.ss-wrap::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 40%;

  background: linear-gradient(to bottom, #000, transparent);

  opacity: 25%;

  z-index: 1;

  pointer-events: none;

}

.ss-content {

  position: absolute;

  top: 53%;

  left: 50%;

  width: 220%;

  height: 80%;

  transform: translate(-50%, -50%);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  text-transform: uppercase;

  z-index: 2;

  background: radial-gradient(rgba(0, 0, 0, 30%), transparent);

  background-repeat: no-repeat;

  background-position: 50%;

  background-size: 30% 28%;

}

.ss-content h1 {

  font-family: var(--font-family-default);

  font-size: clamp(23px, 5vw, 72px);

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.05em;

}

.ss-content h1 span {

  display: block;

  font-family: var(--font-family-title);

  font-size: clamp(12px, 2vw, 22px);

  font-weight: 500;

  color: #fff;

  letter-spacing: 0.5em;

  line-height: 2;

}

.ss-wrap .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video,
.ss-wrap .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video canvas {

  background: #000;

}

.hp-fl {

  position: relative;

  padding: 51px 0;

}

.hp-fl .non_parallax_bg:not(.fl-overlay) {

  filter: grayscale(1);

}

.hp-fl .non_parallax_bg.fl-overlay canvas {

  opacity: 88%;

  filter: invert(7%);

}

.hp-fl::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 70%;

  background: linear-gradient(to top, rgba(0, 0, 0, 30%) 47%, transparent);

}

.fl-wrap {

  width: 95vw;

  max-width: 1508px;

  margin: auto;

  width: 100%;

  max-width: 1600px;

}

.fl-wrap .fl-feeds.qs-feeds,
.fl-wrap .slick-slide {

  padding: 68px calc(min(100vw, 1600px) * 0.02875);

}

.fl-title {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  padding: 32px calc((min(100vw, 1600px) * 0.02875) + 4px) 0 calc((min(100vw, 1600px) * 0.02875) + 52px);

  width: 100%;

}

.fl-title .site-title {

  width: 321px;

  width: 22.108%;

}

.fl-btn {

  display: flex;

  padding-right: 4px;

}

.fl-btn .site-btn {

  margin-left: 20px;

}

.fl-feeds {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;
  /* padding: 68px 0; */
  overflow: hidden;

  font-size: 0;

}

.fl-feeds .slick-slide,
.fl-feeds .slick-slide>div> {

  font-size: 0;

}

.fl-feeds .slick-slide>div>.fl-item,
.fl-feeds.qs-feeds .fl-item {

  width: 32.228% !important;

  padding: 4px;
  /* max-width: 503px; */
  /* max-width: 486px; */
  /* max-height: 363px; */
  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  font-size: 0;

}

.fl-feeds .slick-slide>div>.fl-item:nth-child(2),
.fl-feeds.qs-feeds .fl-item:nth-child(2) {

  width: 35.544% !important;
  /* max-width: 536px; */

}

.fl-item>a {

  outline: none;

  border: none;

  display: block;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.fl-item>a::after {

  position: absolute;

  content: "";

  width: 85px;
  /*bottom: -2px;*/
  top: 55%;
  /*left: clamp(30px, 4vw, 52px);*/
  left: 0;

  right: 0;

  margin: 0 auto;

  background: linear-gradient(to right, #f4c76f, #9c5524);

  height: 5px;

  opacity: 1;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.fl-item>a:hover::after {

  opacity: 0;

}

.fl-img {

  filter: grayscale(1);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.fl-item>a:hover .fl-img {

  z-index: 2;

  transform: scale(1.1);

  filter: none;

}

.fl-img:before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  bottom: -1px;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);

  background-size: 100% 73%;

  background-position: center bottom;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

  border-image: linear-gradient(to right, #000, #000) 50;

  border-width: 0px;

  border-style: solid;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.fl-item>a:hover .fl-img:before {

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 50;

  border-width: 5px;

  bottom: 0;

}

.fl-address {

  position: absolute;
  /* bottom: 40px; */
  top: 46%;
  /*bottom: 11.25%;*/
  /* left: 52px; */
  /*left: clamp(30px, 4vw, 52px);*/
  left: 0;

  right: 0;

  margin: 0 auto;

  font-family: var(--font-family-default);
  /* font-size: clamp(20px, 1.6vw, 25px); */
  font-size: clamp(24px, 2.5vw, 35px);

  font-weight: 700;

  color: #fff;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  z-index: 2;

  transform: translate(0, -50%);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.fl-item>a::after,
.fl-address {
  /*left: 50%;    transform: translateX(-50%);*/
  text-align: center;

}

.fl-item>a:hover .fl-address {
  /* left: clamp(15px, 2vw, 30px);    right: clamp(15px, 2vw, 30px); */
  top: 89%;

}

.fl-info {

  position: absolute;

  top: auto;

  bottom: 0;

  left: clamp(30px, 3.65vw, 52px);

  right: clamp(30px, 3.65vw, 52px);

  z-index: 2;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.fl-item>a:hover .fl-info {

  left: clamp(15px, 2vw, 30px);

  right: clamp(15px, 2vw, 30px);

  bottom: 9.5%;

  opacity: 1;

}

.fl-info ul {

  display: flex;

}

.fl-info ul li {

  font-family: var(--font-family-default);

  font-size: clamp(10.5px, 1vw, 17px);

  font-weight: 700;

  color: #fff;

  letter-spacing: 0.1em;

  border-left: 2px solid #fff;

  padding: 0 clamp(3px, 0.875vw, 14px);

  line-height: 0.8;

}

.fl-info ul li:first-child {

  border: none;

  padding-left: 0;

}

.fl-info ul li:last-child {

  padding-right: 0;

}

.fl-price {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 20px;

}

.fl-price h4 {

  font-family: var(--font-family-default);

  font-size: clamp(20px, 2vw, 30px);

  font-weight: 600;

  color: #f5c870;

  letter-spacing: 0.1em;

}

.fl-price span {

  font-family: var(--font-family-title);

  font-size: clamp(9.54px, 0.875vw, 11.54px);

  font-weight: 500;

  color: #fff;

  letter-spacing: 0.2em;

  text-transform: uppercase;

  border-bottom: 2px solid #f5c870;

  line-height: 1.5em;

  display: block;

  padding-top: 5px;

}

.cln-clmi-btn {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  flex-wrap: wrap;

  max-width: 289px;

  margin: auto;

  padding-bottom: 20px;

}

.cln-clmi-btn a {

  margin: 5px;

}

.cln-clmi-btn .cln-clmi-more {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 289px;

  height: 51px;

  font-family: var(--font-family-title);

  font-size: clamp(11px, 0.875vw, 12px);

  font-weight: 500;

  color: #fff !important;

  letter-spacing: 0.2em;

  text-transform: uppercase;

}

.hp-cln {

  position: relative;

  padding: 51px 0;

}

.hp-cln .non_parallax_bg:not(.cln-overlay) {

  height: 73.3%;

  filter: grayscale(1);

}

.hp-cln::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 70%;

  background: linear-gradient(to top, #000 47%, transparent);

}

.hp-cln:after {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 26.7%;

  background: #000;

  z-index: -1;

}

.cln-wrap {

  width: 95vw;

  max-width: 1508px;

  margin: auto;

  width: 100%;

  max-width: 1600px;

}

.cln-wrap .slick-slide {

  padding: 68px calc(min(100vw, 1600px) * 0.02875);

}

.cln-title {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  padding: 32px calc((min(100vw, 1600px) * 0.02875) + 4px) 0 calc((min(100vw, 1600px) * 0.02875) + 52px);

  width: 100%;

}

.cln-title .site-title {

  width: 413px;

  width: 28.444%;

}

.cln-btn {

  display: flex;

  width: 66.786%;

  justify-content: right;

}

.cln-btn .site-btn {

  margin-left: 20px;

}

.cln-feeds {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;
  /* padding: 68px 0; */
  text-align: center;

}

.slick-slide>div>.cln-item {

  width: 32.228% !important;

  padding: 4px;
  /* max-width: 486px; */
  /* max-height: 363px; */
  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.slick-slide>div>.cln-item:nth-child(2) {

  width: 35.544% !important;
  /* max-width: 536px; */

}

.cln-item>a {

  outline: none;

  border: none;

  display: block;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: left;

}

.cln-item>a::after {

  position: absolute;

  content: "";

  width: 85px;

  bottom: -2px;

  left: clamp(30px, 4vw, 52px);

  background: linear-gradient(to right, #f4c76f, #9c5524);

  height: 5px;

  opacity: 1;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cln-item>a:hover::after {

  opacity: 0;

}

.cln-img {

  filter: grayscale(1);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cln-item>a:hover .cln-img {

  z-index: 2;

  transform: scale(1.1);

  filter: none;

}

.cln-img:before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  bottom: -1px;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);

  background-size: 100% 73%;

  background-position: center bottom;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

  border-image: linear-gradient(to right, #000, #000) 50;

  border-width: 0px;

  border-style: solid;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cln-item>a:hover .cln-img:before {

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 50;

  border-width: 5px;

  bottom: 0;

}

.cln-address {

  position: absolute;
  /* bottom: 40px; */
  top: auto;

  bottom: 11.25%;
  /* left: 52px; */
  left: clamp(30px, 4vw, 52px);

  font-family: var(--font-family-default);

  font-size: clamp(20px, 1.6vw, 25px);

  font-weight: 500;

  color: #fff;

  letter-spacing: 0.1em;

  z-index: 2;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cln-item>a:hover .cln-address {

  bottom: 50%;
  /*    bottom: 85%;*/
  font-weight: 700;

  left: clamp(15px, 2vw, 30px);

  right: clamp(15px, 2vw, 30px);

}

.cln-info {

  position: absolute;

  top: auto;

  bottom: 0;

  left: clamp(30px, 3.65vw, 52px);

  right: clamp(30px, 3.65vw, 52px);

  z-index: 2;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cln-item>a:hover .cln-info {

  left: clamp(15px, 2vw, 30px);

  right: clamp(15px, 2vw, 30px);

  bottom: 9.5%;

  opacity: 1;

}

.cln-info ul {

  display: flex;

}

.cln-info ul li {

  font-family: var(--font-family-default);

  font-size: clamp(10.5px, 1vw, 17px);

  font-weight: 700;

  color: #fff;

  letter-spacing: 0.1em;

  border-left: 2px solid #fff;

  padding: 0 clamp(3px, 0.875vw, 14px);

  line-height: 0.8;

}

.cln-info ul li:first-child {

  border: none;

  padding-left: 0;

}

.cln-info ul li:last-child {

  padding-right: 0;

}

.cln-price {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 20px;

}

.cln-price h4 {

  font-family: var(--font-family-default);

  font-size: clamp(20px, 2vw, 30px);

  font-weight: 600;

  color: #f5c870;

  letter-spacing: 0.1em;

}

.cln-price span {

  font-family: var(--font-family-title);

  font-size: clamp(9.54px, 0.875vw, 11.54px);

  font-weight: 500;

  color: #fff;

  letter-spacing: 0.2em;

  text-transform: uppercase;

  border-bottom: 2px solid #f5c870;

  line-height: 1.5em;

  display: block;

  padding-top: 5px;

}

.hp-clmi {

  position: relative;

  padding: 51px 0;

}

.hp-clmi .non_parallax_bg:not(.clmi-overlay) {

  height: 73.3%;

  filter: grayscale(1);

}

.hp-clmi .non_parallax_bg.clmi-overlay canvas {

  opacity: 88%;

  filter: invert(7%);

}

.hp-clmi::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 70%;

  background: linear-gradient(to top, rgba(0, 0, 0, 50%) 47%, transparent);

}

.hp-clmi:after {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 26.7%;

  background: #000;

  z-index: -1;

  opacity: 15%;

}

.clmi-wrap {

  width: 95vw;

  max-width: 1508px;

  margin: auto;

  width: 100%;

  max-width: 1600px;

}

.clmi-wrap .slick-slide {

  padding: 68px calc(min(100vw, 1600px) * 0.02875);

}

.clmi-title {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  padding: 32px calc((min(100vw, 1600px) * 0.02875) + 4px) 0 calc((min(100vw, 1600px) * 0.02875) + 52px);

  width: 100%;

}

.clmi-title .site-title {

  width: 483px;

  width: 33.265%;

}

.clmi-btn {

  display: flex;

  width: 56.543%;

  width: 65.543%;

  justify-content: right;

}

.clmi-btn .site-btn {

  margin-left: 20px;

}

.clmi-btn .site-btn:nth-child(2) {

  max-width: 303px;

  width: 100%;

}

.clmi-feeds {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;
  /* padding: 68px 0; */
  text-align: center;

}

.slick-slide>div>.clmi-item {

  width: 32.228% !important;

  padding: 4px;
  /* max-width: 486px; */
  /* max-height: 363px; */
  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.slick-slide>div>.clmi-item:nth-child(2) {

  width: 35.544% !important;
  /* max-width: 536px; */

}

.clmi-item>a {

  outline: none;

  border: none;

  display: block;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: left;

}

.clmi-item>a::after {

  position: absolute;

  content: "";

  width: 85px;

  bottom: -2px;

  left: clamp(30px, 4vw, 52px);

  background: linear-gradient(to right, #f4c76f, #9c5524);

  height: 5px;

  opacity: 1;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.clmi-item>a:hover::after {

  opacity: 0;

}

.clmi-img {

  filter: grayscale(1);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.clmi-item>a:hover .clmi-img {

  z-index: 2;

  transform: scale(1.1);

  filter: none;

}

.clmi-img:before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  bottom: -1px;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);

  background-size: 100% 73%;

  background-position: center bottom;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

  border-image: linear-gradient(to right, #000, #000) 50;

  border-width: 0px;

  border-style: solid;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.clmi-item>a:hover .clmi-img:before {

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 50;

  border-width: 5px;

  bottom: 0;

}

.clmi-address {

  position: absolute;
  /* bottom: 40px; */
  top: auto;

  bottom: 11.25%;
  /* left: 52px; */
  left: clamp(30px, 4vw, 52px);

  font-family: var(--font-family-default);

  font-size: clamp(20px, 1.6vw, 25px);

  font-weight: 500;

  color: #fff;

  letter-spacing: 0.1em;

  z-index: 2;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.clmi-item>a:hover .clmi-address {

  left: clamp(15px, 2vw, 30px);

  right: clamp(15px, 2vw, 30px);
  /*    bottom: 85%;*/
  bottom: 50%;

  font-weight: 700;

}

.clmi-info {

  position: absolute;

  top: auto;

  bottom: 0;

  left: clamp(30px, 3.65vw, 52px);

  right: clamp(30px, 3.65vw, 52px);

  z-index: 2;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.clmi-item>a:hover .clmi-info {

  left: clamp(15px, 2vw, 30px);

  right: clamp(15px, 2vw, 30px);

  bottom: 9.5%;

  opacity: 1;

}

.clmi-info ul {

  display: flex;

  padding-bottom: 0 !important;

}

.clmi-info ul li {

  font-family: var(--font-family-default);

  font-size: clamp(10.5px, 1vw, 17px);

  font-weight: 700;

  color: #fff;

  letter-spacing: 0.1em;

  border-left: 2px solid #fff;

  padding: 0 clamp(3px, 0.875vw, 14px);

  line-height: 0.8;

}

.clmi-info ul li:first-child {

  border: none;

  padding-left: 0;

}

.clmi-info ul li:last-child {

  padding-right: 0;

}

.clmi-price {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 20px;

}

.clmi-price h4 {

  font-family: var(--font-family-default);

  font-size: clamp(20px, 2vw, 30px);

  font-weight: 600;

  color: #f5c870;

  letter-spacing: 0.1em;

}

.clmi-price span {

  font-family: var(--font-family-title);

  font-size: clamp(9.54px, 0.875vw, 11.54px);

  font-weight: 500;

  color: #fff;

  letter-spacing: 0.2em;

  text-transform: uppercase;

  border-bottom: 2px solid #f5c870;

  line-height: 1.5em;

  display: block;

  padding-top: 5px;

}

.hp-wc {

  position: relative;
  /* height: 836px; */

}

.hp-wc>.non_parallax_bg canvas {

  filter: grayscale(1);

}

.wc-overlay {

  z-index: 2;

}

.hp-wc::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: linear-gradient(to bottom, transparent, #fff 75%);

}

.wc-wrap {

  position: relative;

  z-index: 3;

  width: 94vw;

  max-width: 1460px;

  margin: auto;

  margin-bottom: -109px;

}

.wc-feeds {

  display: flex;

  justify-content: center;

  padding-top: 110px;

  align-items: flex-start;

}

.wc-img {

  width: calc(50% - 15px);

  position: relative;

  margin-top: 95px;

  max-width: 715px;

}

.wc-img>.non_parallax_bg {

  overflow: hidden;

}

.wc-img>.non_parallax_bg canvas {

  filter: blur(8px);

}

.wc-img .canvas_img {

  width: 64.895104895105%;

  margin: -30px auto -5px;

}

.wc-txt {

  width: calc(50% + 15px);

  margin-left: -65px;

  margin-left: -4.9%;

  margin-right: 65px;

  margin-right: 4.4%;

}

.wc-title .site-title {

  margin-left: 32px;

  margin-right: -15px;

  margin-bottom: 60px;

}

.wc-title .site-title h2 span {

  font-size: clamp(12px, 2vw, 30px);

  font-weight: 700;

  padding-left: 57px;

}

.wc-title .site-title h2 strong::before {

  width: 75%;

}

.wc-title .site-title h2 {

  font-size: clamp(32.55px, 4.8vw, 75px);

  font-weight: 400;
  /* margin-left: -30px; */
  padding-right: 5px;

}

.wc-title .site-title h2 em {

  font-style: normal;

  font-weight: 600;

}

.wc-desc {

  background: #000;

  padding: 50px min(13.423%, 100px);

  max-width: 753px;

  width: calc(100% + 8px);
  /* height: 542px; */
  position: relative;

}

.wc-desc:before {

  position: absolute;

  content: "";

  top: 35px;

  left: 65px;

  left: 9.5%;

  height: 524px;

  height: 99.22%;

  max-width: 715px;

  width: 94.4%;

  background: linear-gradient(to left, #f4c76f, #9c5524);

  z-index: -1;

}

.wc-desc:after {

  position: absolute;

  content: "";

  height: 100%;

  width: 103.5%;
  /* max-width: 320px; */
  left: 0;

  bottom: 0;

  top: 0;

  background: url(images/watermark.png);

  filter: brightness(0) invert(1);

  opacity: 5%;

  background-size: 160% 100%;

  background-position: 54.5% center;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

}

.wc-desc p {

  font-family: var(--font-family-title);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-weight: 300;

  color: #cdcdcd;

  letter-spacing: 0.05em;

  line-height: 1.65;

  text-align: justify;

  padding: 10px 0;

}

.wc-btn {

  margin-top: 60px;

  display: flex;

  justify-content: center;

}

.wc-btn .site-btn {

  width: 190px;

}

.wc-gr {

  margin-left: 35px;

  width: 35%;

  max-width: 150px;

}

.wc-gr em {

  position: absolute;

  transform: translateX(-50%);

  top: -14px;

  left: max(43%, 60px);

  font-family: 'Montserrat', sans-serif;

  font-size: 23px;

  font-weight: 800;

  letter-spacing: 0.035em;

  font-style: normal;

  background: -webkit-linear-gradient(360deg, #f4c76f, #9c5524);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.hp-cta {

  position: relative;

  padding: 242px 0 52px;

}

.hp-cta:before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 20%;

}

.cta-wrap {

  width: 94vw;

  max-width: 1497px;

  margin: auto;

}

.cta-feeds {

  display: flex;

  justify-content: center;

  align-items: flex-start;

  flex-wrap: wrap;

}

.cta-item {

  width: calc(100% / 3);

  padding: 19px;

}

.cta-item:nth-child(4),
.cta-item:nth-child(6) {

  margin-top: calc(((100% / -3) * 0.23861171366594) + 9px);

}

.cta-item>a {

  display: block;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cta-item>a::before {

  position: absolute;

  content: "";

  width: 39.26%;

  height: 85.62%;

  top: 50%;

  left: 50%;

  z-index: 1;

  opacity: 30%;

  border: 0.5px solid #fff;

  transform: translate(-50%, -50%);

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cta-item>a:hover::before {

  width: 91.62%;

  opacity: 100%;

  border-style: solid;

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 50;

  border-width: 5px;

  z-index: 3;

}

.cta-item>a::after {

  background: linear-gradient(to right, #f4c76f, #9c5524);

  position: absolute;

  content: "";

  width: 18.35%;

  height: 5px;

  bottom: 7.19%;

  left: 50%;

  z-index: 1;

  transform: translateX(-50%);

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cta-item>a:hover::after {

  width: 91.62%;

}

.cta-img {

  filter: grayscale(1);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cta-item>a:hover .cta-img {

  filter: none;

}

.cta-img::before {

  background: rgba(0, 0, 0, .5);

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cta-info {

  z-index: 2;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-family: var(--font-family-default);

  font-size: clamp(24px, 2.5vw, 35px);

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.1em;

  line-height: 1.1;

  text-transform: uppercase;

  text-align: center;

  width: 100%;

}

.hp-wwu {

  position: relative;
  /* height: 529px; */
  padding: 102px 0 85px;

}

.hp-wwu::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: #000;

  opacity: 60%;

}

.hp-wwu .non_parallax_bg canvas {

  background-attachment: fixed;

}

.wwu-wrap {

  width: 90vw;

  max-width: 1172px;

  margin: auto;

  z-index: 1;

  position: relative;

}

.wwu-title {}

.wwu-title .site-title {
  /* width: 457px; */
  width: 484px;

  margin: auto;

  padding-left: 27px;

}

.wwu-title .site-title h2 span {

  color: #c3c3c3;

  padding-left: 42px;

}

.wwu-feeds {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  margin: 82px auto 10px;

}

.wwu-item {

  max-width: 239px;

  max-width: 293px;

  width: 25%;

  padding: 0 2.305%;

  text-align: center;

}

.wwu-item h3 {

  font-family: var(--font-family-default);

  font-size: clamp(45px, 4vw, 60px);

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  width: 100%;

  position: relative;

  padding-bottom: 50px;

}

.wwu-item h3::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 2px;

  left: 0;

  bottom: 22px;

  background: linear-gradient(to right, #f4c76f, #9c5524);

}

.wwu-item h3 i {

  font-style: normal;

}

.wwu-item h4 {

  font-family: "Roboto Mono", sans-serif;

  font-size: clamp(14px, 1.2vw, 18px);

  font-weight: 400;

  color: #fff;

  letter-spacing: 0.05em;

  text-transform: uppercase;

}

.hp-test {

  position: relative;

}

.hp-test .non_parallax_bg {

  height: calc(79.404761904762% + 33px);

}

.hp-test .non_parallax_bg canvas {

  filter: grayscale(1);

}

.test-overlay {

  opacity: 98%;

}

.test-wrap {

  display: flex;

  position: relative;

  max-width: 1600px;

  width: 100%;

  margin: auto;

  padding-top: 90px;
  /* height: 840px; */
  padding-bottom: 6.8%;

  margin-bottom: -335px;

}

.test-txt {

  width: 55.125%;

  max-width: 882px;

  height: 626px;

  position: relative;

}

.test-txt .canvas_img {

  margin-top: 120px;

  margin-top: 13.5%;

}

.test-txt .canvas_img img {

  filter: grayscale(1) brightness(0.55);

}

.test-txt .canvas_img:before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: linear-gradient(to bottom, transparent, #000);

  opacity: 100%;

  z-index: 1;

}

.test-title {

  position: absolute;

  top: min(8vw, 300px);

  left: 46.5%;

  transform: translate(-50%, -50%);

  z-index: 2;

  width: 44.91%;

}

.test-title .site-title {
  /* width: 396px; */

}

.test-title .site-title h2 span {

  color: #c3c3c3;

}

.test-img {

  width: 44.875%;

  max-width: 718px;

}

.test-img .canvas_img {

  width: 61.00278551532%;

  max-width: 438px;

  margin-left: 84px;

}

.test-block {

  position: absolute;

  left: 50%;

  bottom: -19%;

  transform: translateX(-50%);

  width: 90vw;

  max-width: 1140px;
  /* height: 432px; */
  z-index: 2;

}

.test-col {

  position: relative;

  width: 100%;

  height: 100%;

  background: #000;

  padding: 70px 0;

}

.test-col:before {

  position: absolute;

  content: "";
  /* bottom: -30px; */
  top: 10.75%;

  left: -32px;

  left: -2.85%;

  height: 415px;

  height: 96.064814814815%;

  width: 746px;

  width: 65.438596491228%;

  background: linear-gradient(to right, #f4c76f, #9c5524);

  z-index: -1;

}

.test-feeds {

  display: flex;

  justify-content: center;

  padding: 0 20px;

}

.test-item {

  width: 50%;

  padding: 5px 40px 20px;

  position: relative;

  min-height: 188px;
  /*display: flex !important;    flex-direction: column;    justify-content: space-between;*/
  margin-bottom: 43px;

}

.slick-slide:nth-child(odd) .test-item {

  border-right: 1px solid #434343;

}

.test-item {

  font-family: var(--font-family-title);

  font-size: 14px;

  font-weight: 300;

  font-style: italic;

  color: #cdcdcd;

  letter-spacing: 0.05em;

  line-height: 1.65;

  text-align: justify;

  margin-bottom: 26px;

}

.test-item strong {

  margin-bottom: 26px;

  display: block;

}

.test-item h4,
.test-item em {

  margin-top: 26px;

  font-family: var(--font-family-default);

  font-size: 14px;

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.05em;

  line-height: 1.5;

  text-transform: uppercase;

  display: block;

}

.test-btn {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  flex-wrap: wrap;

}

.test-btn a {

  margin: 5px;

}

.test-btn .test-more {

  width: 289px;

}

.test-gr {

  width: 15%;

  max-width: 170px;

  position: absolute;

  right: 6.5%;

  bottom: 7px;

}

.test-gr em {

  position: absolute;

  transform: translateX(-50%);

  top: -16px;

  left: max(43%, 65px);

  font-family: 'Montserrat', sans-serif;

  font-size: 26px;

  font-weight: 800;

  letter-spacing: 0.035em;

  font-style: normal;

  background: -webkit-linear-gradient(360deg, #f4c76f, #9c5524);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.dta-laptop {

  position: relative;

  max-width: 579px;

  margin: auto;

}

.dta-tablet {

  max-width: 200px;

  position: absolute;

  left: -8%;

  bottom: -16%;

}

.dta-smartphone {

  max-width: 105px;

  position: absolute;

  bottom: -20%;

  left: 22%;

}

.hp-dta {

  position: relative;
  /* height: 945px; */
  padding: 429px 0 104px;

  margin-top: 190px;

}

.hp-dta .non_parallax_bg canvas {

  filter: grayscale(1);

}

.dta-wrap {

  width: 94vw;

  max-width: 1268px;

  margin: auto;

}

.dta-feeds {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}

.dta-img,
.dta-txt {

  width: 50%;

}

.dta-title .site-title {

  width: 305px;

  margin-left: 25px;

  margin-bottom: 17px;

}

.dta-desc {

  padding-left: 45px;

}

.dta-desc p {

  font-family: var(--font-family-title);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-weight: 300;

  color: #cdcdcd;

  letter-spacing: 0.05em;

  line-height: 1.4;

  padding: 10px 0;

  text-align: justify;

}

.dta-desc p a {

  color: #f4c76f;

  text-decoration: underline;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.dta-desc p a:hover {

  opacity: .7;

}

.dta-btn {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 25px;

}

.dta-btn a {

  max-width: 141px;

  margin: 0 6.5px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.dta-btn a:hover {

  opacity: .7;

}

.burger_menu_content:after {

  position: absolute;

  content: "";

  height: 32%;

  width: 57%;

  max-width: 588px;

  right: 0;

  bottom: 0;

  background: url(images/watermark.png);

  filter: brightness(0) invert(1);

  opacity: 3%;

  background-size: 100%;

  background-position: center;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

}

/*.fl-img:after {    position: absolute;    content: "";    height: 40%;    width: 67%;    max-width: 320px;    right: 0;    bottom: 0;    background: url(images/watermark.png);    filter: brightness(0) invert(1);    opacity: 10%;    background-size: 100%;    background-position: center;    background-repeat: no-repeat;    z-index: 1;    pointer-events: none;}*/
.cln-img:after {

  position: absolute;

  content: "";

  height: 40%;

  width: 67%;

  max-width: 320px;

  right: 0;

  bottom: 0;

  background: url(images/watermark.png);

  filter: brightness(0) invert(1);

  opacity: 10%;

  background-size: 100%;

  background-position: center;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

}

.clmi-img:after {

  position: absolute;

  content: "";

  height: 40%;

  width: 67%;

  max-width: 320px;

  right: 0;

  bottom: 0;

  background: url(images/watermark.png);

  filter: brightness(0) invert(1);

  opacity: 10%;

  background-size: 100%;

  background-position: center;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

}

.test-col:after {

  position: absolute;

  content: "";

  height: 58.796296296296%;

  width: 51.754385964912%;

  max-width: 590px;

  right: 0;

  bottom: 0;

  background: url(images/watermark.png);

  filter: brightness(0) invert(1);

  opacity: 4%;

  background-size: 100%;

  background-position: center;

  background-repeat: no-repeat;

  z-index: 1;

  pointer-events: none;

}

.ftr-cf {

  position: relative;
  /* height: 867px; */
  padding: 60px 0;

}

.ftr-cf>.non_parallax_bg canvas {

  filter: grayscale(1) brightness(10%);

}

.cf-wrap {

  position: relative;

  width: 92vw;
  /* max-width: 1460px; */
  width: 91.25vw;

  margin: auto;
  /* height: 727px; */
  padding: 90px 5% 1px;

}

.cf-wrap>.non_parallax_bg canvas {

  filter: grayscale(1) brightness(35%);

  background-position: 87% top;

}

.cf-wrap .site-title {

  width: 499px;

  margin: auto;

  padding-left: 27px;

}

.cf-wrap .site-title h2 span {

  color: #c3c3c3;

  letter-spacing: 0.55em;

}

/* .cf-wrap .site-title span {

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

} */

/* .home .cf-wrap .site-title span {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

} */

.cf-title p {

  color: #cdcdcd;

  font-family: var(--font-family-title);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-weight: 300;

  letter-spacing: 0.05em;

  line-height: 1.7;

  width: 100%;

  max-width: 440px;

  margin: 30px auto -10px !important;

  text-align: center;

}

.ip-apt-cf-title,
.ip-le-cf-title {

  display: none !important;

}

.cf-form form {

  width: 100%;

  max-width: 780px;

  margin: 20px auto 25px;

  position: relative;

}

.cf-form form input,
.cf-form form textarea {

  border: none;

  outline: none;

  background: transparent;

  padding: 30px 2px;

  width: calc(100% - 30px);

  margin: 3.5px 15px;

  font-family: var(--font-family-title);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-weight: 300;

  color: #fff;

  height: 76px;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  border-bottom: 1px solid #fff;

}

.cf-form form .info-holder {

  display: flex;

  flex-wrap: wrap;

}

.cf-form form .info-item {

  width: 50%;

}

.cf-form form textarea {

  height: 123px;

  resize: none;

  padding-top: 26px;

}

.cf-form>.wpcf7 {

  position: relative;

}

.cf-form form .submit-button-holder {

  position: relative;

  width: 148px;

  height: 51px;

  margin: 100px auto 80px;

}

.cf-form form .submit-button-holder::before {

  background: linear-gradient(to right, #f4c76f, #9c5524);

  opacity: 0;

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cf-form form .submit-button-holder:hover::before {

  opacity: 1;

}

.cf-form form .site-btn {

  width: 148px;

  height: 51px;

  font-size: clamp(11px, 0.875vw, 12px);

  font-weight: 500;

  letter-spacing: 0.2em;

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 5;

  border-width: 3px;

  border-style: solid;

  padding: 0;

  margin: 0;

}

.cf-form form .wpcf7-spinner {

  position: absolute;
  /*top: -33px;*/
  top: auto;

  bottom: -35px;

  margin: 0;

  left: 50%;

  transform: translateX(-50%);

}

.use-floating-validation-tip .wpcf7-not-valid-tip {

  position: absolute;

  width: auto;

  top: -2px;

  right: 1em;

  left: auto;

  font-family: var(--font-family-default);

  z-index: 3;

}

.cf-form .wpcf7 form .wpcf7-response-output {

  width: calc(100% - 30px);

  left: 0;

  right: 0;

  color: #fff;

  bottom: -60px;

  margin: auto;

}

.wpcf7 form .wpcf7-response-output {

  text-align: center;

  color: #fff;

  position: absolute;

  line-height: 1;

  font-size: 14px;

}

span.wpcf7-form-control-wrap[data-name="your-message"] {

  position: relative;

  display: block;

}

span.wpcf7-form-control-wrap[data-name="your-message"] span.wpcf7-not-valid-tip {

  top: 20px;

}

#ftr {

  position: relative;
  /* height: 803px; */
  padding: 50px 0 28px;

}

#ftr::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: #000;

  opacity: 63%;

}

#ftr::after {

  position: absolute;

  content: "";

  height: 50%;

  width: 100%;

  bottom: 0;

  right: 0;

  background: linear-gradient(to top, #000, transparent);

  opacity: 90%;

}

.ftr-wrap {

  width: 92vw;

  max-width: 1460px;

  margin: auto;

  position: relative;

  z-index: 1;

}

.ftr-col {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.ftr-contact,
.ftr-logo,
.ftr-smi {

  max-width: 350px;

  width: calc(100% / 3);

  margin-bottom: 10px;

}

.ftr-contact ul {}

.ftr-contact ul li {}

.ftr-contact ul li a {

  font-size: clamp(18px, 2vw, 21.5px);

  font-size: 13.13px;

  color: #fff;

  font-weight: 400;

  font-family: var(--font-family-title);

  letter-spacing: 0.15em;

  line-height: 2.2;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-contact ul li {

  font-size: clamp(18px, 2vw, 21.5px);

  font-size: 13.13px;

  color: #fff;

  font-weight: 400;

  font-family: var(--font-family-title);

  letter-spacing: 0.15em;

  line-height: 2.2;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-contact ul li>a:hover {

  color: #f4c76f;

}

.ftr-contact ul li:last-child a span {

  text-decoration: underline;

}

.ftr-contact ul li:last-child a img {

  margin-left: 7px;

  margin-bottom: -2px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-contact ul li:last-child a:hover img {

  filter: invert(10%) sepia(39%) saturate(835%) hue-rotate(316deg) brightness(97%) contrast(97%);

}

.ftr-logo {

  margin: 20px 20px 0;

}

.ftr-address {

  text-align: center;

  margin: 30px auto 10px;

}

.ftr-address a {

  font-size: clamp(18px, 2vw, 21.5px);

  font-size: 13px;

  color: #fff;

  font-weight: 400;

  font-family: var(--font-family-title);

  letter-spacing: 0.15em;

  line-height: 2.2;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-address a:hover {

  color: #f4c76f;

}

.ftr-smi ul {

  display: flex;

  justify-content: right;

}

.ftr-smi ul li a {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 22px;

  margin-left: 33px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-smi ul li a:hover {

  color: #f4c76f;

}

.ftr-logos {

  margin: auto;

  /*max-width: 888px;

  max-width: 1150px;*/

  width: 100%;

}

.ftr-logos ul {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}

.ftr-logos ul li {

  margin: 28px 19px;

  margin: 28px 15px;

}

.ftr-logos ul li:nth-child(2) {

  /*margin: 28px 38px;*/

}

.ftr-logos canvas {
  display: none;
}

.ftr-logos img {
  position: relative !important;
  width: auto !important;
  max-width: 150px;
  max-height: 100px;
}

.ftr-disclaimer p {

  font-family: var(--font-family-title);

  font-size: 11px;

  font-weight: 400;

  color: #cdcdcd;

  line-height: 1.8;

  letter-spacing: 0.093em;

  text-align: justify;
  /* text-align-last: center; */
  padding: 10px 0;

}

.ftr-disclaimer a {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-disclaimer a:hover {
  /* color: #ddc5a1; */

}

.ftr-nav {}

.ftr-nav ul {

  display: flex;

  justify-content: center;

  text-align: center;

  padding: 25px 0;

}

.ftr-nav ul li {

  padding: 0 10px;

  border-right: 1.5px solid #fff;

  text-align: center;

  line-height: 0;

}

.ftr-nav ul li:last-child {

  border: none;

}

.ftr-nav ul li a {

  font-family: var(--font-family-title);

  font-size: 11px;

  font-weight: 400;

  color: #cdcdcd;

  line-height: 0.6;

  letter-spacing: 0.093em;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-nav ul li a:hover {

  color: #f4c76f;

}

.ftr-copyright {

  font-family: var(--font-family-title);

  font-size: clamp(14px, 1.5vw, 16px);

  font-size: 11px;

  font-weight: 400;

  color: #cdcdcd;

  line-height: 1.7;

  letter-spacing: 0.093em;

  text-align: center;

  width: fit-content;

  margin: auto;

}

.ftr-copyright span {

  text-transform: uppercase;

}

.ftr-copyright a {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftr-copyright a[href="https://www.agentimage.com/"] {

  text-decoration: underline;

  font-weight: 700;

}

.ftr-copyright a:hover {

  color: #f4c76f;

}

.ftr-mls {

  font-size: 38px;

  color: #cdcdcd;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 28px auto 20px;

}

.ftr-mls i.ai-font-eho {

  font-size: 29px;

  margin-left: 12px;

  margin-top: 2px;

}

/******************************************************* * * 4. IP Styles * *******************************************************/
.ip-banner {

  position: relative;

  width: 100%;

}

.ip-banner::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  z-index: 1;

  background: rgba(0, 0, 0, .1) !important;

  background: linear-gradient(to top, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, 0.8) 100%) !important;

  pointer-events: none;

  z-index: 1;

  opacity: 0.8 !important;

}

.ip-banner::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  background: rgb(0, 0, 0);

  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;

  opacity: 0.75 !important;

}

.ip-custom-banner-wrap::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  z-index: 1;

  background: rgba(0, 0, 0, .1) !important;

  background: linear-gradient(to top, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, 0.8) 100%) !important;

  pointer-events: none;

  z-index: 1;

  opacity: 0.8 !important;

}

.ip-custom-banner-wrap::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  background: rgb(0, 0, 0);

  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;

  opacity: 0.75 !important;

}

.ip-banner canvas {

  display: block;

  position: relative;

  z-index: 0;

  width: 100%;

  min-height: 250px;

  background-color: var(--dark);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.ip-banner .container {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

}

.ip-banner h1 {

  font-weight: 700;

  font-size: 32px;

  text-align: center;

  color: #FFFFFF;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  line-height: 1.7;

}

.ip-banner h1 span {

  display: block;

  font-size: 24px;

  font-weight: 400;

  text-transform: none;

  letter-spacing: 0.01em;

}

/* Adjust minimum height of page area */
#content-sidebar,
#content-full {

  min-height: 500px;

  margin-top: 20px;

}

/** Adjust width of content columns **/
#content-sidebar #content {

  width: 77.08%;

}

#content-full #content {

  width: 100%;

}

/* Adjust width of sidebar */
.sidebar {

  width: 20.83%;

}

/* fullwidth template */
.page-template-template-fullwidth #content {

  padding-left: 15px;

  padding-right: 15px;

}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {

  margin-left: -15px;

  margin-right: -15px;

}

/* Adjust line height of page elements */
#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {

  line-height: 1.7
}

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
  /* font-family: var(--font-family-default);    font-size: clamp(36.55px, 4.5vw, 64.55px);    font-weight: 600;    letter-spacing: 0.05em;    text-transform: uppercase;    line-height: 1; */

}

#content .entry-title h3,
#content .archive-title h3 {

  font-family: var(--font-family-title);

  font-size: clamp(12px, 1.25vw, 20px);

  font-weight: 500;

  color: #929292;

  letter-spacing: normal;

  text-transform: uppercase;

  padding-left: 10px;

}

#content .entry-title h2,
#content .archive-title h2 {

  font-family: var(--font-family-default);

  font-size: clamp(34.55px, 4.5vw, 64.55px);

  font-weight: 600;

  letter-spacing: normal;

  text-transform: uppercase;

  width: fit-content;

  text-align: left;

  position: relative;

  padding-top: 20px;

  line-height: 1;

  margin-top: -20px;

  padding-left: clamp(20px, 3vw, 40px);

  padding-right: 10px;

}

#content .entry-title h2:before,
#content .archive-title h2::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 2px;

  left: 0;

  top: 12px;

  background: linear-gradient(to right, #f4c76f, #9c5524);

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {}

#inner-page-wrapper p {

  font-family: var(--font-family-title);

  font-size: clamp(9px, 1vw, 14px);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-weight: 300;

  letter-spacing: 0.04em;

  line-height: 1.73;

  margin: 0;

  padding-bottom: clamp(25px, 2.2vw, 35px);

  padding-bottom: 20px;

  text-align: justify;

  min-height: 0vw;

}

#inner-page-wrapper ul,
#inner-page-wrapper ol,
html .page-id-1607 #content ul li,
.page-id-1634 #inner-page-wrapper ul li {

  font-family: var(--font-family-title);

  font-size: clamp(9px, 1vw, 14px);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-weight: 300;

  letter-spacing: 0.04em;

  line-height: 1.73;

  text-align: justify;
  /*    padding-bottom: clamp(25px, 2.2vw, 35px);*/
  padding-bottom: 20px;

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}

ul.sitemap-list,
.page-id-19 #aios-testimonials .aios-testimonials-lists .aios-testimonials-content {

  font-family: var(--font-family-title);

  font-size: clamp(9px, 1vw, 14px);

  font-size: clamp(12.5px, 0.875vw, 14px);

  font-weight: 300;

  letter-spacing: 0.04em;

  line-height: 1.73;

}

.page-id-19 #aios-testimonials .aios-testimonials-lists h3 {

  font-family: var(--font-family-title);

  letter-spacing: 0.04em;

}

#content h1,
aside h1,
#content h2,
aside h2,
#content h3,
aside h3,
#content h4,
aside h4,
#content h5,
aside h5,
#content h6,
aside h6,
#content b,
aside h6,
#content strong,
aside strong {
  /* font-family: var(--font-family-default);    font-size: clamp(22px, 2.2vw, 35px);    font-weight: 600;    color: #fff;    letter-spacing: 0.1em;    line-height: 1.3;    text-transform: capitalize;    display: block; */

}

#content h2,
#content h3 {

  font-family: var(--font-family-default);

  font-size: clamp(22px, 2.2vw, 35px);

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.1em;

  line-height: 1.3;
  /* text-transform: capitalize; */
  display: block;

}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */
#breadcrumbs:nth-child(2) {

  display: none !important;

}

#inner-page-wrapper {

  background: #000;

  color: #fff;

  margin-bottom: 0;
  /*    padding-bottom: 30px;*/

}

.page-template-naples-listings-by-map .ip-banner::before {
  /* background: #151515; */

}

.page-template-naples-listings-by-map .ip-banner canvas {

  min-height: 0;

  background-color: #000;

  background-image: none !important;

  height: 0;

}

.page-template-naples-listings-by-map .header {

  padding: 15px 0;

  background: #000;

}

.page-template-marco-island-listings-by-map .ip-banner canvas {

  min-height: 0;

  background-color: #000;

  background-image: none !important;

  height: 120px;

}

.page-template-marco-island-listings-by-map .header {

  padding: 15px 0;

}

.ip-custom-banner-wrap::before {

  opacity: 0.2;

}

li.disabled-link>a {

  pointer-events: none;

}

#inner-page-wrapper .container {

  width: 100%;

  padding: 0;

}

#inner-page-wrapper #content-full {

  width: 95%;

  max-width: 1460px;

  margin: clamp(17px, 2vw, 27px) auto;

}

.ip-listings {
  /* padding-left: 15px !important;    padding-right: 15px !important; */

}

#aios-testimonials.aios-testimonials-page {

  width: 95%;

  max-width: 1460px;

  margin: clamp(17px, 2vw, 27px) auto;

}

.ip-content-bg,
.ip-content-bg canvas {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: -1;

}

.ip-content-bg {

  height: calc(100% - 10vw);

}

.ip-content-bg canvas {

  filter: grayscale(1);

}

canvas.bg-fixed {

  background-attachment: fixed;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.ip-content-bg img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0.9;

}

#content h2,
aside h2,
#content h3,
aside h3,
#content h4,
aside h4,
#content h5,
aside h5,
#content h6,
aside h6,
#content b,
aside h6 {

  margin-top: 0;

}

.post-page-foreign-buyer-1 #content .clearfix {

  margin-bottom: 40px;

}

.ip-content-img {

  width: 50%;

}

.ip-content-img img {

  max-width: 100% !important;

  max-width: 50vw !important;

  margin: 0 !important;

  width: 100%;

}

.page-id-21 .ip-content-img img {
    max-width: 100% !important;
    width: auto;
    max-height: 600px;
}

.ip-content-img.left {

  float: left;

  position: relative;

  margin-right: 60px;

  margin-bottom: 40px;

}

.ip-content-img.right {

  float: right;

  position: relative;

  margin-left: 60px;

  margin-bottom: 40px;

  margin-bottom: 70px;

}

.ip-content-img.left::before {

  position: absolute;

  z-index: -1;

  content: "";

  width: 100%;

  height: 98%;

  left: -28px;

  left: clamp(-28px, -2vw, -19px);

  bottom: -28px;

  bottom: clamp(-28px, -2vw, -19px);

  background: linear-gradient(to right, #f4c76f, #9c5524);

}

.ip-content-img.right::before {

  position: absolute;

  z-index: -1;

  content: "";

  width: 100%;

  height: 98%;

  bottom: -28px;

  bottom: clamp(-28px, -2vw, -19px);

  right: -28px;

  right: clamp(-28px, -2vw, -19px);

  background: linear-gradient(to right, #f4c76f, #9c5524);

}

.ip-content-img.center {

  position: relative;

  margin: auto;

  width: fit-content;

  background: #000;

}

.ip-content-img.center-left {

  position: relative;

}

.ip-content-img.center-right {

  position: relative;

}

.ip-content-img.center::before {

  position: absolute;

  z-index: -1;

  content: "";

  width: 99%;

  height: 98%;

  bottom: -25px;

  left: auto;

  right: auto;

  background: linear-gradient(to right, #f4c76f, #9c5524);

}

.ip-content-img.center-left::before {

  left: -25px;

}

.ip-content-img.center-right::before {

  right: -25px;

}

/* Testimonials */
body #aios-testimonials .aios-testimonials-lists a {

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 5;

  border-width: 1px;

  border-style: solid;

}

body #aios-testimonials .aios-testimonials-lists .star_rating_display i,
body .aiosp-wrap div[class*=aios-testimonials-popup-] .aiosp-content .star_rating_display i {

  background: -webkit-linear-gradient(360deg, #f4c76f, #9c5524);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.page-id-19 .ip-content-bg,
.page-id-16 .ip-content-bg,
.page-id-1620 .ip-content-bg,
.page-id-47 .ip-content-bg {

  height: 100%;

}

body .ai-testimonials-pagination {
  /*    display: none;*/

}

#content a {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

#content a:focus,
#content a:hover {

  color: #f5c86f;

}

span.breadcrumb_last {

  color: #f5c86f;

}

.page-id-1620 #content strong em,
.page-id-1634 #content strong,
.page-id-1670 #content strong {

  font-size: clamp(17px, 2vw, 27px);

  font-family: var(--font-family-default);

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.1em;

  line-height: 1.3;
  /*    text-transform: uppercase;*/
  display: block;

}

.page-id-1234 .ip-bm-item-wrap.no-image .ip-buyers-title,
.page-id-1227 .ip-bm-item-wrap.no-image .ip-buyers-title {

  width: fit-content;

}

.page-id-1234 .site-title h2,
.page-id-1227 .site-title h2 {

  padding-left: clamp(20px, 3vw, 40px);

}

.page-id-1234 .ip-bm-item-wrap.no-image,
.page-id-1227 .ip-bm-item-wrap.no-image {

  margin-bottom: -20px;

}

.page-id-1634 #inner-page-wrapper ul {

  padding-bottom: clamp(25px, 2.2vw, 35px);

}

.page-id-305 #content .site-title h2 span,
.page-id-309 #content .site-title h2 span,
.page-id-307 #content .site-title h2 span {

  font-family: var(--font-family-title);

  font-size: clamp(12px, 1.25vw, 20px);

  font-weight: 500;

  color: #929292;

  letter-spacing: 0.5em;

  text-transform: uppercase;

  padding-left: 18px;

  margin-bottom: 0;

}

#inner-page-wrapper p#breadcrumbs {

  text-align: right;

}

.page-id-1607 #content .entry {

  text-align: justify;

}

.ip-ps-cf-title {

  display: none;

}

.const-form {}

.const-form form {

  position: relative;

}

.const-form-inner {

  display: flex;

  flex-flow: row wrap;

  margin: 0 -15px;

  width: 100%;

}

.const-form-inner>h2 {

  width: 100%;

  padding: 0 15px;

  margin: 15px 0 !important;

}

.const-form-inner>div {

  width: 50%;

  padding: 0 15px;

  margin: 15px 0;

}

.const-form-inner>div.full {

  width: 100%;

}

.const-form-inner label {

  display: block;

}

.const-form-inner .wpcf7-form-control-wrap {

  display: block;

}

.const-form-inner input:not([type="radio"]),
.const-form-inner textarea,
.const-form-inner select {

  display: block;

  width: 100%;

  background: transparent;

  border: 1px solid #fff;

  padding: 10px;

}

.const-form-inner select option {

  color: #000;

  background: transparent !important;

}

.const-form-inner .wpcf7-radio {

  display: flex;

  align-items: center;

}

.const-form-inner .wpcf7-list-item {

  display: flex;

  align-items: center;

  margin: 0;

}

.const-form-inner .wpcf7-list-item:not(:last-child) {

  margin: 0 30px 0 0;

}

.const-form-inner .wpcf7-list-item input {

  margin: 0 10px 0 0;

}

.const-form-inner .submit-button-holder {

  position: relative;

  width: 160px !important;

  margin: 15px auto;

}

.const-form-inner .submit-button-holder::before {

  background: linear-gradient(to right, #f4c76f, #9c5524);

  opacity: 0;

  position: absolute;

  content: "";

  width: calc(100% - 30px);

  height: 100%;

  top: 0;

  left: 15px;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.const-form-inner .submit-button-holder:hover::before {

  opacity: 1;

}

.const-form-inner .site-btn {

  font-size: clamp(11px, 0.875vw, 12px);

  font-weight: 500;

  letter-spacing: 0.2em;

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 5 !important;

  border-width: 3px !important;

  border-style: solid !important;

  padding: 0;

  margin: 0;

}

.const-form-inner .wpcf7-spinner {

  position: absolute;

  top: auto;

  bottom: -35px;

  margin: 0;

  left: 50%;

  transform: translateX(-50%);

}

.const-form .wpcf7-response-output {

  width: fit-content;

  left: 50%;

  font-size: 16px !important;

  transform: translateX(-50%);

  margin: 10px auto 0 !important;

}

.const-form form.sent .wpcf7-response-output {

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 5 !important;

  border-width: 3px !important;

  border-style: solid !important;

}

.const-form-inner span[data-name="const-use-whatsapp"] {
  /*padding: 10px 0;*/

}

.const-form-inner span[data-name="const-use-whatsapp"] select {

  height: 46px;

}

.ai-default-cf7wrap input,
.ai-default-cf7wrap select,
.ai-default-cf7wrap textarea {

  color: #000;

}

#content .entry {

  text-align: justify;

}

#content .entry .disclaimer {

  font-size: 11px !important;

  font-style: italic;

}

.cf-title p {

  text-align: center !important;

  width: 100%;

  max-width: 100%;

}

.single-aios-communities #content .entry-title {

  display: none !important;

}

.page-id-21 #content .wwu-title .site-title {

  width: 50%;

  max-width: 557px;

}

.page-id-21 #content .wwu-title .site-title h2 span {

  font-family: var(--font-family-title);

  font-size: clamp(12px, 1.25vw, 20px);

  font-weight: 500;

  color: #929292;

  letter-spacing: 0.5em;

  text-transform: uppercase;

  padding-left: 18px;

  margin: 0;

}

.page-id-21 #content .wwu-title .site-title h2 {

  font-family: var(--font-family-default);

  font-size: clamp(36.55px, 4.5vw, 64.55px);

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  width: 100%;

  text-align: right;

  position: relative;

  padding-top: 20px;

  margin: 0;

}

.page-id-21 #content .wwu-item h3 {

  font-family: var(--font-family-default);

  font-size: clamp(31px, 4vw, 60px);

  font-size: 45px;

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  width: 100%;

  position: relative;

  padding-bottom: 50px;

  margin: 0;

}

.page-id-21 #content .wwu-item h3 i {

  font-style: normal;

}

.page-id-21 #content .wwu-item h4 {

  font-family: "Roboto Mono", sans-serif;

  font-size: clamp(14px, 1.2vw, 18px);

  font-weight: 400;

  color: #fff;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  margin: 0;

}

#breadcrumbs,
.custom-breadcrumbs {
  /* display: none !important; */
  /* opacity: 0 !important;

  pointer-events: none !important;

  max-height: 0px !important; */

}

.ip-banner,
.ip-banner img,
.ip-banner canvas,
.ip-custom-banner-wrap,
.ip-custom-banner-wrap img,
.ip-custom-banner-wrap canvas {

  max-height: 250px !important;

  min-height: 250px !important;

}

.page-id-34 .az-sort ul {

  width: 100%;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

}

.page-id-34 .az-sort ul li {

  list-style: none;

  position: relative;

  margin: 5px
}

.page-id-34 .az-sort ul li a {

  width: 35px;

  height: 35px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 5;

  border-width: 3px;

  border-style: solid;

  text-transform: uppercase;

  transition: all 0.3s ease;

}

.page-id-34 .az-sort ul li a:hover,
.page-id-34 .az-sort ul li a.active {

  border: 0;

  background: linear-gradient(to right, #f4c76f, #9c5524);

}

.post-page-free-home-valuation .ai-default-cf7wrap input[type=email],
.post-page-free-home-valuation .ai-default-cf7wrap input[type=tel],
.post-page-free-home-valuation .ai-default-cf7wrap input[type=text],
.post-page-free-home-valuation .ai-default-cf7wrap select,
.post-page-free-home-valuation .ai-default-cf7wrap textarea {

  background: #000;

  color: #fff;

  font-size: clamp(12.5px, 0.875vw, 14px);

}

.post-page-free-home-valuation .ai-default-cf7wrap input[type=text],
.post-page-free-home-valuation .ai-default-cf7wrap input[type=email],
.post-page-free-home-valuation .ai-default-cf7wrap input[type=tel] {

  height: 45px;

}

.const-form .wpcf7-list-item span.wpcf7-list-item-label {

  padding-left: 20px;

}

.const-form .wpcf7-list-item {

  position: relative;

}

/* Hide the browser's default radio button */
.const-form span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label input,
.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}

/* Create a custom radio button */
.const-form span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label span.wpcf7-list-item-label::before,
.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label span.wpcf7-list-item-label::before {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  height: 13px;

  width: 13px;

  background-color: #fff;

  border-radius: 50%;

  border: solid 2px #fff;

}

.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label span.wpcf7-list-item-label {

  padding-left: 18px;

}

/* On mouse-over, add a grey background color */
.const-form span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label:hover input~span.wpcf7-list-item-label::before,
.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label:hover input~span.wpcf7-list-item-label::before {

  background-color: #f4c76f;

}

/* When the radio button is checked, add a blue background */
.const-form span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label input:checked~span.wpcf7-list-item-label::before,
.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label input:checked~span.wpcf7-list-item-label::before {

  background-color: #f4c76f;

}

/* Create the indicator (the dot/circle - hidden when not checked) */
.const-form span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label span.wpcf7-list-item-label:after,
.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label span.wpcf7-list-item-label:after {

  content: "";

  position: absolute;

  display: none !important;

}

/* Show the indicator (dot/circle) when checked */
.const-form span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label input:checked~span.wpcf7-list-item-label:after,
.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label input:checked~span.wpcf7-list-item-label:after {

  display: block;

}

/* Style the indicator (dot/circle) */
.const-form span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label span.wpcf7-list-item-label:after,
.const-form span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label span.wpcf7-list-item-label:after {

  top: 9px;

  left: 9px;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: white;

}

.single-aios-communities .ip-listings-top {

  /*justify-content: flex-end;*/

  /*padding: 0 50px;*/

}

a.aios-ai-phone {
  /* pointer-events: none; */

}

.ip-ld-pf-disclaimer-inner p {

  font-size: 11px !important;

}

#content .entry a {

  text-decoration: underline;

}

#content .entry a.site-btn {

  text-decoration: none;

}

.ai-contact-wrap span {

  font-size: clamp(12.5px, 0.875vw, 14px) !important;

  font-weight: 400 !important;

}

.page-id-22 #inner-page-wrapper p {

  padding-bottom: 24px;

}

.const-form h2 {

  margin-bottom: 0px !important;

  margin-top: 28px !important;

}

#content .entry h2 {
  /* text-transform: capitalize !important; */
  text-align: left !important;

}

.page-id-2039 .ip-bm-item-img>.canvas_img {

  max-height: 900px;

}

.page-id-21 #content .display-flex {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  margin: 20px auto;
  /*width: 94%;*/
  width: calc(42% - 25px);

  position: relative;

}

.page-id-21 #content .display-flex h2 {

  font-size: clamp(22px, 2.2vw, 28px);

}

.market-video-feed {

  display: flex;


  flex-flow: column;

  align-items: center;

  justify-content: center;

  padding-bottom: 50px;

}

/*
.page-id-21 #content .display-flex:nth-child(even) {

  top: 200px;

}
*/

.page-id-21 #content .display-flex a {

  display: block;

  text-decoration: none;

  width: 100%;

  max-width: 700px;

}

.page-id-21 #content .display-flex img {

  margin: auto;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.page-id-21 #content .display-flex a:hover img {

  opacity: 0.9;

}

.page-id-21 #content .display-flex h2 {

  margin: 40px auto 0;

  text-align: center !important;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.page-id-21 #content .display-flex a:hover h2 {

  color: #f5c86f;

}

#ip-link-page {

  list-style-type: none !important;

  column-count: 3;

  column-gap: 30px;

}

#ip-link-page li:last-child {

  margin-bottom: 100px;

}

.page-id-34 .az-sort ul {

  margin: 0 !important;

}

.single-aios-communities-btn.site-btn {

  top: -40px;

  margin: auto;

  margin-right: 0;

  width: 200px;

}

.single-aios-communities-btn.site-btn.btn-marco-island {

  display: none;

}

.page #wptime-plugin-preloader {

  -moz-background-size: 270px 80px !important;

  -o-background-size: 270px 80px !important;

  -webkit-background-size: 270px 80px !important;

  background-size: 270px 80px !important;

}

#inner-page-wrapper p.ul-two-col {

  column-count: 2;

}

#inner-page-wrapper p.remove-underline a,
#inner-page-wrapper p.remove-underline a u,
.page-id-2975 #content .entry a {

  text-decoration: none;

}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {

  border-color: #ffb900 !important;

}

span.wpcf7-form-control-wrap[data-name="listings-message"] {

  display: block;

  position: relative;

}

span.wpcf7-form-control-wrap[data-name="listings-message"] span.wpcf7-not-valid-tip {

  top: 30px;

}

span.errorMsg h3 {

  padding: 50px 0 !important;

}

.post-page-collier-county-school-district .ip-content-img.right,
.post-page-collier-county-school-district .ip-content-img.left {

  margin-top: 28px;

}

.page-template-property-search .ip-ps-btn button:hover:before {

  opacity: 1;

}

.page-id-0 .ip-listings-wrap .ip-listings-btns>.back-to-search-btn {

  width: 100%;

  margin-bottom: 15px;

}

body.page-id-0:has(span.errorMsg h3) .back-to-search-btn {

  margin-left: auto;

  margin-right: 30px;

  margin-top: 30px;

}

#content a.gold-font {

  color: #f5c86f;

}

#content a.gold-font:focus,
#content a.gold-font:hover {

  opacity: 0.75;

}

.contact-form-valid-tip span.wpcf7-not-valid-tip {

  line-height: 1.5;

  left: 1em;

  right: auto;

  font-size: 11px;

}

.page-id-25 .contact-form-valid-tip span.wpcf7-not-valid-tip {

  top: 16px;

  left: auto;

  right: 1em;

}

.page-id-25 .contact-form-valid-tip .wpcf7-radio+span.wpcf7-not-valid-tip,
.page-id-1614 .contact-form-valid-tip span.wpcf7-not-valid-tip {

  top: 12px;

}

.page-id-1614 .contact-form-valid-tip .wpcf7-radio+span.wpcf7-not-valid-tip {

  top: 4px;

}

.page-id-25 form .submit-button-holder {

  position: relative;

  width: 181px;

  height: 51px;

  margin: 25px auto;

}

.page-id-25 .ai-contact-wrap input[type=submit] {

  background: transparent !important;

  font-family: var(--font-family-title);

  color: #fff;

  text-transform: uppercase;

  height: 51px;

  width: 181px;

  height: 51px;

  font-size: clamp(11px, 0.875vw, 12px);

  font-weight: 500;

  letter-spacing: 0.2em;

  border-image: linear-gradient(to right, #f4c76f, #9c5524) 5;

  border-width: 3px;

  border-style: solid;

  padding: 0;

  margin: auto;

  cursor: pointer;

}

.page-id-25 .ai-contact-wrap .submit-button-holder::before {

  background: linear-gradient(to right, #f4c76f, #9c5524);

  opacity: 0;

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.page-id-25 .ai-contact-wrap .submit-button-holder:hover::before {

  opacity: 1;

}

.page-id-25 .ai-contact-wrap .wpcf7-spinner {

  position: absolute;
  /*bottom: 57px;*/
  top: auto;

  bottom: -35px;

  left: 50%;

  margin: auto;

  transform: translateX(-50%);

}

/*3-12-2024*/
.cf-form .wpcf7 form.sent .wpcf7-response-output {

  max-width: max-content;

}

.page-id-0 .ip-listings-wrap .ip-listings-btns>.back-to-search-btn:hover::before {

  opacity: 1 !important;

}

.post-page-automated-property-tracker select option[value="Type of Property"] {
  /*    display: none;*/

}

.page-template-buyers .ip-buyers-cf-form .wpcf7 form .wpcf7-response-output {

  max-width: max-content;

}

.page-template-golf-communities-courses .ip-ps-wrap .wpcf7-spinner {

  margin: auto;

  margin-top: 5px;

  display: block;

  top: auto;

  bottom: -35px;

}

.ip-listing-details .ip-ld-hero-sm-navi-back.hidden-mb {

  display: block !important
}

/* .ip-listing-details .ip-ld-hero-sm-navi-back a:hover::before {    opacity: 1 !important;}.ip-listing-details .ip-ld-hero-sm-navi-btns button:hover::before {    opacity: 1 !important;} */
.page-id-1614 .const-form .wpcf7 form .wpcf7-response-output {

  width: calc(100% - 30px);

  max-width: 409px;

  margin-right: 30px;

  left: calc(50% - 15px);

}

.error-page-content-wrapper .use-floating-validation-tip .wpcf7-not-valid-tip {

  position: absolute;

  width: auto;

  left: auto;

  right: 2px;

  font-size: 11px;

  top: 2px;

}

.error-page-content-wrapper .wpcf7 form .wpcf7-response-output {

  position: absolute;

  width: 100%;

  text-align: center;

  margin: auto;

  font-size: 13px;

}

.error-page-content-wrapper .use-floating-validation-tip .wpcf7-not-valid-tip {

  position: absolute;

  width: auto;

  left: auto;

  right: 2px;

  font-size: 11px;

  top: 2px;

}

.error-page-content-wrapper .wpcf7 form .error-row p {

  padding-bottom: 0 !important;

  color: #000;

}

.error-page-content-wrapper .error-page-image-holder .error-page-image-left img {

  filter: brightness(0) invert(1);

}

.error-page-content-wrapper .error-forms textarea {

  height: 129px !important;

  padding-top: 19px !important;

}

.error-page-content-wrapper .error-forms input[type="email"],
.error-page-content-wrapper .error-forms input[type="phone"],
.error-page-content-wrapper .error-forms input[type="text"],
.error-page-content-wrapper .error-forms textarea {

  border: 0 !important;

  outline: none !important;

  color: #fff !important;

  font-size: 15px !important;

  border-bottom: 1px solid #fff !important;

  background: none;

  text-transform: uppercase;

  height: 60px;

  font-family: "Open Sans", sans-serif !important;

}

.ai-default-cf7wrap input[type="text"]:focus,
.ai-default-cf7wrap input[type="tel"]:focus,
.ai-default-cf7wrap input[type="email"]:focus,
.ai-default-cf7wrap select:focus,
.ai-default-cf7wrap textarea:focus,
.error-page-content-wrapper .error-forms input[type="text"]:focus,
.error-page-content-wrapper .error-forms input[type="email"]:focus,
.error-page-content-wrapper .error-forms input[type="phone"]:focus,
.error-page-content-wrapper .error-forms textarea:focus {

  border-color: initial !important;

  outline: 0;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}

.error-form-wrapper .site-title {

  max-width: 499px;

  margin: 0 auto;

}

.error-form-wrapper .site-title h2 {

  font-size: clamp(36.55px, 4.5vw, 64.55px) !important;

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.05em;
  /*text-transform: uppercase;*/
  width: 100%;

  text-align: right;

  position: relative;

  padding-top: 20px;

}

.error-form-wrapper .site-title h2 span {

  font-family: var(--font-family-title);

  font-size: clamp(12px, 1.25vw, 20px) !important;

  font-weight: 500 !important;

  color: #929292 !important;

  letter-spacing: 0.5em !important;
  /*text-transform: uppercase;*/
  padding-left: 18px;

}

.error-page-content-wrapper .error-form-wrapper .error-forms {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.error-page-content-wrapper .error-forms .error-row {

  width: 100%;

}

.error-page-content-wrapper .error-forms .error-row.submit {

  margin-top: 30px;

}

.error-page-content-wrapper {

  padding: 0 20px;

}

body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output,
body .wpcf7 form.payment-required .wpcf7-response-output,
body .wpcf7 form.sent .wpcf7-response-output,
body .wpcf7 form.failed .wpcf7-response-output,
body .wpcf7 form.aborted .wpcf7-response-output,
body .wpcf7 form .wpcf7-response-output {

  border-color: #46b450 !important;

  border-image: none !important;

  border-width: 2px !important;

}



.aidefcf-cl2-new div {

  float: right;

  width: 48.7%;

}

.aidefcf-cl2-new div:first-child {

  float: left;

}

.aidefcf-cl2-new::after {

  content: " ";

  width: 100%;

  display: block;

  clear: both;

}

#content em.form-label-wrapper,
em.form-label-wrapper {
  display: block;
  font-style: normal;
}

.ip-custom-breadcrumbs {
  z-index: 5 !important;
}

.grecaptcha-badge {
  z-index: 1000;
}

.ip-listings-title .site-title {
	margin-left: 80px;
}

.ip-listings-title .site-title h3 {
	display: block;
	font-family: var(--font-family-title);
	font-size: clamp(12px, 1.25vw, 20px);
	font-weight: 500;
	color: #929292;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	padding-left: 18px;
}

.ip-listings-title .site-title h2 {
	display: block;
	font-family: var(--font-family-default);
	font-size: clamp(36.55px, 4.5vw, 64.55px);
	font-style: normal;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	width: 100%;
	text-align: right;
	position: relative;
	padding-top: 20px;
	padding-left: 0;
}

.ip-listings-title .site-title h2::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	left: 0;
	top: 12px;
	background: linear-gradient(to right, #f4c76f, #9c5524);
}

.aios-slider-custom-video button,
.aios-slider-volume {
    display:none !important;
}