/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .text-align-right{text-align:right!important}.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}
.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}
.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}
.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}
.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}
/* Custom Widgets Styles */
.widget-1f5975 .copyright {
  font-size: 13px;
  display: flex;
  text-align: left;
  justify-content: flex-start;
}

.widget-1f5975 .copyright-year {
  white-space: nowrap;
}

:root {
	--transition-1: all 0.3s ease-in-out;
	--transition-2: all 0.2s ease-in-out;
	--search-color: #A0A0B3;
    --checkbox-fill-color: #192945;
    --checkbox-disabled-fill-color: #EFF2F9;
    --main-blue: #164993;
    --border-search: #164993;
    --search-input-placeholder: rgba(160, 160, 178, .5);
    --search-input-placeholder-hover: rgba(160, 160, 178, .9);
    --search-input-placeholder-focus: rgba(160, 160, 178, .7);
    --radio-color: #2a9d8f;
}

.hoverStuff {
    position: relative;
}

.hoverStuff::before {
    content: attr(data-tooltip);
    pointer-events: none;
    position: absolute;
    color: #fff;
    background: #000;
    padding: 15px;
    opacity: 0;
    visibility: none;
    width: 180px;
    word-wrap: break-word;
    bottom: calc(0.5rem + 100%);
    right: 50%;
    transform: translateX(50%);
}

.hoverStuff:hover::before {
    visibility: visible;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

/* OUTER CONTAINER */
#widget-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: 'Lexend Deca', sans-serif;
  position: relative;
}
.searchAndListContainer {
      display: flex;
  flex-direction: row;
  gap: 20px;
}
#searchFilterContainer {
    display: flex;
    flex-direction: column;
    width: 180px;
}

#contents {
    width: 100%;
    position: relative;
}


/* THE LIST OF ITEMS */

.list {
	list-style: none;
	width: 100%;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*gap: 15px;*/
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 0;
}



/* SLIDE TOGGLE DROPDOWN CSS */

.slideToggle {
  position: relative;
}
.expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}



.types {
  text-align: left;
}
.slideList {
  background: white;
  position: absolute;
  max-height: 400px;
  overflow-y: scroll;
  width: 100% !important;
}
.list-expand {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}  

/* Resource type dropdowns */
.item {
    width: 100%;
  padding: 6px;
  margin: 3px;
 
}
.item label {
     font-size: 12px !important;
  color: #192945;
}
.item:hover {
  background-color: #EFF2F9;
  border-radius: 5px;
}

/* END OF SLIDE TOGGLE DROPDOWN CSS */










/* THIRD PARTY CSS */

/* AUTOCOMPLETE SEARCH STYLES */
.fullWidthSearchBar {
  width: 100%;
  
}
.autoComplete_wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}

.autoComplete_wrapper > input {
  height: 50px;
  width: 100%;
  margin: 0;
  padding: 10px 10px 10px 50px !important;
  font-size: 1rem !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-overflow: ellipsis;
  outline: none;
  border-radius: 10px;
  background-image: url('https://irp.cdn-website.com/621ddc81/dms3rep/multi/Search+Icon.svg');
  background-size: 1.4rem;
  background-position: left 20px top 50%;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
}

.autoComplete_wrapper > input::placeholder {
  color: var(--search-input-placeholder);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::placeholder {
  color: #22215B !important;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus::placeholder {
  color: var(--search-input-placeholder-hover);
}

.autoComplete_wrapper > input:focus::selection {
  background-color: #EFF2F9;
}

.autoComplete_wrapper > input::selection {
  background-color: #EFF2F9;
}

.autoComplete_wrapper > input:hover {
    color: rgba(160, 160, 178, .9) !important;
}

.autoComplete_wrapper > input:hover {
  color: var(--search-input-placeholder);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus {
  color: #192945;
  /*border: 4px solid #3C66A4;*/
}

.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  box-sizing: border-box;
  left: 0;
  right: 0;
  /*margin: 0.5rem 0 0 0;*/
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid var(--border-gray);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  border-radius: 0.35rem;
  background-color: #EFF2F9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: #22215B;
  font-weight: bold;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: #EFF2F9;
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
  background-color: #EFF2F9;
}


/* END OF AUTOCOMPLETE */

/* ADDED ON TO AUTOCOMPLETE */
/*.no_result {*/
/*	margin: 0.3rem;*/
/*	padding: 0.3rem 0.5rem;*/
/*	list-style: none;*/
/*	text-align: left;*/
/*	font-size: 1rem;*/
/*	color: #212121;*/
/*	transition: all 0.1s ease-in-out;*/
/*	border-radius: 0.35rem;*/
/*	background-color: rgba(255, 255, 255, 1);*/
/*	white-space: nowrap;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*	transition: all 0.2s ease;*/
/*	outline: none;*/
/*}*/

/*.selection {*/
/*	margin-top: 25vh;*/
/*	font-size: 2rem;*/
/*	font-weight: bold;*/
/*	color: #ffc6c6;*/
/*	transition: var(--transition-1);*/
/*  display: none;*/
/*}*/

/*.selection::selection {*/
/*	color: #64ceaa;*/
/*}*/

/*@media only screen and (max-width: 600px) {*/
/*	.selection {*/
/*		margin-top: 15vh;*/
/*	}*/
/*}*/

/* END OF ADDED ON TO AUTOCOMPLETE */

/*PAGINATION STYLES*/

/*.customPagination {*/
/*  display: flex;*/
/*  flex-direction: row;*/
/*  justify-content: center;*/
/*  background: none;*/
/*}*/

/*.customPagination > li {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  align-content: center;*/
/*  list-style: none;*/
/*  margin: 20px 4px;*/
/*  border-radius: 50%;*/
/*  height: 40px;*/
/*  width: 40px;*/
/*  background: #fff;*/
/*  transition: all 0.3s ease;*/
/*}*/

/*.customPagination > li > a {*/
/*  font-weight: 400;*/
/*  text-decoration: none;*/
/*  font-size: 16px;*/
/*  line-height: 24px;*/
/*  color: #192945 !important;*/
/*  transition: all 0.3s ease;*/
/*  text-align: center;*/
/*}*/

/* MAGIC CHECKBOX */

@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: var(--checkbox-fill-color); 
  } 
}

