﻿.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    background: #7A6951 !important;
    font-weight: normal;
    color: #ffffff;
    border-radius: 100% !important;
    text-align: center;
    width: 30px;
    height: 30px;
    padding-top: 6px;
}

.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
height: 1px!important;
}

.ui-widget.ui-widget-content {
border: 5px solid #c5c5c5!important;
height: 2px;
}

.control {
font-family: arial;
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 5px;
padding-top: 3px;
cursor: pointer;
font-size: 16px;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control_indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6;
border: 1px hidden #73311B;
border-radius: 20px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
background: #cccccc;
}

.control input:checked ~ .control_indicator {
background: #73311B;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
background: #73311B;
}
.control input:disabled ~ .control_indicator {
background: #e6e6e6;
opacity: 9;
pointer-events: none;
}
.control_indicator:after {
box-sizing: unset;
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control_indicator:after {
display: block;
}
.control-checkbox .control_indicator:after {
left: 8px;
top: 4px;
width: 3px;
height: 8px;
border: solid #73311B!important;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
border-color: #73311B;
}
.control-checkbox .control_indicator::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 4.5rem;
height: 4.5rem;
margin-left: -1.3rem;
margin-top: -1.3rem;
background: #73311B;
border-radius: 3rem;
opacity: 0.6;
z-index: 99999;
transform: scale(0);
}
@keyframes s-ripple {
0% {
    transform: scale(0);
}
20% {
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}
@keyframes s-ripple-dup {
0% {
    transform: scale(0);
}
30% {
    transform: scale(1);
}
60% {
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}
.control-checkbox input + .control_indicator::before {
animation: s-ripple 250ms ease-out;
}
.control-checkbox input:checked + .control_indicator::before {
animation-name: s-ripple-dup;
}

.align-svg-right{
text-align: right!important;
}
.svg-border-null{
border: 0;
background-color: #FBFBFA!important;
}
.ui-slider .ui-slider-range {
position: absolute;
background: #7A6951;
font-size: 3em;
display: block;
border: 0;
margin-top: -4px;
background-position: 0 0;
height: 8px!important;
}
.circle-filter-ranges{
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #7A6951;
border: 1px hidden #7A6951;
border-radius: 20px;
margin-top: -4px!important;
}

.input-wrapper {
position: relative;
width: 100%;
}

.input {
box-sizing: border-box;
color: #191919;
width: 100%;
}

.input.password {
padding: 15px 35px 15px 15px;
}

.input-icon {
position: absolute;
width: 20px;
height: 20px;
left: 12px;
top: 45%;
transform: translateY(-50%);
cursor: pointer;
}

.input-icon.password {
left: unset;
right: 12px;
}

#floating_video.right {
right: 15px!important;
}
#floating_video {
bottom: 20px!important;
right: 20px!important;
}
#floating_video {
display: none;
max-width: 220px!important;
width: 220px;
overflow: hidden;
transition: all .4s ease-out;
min-width: 60px!important;
cursor: pointer;
position: fixed;
bottom: 40px;
background: transparent!important;
z-index: 9999;
}
#floating_video {
font-size-adjust: none;
letter-spacing: normal;
font-stretch: normal;
font: normal normal 100% 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-align-last: auto;
text-decoration: none;
-webkit-text-emphasis: none;
}
.box-video {
box-shadow: 0 1px 6px rgb(0 0 0 / 6%), 0 2px 2px rgb(0 0 0 / 16%);
}
.close-video {
background-color: transparent;
text-align: right!important;
font-weight: bold;
color: #ff0000;
}

.cursor-video {
cursor: pointer;
}

.bg-footer-black {
background-color: darkgrey;
color: white!important;
}
.footer-white-font {
color: #d0d0d0 !important;
}

.footer-border {
border-bottom: 0.3px solid #222222 !important;
}

.header-submenu-viviling-end {
display: none;
position: fixed;
z-index: 999;
top: 0;
background: white;
width: 100%;
}

.img-radius {
border-radius: 5px;
}

.video-container {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -10;
overflow: hidden;
}
.video-width {
width: 100%;
}

.btn-go-button {
position: absolute;
width: 100%;
margin-top: -200px;
text-align: center;
z-index: 99!important;
}

.img-width-150 {
width: 80px;
cursor: pointer;
}


@media (min-width: 1025px) {
.btn-go-button {
    position: absolute;
    width: 100%;
    margin-top: -200px;
    text-align: center;
    z-index: 99!important;
}
}

@media (min-width: 795px) {
.btn-go-button {
    position: absolute;
    width: 100%;
    margin-top: -100px;
    text-align: center;
    z-index: 99!important;
}
}
@media (max-width: 600px) {
.img-width-150 {
    width: 50px;
    cursor: pointer;
}
.btn-go-button {
    position: absolute;
    width: 100%;
    margin-top: -50px;
    text-align: center;
    z-index: 99!important;
}
}

.btn-go-button-anim {
animation: myAnimGoButton 4s ease 0s infinite normal forwards;
}

@keyframes myAnimGoButton {
0%,
100% {
    transform: translateY(0);
}

10%,
30%,
50%,
70% {
    transform: translateY(-8px);
}

20%,
40%,
60% {
    transform: translateY(8px);
}

80% {
    transform: translateY(6.4px);
}

90% {
    transform: translateY(-6.4px);
}
}

.div-padding-10 {
padding-left: 20px;
padding-right: 20px;
}

.filter-sidebar-header {
height: 100% !important;
z-index: 999999 !important;
background-color: #FBFBFA;
}

.filter-sidebar-drawer {
border-bottom: 0.1rem solid #DCDEDD;
background: white;
padding-top: 10px;
padding-bottom: 10px;
}

.filter-sidebar-drawer-main {
max-height: 90% !important;
overflow-y: auto !important;
}

.filter-form {
max-height: 90% !important;
overflow-y: auto !important;
}

.filter-col {
padding-right: 0 !important;
padding-left: 0 !important;
}

.filter-input {
text-align: center;
}

.filter-cursor {
cursor: pointer;
}

.filter-background {
background-color: #7A6951;
color: #d0d0d0;
}

.sidebar-properties-a-red {
color: #d6140a;
font-size: small;
}

.sidebar-properties-a-black {
color: #7A6951;
font-weight: normal !important;
}

.sidebar-properties-img {
height: 110px !important;
width: 260px !important;
object-fit: cover !important;
}

.property-detail-text-decoration {
text-decoration:none;
}

.property-detail-cursor {
cursor: pointer;
}

.property-detail-img {
height: 180px;
width: 100%;
object-fit: cover;
border-radius: 5px!important;
}
.text-align-justify{
text-align: justify!important;
}