.magic-checkbox {
  position: absolute;
  display: none; }

.magic-checkbox[disabled] {
  cursor: not-allowed; 
}

.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle; 
}

.magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color; 
}

.magic-checkbox + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border: 1px solid var(--checkbox-fill-color); 
}
 
.magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: ''; 
}

.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: var(--checkbox-fill-color) 
}

.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
  cursor: not-allowed; 
}

.magic-checkbox[disabled] + label:hover:before {
    border: 1px solid var(--checkbox-fill-color);
    animation-name: none; 
}

.magic-checkbox[disabled] + label:before {
  border-color: var(--checkbox-fill-color); 
}

.magic-checkbox:checked + label:before {
  animation-name: none; 
}

.magic-checkbox:checked + label:after {
  display: block; 
}

.magic-checkbox + label:before {
  border-radius: 3px; 
}

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: var(--checkbox-fill-color);
  background: var(--checkbox-fill-color); 
}

.magic-checkbox:checked[disabled] + label:before {
  border: var(--checkbox-disabled-fill-color);
  background: var(--checkbox-disabled-fill-color); 
}

/* END OF MAGIC CHECK BOX CSS STYLES */




/*ACTIVE PAGINATION CIRCLE*/

/* THE CIRCLE */
.customPagination > li.active,
.customPagination > li:hover {
  background-color: #3C66A4;
}

.customPagination > li:hover > a, 
.customPagination > li.active a {
  color: #fff !important;
}

.customPagination > li.disabled {
  background: transparent !important;
}

.customPagination > li.disabled > a,
.customPagination > li.disabled > a:hover {
  cursor: not-allowed;
  color: #3C66A4 !important;
}






/*.verticalFlexAuthorCard { */
/*    display: flex;*/
/*    flex-direction: column;*/
/*    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);*/
/*    text-decoration: none;*/
/*    border-radius: 15px;*/
/*    margin-bottom: 15px;*/
/*    padding: 20px;*/
/*    background: white;*/
    
/*}*/


/*.widthSetter {*/
    /*width: calc(calc(100% - 30px) / 3);*/
    /*width: 294px;*/
/*    width: 100%;*/
/*}*/
/*.priceLine {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    margin-bottom: 20px;*/
/*}*/
/*.buyLink {*/
/*    font-size: 14px;*/
/*    color:#ffffff;*/
/*    background-color: #164993;*/
/*    border-radius:8px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 5px;*/
/*    justify-content: center;*/
/*    border: 1px solid #164993;*/
/*}*/
/*a.buyLink, a.demoLink {*/
/*    color: white;*/
/*    text-decoration: none;*/
/*}*/
/*a.demoLink {*/
/*    color:#164993;*/
/*}*/
/*.btns {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 10px;*/
/*}*/

/*.demoLink {*/
/*        font-size: 14px;*/
/*    border: 1px solid #164993;*/
/*    background-color: #fff;*/
/*    border-radius:8px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 5px;*/
/*    justify-content: center;*/
/*}*/


/*.featuredImage {*/
/*    height: 150px;   */
/*    width: 100%;*/
/*    object-fit: cover;*/
/*    margin: 20px 0;*/
/*}*/

/*.title {*/
/*    font-size: 20px;*/
/*    font-family: 'Lexend Deca', sans-serif;*/
/*    margin-bottom: 11px;*/
/*    line-height: 25px;*/
/*    font-weight: 500;*/
/*    color: #192945;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 2;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    text-align: left;*/
/*    min-height: 50px;*/
/*}*/
/*.description {*/
/*    font-size: 15px;*/
/*    font-family: 'Lexend Deca', sans-serif;*/
/*    line-height: 19px;*/
/*    margin-bottom: 10px;*/
/*    color: #192945;*/
/*        overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 4;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    text-align: left;*/
/*}*/
/*.price {*/
/*    font-weight: 500;*/
/*    font-size: 25px;*/
/*    line-height; 31px;*/
/*    color: #192945;*/
/*}*/

/*.tags {*/
/*    font-family: 'Lexend Deca', sans-serif;*/
/*    margin: 5px;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    gap: 6px;*/
/*}*/

/*.tag {*/
/*    font-size: 13px;*/
/*    padding: 5px 7px;*/
/*    font-weight: 500;*/
/*    color: #ffffff;*/
/*    background-color: #164993;*/
/*    border-radius: 25px;*/
/*}*/

/*.tag:nth-child(4n + 2) {*/
/*    background-color: #AEBEC0;*/
/*}*/

/*.tag:nth-child(4n + 3) {*/
/*    background-color: #192945;*/
/*}*/

/*.tag:nth-child(4n + 4) {*/
/*    background-color: #3C66A4;*/
/*}*/


/*.profileImg {*/
/*    height: 40px;*/
/*    width: 40px;*/
/*    padding-right: 5px;*/
/*}*/

/*.authorImgAndTextLine {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*}*/

/*#sideBarToggler img {*/
/*        background: #F4F4F4;*/
/*    padding: 5px;*/
/*    border-radius: 5px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*}*/
/*#sideBarToggler img.forty {*/
/*    width: 40px !important;*/
/*    height: 40px !important;*/
/*}*/





/* NEW STYLES */

.sideBarAndContents {
  display: flex;
flex-direction: row;
gap: 5px;
}

.filterOptions {
  display: flex;
  flex-direction: column;
  width: 180px;
}




.groupContainer {
  padding: 5px 0;
  width: 100%;
  /*position: relative;*/
  display: flex;
  flex-direction: column;
}
.dropdownTop {
  text-align: left;
  font-weight: 500;
}




















/* MAGIC RADIO BUTTONS*/

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle; }
  .magic-radio + label:hover:before,
  .magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
  .magic-radio + label:before,
  .magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0; }
  .magic-radio + label:after,
  .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
  .magic-radio[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,{
  animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--radio-color); }

.magic-radio:checked + label:before {
  border: 1px solid var(--radio-color); }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid var(--radio-color); }

.magic-radio:checked[disabled] + label:after {
  background: var(--radio-color); }
  
  
  
  
  
  
  
  
  
  
  
  /* Individual apartment cards*/
 .apartmentCard {
    width: 100%;
    height: auto;
    box-sizing: border-box;
 }
 
 .apartmentLink {
     display: flex;
     flex-direction: column;
     height: 100%;
     width: 100%;
     background-color: #ffffff;
     border-radius: 10px;
     box-shadow: 0px 0px 8px 4px rgba(0,0,0,.1);
     padding: 5px 0;
 }
 
 
 .imageWrap {
     padding: 20px;
     min-height: 200px;
     width: 100%;
 }
 .apartmentImage {
     width: 100%;
     height: 100%;
     margin: 0 auto;
     object-fit: contain;
 }
 .detailsWrapper {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     gap: 0;
     padding: 20px;
 }
 .apartmentName {
     font-weight: 600;
     font-size: 24px;
     font-family: Arial;
 }
 .unitDetailsWrapper {
     display: flex;
     flex-direction: row;
     gap: 2px;
     flex-wrap: wrap;
 }
 .details {
     
 }
 .displayPrice {
     font-weight: 300;
     font-size: 18px;
     font-family: Arial;
     margin: 15px 0 25px 0;
 }
 
 a.pageLink {
     text-decoration: none;
 }
 
 
 
 a.realtorShareInd {
    text-decoration: none;
}

.realtorShareInd {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    width: calc(calc(100% - 20px)/2) !important;
}

.realtorShareInd img {
    height: 40px;
    width: auto;
    object-fit: contain;
}
.buttonContainerM {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}
.realtorButton {
    width: 100% !important;
    margin: 0 !important;
        display: flex;
    align-items: center;
    justify-content: center;
}

 
@media (max-width: 767px) { 
.list  {
    display: flex;
    flex-direction: column;
}

#widget-list {
  flex-direction: column;
  gap: 10px;
  top: 0px;
  margin: 0 10px;
} 



.fullWidthSearchBar {
  width: 100%;
  display: flex;
  gap: 5px;
justify-content: space-around;
position: fixed;
    left: 0;
    z-index: 3;
    height: 70px;
    background: white;
    display: flex;
    align-items: flex-end;
}


#sideBarToggler img {
    border-radius: 5px;
    width: 50px;
    height: 50px;
}

.sideBarAndContents {
  flex-direction: column;
}

.filterOptions {
    width: 100%;
    display: flex;
    width: 60%;
    position: fixed;
    right: 0px;
    z-index: 2;
    background: white;
    height: 350px;
    overflow-y: scroll;
    padding: 20px;
    top: 150px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 4px;
}
#contents {
    position: relative;
    top: 0;
    z-index: 1;
}

.list {
    position: relative;
    top: 0;
    padding: 0 10px;
}


.item label {
    height: 20px;
    vertical-align: middle;
    display: flex;
    align-items: center;    
}



 }
.widgetDisplayContainer {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.buildingSideSelectionContainer {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
}

.southListings, .northListings {
    border-bottom: 1px solid transparent;
}

.south, .north {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 20px;
  position: relative;
}

.floorSegment {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.apartment {
  /*width: var(--newWidth) !important;*/
  /*height: var(--newHeight) !important;*/
  /*min-width: var(--newWidth) !important;*/
  /*min-height: var(--newHeight) !important;*/
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 5px 10px;
  
}

.SELD, .notSold {
  position: relative;
  /*height: var(--newHeight) !important;*/
  /*width: var(--newWidth) !important;*/
  /*min-width: var(--newWidth) !important;*/
  /*min-height: var(--newHeight) !important;*/
}


.SELD {
  background-color: #FF7638;
}

/*.notSold:hover, .SELD:hover {*/
/*  background-color: #FFD19D;*/
/*}*/

.SELD .price, .notSold .price {
  opacity: 0;
  position: absolute;
  top: 20px;

  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

.SELD:hover .price, .notSold:hover .price {
  opacity: 1;
}

.sqFt, .sqFt span {
  position: absolute;
  top: 20px;
  opacity: 1;
  transition: opacity .1s ease-in-out;
  -moz-transition: opacity .1s ease-in-out;
  -webkit-transition: opacity .1s ease-in-out;
  line-height: 15px;
}

.SELD:hover .sqFt, .notSold:hover .sqFt {
  opacity: 0;
}

.conta {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  left: 0;
}
.price {
  text-align: center;
}

.apartment,.SELD, .notSold {
    height: 50px;
    width: 70px;
}
/*.hoverState { */
/*  background-color: #000000 !important; */
/*}*/

.siteByLink {
    text-decoration: none;
}
.siteByContainer {
    display: flex;
    flex-direction: row;
}
.iconDesign svg {
    width: 110px;
    height: 30px;
    margin-left: 10px;
}
.iconDesign {
    width: 110px;
    height: 30px;
}

.background-cover {
  visibility: hidden;
  background: #324354;
  mix-blend-mode: multiply;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
}

.sharePrintContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 25px;
}

.backArrow {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.backArrow svg {
  width: 10px;
  height: 10px;
  fill: #455469;
}

.forwardArrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 50px;
  background: #455469;
  display: flex;
  align-items: center;
  justify-content: center;
}

.forwardArrow svg {
  width: 10px;
  height: 10px;
  fill: white;
}

.lightbox {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  box-shadow: 2px 1px 4px 2px rgba(0, 0, 0, 0.1);
  display: none;
  position: fixed;
  background: white;
  z-index: 1000;
  height: 70vh;
  min-height: 750px !important;
  max-height: 1000px;
  top: 50%;
  width: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 650px;
}

.xCloser {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 30px;
}

.xCloser svg {
  width: 30px;
  height: 30px;
}

.floorplanImage {
  height: 80%;
  max-width: 80%;
  object-fit: contain;
}

.floorplanTextWrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.link3dsection {
  text-decoration: none;
}

.detailsContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px 30px 30px 30px;
  gap: 30px;
  justify-content: space-between;
}

.theTop {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.addressBar {
  background-color: #455469;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.addressContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 15px;
}

span.address {
  font-size: 30px;
  color: #ffffff;
  line-height: 28px;
}

span.addressDetails {
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  font-family: Arial;
}

.salePriceContainer {
  padding: 15px;
}

.salePriceContainer span {
  color: #ffffff;
  font-size: 18px;
}

.iconsContainer {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #455469;
  padding-bottom: 30px;
}

.detailGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
}

.detailIcon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.detailIcon * {
  height: 100%;
  width: 100%;
}

span.detailLabel {
  font-size: 18px;
}

span.detailValue {
  font-size: 24px !important;
  font-weight: 500 !important;
}

.descriptionContainer {
  border-bottom: 1px solid #455469;
  padding: 15px 15px 40px 15px;
}

/* ICONS AND PRINT AND REALTOR BUTTONS*/
.linkContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 50px;
}

.buttonContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}

.social {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.socialshare-icon-cir a img {
  width: 40px;
  height: 40px;
}

.printbutton {
  margin-top: 0;
  width: 100%;
}

.printbutton a {
  text-decoration: none;
}

.buttonInner {
  display: flex;
  flex-direction: row;
}

/*.printIcon img {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*}*/
.printIcon {
  background-color: #F7F7F6;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.downloadDesc {
  background-color: #89929F;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.socialshare-icon-cir {
  background-color: #475369;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
}

.socialshare-icon-cir a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.socialshare-icon-cir a svg {
  width: 25px;
  height: 25px;
  fill: #eeeeee;
}

span.printIcon svg {
  width: 30px;
  height: 30px;
}

.hide {
  display: none !important;
}

a.realtorShareInd {
  text-decoration: none;
}

.realtorShareInd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  width: 175px !important;
}

.realtorShareInd img {
  height: 75px;
  width: auto;
  object-fit: contain;
}

.realtorButton {
  width: 100% !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popUp {
  visibility: visible !important;
}

@media only screen and (min-width: 321px) and (max-width: 1000px) {
  .lightbox {
    flex-direction: column !important;
    height: 800px !important;
    top: 10%;
    transform: translate(-50%, -10%);
    justify-content: space-between;
  }
  .floorplanContainer {
    order: 2 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 10px !important;
  }
  .backArrow {
    background: #000000 !important;
  }
  .backArrow svg {
    fill: #ffffff !important;
  }
  .floorplanImage {
    transform: rotate(90deg) !important;
  }
  .floorplanImage {
    height: 500px !important;
    max-width: 100% !important;
    object-fit: contain;
  }
}
.downloadDesc {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.swiper-container {
  width: 100%;
}

.floorplanContainer {
  padding: 0 30px 0 50px !important;
}

.swiper-slide {
  background-size: cover;
  background-position: 50%;
  min-height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.swiper-wrapper {
  width: 90% !important;
  min-height: 90%;
  min-width: 90%;
  height: 90% !important;
}

.swiper-pagination-bullet-active {
  background-color: rgb(0, 0, 0);
  background: rgb(0, 0, 0);
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: unset;
  top: 10px;
  position: relative;
}

.swiper-container {
  width: 100%;
  margin-left: 10px !important;
  height: 90%;
}
@media (min-width: 768px) { @media only screen and (min-width: 321px) and (max-width: 1000px) {
  .lightbox {
    flex-direction: column !important;
    height: 70vh;
    min-height: 750px !important;
    max-height: 1000px;
    top: 10%;
    transform: translate(-50%, -10%);
    justify-content: space-between;
  }
  .floorplanContainer {
    order: 2 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 10px !important;
  }
  .backArrow {
    background: #000000 !important;
  }
  .backArrow svg {
    fill: #ffffff !important;
  }
  .floorplanImage {
    transform: rotate(90deg) !important;
  }
  .floorplanImage {
    height: 500px !important;
    max-width: 100% !important;
    object-fit: contain;
  }
  .floorplanTextWrapper {
    order: 1;
    padding-top: 30px;
  }
  .floorplanImage {
    order: 2;
  }
  .backArrow {
    transform: translateX(-30px);
    border-radius: 50%;
    top: 300px;
  }
  .forwardArrow {
    transform: translateX(30px);
    border-radius: 50%;
    top: 300px;
  }
  .detailsContainer {
    height: 600px;
    max-height: 90% !important;
  }
  .sharePrintContainer {
    gap: 15px;
  }
}
@media only screen and (min-width: 321px) and (max-width: 650px) {
  .buttonContainer {
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
  }
  /*.realtor1Image, .realtor2Image {*/
  /*    display: none;*/
  /*}*/
} }

.nomarkup{
    text-align:center;
}

div.hiddenDiv{
  display:none !important;
}

@media (min-width: 1293px) and (max-width: 5692px) {
  
  .meganav-container__navlink-component-container {
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
  }
  
}

@media (min-width: 1138px) and (max-width: 1292px) {
  
  .meganav-container__navlink-component-container {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
  }
  
}
@media (min-width: 768px) { .inEditorEditLayout {            
    position: relative;            
    display: none;            
    text-align: center;            
    margin-right: 0;            
    margin-left: auto;            
    margin-bottom: 10px;            
    cursor: pointer;            
    padding: 5px;      
    font-size:12px;
    background-color: #333;            
    width: auto;            
    max-width: 130px;            
    color: #fff;
    top:0;
    right:0;
    z-index:10;
}

/*Mega Menu Nav CSS Styles*/
.widget-layout-result{
    display:flex;   
    position:relative;
    box-sizing:border-box;
    width:100%;
    min-height:20px;
}



span.subIcon i {
    transition: 0.4s ease-in-out !important;
}
span.rotateIcon i {
    transform: rotate(-180deg) !important;
}

i.fa-solid.fa-chevron-down, i.fa-solid.fa-chevron-up {
    font-size: 16px;
    margin-left: 3px;
}
.widget-layout-result div,.widget-layout-result span,.widget-layout-result label{
    text-align:left;
}

.widget-layout-result.left{
    justify-content:flex-start;
}

.widget-layout-result.center{
    justify-content:center;
}

.widget-layout-result.right{
    justify-content:flex-end;
}

.meganav-container {
    display: flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    margin:0 !important;
}

.meganav-container__navlink-container {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    margin:0 5px;
    padding:5px;
    border-radius:4px;
}

.meganav-container__navlink {
    display: block;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #323232;
    width: 100%;
    line-height: normal;
    padding:6px;
    border-radius:4px;
    transition: all .2s ease;
}

.meganav-container__navlink.text.activeNav{
    color: rgb(61, 131, 250);
}

.meganav-container__navlink.text:hover{
    color: rgb(61, 131, 250);
}

.meganav-container__navlink.box.activeNav{
    color: #fff;
    background-color:rgb(61, 131, 250);
}

.meganav-container__navlink.box:hover{
    color: #fff;
    background-color:rgb(61, 131, 250);
}

.meganav-container__navlink.bottomLine.activeNav{
    color:rgb(61, 131, 250);
}

.meganav-container__navlink.bottomLine:before{
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0; 
    position: absolute;
    background: rgb(61, 131, 250);
    transition: opacity 0.3s ease 0s;
    opacity:0;
    width: 100%; 
}

.meganav-container__navlink.bottomLine.activeNav:before{
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0; 
    position: absolute;
    background: rgb(61, 131, 250);
    transition: opacity 0.3s ease 0s;
    opacity:1;
    width: 100%; 
}

.meganav-container__navlink.bottomLine:hover{
    color: rgb(61, 131, 250);
}

.meganav-container__navlink.bottomLine:hover:before{
    opacity:1;
}

.meganav-container__navlink.topBottomLine.activeNav{
    color:rgb(61, 131, 250);
}

.meganav-container__navlink.topBottomLine:after{
    background: none repeat scroll 0 0 transparent;
    top: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0; 
    position: absolute;
    background: rgb(61, 131, 250);
    transition: opacity 0.3s ease 0s;
    opacity:0;
    width: 100%; 
}

.meganav-container__navlink.topBottomLine:before{
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0; 
    position: absolute;
    background: rgb(61, 131, 250);
    transition: opacity 0.3s ease 0s;
    opacity:0;
    width: 100%; 
}

.meganav-container__navlink.topBottomLine.activeNav:after{
    background: none repeat scroll 0 0 transparent;
    top: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0; 
    position: absolute;
    background: rgb(61, 131, 250);
    transition: opacity 0.3s ease 0s;
    opacity:1;
    width: 100%; 
}

.meganav-container__navlink.topBottomLine.activeNav:before{
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0; 
    position: absolute;
    background: rgb(61, 131, 250);
    transition: opacity 0.3s ease 0s;
    opacity:1;
    width: 100%; 
}

.meganav-container__navlink.topBottomLine:hover{
    color:rgb(61, 131, 250);
    opacity:1;
}

.meganav__divider:first-child{
    display:none !important;
}

.meganav__divider {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    line-height:normal;
    padding:10px 0;
}

.meganav-container__navlink-component-container {
    display: none;
    position: absolute;
    box-sizing: border-box;
    padding: 20px;
    top: 15px;
    left: 50%;
    background-color: #fafafa;
    z-index:2000;
    box-shadow:7px 12px 15px -11px rgb(0 0 0 / 50%)
}

.meganav-container__navlink-component-wrapper{
    display:block;
    position:absolute;
    box-sizing:border-box;
    width:100%;
    padding-top: 45px;
    pointer-events:none;
    z-index:2000
}
.meganav-container__navlink-component-wrapper:hover{
    pointer-events:none;
}

.meganav-container:hover .meganav-container__navlink-component-wrapper{
    pointer-events:none;
}
.meganav-container__navlink-container.hasComponent.arrowShow:before  {
    content: '';
    display: block;
    content: '';
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -10px;
    font-size: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    z-index:2000;
    visibility: visible;
    transform: translateY(-5px) rotate(45deg);
    background-color:#fafafa;
    pointer-events:none;
}

.meganav-container__navlink-container.hasSub:after{
    
}

.meganav-container__navlink-container.hasComponent.arrowShow:hover:before {
    opacity: 1 !important;
}

.meganav-container__navlink-component-container.hidden{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

.meganav-container__navlink-component-container.horizontal {
    display: flex;
    position: absolute;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 20px;
    left: 50%;
    visibility:hidden;
    background-color: rgb(240, 238, 238);
    z-index:2000;
}

.meganav_container__component-spacing {
    margin: 10px 0;
}

.meganav_container__component-spacing:first-child{
    margin-top:0;
}

.meganav_container__component-spacing:last-child{
    margin-bottom:0;
}

.meganav-container__navlink-component-container.Horizontal .meganav_container__component-spacing {
    margin: 0;
    margin-left: 12px;
}

/* Thumbnail CSS Style */

.meganav-container__thumbnail-image {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 12px;
}

.meganav-container__thumbnail-image-wrapper,
.meganav-container__thumbnail-image-wrapper img {
    display:block;
    position:relative;
    box-sizing:border-box;
    max-width: 240px;
    max-height: 420px;
    transition: all .2 ease;
}

/* Grid Sub Nav CSS Style */

.meganav-container__grid-sub-nav-container {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.meganav-container__grid-sub-nav-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    color: #323232;
    transition: all .2s ease;
    white-space: nowrap;
}

.meganav-container__grid-sub-nav-title.noTitle {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.meganav-container__grid-sub-nav-link-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    color: #323232;
    transition: all .2s ease;
    margin: 5px 0;
    font-size: 15px;
}

.meganav-container__grid-sub-nav-description {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    margin: 0 !important;
    color: #838383;
    width: 100%;
}

.meganav-container__grid-sub-nav-wrapper {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 5px 0;
    width: 100%;
    height: auto;
    color: #323232;
}

.meganav-container__grid-sub-nav-wrapper i {
    color: #FFA300
}

.meganav-container__grid-sub-nav-wrapper:last-child {
    margin-bottom: 0px;
}

.meganav-container__grid-sub-nav-wrapper.vertical {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    white-space: nowrap;
}

.meganav-container__grid-sub-nav-wrapper.horizontal,
.meganav-container__grid-sub-nav-wrapper.Horizontal {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

/*.meganav-container__navlink-component-container.horizontal div:first-child,*/
/*.meganav-container__navlink-component-container.Horizontal div:first-child,*/
/*.meganav-container__navlink-component-container.vertical div:first-child,*/
/*.meganav-container__navlink-component-container.Vertical div:first-child {*/
/*    margin: 0;*/
/*}*/

.meganav-container__grid-sub-nav-link {
    color: #323232;
    font-weight: bold;
    text-decoration: none;
}

.meganav-container__grid-sub-nav-items {
    display: flex;
    flex-wrap: wrap;
    width: 450px;
    align-items: flex-start;
}

.meganav-container__grid-sub-nav-items>a {
    box-sizing: border-box;
    border-radius: 10px;
    transition: all .35s;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.meganav-container__grid-sub-nav-items>a:hover {
    background-color: #ccc
}

.meganav-container__grid-sub-nav-items[data-size="1"]>a {
    max-width: 100%;
}

.meganav-container__grid-sub-nav-items[data-size="2"]>a {
    max-width: 48%;
}

.meganav-container__grid-sub-nav-items[data-size="3"]>a {
    max-width: 32%;
}

.meganav-container__grid-sub-nav-items[data-size="4"]>a {
    max-width: 23%;
}

.meganav-container__grid-sub-nav-items[data-size="5"]>a {
    max-width: 19%;
}

.meganav-container-grid-top-icons .meganav-container__grid-sub-nav-icon {
    display: block
}

.meganav-container__grid-sub-nav-icon {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    text-align: left;
}

.meganav-container__grid-sub-nav-icon img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    width: 25px;
    margin-right: 8px
}

.meganav-container__grid-sub-nav-content {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 90%;
}

/* Stack Sub Nav CSS Style */

.meganav-container__stack-sub-nav-container {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.meganav-container__stack-sub-nav-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    color: #323232;
    transition: all .2s ease;
    white-space: nowrap;
}

.meganav-container__stack-sub-nav-title.noTitle {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.meganav-container__stack-sub-nav-link-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: normal;
    color: #323232;
    transition: all .2s ease;
    margin: 10px 0;
}

.meganav-container__stack-sub-nav-description {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    margin: 0 !important;
    color: #838383;
    width: 100%;
}

.meganav-container__stack-sub-nav-wrapper {
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin: 5px 0;
    width: 100%;
    height: auto;
    color: #323232;
    transition: all .35s;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-radius: 10px
}

.meganav-container__stack-sub-nav-wrapper:hover {
    background-color: #ccc
}

.meganav-container__stack-sub-nav-wrapper-topimage {
    display: block;
}

.meganav-container__stack-sub-nav-wrapper-topimage .meganav-container__stack-sub-nav-image {
    width: 100%;
}

.meganav-container__stack-sub-nav-wrapper i {
    color: #FFA300
}

.meganav-container__stack-sub-nav-wrapper:last-child {
    margin-bottom: 0px;
}

.meganav-container__stack-sub-nav-wrapper.vertical {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    white-space: nowrap;
}

.meganav-container__stack-sub-nav-wrapper.horizontal,
.meganav-container__stack-sub-nav-wrapper.Horizontal {
    flex-flow: row;
    justify-content: flex-start;
    text-decoration: none;
}

/*.meganav-container__navlink-component-container.horizontal div:first-child,*/
/*.meganav-container__navlink-component-container.Horizontal div:first-child,*/
/*.meganav-container__navlink-component-container.vertical div:first-child,*/
/*.meganav-container__navlink-component-container.Vertical div:first-child {*/
/*    margin: 0;*/
/*}*/

.meganav-container__stack-sub-nav-link {
    color: #323232;
    font-weight: bold;
    text-decoration: none;
}

.meganav-container__stack-sub-nav-image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    margin-right: 8px !important;
    font-size: 24px;
    width: 100px;
}

.meganav-container__stack-sub-nav-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.meganav-container__stack-sub-nav-content {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 90%;
}

/* Multi Sub Nav CSS Style */

.meganav-container__multi-sub-nav-container {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.meganav-container__multi-sub-nav-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    color: #323232;
    transition: all .2s ease;
    white-space: nowrap;
    margin: 0 0 15px 0;
}

.meganav-container__multi-sub-nav-title.noTitle {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.meganav-container__multi-sub-nav-link-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: normal;
    color: #323232;
    transition: all .2s ease;
}

.meganav-container__multi-sub-nav-link-title.activeNav{
    color: rgb(61, 131, 250);
}

.meganav-container__multi-sub-nav-description {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    padding-left: 8px;
    margin: 0 !important;
    color: #838383;
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meganav-container__multi-sub-nav-wrapper {
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    width: 100%;
    height: auto;
    color: #323232;
    transition: all .2s ease;
    text-decoration:none;
}

.meganav-container__multi-sub-nav-icon {
    color:#FFA300;
}
.meganav-container__multi-sub-nav-wrapper:hover .meganav-container__multi-sub-nav-icon {
    color: initial;
}
.meganav-container__multi-sub-nav-wrapper:hover,
.meganav-container__multi-sub-nav-wrapper:hover .meganav-container__multi-sub-nav-link-title{
    color: rgb(61, 131, 250);
}

.meganav-container__multi-sub-nav-wrapper:last-child {
    margin-bottom: 0px;
}

.meganav-container__multi-sub-nav-wrapper.Vertical, .meganav-container__multi-sub-nav-wrapper.vertical {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    white-space: nowrap;
}

.meganav-container__multi-sub-nav-wrapper.Horizontal, .meganav-container__multi-sub-nav-wrapper.horizontal {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

/*.meganav-container__navlink-component-container.Horizontal div, .meganav-container__navlink-component-container.horizontal div {*/
/*    margin-left: 15px;*/
/*}*/

/*.meganav-container__navlink-component-container.Horizontal div:first-child, .meganav-container__navlink-component-container.horizontal div:first-child {*/
/*    margin: 0 !important;*/
/*}*/

.meganav-container__multi-sub-nav-link {
    color: #323232;
    font-weight: bold;
    text-decoration: none;
}

.meganav-container__multi-sub-nav-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    margin-right: 10px;
    font-size: 24px;
    width: 36px;
}

.meganav-container__multi-sub-nav-content {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 90%;
}

/* Extended Sub Navigation CSS Styles */

.meganav-container__ext-nav-main-container {
    display: flex;
    position: relative;
    box-sizing: border-box;
}

.meganav-container__ext-nav-main-container.horizontal {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.meganav-container__ext-nav-main-container.reHorizontal {
    flex-flow: row-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}

.meganav-container__ext-nav-main-container.vertical {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.meganav-container__ext-nav-main-container.reVertical {
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}

.meganav-container__ext-nav-main-container.vertical .meganav_container__ext-nav-inner-spacing {
    margin: 12px 0 0 0;
}

.meganav-container__ext-nav-image
,.meganav-container__ext-nav-image img {
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 420px;
    max-height: 420px;
    transition: all .2 ease;
}

.meganav-container__ext-nav-container {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 0 15px;
}

.meganav-container__ext-nav-main-container.reHorizontal .meganav-container__ext-nav-container {
    margin: 0 15px 0 0;
}

.meganav-container__ext-nav-main-container.reVertical .meganav-container__ext-nav-container {
    margin: 0 0 15px 0;
}

.meganav-container__ext-nav-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    color: #323232;
    transition: all .2s ease;
    white-space: nowrap;
    padding-bottom: 15px;
}

.meganav-container__ext-nav-link-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: normal;
    color: #323232;
    transition: all .2s ease;
}

.meganav-container__ext-nav-wrapper {
    display: flex;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    height: auto;
    color: #323232;
    transition: all .2s ease;
}

.meganav-container__ext-nav-icon {
    color:#FFA300
}

.meganav-container__ext-nav-wrapper:last-child {
    margin-bottom: 0px;
}

.meganav-container__ext-nav-wrapper:hover,
.meganav-container__ext-nav-wrapper:hover .meganav-container__ext-nav-link-title {
    color: rgb(61, 131, 250);
}

.meganav-container__ext-nav-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    transition: all .2s ease;
}

.meganav-container__ext-nav-wrapper:last-child {
    padding: 0;
}

.meganav-container__ext-nav-description {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    padding-left: 8px;
    margin: 0 !important;
    color: #838383;
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meganav-container__ext-nav-main-container.vertical .meganav-container__ext-nav-description,
.meganav-container__ext-nav-main-container.reVertical .meganav-container__ext-nav-description {
    width: 380px;
}

.meganav-container__ext-nav-content{
    margin: 0 0 0 15px !important;
}

.meganav-container__ext-nav-link {
    color: #323232;
    font-weight: bold;
    text-decoration: none;
}

.meganav-container__ext-nav-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    margin-right: 10px;
    font-size: 24px;
    width: 45px;
    /*width: auto;*/
}

.meganav-container__ext-nav-content {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 90%;
}

/* Contact Info CSS Styles */

.meganav-container__contact-info-wrapper {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-flow: column;
    justify-content: flex-start;
    /*justify-content: center;*/
    align-items: flex-start;
    margin-right: 40px;
    width: auto;
    white-space: nowrap;
}

.meganav-container__contact-info-wrapper a {
    display: flex;
    position: relative;
    justify-content:flex-start;
    align-items:center;
    box-sizing: border-box;
    color: #323232;
    text-decoration: none;
    margin: 10px 0;
}

.meganav-container__contact-info-wrapper a i {
    padding-right: 5px;
}

.meganav-container__contact-icon{
	display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: auto;
    margin-right:4px;
}    

.meganav-container__contact-title {
    display:block;
    position:relative;
    box-sizing:border-box;
    color: #323232;
    font-weight: bold;
}

.meganav-container__contact-address-title,
.meganav-container__contact-phone-title,
.meganav-container__contact-email-title{
    display:block;
    position:relative;
    box-sizing:border-box;
    color: #323232;
    transition: all .2s ease;
}

.meganav-container__contact-address-title:hover,
.meganav-container__contact-phone-title:hover,
.meganav-container__contact-email-title:hover{
    color: rgb(61, 131, 250);
}

.meganav-container__contact-social-wrapper {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
}

.meganav-container__contact-social-media {
    display: block;
    position: relative;
    box-sizing: border-box;
    justify-content: flex-start;
    flex-flow: row wrap;
}

.meganav-container__contact-social-media.horizontal {
    display: block;
}

.meganav-container__contact-social-list {
    display: flex;
    position: relative;
    box-sizing: border-box;
    color: #323232;
    text-decoration: none;
    font-size: 26px;
    width: auto;
}

a.meganav-container__contact-social-list:not(:first-child) {
    margin-left: 10px;
}

.meganav-container__contact-social-list i {
    transition: all .2s ease;
}

.meganav-container__contact-social-list i:hover {
    color: rgb(61, 131, 250);
}

.meganav-container__contact-social-media.horizontal .meganav-container__contact-social-list {
    display: flex;
    flex-flow: row;
    margin-top: 5px;
    margin-left: 0;
}

.meganav-container__navlink-component-container.horizontal .meganav-container__contact-social-list {
    margin-right: 8px;
}

.meganav-container__contact-social-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    white-space: nowrap;
    color: #323232;
}

.meganav-container__contact-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    width: 200px;
    height: 50px;
    text-decoration: none;
    border-radius: 5px;
    color: #323232;
    background-color: #FFD26E;
    transition: all .2s ease;
}

.meganav-container__contact-btn:hover {
    color: #fff;
    background-color: #FFA701
}

/* ? Widget Video CSS Styles */

.meganav-container__video-container{
    display: block;
    position: relative;
    box-sizing: border-box;
}

.meganav-container__video-wrapper{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 300px;
    height: 150px;
}

.meganav-container__video-wrapper.videoPopup:after{
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: center / 30% no-repeat rgba(0, 0, 0, 0.5);
}

.meganav-container__video-wrapper.videoPopup .meganav-container__video-thumbnail{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.meganav-container__video-thumbnail{
    display: none;
}


.meganav-container__video-thumbnail-wrapper{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.meganav-container__video-play-btn{
    display: flex !important;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 60px;
    color: white;
    z-index: 5;
    cursor: pointer;
}

.meganav-container__video-wrapper.videoPopup .meganav-container__video{
    display: none;
}

.meganav-container__video{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.meganav-container__video.popupActive{
    display: none;
}

.meganav-container__video-popup-container{
    display: flex;
    position: fixed;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);    
    z-index: 9999;
}

.meganav-container__video-popup-wrapper{
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 60px;
    border-radius: 5px;
}

.meganav-container__video-popup-close-btn{
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 12px;
    right: 12px;
    font-size: 32px;
    cursor: pointer;
}

.meganav-container__video-popup{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 600px;
    height: 400px;
}

/* ? Widget CTC CSS Styles */
.meganav-container__ctc-wrapper{
    display: block;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 12px;
}

.meganav-container__ctc-title{
	display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: bold;
    padding: 0;
}

.meganav-container__ctc-description{
	display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0;	
}

.meganav-container__ctc-btn{
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    width: 170px;
    height: 50px;
    text-decoration: none;
    border-radius: 5px;
    color: #323232;
    background-color: #FFD26E;
    transition: all .2s ease;
}

.meganav-container__ctc-btn:hover {
    color: #fff;
    background-color: #FFA701;
}

.navlink-horizontal{
    display:flex!important;
} }
@media (max-width: 767px) { .widget-layout-result{
    display:none;   
}
.inEditorEditLayout{
    display:none !important;
}  }
.hotSpotContainer {
    position: relative;
}

.hotSpotContainer svg {
    position: absolute;
    top: 0;
    left: 0;
    fill: transparent;
}



.apartmentUnitContainer {
    list-style: none;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: blue;
}

.apartmentUnitContainer:hover {
    background-color: green;
}


.hoverState { 
    background-color: #000000 !important; 
}

.hotSpotContainer img {
    position: absolute;
    left: 0;
    top: 0;
}

.hider {
    display: none;
}

.aptImageHover:hover {
    cursor: zoom-in;
}
