body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: 'Roboto', sans-serif;
}
@font-face {
font-family: 'Tox Typewriter';
src: url('../fonts/ToxTypewriter.woff2') format('woff2'),
url('../fonts/ToxTypewriter.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
p{
font-size:18px;
line-height: 32px;
}
img {
border: none;
outline: none;
max-width:100%;
}
a,
a:hover {
text-decoration: none;
color:#000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
display: block;
padding:0;
margin:0;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
}
p{
padding:0;
margin:0;
}
ul,
li {
/*list-style: none;*/
padding: 0px;
margin: 0px;
}
a:hover, a:visited, a{
text-decoration: none;
}
textarea:focus, input:focus{
outline: none;
}
.clearfix {
clear: both;
}
/*-----------------------------------------------------shop page start-----------------------------------------------------*/
/*----------scroll-to-top------------*/
#scroll {
position: fixed;
right: 10px;
bottom: 10px;
cursor: pointer;
width: 50px;
height: 50px;
background-color: #919598;
display: none;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
z-index: 999;
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff;
}
#scroll:hover {
background-color:#03a9f4;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";
}
.wrapper{
overflow:hidden;
}
/*-----------main-header-section----------------*/
.main-header{
text-align:center;
padding-top: 52px;
padding-bottom: 25px;
}
.main-header .logo{
margin: 0 auto;
}
.nav_icon {
width: 21px;
margin-right: 5px;
margin-top: -6px;
object-fit: fill;
height: 19px;
}
.header-bottom {
padding: 10px 0px;
position:relative;
}
.tp-right {
float: right;
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.tp-right a {
padding: 8px 21px;
background: #008080;
border-radius: 5px;
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 500;
margin-right: 12px;
border: 1px solid#008080;
text-transform:uppercase;
}
.tp-right a:hover{
background: #006060;
border: 1px solid #006060;
}
.tp-right .log_btn{
color: #008080;
border:1px solid#008080;
background:transparent;
}
.tp-right .log_btn:hover{
color: #006060;
border:1px solid#006060;
background:transparent;
}
.top-logo img {
max-width: 60%;
}
.mobile-show{
display:none;
}
.menu-container {
	display: flex;
	justify-content: center;
}
/*-----------banner-section----------------*/
.banner-part{
position: relative;
width: 100%;
}
.banner-part img {
background-position: 50% 50%;
object-fit: cover;
background-size: cover;
width: 100%;
}
.banner-caption {
position: absolute;
top: 45%;
transform: translateY(-50%);
text-align: center;
width: 100%;
margin: 0 auto;
left: 0;
}
.banner-caption h1 {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	line-height: 52px;
	font-family: 'Roboto', sans-serif;
	/*text-shadow: 1px 4px 0 rgba(54, 54, 54, 0.3);*/
	margin-bottom: 15px;
	text-transform: uppercase;
}
.banner-caption p {
color: #fff;
font-weight: 500;
font-size: 22px;
line-height: 32px;
text-shadow: 1px 2px 0 rgba(54, 54, 54, 0.3);
}
.banner_btn {
display: flex;
justify-content: center;
margin-top: 25px;
}
.banner_btn a {
padding: 10px 34px;
background: transparent;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 18px;
border-radius: 8px;
border: 2px solid#fff;
margin-right: 22px;
text-transform:uppercase;
}
.banner_btn a:hover {
	color: #fff;
	border: transparent;
	border: 2px solid #0000;
	background: rgba(0, 0, 0, 0.6);
	border: 2px solid #fff;
}
/*-----------about-us-section----------------*/
.about-us {
text-align: center;
padding: 50px 0px;
}
.about-us span {
color: #990099;
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
}
.about-us h2 {
color: #999999;
font-weight: 600;
font-size: 40px;
line-height: 44px;
font-family: 'Tox Typewriter';
padding-bottom: 20px;
display: block;
}
.about-us h2 span{
color: #33cccc;
}
.about-us p {
color: #333333;
font-size: 18px;
line-height: 29px;
}
/*-----------sell-section----------------*/
.sell-us {
text-align: center;
padding: 50px 0px;
background:#f9f9f9;
}
.sell-us span {
color: #008080;
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
}
.sell-us h2 {
color: #999999;
font-weight: 600;
font-size: 40px;
line-height: 52px;
font-family: 'Tox Typewriter';
margin-bottom: 95px;
display: block;
}
.boxes {
border: 2px solid#33cccc;
border-radius: 8px;
padding: 24px;
}
.icon {
border: 2px solid#33cccc;
border-radius: 100%;
padding: 18px;
background: #fff;
width: 95px;
height: 95px;
margin: 0 auto;
position: relative;
margin-top: -75px;
}
.icon img {
width: 52px;
height: 52px;
object-fit: fill;
}
.boxes h3 {
color: #595959;
font-weight: 600;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
padding-top: 25px;
width: 90%;
margin: 0 auto;
}
.boxes p {
color: #333333;
font-size: 15px;
line-height: 25px;
padding-bottom: 30px;
}
.sell-join-bottom {
padding-top: 35px;
}
.sell-join-bottom h4 {
color: #595959;
font-weight: 600;
font-size: 22px;
line-height: 33px;
padding-bottom: 25px;
display: block;
}
.sell-join-bottom a {
color: #008080;
border: 2px solid #008080;
background: transparent;
text-decoration: none;
font-size: 18px;
font-weight: 500;
border-radius: 5px;
padding: 10px 34px;
width: auto;
display: inline-block;
text-transform:uppercase;
}
.sell-join-bottom a:hover {
color: #006060;
border: 2px solid #006060;
background: transparent;
}
/*-----------join-us-section----------------*/
.join-us {
text-align: center;
padding: 50px 0px;
background:#008081;
}
.join-us span {
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
}
.join-us h2 {
color: #ffff;
font-weight: 600;
font-size: 40px;
line-height: 52px;
font-family: 'Tox Typewriter';
display: block;
padding-bottom: 10px;
}
.join-us p {
color: #fff;
font-size: 18px;
line-height: 29px;
margin: 0 auto;
padding-bottom: 40px;
}
.join-us p a {
color: #fff;
text-decoration:underline;
}
.join-us .card {
background: #fff;
border: transparent;
padding: 0;
border-radius: 43px;
padding: 7px 6px 7px 7px;
}
.join-us .inp {
font-size: 18px;
font-weight: 500;
}
.join-us #div1 {
margin: 0;
}
.join-us .btn {
margin: 0px;
background-color: #595959;
border-radius: 5px;
border-radius: 43px;
font-size: 22px;
font-weight: 600;
text-transform:uppercase;
}

.join-us .btn:hover {
background:#333333;
}
/*-----------footer-section----------------*/
footer{
background:#dddddd;
padding:44px 0px;
}
.footer_link {
width: 100%;
margin-top: 0px;
display: inline-block;
}
.footer_link li {
	float: left;
	width: 36%;
	list-style: none;
}
.footer_link li a {
color: #333333;
font-size: 18px;
line-height: 36px;
font-weight: 500;
}
.footer_link li a:hover {
color:#006060;
}
.socialmedia_icon {
display: flex;
justify-content: space-between;
margin-top: 10px;
}

.socialmedia_icon a:hover .sci-img-hover  {
	display: block;
	color:#990099;
}
.socialmedia_icon a:hover .sci-img  {
	display: none;
}
.socialmedia_icon a .sci-img-hover{
	display:none;
}



.socialmedia_icon img {
max-width: 76%;
}
.coppy-right{
background:#333333;
padding:10px 0;
text-align:center;
}
.coppy-right p{
color:#fff;
font-size:16px;
}
/*------------------------index2-css-----------------------*/
/*-----------banner-section----------------*/
.banner_search{
margin-top:30px;
}
.banner_search img {
width: 72%;
}
.banner_search .form-control-borderless {
border: none;
}
.banner_search .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
border: none;
outline: none;
box-shadow: none;
}
.banner_search .btn {
background-color: #008080;
border-radius: 50%;
border: transparent;
padding: 9px;
}
.banner_search .btn:hover {
background-color:#006060;
}
.banner_search .form-control-lg {
padding-left:7px;
}
.banner_search .card {
background: #fff;
border: transparent;
padding: 0;
border-radius: 43px;
padding: 7px 6px 7px 7px;
}
.banner_search .card-body {
padding: 0px;
padding-left: 17px;
}
/*-----------listing-section----------------*/
.listing {
text-align: center;
padding: 50px 0px;
}
.list-box-image{
position:relative;
}
.list-box:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}





.wish-list{
position: absolute;
right: 16px;
top: 25px;
background: #f8f8f7;
height: 40px;
width: 40px;
border-radius: 50%;
padding: 7px;
padding-top: 8px;
padding-left: 9px;
	font-size: 22px;
		display: block;
}

.wish-list:hover .icon-2  {
	display: block;
	color:#990099;
	padding: 7px;
padding-top: 4px;
padding-left: 0px;
	font-size: 22px;
}
.wish-list:hover .icon-1  {
	display: none;
}
.wish-list .icon-2{
	display:none;
}













.listing .wish-list img {
width:90%;
}
.listing span {
color: #990099;
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
}
.listing h2 {
color: #999999;
font-weight: 600;
font-size: 40px;
line-height: 52px;
font-family: 'Tox Typewriter';
display: block;
padding-bottom: 10px;
}
.listing p {
color: #333333;
font-size: 18px;
line-height: 29px;
}
/*-----------owl-dot-control-start----------------*/
.listing .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
display: inline-block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
border:2px solid#000;
text-transform:uppercase;
}
.listing .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.active {
filter: Alpha(Opacity=100);
opacity: 1;
background:#008081;
border:2px solid#008081;
text-transform:uppercase;
}
/*-----------owl-dot-control-end----------------*/
#listing-list{
margin-top:30px;
}
.list-box {
overflow: hidden;
box-shadow: 0 .5rem 1rem rgba(43,42,53,.075);
border-radius: 5px;
text-align: left;
margin-bottom: 30px;
}
.list-box-desc h3 {
color: #595959;
font-weight: 600;
font-size: 24px;
line-height: 26px;
padding-bottom: 15px;
display: block;
}
.list-box-desc span {
color: #008080;
font-weight: 600;
font-size: 32px;
line-height: 34px;
padding-bottom: 18px;
display: block;
}
.list-box-desc p {
color: #333333;
font-size: 16px;
line-height: 25px;
padding-bottom: 24px;
display: flex;
justify-content: left;
}
.listing .list-box-desc p img {
margin-right: 7px;
width: 14px;
height: 20px;
}
.list-box-desc ul{
padding:0;
margin:0;
}
.list-box-desc li {
list-style: none;
float: left;
margin-right: 25px;
text-align: left;
display: flex;
justify-content: space-between;
}
.list-box-desc .listing_icon {
    margin-right: 7px;
}
.listing .list-box-desc .listing_icon img {
width:auto;
}
.list-box-desc li p {
color: #333333;
font-size: 16px;
line-height: 18px;
padding-bottom: 10px;
display: inline-block;
font-weight: normal;
}
.list-box-desc li p span {
display: block;
color: #333333;
font-size: 16px;
line-height: 18px;
text-transform: capitalize;
font-weight: normal;
}
.list-box-desc {
padding: 24px;
display: inline-block;
padding-top: 25px;
padding-bottom: 15px;
}
.list-box-desc li:last-child {
margin-right: 0px;
}
.all-listing-btn {
margin-top: 30px;
}
.all-listing-btn a:hover {
    color: #006060;
    border: 2px solid #006060;
}
.all-listing-btn a {
color: #008080;
border: 2px solid #008080;
background: transparent;
text-decoration: none;
font-size: 18px;
font-weight: 500;
border-radius: 5px;
padding: 10px 34px;
width: auto;
display: inline-block;
text-transform:uppercase;
}
/*-----------blog-section----------------*/
.blog {
text-align: center;
padding: 50px 0px;
}
.blog span {
color: #990099;
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
}
.blog h2 {
color: #999999;
font-weight: 600;
font-size: 40px;
line-height: 52px;
font-family: 'Tox Typewriter';
display: block;
padding-bottom: 30px;
}
.news-list {
box-shadow: 0 .5rem 1rem rgba(43,42,53,.075);
border-radius: 5px;
text-align: left;
overflow: hidden;
}
.news-list-box-desc {
padding: 24px;
display: inline-block;
padding-top: 25px;
padding-bottom: 22px;
}
.post-type {
color: #999999;
font-size: 16px;
line-height: 25px;
font-weight: 400;
}
.post-title {
color: #595959;
font-weight: 600;
font-size: 23px;
line-height: 25px;
display: block;
padding-bottom: 10px;
}
.blog .post-date {
color: #595959;
font-size: 17px;
line-height: 25px;
font-weight: 400;
text-transform: capitalize;
}
.blog .post-date i{
padding-right:7px;
}
.description {
color: #333333;
font-size: 15px;
line-height: 25px;
padding-bottom: 12px;
}
.news-list-box-desc a {
color: #008080;
font-size: 16px;
font-weight: 600;
}
.news-list-box-desc a:hover{
color: #333333;
}
.news-list-box-desc a i{
padding-left:10px;
}
.news-list-box-image {
height: 193px;
overflow: hidden;
}
.all-articles-btn{
    margin-top:50px;
}
/*-------------offer-popup--------------------*/
#offer-popup {
	position: fixed;
	padding-top: 163px;
	background: rgba(0, 0, 0, 0.4) !important;
}

#offer-popup .modal-header .close {
	position: absolute;
	top: -33px;
	color: #fff;
	opacity: 1;
	font-size: 30px;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	padding: 6px 12px 6px 12px;
	right: 39px;
}
#offer-popup .modal-header {
border:transparent;
padding:0;
}
#offer-popup .modal-lg, .modal-xl {
max-width: 1063px;
}
.modal-content-details{
position:relative;
}
.modal-content-details span {
	color: #990099;
	font-weight: 600;
	font-size: 24px;
	line-height: 18px;
	text-transform: uppercase;
	padding-bottom: 19px;
	display: block;
	text-align: center;
}
.modal-content-details h2 {
	color: #999999;
	font-weight: 600;
	font-size: 40px;
	line-height: 44px;
	font-family: 'Tox Typewriter';
	padding-bottom: 28px;
	display: block;
	text-align: center;
}
.modal-right-content p {
	color: #333333;
	font-weight: 700;
	font-size: 25px;
	line-height: 35px;
	padding-bottom: 35px;
	display: block;
	text-align: center;
	margin-left: 0px;
}
.modal-right-content ul {
	padding: 0;
	margin: 0;
	margin-left: 36px;
}
.modal-right-content li {
	list-style: none;
	padding-left: 32px;
	background: url(../images/modal-right.png) no-repeat 0 0;
	font-size: 18px;
	color: #595959;
	padding-bottom: 22px;
	background-size: 20px 20px;
	background-position: left top;
	line-height: 21px;
}
.modal-left-content {
	border: 2px solid#990099;
	border-radius: 50%;
	padding: 21px;
	margin-top: 21px;
	width: 300px;
	height: 300px;
	float: right;
}
.modal-content-details .modal-left-content span {
color: #008081;
font-weight: 500;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
text-align: center;
padding-top: 36px;
}
.modal-content-details .modal-left-content h3 {
color: #333333;
font-weight: 600;
font-size: 47px;
line-height: 40px;
font-family: 'Tox Typewriter';
padding-bottom: 8px;
display: block;
text-align: center;
}
.modal-content-details .modal-left-content h4 {
color: #999999;
font-weight: 600;
font-size: 47px;
line-height: 44px;
font-family: 'Tox Typewriter';
padding-bottom: 6px;
display: block;
text-align: center;
text-decoration: line-through;
}
.modal-content-details .modal-left-content p {
color: #595959;
font-weight: 600;
font-size: 22px;
line-height: 27px;
padding-bottom: 17px;
display: block;
text-align: center;
}
.find-btn {
	padding: 16px 45px;
	background: #008080;
	border-radius: 49px;
	color: #fff;
	text-decoration: none;
	font-size: 26px;
	font-weight: 600;
	margin-right: 0px;
	border: 1px solid #008080;
	margin-top: 20px;
	display: inline-block;
	text-transform:uppercase;
}
.find-btn:hover {
background: #006060;
border: 1px solid #006060;
	color: #fff;
}
#offer-popup .modal-content-btm-img {
	position: absolute;
	right: -52px;
	bottom: 0;
}
#offer-popup .modal-content-btm-img img{
    max-width: 83%;
}
#offer-popup .modal-content {
	padding: 25px 30px 25px 30px;
}





/*-------------------------------about-us-----------------------------*/

.inneer-baner-caption{
	top: 50%;
}

.inneer-baner-caption.banner-caption h1 {
	font-size: 30px;
	line-height: 35px;
}
.breadcrumb-section{
	background:#f9f9f9;
}
.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
	display: none;
}
.breadcrumb-section .breadcrumb {
	background: transparent;
	padding-left: 0;
	margin-bottom: 0;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 16px;
}
.breadcrumb-section .breadcrumb i {
	font-size: 22px;
	padding-top: 2px;
}

.breadcrumb-section .breadcrumb-item a:hover{
	color:#006060;
}
.breadcrumb-section .breadcrumb-item:hover{
	color:#006060;
}


/*-----video-section--------*/
.video-section{
	padding:60px 0;
}
.video-right{
	position:relative;
}
.video-frame{
	position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
width: 100%;
margin: 0 auto;
left: 0;
}
.aboutus-content{
	background:#f9f9f9;
}
.video-frame img {
	max-width: 20%;
	/*animation: shadow-pulse2 1s infinite;*/
	border-radius: 50%;
	transition: 0.6s;
}

.video-frame img:hover{
    transform: scale(1.2);
}


@keyframes shadow-pulse2
{
0% {
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
}
}
@keyframes shadow-pulse-big
{
0% {
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
}
}












.video-frame iframe{
	width:600px;
	height:600px;
}
.video-left h2{
    color: #008080;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 9px;
    display: block;
}
.video-left span {
	color: #595959;
	font-weight: 600;
	font-size: 25px;
	line-height: 28px;
	padding-bottom: 17px;
	display: block;
	padding-top: 2px;
}
.video-left p {
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 15px;
}
.video-left a:hover {
   color: #006060;
    border: 2px solid #006060;
}
.video-left a {
	color: #008080;
	border: 2px solid #008080;
	background: transparent;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	border-radius: 5px;
	padding: 10px 29px;
	width: auto;
	display: inline-block;
	margin-top: 16px;
	text-transform:uppercase;
}




/*----------story-description--------------*/


.story-description{
	padding:60px 0;
	text-align:center;
}
.story-description span {
	color: #008080;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	padding-bottom: 9px;
	display: block;
}
.story-description h2 {
	color: #999999;
	font-weight: 600;
	font-size: 40px;
	line-height: 44px;
	font-family: 'Tox Typewriter';
	padding-bottom: 20px;
	display: block;
}
.story-description-left{
	text-align:left;
}
.story-description-left h3 {
	color: #595959;
	font-weight: 600;
	font-size: 25px;
	line-height: 30px;
	padding-bottom: 12px;
	display: block;
	padding-top: 0px;
}
.story-description-left p {
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 10px;
}
.story-description-left span {
	color: #595959;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 15px;
	display: block;
	padding-top: 6px;
	text-transform: capitalize;
}
.story-description-left a:hover {
      color: #006060;
    border: 2px solid #006060;
}
.story-description-left a {
	color: #008080;
	border: 2px solid #008080;
	background: transparent;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	border-radius: 5px;
	padding: 10px 35px;
	width: auto;
	display: inline-block;
	margin-top: 19px;
}
.story-description-2{
	padding-top:60px;
}
.story-description-1{
	padding-top:30px;
}
/*---------selling-buying-description---------------*/
.selling-buying-details {
	text-align: center;
	padding:60px 0;
}
.selling-buying-icon {
	border: 2px solid#33cccc;
	border-radius: 100%;
	padding: 30px;
	background: #fff;
	width: 140px;
	height: 140px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 26px;
}
.selling-buying-icon img {
	width: 75px;
	height: 75px;
	object-fit: fill;
}
.selling-buying-details h4 {
	color: #595959;
	font-weight: 600;
	font-size: 25px;
	line-height: 27px;
	padding-bottom: 14px;
	display: block;
	padding-top: 0px;
}
.selling-buying-details p {
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 10px;

}
.selling-buying-details a:hover {
    color: #006060;
    border: 2px solid #006060;
}
.selling-buying-details a {
	color: #008080;
	border: 2px solid #008080;
	background: transparent;
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	border-radius: 5px;
	padding: 10px 36px;
	width: auto;
	display: inline-block;
	margin-top: 23px;
	text-transform:uppercase;
}
.video-with iframe{
	width:600px;
	height:600px;
}

/*-------------------------------register-us-----------------------------*/
.register-section{
	padding:60px 0;
}

.register-section h4 {
	color: #595959;
	font-weight: 600;
	font-size: 22px;
	line-height: 33px;
	padding-bottom: 25px;
	display: block;
}
.form-area .form-control {
	border: 1px solid#ced4da;
	border-radius: 6px;
	height: calc(2em + .75rem + 2px);
	font-size: 15px;
	color: #808080;
	font-weight: 400;
}

.form-area label {
	font-size: 16px;
	color: #868e96;
	text-transform: uppercase;
	padding-top: 8px;
	padding-bottom: 14px;
	margin-bottom: 0px;
}

.form-group-last-name {
	padding-top: 17px;
}


/* [SHARED] */
.custom-select, .custom-select select {
  font-family: arial, sans-serif;
  height: 40px;
  font-size: 1.05em;
}

/* [SELECT FIED] */
.custom-select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	padding: 5px 0px;
	color: #6c757d;
	background-color: transparent;
	border: transparent;
	outline: none;
	height: auto;
	font-size: 16px;
}

/* [CUSTOM ARROW] */
.custom-select {
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	background: transparent;
	border: 1px solid #ced4da;
	border-radius: 6px;
	height: calc(1.9em + .75rem + 2px);
	padding-right: 0;
}

/* [CUSTOM ARROW] */
.custom-select::after {
	content: url("../images/drop_arrow.png");
	color: #888;
	font-size: 15px;
	padding: 8px 8px;
	position: absolute;
	right: 10px;
	top: 0;
	text-align: center;
	pointer-events: none;
}

/* [CIRCLE BACKGROUND] */
.circle.custom-select:after {
  content: "\25b6";
  background: #3462ad;
  color: #fff;
  padding: 5px 9px;
  border-radius: 50%;
  top: 5px;
}

/* [SOLID BACKGROUND] */
.solid.custom-select:after {
  content: "\25b6";
  background: #d13c3c;
  color: #fff;
  height: 40px;
  right: 0;
  padding: 12px 15px;
}

.checkbox {
	display: flex;
	justify-content: flex-start;
}
input[type=checkbox] {
    display:none;
}

 input[type="checkbox"] + label {
	display: inline-block;
	padding: 0 0 0 0px;
	background: url("../images/uncheck.png") no-repeat;
	height: 29px;
	width: 42px;
	background-size: contain;
	margin-top: 0px;
}

 input[type=checkbox]:checked + label {
    background:url("../images/check.png") no-repeat;
    height: 40px;
    width: 40px;
    display:inline-block;
  height: 29px;
	width: 42px;
	background-size: contain;
	margin-top: 0px;
}




.checkbox {
	text-transform: capitalize;
	font-size: 18px;
	color: #868e96;
	padding-top: 15px;
	padding-bottom: 24px;
}


.register-btn {
	padding: 10px 21px;
	background: #008080;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid#008080;
	display: block;
	width: 100%;
	text-transform:uppercase;
}
.register-btn:hover {
background: #006060;
color: #fff;
}
.form-description {
	background: #fbfbfb;
	border: 1px solid#ebebeb;
	padding: 33px;
}

.form-description h3 {
	color: #595959;
	font-weight: 600;
	font-size: 25px;
	line-height: 40px;
	padding-bottom: 25px;
	display: block;
	text-transform: uppercase;
}
.form-description .list span {
	font-size: 22px;
	color: #990099;
	line-height: 33px;
	padding-bottom: 8px;
	display: block;
	font-weight: 600;
}
.list {
	margin-bottom: 35px;
}
.list ul{
	padding-left: 13px;
}
.list li {
	color: #595959;
	font-size: 16px;
	line-height: 36px;
	list-style: none;
}
.list li img{
	margin-right:15px;
}

.massage-notice-box {
    position: relative;
    transition: 0.6s;
}

.massage-notice-box .view-form-massage {
    content: '';
    position: absolute;
    top: -5px;
    left: 28%;
    width: 70%;
    z-index: 9999;
    display: none;
    transition: 0.6s;
}

.massage-notice-box:hover .view-form-massage {
    display: block !important;
}

.massage-notice-box:hover{
    margin-bottom: 50px;
}

.view-form-massage p {
    background-color: #008080;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 10px;
    line-height: 17px;
    margin: 0px;
    color: #fff;
    position: relative;
}

.view-form-massage p::after {
    content: '';
    position: absolute;
    top: 7px;
    left: -20px;
    border-top: 18px solid transparent;
    border-right: 12px solid #008080;
    border-bottom: 2px solid transparent;
    border-left: 9px solid transparent;
}

.view-form-massage::before {
    content: '';
    background: url(../images/form-massage.png);
    position: absolute;
    top: 21px;
    left: -45px;
    width: 25px;
    height: 25px;
    z-index: 9999999;
    background-repeat: no-repeat;
}

.regular-radio {
    display: none;
}

.regular-radio  {
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #ced4da;
    width: 100%;
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 7px;
}

.regular-radio:checked  {
    background: #008080;
    border: 4px solid #ced4da;
}

.seller-form-radio-button .form-check-label{
    padding-left: 0px!important;
    padding-top: 14px!important;
}

a.register-link{
    padding-left: 5px;
    text-decoration: underline;
    color: #868e96;
}



/*------------------cookies-modal-page-------------------*/

.cookies-modal .fixed-bottom {
	position: relative;
	right: 0;
	bottom: inherit;
	top: 0;
	left: 0;
	z-index: 1030;
}
.cookies-modal .alert-info {
	color: #fff;
	background-color: #008081;
	border-color: #008081;
	text-align: center;
	border-radius: 0px;
	border: transparent;
	margin-bottom: 0px;
}
.cookies-modal .alert-info p {
	font-size:16px;
	font-weight:normal;
}
.cookies-modal .alert-info a {
	color: #fff;
	text-decoration: underline;
}
.cookies-modal .alert-dismissible .close {
	opacity: 1;
}


.cookies-header-position {
	margin-top: 0px;
}


/*------------------buying-with-syoh-page-------------------*/
.video-left a.listing-btn {
	background: #008080;
	margin-right: 20px;
	border: 2px solid #008080;
	color: #fff;
}

.video-left a.listing-btn:hover{
background: #006060;
border: 2px solid #006060;
}
.benefits-list {
	margin-top: 80px;
}

.benefits-list .boxes {
	border: 2px solid#33cccc;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 94px;
	max-height: 264px;
	position: relative;
}
.benefits-list .boxes.m-b{
	margin-bottom:0px;
}
.Benefits-section{
	    text-align: center;
      background: #f9f9f9;
       padding:60px 0;
}



/*------------------how-to-buy-css-------------------*/

.how-to-buy{
	padding:60px 0 30px 0;
	text-align:center;
}

.how-to-buy span {
	color: #008080;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	padding-bottom: 9px;
	display: block;
}
.how-to-buy h2 {
	color: #999999;
	font-weight: 600;
	font-size: 40px;
	line-height: 52px;
	font-family: 'Tox Typewriter';
	margin-bottom: 30px;
	display: block;
}
.buying-listing-area {
	position: relative;
	overflow: hidden;
	counter-reset: chapter;
}
.buying-listing-area::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 60px;
    left: 34%;
    width: 2px;
    margin-left: -2.5px;
    background: #999999;
}

 .buying-listing-area .buying-listing-item::before {
	 content: "" counter(chapter) "";
    counter-increment: chapter;
	position: absolute;
	left: -42px;
	top: 0px;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	border: 2px solid #33cccc;
	text-align: center;
	color: #595959;
	line-height: 77px;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	background: #fff;
	z-index: 9;
}

.buying-listing-area .buying-listing-item h5 {
	font-size: 18px;
	color: #008080;
	font-weight: 700;
}
.buying-listing-area .buying-listing-item p {
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	font-weight: 400;
	padding-top: 8px;
}
.buying-listing-area .buying-listing-item a {
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	font-weight: 600;
	text-decoration: underline;
	padding-top: 3px;
	display: block;
}
.buying-listing-area .buying-listing-item a:hover {
	color: #006060;
}
.buying-listing-area .buying-listing-item {
	width: 74%;
	max-width: 66%;
	background: #fff;
	margin-bottom: 0px;
	padding: 20px;
	position: relative;
	z-index: 2;
	padding-left: 66px;
	float: right;
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	height: 125px;
	padding-right: 15px;
}

.how-to-buy .buying-listing-area.buying-listing-item::before {
    content: attr(data-line);
    position: absolute;
    right: -108px;
    top: 0px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border:4px solid rgb(49, 166, 232);
text-align: center;
color:
#fff;
line-height: 43px;
font-family: "Raleway", sans-serif;
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
background:
    #2196F3;
}
.buying-listing-area .buying-listing-item:nth-child::after {
	left: -78px;
}
.buy-list {
    position: absolute;
    background: #fff;
    border: 2px solid#33cccc;
    border-radius: 43px;
    padding: 15px 0px 15px 25px;
    color: #595959;
    font-size: 20px;
    left: -35%;
    top: 9px;
    font-weight: 700;
    width: 267px;
}

/*-------properties-sale-listing-css-----------*/
.properties-sale-listing{
background: #f9f9f9;
}


/*--------------------------------------Selling-page-css-------------------------------*/
/*--------------selling-with-syoh1----------------*/
.Selling.all-listing-btn h4 {
	color: #999999;
	font-weight: 600;
	font-size: 40px;
	line-height: 52px;
	font-family: 'Tox Typewriter';
	display: block;
	padding-bottom: 10px;
}
.Selling.all-listing-btn p {
	color: #333333;
	font-size: 18px;
	line-height: 29px;
}
.Selling.all-listing-btn a {
	background: #008080;
	color: #fff;
	margin-top: 29px;
	text-transform:uppercase;
}

.Selling.all-listing-btn a:hover{
	background: #006060;
	color: #fff;
}

.how-to-sell .buying-listing-area .buying-listing-item:nth-child(3) {
	margin-bottom: 35px;
}
/*--------------selling-with-syoh2----------------*/
.testmonial {
	text-align: center;
	padding: 50px 0px;
}
.testmonial span {
	color: #008080;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	padding-bottom: 9px;
	display: block;
}
.testmonial h2 {
	color: #999999;
	font-weight: 600;
	font-size: 40px;
	line-height: 52px;
	font-family: 'Tox Typewriter';
	display: block;
	padding-bottom: 10px;
}


.testmonial-feedback {
	position: relative;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
      border-radius: 5px;
    text-align: left;
    padding: 32px;
    padding-left: 100px;
    width: 97%;
    padding-right: 30px;
    margin-bottom: 40px;
    margin-top: 30px;
    padding-bottom: 50px;
}

.testmonial .testmonial-feedback img {
	width: 16%;
	margin-bottom: 24px;
}
.people-image {
	position: absolute;
	left: -72px;
	top: 50px;
}


.testmonial .testmonial-feedback .people-image img {
	max-width: 100px;
	border-radius: 50%;
	margin: 25px auto 0;
	max-width: 100%;
	height: 145px;
	width: 145px;
	border:2px solid #ededed;
	object-fit: cover;
}
.testmonial-feedback p {
	color: #333333;
	font-size: 16px;
	line-height: 27px;
	text-align: left;
	font-weight: 400;
}
.testmonial-feedback span {
	color: #008081;
	font-size: 20px;
	line-height: 29px;
	text-align: left;
	font-weight: 700;
	padding-top: 10px;
	text-transform: capitalize;
}


/*-----------owl-dot-control-start----------------*/


.testmonial .owl-carousel.owl-drag .owl-item .item{
	padding-left:58px;
}
.testmonial .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
display: inline-block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
border:2px solid#000;
}
.testmonial .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.active {
filter: Alpha(Opacity=100);
opacity: 1;
background:#008081;
border:2px solid#008081;
}
/*-----------owl-dot-control-end----------------*/






/*-----------contact-us-page----------------*/

.form-area .address-fill {
	border: 1px solid#ced4da;
	border-radius: 6px;
	font-size: 15px;
	color: #808080;
	font-weight: 400;
	width: 100%;
	padding: 12px;
}
.captcha-area img {
	max-width: 100%;
	height: 86px;
	object-fit: fill;
	width: 80%;
}
.captcha-area{
	margin-bottom:30px;
}

.form-area h2{
	color: #595959;
font-weight: 600;
font-size: 22px;
line-height: 33px;
padding-bottom: 25px;
display: block;
}
.contact-form-description ul {
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
.contact-form-description li {
	list-style: none;
	font-size: 18px;
	color: #333333;
	padding-bottom: 20px;
	width: 100%;
	display: block;
}
.contact-form-description li a {
  color: #333333;
}
.contact-form-description li img{
	margin-right:20px;
}
.contact-form-description p {
	color: #333333;
	font-size: 18px;
	line-height: 32px;
	padding-bottom: 15px;
	width: 90%;
}
.contact-form-description span {
	color: #333333;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 0px;
	font-weight: 700;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}













/*-----------log-in-page----------------*/


.forgot-password-link a {
	color: #595959;
	font-weight: 600;
	font-size: 22px;
	line-height: 33px;
	padding-bottom: 0px;
	display: block;
	text-decoration: underline;
	text-align: center;
	padding-top: 25px;
}

.forgot-password-link a:hover {
	color: #006060;
}





/*-----------artical-page----------------*/


.artical-right{
	position:relative;
}
.artical-right-description {
	/*position: absolute;
	left: 15px;
	bottom: 5px;*/
	width: 100%;
	text-align: left;
	color: #595959;
	font-size: 13px;
}
.artical-right-description img{
	margin-right:10px;
	border-radius: 0px;
}
.artical-left h4 {
	color: #333333;
	font-weight: 600;
	font-size: 19px;
	line-height: 30px;
	padding-bottom: 12px;
	display: block;
	padding-top: 2px;
}
.video-section .artical-left span {

	padding-bottom: 11px;

}
.video-section .artical-left p a {
	color: #006060;
	text-decoration: underline;
	border: none;
	padding: 0;
	font-size: 16px;
	display: inline-block;
	margin: 0;
}
.video-section .artical-left p a:hover {
	background:transparent;
}
.artical-middle-image-section {
	position: relative;
	margin-bottom: 20px;
}
.artical-middle-description img{
	margin-right:10px;
	border-radius: 0px;
}
.artical-middle-section .artical-middle-description {
	/*position: absolute;
	bottom: 5px;
	left: 15px;*/
	width: 100%;
	text-align: left;
	color: #595959;
	font-size: 13px;
	text-align: left;
	padding: 0;
	line-height: 26px;
	margin-top: 5px;
}
.artical-middle-section h2 {
	color: #595959;
	font-weight: 600;
	font-size: 25px;
	line-height: 28px;
	padding-bottom: 17px;
	display: block;
	padding-top: 2px;
		text-align:left;
}
.artical-middle-section p {
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 15px;
	text-align:left;
}
.artical-bottom-section {
	margin-top: 10px;
	margin-bottom: 60px;
}

.artical-bottom-section .video-left span {
		padding-top: 0px;
}
.artical-bottom-section .artical-left h3 {
	color: #595959;
	font-weight: 600;
	font-size: 20px;
	line-height: 23px;
	padding-bottom: 16px;
	display: block;
	padding-top: 7px;
	text-transform: capitalize;
}
.artical-bottom-section .video-left a {
    background: #008080;
	border: 2px solid #008080;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	border-radius: 5px;
	padding: 10px 29px;
	width: auto;
	display: inline-block;
	margin-top: 16px;
	color: #fff;
}
.artical-bottom-section .video-left a:hover {
	background: #006060;
		border: 2px solid #006060;
}


/*-----------video-campaign-page----------------*/

.inner-banner-part .video-frame img {
	max-width: 8%;
	/*animation: shadow-pulse2 1s infinite;*/
	border-radius: 50%;
	width: auto;
	transition: 0.6s;
}

.inner-banner-part .video-frame img:hover{
    transform: scale(1.2);
}

.video-campaign-about.about-us span {
	color: #008080;
	font-weight: 600;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	padding-bottom: 9px;
	display: block;
}
.video-campaign-about.about-us a:hover {
    background: #006060;
}
.video-campaign-about.about-us a {
        padding: 10px 34px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
	display:inline-block;
	margin-top:20px;
}

.video-campaign-sell .sell-join-bottom a {
    color: #fff;
    border: 2px solid #008080;
    background: #008080;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    padding: 9px 34px;
    width: auto;
    display: inline-block;
}
.video-campaign-sell .sell-join-bottom a:hover {
    background: #006060;
	 border: 2px solid #006060;
	  color: #fff;
}


.video-campaign-selling-buying .selling-buying-details a:hover {
    background: #006060;
	 border: 2px solid #006060;
	  color: #fff;
}
.video-campaign-selling-buying .selling-buying-details a {
      color: #fff;
    border: 2px solid #008080;
    background: #008080;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    padding: 9px 34px;
    width: auto;
    display: inline-block;
    margin-top: 23px;
}


/*-----------register-seller-css----------------*/
.register-seller-section li {
    list-style: none;
    display: inline-block;
    align-items: center;
    vertical-align: middle;
    margin-right: 10px;
}
.seller-form-section{
    padding-bottom: 60px;
}

.register-seller-section li:last-child {
    margin-right: 0px;
}

.register-seller-list-box {

    border: 4px solid #33cccc;
    border-radius: 50%;
    width: 220px;
    height: 220px;
    position: relative;
    margin: 0 auto;
}

.seller-list-box-content {
    position: relative;
    padding: 24px;
}

.seller-list-box-content h3 {
    color: #595959;
    font-weight: 900;
    font-size: 30px;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 9px;
    display: block;
    margin: 0 auto;
}

.seller-list-box-content h6 {
    color: #595959;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 21px;
    padding-bottom: 10px;
    display: block;
    width: 75%;
    margin: 0 auto;
}

.seller-list-box-content p {
    color: #333333;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 30px;
    margin-bottom: 0px;
}

.seller-list-icon {
    content: '';
    position: absolute;
    top: 80px;
    right: -39px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    z-index: 999;
}

.register-seller-list-box::after {
    content: '';
    position: absolute;
    top: 82px;
    right: -6px;
    width: 24px;
    height: 37px;
    border: 4px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 50%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.register-seller-list-box::before {
    content: '';
    position: absolute;
    top: 72px;
    left: -11px;
    width: 35px;
    height: 55px;
    border: 4px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 50%;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 0px;
}

.register-seller-list-box:first-child::before {
    display: none;
}

.register-seller-list-box:last-child::after {
    display: none;
}

.sell-us .mb-50 {
    margin-bottom: 50px !important;
}


/*@riju 22.03.2021*/
/*-----------insights-css----------------*/

.insights-section {
    padding: 50px 0px;
}

.insights-section .mb-30 {
    margin-bottom: 30px;
}

.insights-list-box {
    padding: 30px 0px;
    text-align: center;
}

.insights-list-box span {
    text-transform: uppercase;
    font-weight: 600;
    color: #333333;
    font-size: 18px;
}

.insights-list-box .btn img {
    padding-right: 7px;
    width: 20%;
}

.insights-list-box .btn span {
    color: #595959;
    font-size: 15px;
}

.column-box {
    display: none;
}

.show-box {
    display: block;
}

.news-list{
    height: 100%;
}

.insights-list-box .btn {
    box-shadow: none;
    border: 0px;
    outline: inherit;
    vertical-align: middle;
}

.insights-list-box .btn:focus {
    border: 0px;
    outline: inherit;
    box-shadow: none;
}


.insights-btn {
    text-align: center;
    margin-top: 20px;
}

.insights-btn a {
    padding: 10px 34px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #008080;
    display: inline-block;
    transition: 0.6s;
	text-transform:uppercase;
}

.insights-btn a:hover{
    background: #006060;
}


.news-list .post-date {
    color: #595959;
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    text-transform: capitalize;
}

.news-list span {
    padding-bottom: 9px;
    display: block;
}

.news-list .post-date i {
    padding-right: 7px;
}


/*@riju 22.03.2021*/

/*Details Page*/

.breadcrumb-item.active a {
    color: #6c757d;
}

.breadcrumb-section .breadcrumb-item a.bold-text{
    font-weight: bold!important;
}

ul.topbar-button {
    text-align: right;
    padding-top: 16px;
    padding-bottom: 18px;
}

ul.topbar-button li {
    display: inline-block;
    margin-right: 10px;
}

ul.topbar-button li a img {
    width: 65%;
}

ul.topbar-button li.topbar-clickbutton {
    position: relative;
}

ul.topbar-button li.topbar-clickbutton .btn {
    padding: 0px !important;
    outline: none;
    border: 0px;
    box-shadow: none;
}

ul.topbar-button li.topbar-clickbutton .btn:focus {
    outline: none;
    border: 0px;
    box-shadow: none;
}

.topbar-clickbutton .topbar-click-list {
    border-radius: 5px;
    width: 195px;
    padding: 15px 15px;
    background-color: #f9f9f9;
    position: absolute;
    top: 44px;
    left: -135px;
    box-shadow: 0px 0px 5px 2px #0000004a;
    text-align: left;
    display: none;
    z-index: 9999 !important;
}

.topbar-clickbutton .topbar-click-list ul li {
    margin-bottom: 5px;
    list-style: none;
}

.topbar-clickbutton .topbar-click-list ul li a {
    color: #6c757d;
    font-size: 16px;
}

.topbar-clickbutton .topbar-click-list ul li.active a {
    color: #000;
}

.topbar-clickbutton .topbar-click-list::after {
    content: '';
    position: absolute;
    top: -24px;
    right: 31px;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #f9f9f9;
    border-left: 12px solid transparent;
}

.topbar-clickbutton .topbar-click-list::before {
    content: '';
    position: absolute;
    top: -30px;
    right: 28px;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #0000000f;
    border-left: 15px solid transparent;
}

.claiborne-details-section {
    margin: 30px 0px;
}

.claiborne-details-box {
    background-color: #f2f2f2;
    padding: 15px 15px;
    height: 392px;
}

.claiborne-details-box-text {
    overflow: hidden;
}

.claiborne-details-box-text p.top-text {
    color: #008080;
    vertical-align: middle;
}

.claiborne-details-box-text p.top-text span {
    color: #008080;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 18px;
    font-weight: bold;
}

.claiborne-details-box-text p {
    color: #6c757d;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 18px;
    font-weight: bold;
}

.claiborne-details-box-text .property-adddress-text{
    height: 36px;
}

.claiborne-details-box-text ul {
    padding: 0;
    margin: 20px 0px 0px;
}

.claiborne-details-box-text ul li {
    list-style: none;
    float: left;
    margin-right: 35px;
    margin-bottom: 5px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.claiborne-details-box-text ul li .listing_icon {
    margin-right: 5px;
}

.claiborne-details-box-text ul li .listing_icon img {
    width: 75%;
}

.claiborne-details-box-text ul li p {
    color: #333333;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 5px;
    display: inline-block;
    font-weight: normal;
}

.claiborne-details-box .video-right {
    height: 140px;
    overflow: hidden;
}

.claiborne-details-box .video-right img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
}


.claiborne-details-image-box .story-description-right {
    height: 392px;
    overflow: hidden;
}

.claiborne-details-image-box .story-description-right img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
}

.mb-30 {
    margin-bottom: 30px;
}

.claiborne-details-image-box .claiborne-details-image-box-right {
    width: 100%;
    height: 392px;
}

.claiborne-details-image-box-right-image {
    height: 181px;
    overflow: hidden;
}

.claiborne-details-image-box-right-image img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
}


.claiborne-details-open-section {
    margin: 30px 0px;
}

.claiborne-details-open-box {
    background-color: #008080;
    padding: 17px 25px;
    color: #fff;
    border-radius: 5px;
}

.claiborne-details-open-box ul li{
    font-size: 22px;
    font-weight: bold;
    padding-right: 10px;
    display: inline-block;
    list-style: none;
}

.claiborne-details-open-box ul li.leftside-border{
    position: relative;
    padding-right: 0px;
    padding-left: 10px;
}

.claiborne-details-open-box ul li.leftside-border::before{
    position: absolute;
    content: '|';
    top: 0px;
    left: -5px;
}

.claiborne-details-open-box p {
    font-size: 18px;
    font-weight: bold;
}

.claiborne-details-open-box p span {
    font-size: 18px;
    font-weight: bold;
    padding: 0px 10px;
}

.comet-section {
    margin: 40px 0px 10px;
}

.comet-text-box {
    margin-bottom: 30px;
}

.comet-text-box h3 {
    font-size: 25px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
}

.comet-text-box p {
    font-size: 16px;
    color: #333333;
    margin-bottom: 5px;
}

.comet-features-box {
    border-radius: 10px;
    background-color: #f9f9f9;
    border: 2px solid #33cccc;
    /*margin: 30px 0px 0px;*/
    padding: 25px 25px;
    height: 100%;
    overflow: hidden;
}

.comet-features-box h3 {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
}

.comet-features-box ul {
    margin: 0px;
    padding: 0px;
}

.comet-features-box ul li {
    margin-bottom: 10px;
    vertical-align: middle;
    color: #6c757d;
    font-size: 16px;
    position: relative;
    padding-left: 25px;
    list-style: none;
}

.comet-features-box ul li:last-child {
    margin-bottom: 0px;
}


.comet-features-box ul li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0px;
    width: 16px;
    height: 12px;
    background-image: url(../images/right-arrow.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.finer-details-section {
    background: #f9f9f9;
    text-align: center;
    padding: 50px 0px;
}



.finer-details-section h4 {
color: #990099;
font-weight: 600;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-bottom: 9px;
display: block;
}

.finer-details-section h2{
color: #999999;
font-weight: 600;
font-size: 40px;
line-height: 44px;
font-family: 'Tox Typewriter';
padding-bottom: 15px;
display: block;
}

.finer-details-section .pb-20{
    padding-bottom: 20px;
}

.finer-details-section p {
	color: #333333;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 8px;
}

.finer-details-section p:last-child{
    padding-bottom: 0px;
}

.finer-details-button {
    color: #fff;
    background: #008080;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 40px;
    width: auto;
    display: inline-block;
    margin-top: 17px;
    transition: 0.6s;
}

.finer-details-button:hover {
    color: #fff;
    background-color: #006060;
}

.log-in-text {
    display: block;
    margin-top: 15px;
    color: #6c757d;
    font-size: 15px;
}

.log-in-text a {
    color: #008080;
    transition: 0.6s;
    border-bottom: 1px solid transparent;
}

.log-in-text a:hover{
    border-bottom: 1px solid #008080;
}

.finer-list-section {
    margin-top: 50px;
}


.location-section {
    margin: 50px 0px;
}

.location-section.mt-20{
    margin: 20px 0px 50px!important;
}


/*@riju dashboard css*/

.dashboard-section {
    margin: 50px 0px 20px;
}

.dashboard-box-section{
    width: 100%;
    height: 98%;
    background-color: #f5f5f5;
}

.dashboard-box {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 35px 20px;
    margin-bottom: 30px;
}

.dashboard-title-box h2 {
    font-weight: bold;
    color: #595959;
    font-size: 25px;
    padding-bottom: 10px;
}

.dashboard-title-box.mb-10{
    margin-bottom: 10px!important;
}

.dashboard-title-box p {
    color: #595959;
    font-size: 17px;
    margin-bottom: 30px;
}

.dbl-list-box {
    border: 2px solid #33cccc;
    border-radius: 8px;
    padding: 24px;
    position: relative;
    text-align: center;
    background-color: #f5f5f5;
    margin-top: 50px;
    height: 300px;
    margin-bottom: 30px;
}

.bbl-icon-box {
    border: 2px solid#33cccc;
    border-radius: 100%;
    padding: 18px;
    background: #fff;
    width: 95px;
    height: 95px;
    margin: 0 auto;
    position: relative;
    margin-top: -75px;
}

.bbl-icon-box img {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.dbl-list-box h3 {
    color: #595959;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 9px;
    display: block;
    padding-top: 25px;
    width: 90%;
    margin: 0 auto;
}

.dbl-list-box p {
    color: #333333;
    font-size: 15px;
    line-height: 25px;

}

.dbl-list-box a {
    color: #fff;
    background: #008080;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    border-radius: 30px;
    padding: 10px 30px;
    width: auto;
    display: inline-block;
    margin-top: 30px;
    transition: 0.6s;
	text-transform:uppercase;
}

.dbl-list-box a:last-child{
    margin-top: 15px;
}

.dbl-list-box a:hover {
    background: #006060;
}

.dashboard-menu-box-mainmenu {
    padding-left: 0;
    margin-bottom: 0;
}

.dashboard-menu-box-mainmenu li {
    list-style: none;
    display: flex;
    width: 100%;
    margin-top: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.dashboard-menu-box-mainmenu li a{
    display: flex;
    align-items: center;
    padding: 4px 0px;
    color: #555555;
    transition: all 0.3s ease-out;
    font-weight: 600;
    font-size: 18px;
}

.dashboard-menu-box-mainmenu li a:hover{
    color: #1e8e8e;
}

.dashboard-menu-box-mainmenu li.active a{
    color: #1e8e8e;
}

img.menu-icon{
    width: 18px;
    height: 18px;
    margin-right: 12px;
    stroke-width: 1px;
}

.dashboard-menu-box-mainmenu .menu-arrow {
    margin-left: auto;
}

.dashboard-menu-box-mainmenu .menu-arrow i{
    color: #555555;
    font-size: 15px;
}

.mra::before{
    font-size: 15px;
    font-family: "Font Awesome 5 Pro";
}

.dashboard-menu-box-mainmenu li ul {
    padding: 0 0 0 30px;
}

.dashboard-menu-box-mainmenu li ul li>a {
    padding: 4px 0;
    color: #555555;
    font-size: 16px;
    border-left: none;
}

.dashboard-menu-box-mainmenu li.active ul li>a {
    color: #555555;
}

.dashboard-menu-box-mainmenu li.active ul li>a:hover {
    color: #1e8e8e;
}

.dashboard-menu-box-mainmenu li>a i.ti-control-record {
    font-size: 8px;
    vertical-align: middle;
    margin-right: 0;
}

/*.dashboard-menu-box-mainmenu .dropdown-menu {
    position: relative;
    z-index: 1000;
    float:inherit!important;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px;
    border-radius: 0px;
    padding-left: 30px;
}*/

.dashboard-menu-box-mainmenu .nav-dashboard-menu {
    /*position: relative;
    z-index: 1000;*/
    float:inherit!important;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px;
    border-radius: 0px;
    padding-left: 30px;
    display: none;
}

.dashboard-menu-box-mainmenu .nav-dashboard-menu li{
    position: relative;
    padding-left: 10px;
}

.dashboard-menu-box-mainmenu .nav-dashboard-menu li::before{
    content: '';
    position: absolute;
    top: 16px;
    left: 0px;
    width: 5px;
    height: 1px;
    background-color: #333;
}

.small-screen .dashboard-title-box{
    display: none;
}

.dashboard-button{
    display: none!important;
}

.dashboard-button {
    background-color: #f5f5f5;
padding: 5px 10px;
vertical-align: middle;
/*border-radius: 5px;*/
margin-bottom: 20px;
}

.dashboard-button span{
    font-size: 20px;
    color: #999999;
    font-weight: bold;
    cursor: pointer;
    padding-right: 5px;
}

.dashboard-button i{
    margin-bottom: auto;
    font-size: 20px;
    cursor: pointer;
    float: right;
    padding-top: 5px;
}


/*@riju 25.03.2021*/

.selling-with-list.list-box{
    height: 510px;
}

.selling-with-list .list-box-image{
    height: 233px;
    overflow: hidden;
}

.selling-with-list .list-box-desc li{
    margin-right: 14px;
}

.list-box-desc .listing_icon {
    margin-right: 7px;
}

.testmonial .testmonial-feedback .people-image img {
    object-fit: cover;
}

.selling-with-testimonial.testmonial-feedback{
    height: 335px;
}

.video-frame img{
    transition: 0.6s;
}

.video-frame img:hover{
    transform: scale(1.2);
}

.massage-notice-box {
    position: relative;
    transition: 0.6s;
}


.massage-notice-box .view-form-massage {
    content: '';
    position: absolute;
    top: -5px;
    left: 28%;
    width: 70%;
    z-index: 9999;
    display: none;
    transition: 0.6s;
}

.massage-notice-box:hover .view-form-massage {
    display: block !important;
}

.massage-notice-box:hover{
    margin-bottom: 50px;
}

.view-form-massage p {
    background-color: #008080;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 10px;
    line-height: 17px;
    margin: 0px;
    color: #fff;
    position: relative;
}

.view-form-massage p {
    background-color: #008080;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 10px;
    line-height: 17px;
    margin: 0px;
    color: #fff;
    position: relative;
}

.view-form-massage p::after {
    content: '';
    position: absolute;
    top: 7px;
    left: -20px;
    border-top: 18px solid transparent;
    border-right: 12px solid #008080;
    border-bottom: 2px solid transparent;
    border-left: 9px solid transparent;
}

.view-form-massage::before {
    content: '';
    background: url(../images/form-massage.png);
    position: absolute;
    top: 21px;
    left: -45px;
    width: 25px;
    height: 25px;
    z-index: 9999999;
    background-repeat: no-repeat;
}


/*@riju 26.03.2021*/

.dashboard-page-list {
    margin-bottom: 15px;
}

.dashboard-page-list ul li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding-right: 20px;
    padding-left: 10px;
    list-style: none;
}

.dashboard-page-list ul li:first-child {
    padding-left: 0px;
}

.dashboard-page-list ul li a {
    font-size: 17px;
    font-weight: bold;
    color: #595959;
}

.dashboard-page-list ul li::after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    color: #999999;
    font-weight: 500;
}

.dashboard-page-list ul li.active a {
    font-weight: 400;
    color: #999999;
}

.dashboard-page-list ul li:last-child:after {
    display: none;
    padding-right: 0px;
}

.has-search {
    width: 90%;
    float: right;
}

.has-search .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 7.5px 12px 7.5px 38px;
    line-height: 1.5;
    font-size: 15px;
    color: #808080;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 30px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-left: 45px;
}

.has-search .form-control:focus {
    outline: none;
    box-shadow: none;
    font-size: 15px;
    color: #808080;

}

.has-search .form-control-feedback {
    position: absolute;
    left: 65px;
    top: 12px;
    z-index: 2;
    display: block;
    font-weight: 100;
    text-align: center;
    pointer-events: none;
    color: #ced4da;
}

.archive-button-box {
    vertical-align: middle;
    text-align: right;
    padding: 7.5px 0px;
}

.archive-button-box a {
    padding: 11px 35px;
    background: #008080;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: 0.6s;
	text-transform:uppercase;
}

.archive-button-box a:hover {
    background: #006060;
}

.chatbox-select-box select {
    width: 100%;
    border-radius: 7px;
    border: 1px solid #ced4da;
    font-size: 15px;
    color: #808080;
    padding: 7.5px 52.5px 7.5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.chatbox-select-box select.minimal {
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size: 6px 6px, 5px 6px, 1px 1.5em;
    background-repeat: no-repeat;
}

.chatbox-select-box select.minimal:focus {

    outline: 0;
}


.chatbox-select-box select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.syohchat-details-box {
    margin-top: 30px;
}

.syohchat-details-box table {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
}

.syohchat-details-box table thead {
    background-color: #008080;
}

.syohchat-details-box table thead th {
    color: #ffff;
    font-size: 16px;
    padding: 7px 35px;
}

.syohchat-details-box table thead th:first-child {
    text-align: right;
}

.syohchat-details-box table thead th:last-child {
    text-align: center;
}

.syohchat-details-box table tbody td {
    padding: 20px 35px;
}


.syohchat-details-box table tbody {
    background-color: #fbfbfb;
}

.syohchat-details-box table .checkbox span {
    color: #595959;
    font-weight: 600;
    font-size: 17px;
    padding-left: 10px;
}

.syohchat-details-box table .checkbox {
    display: flex;
    justify-content: flex-start;
}

.syohchat-details-box table input[type=checkbox] {
    display: none;
}

.syohchat-details-box table input[type="checkbox"] + label {
    display: inline-block;
    padding: 0 0 0 0px;
    background: url("../images/uncheck.png") no-repeat;
    height: 29px;
    width: 42px;
    background-size: contain;
    margin-top: 0px;
}

.syohchat-details-box table input[type=checkbox]:checked + label {
    background: url("../images/check.png") no-repeat;
    height: 40px;
    width: 40px;
    display: inline-block;
    height: 29px;
    width: 42px;
    background-size: contain;
    margin-top: 0px;
}

.syohchat-details-box table .checkbox {
    text-transform: capitalize;
    font-size: 18px;
    color: #868e96;
    padding-top: 15px;
    padding-bottom: 24px;
}

.syohchat-details-box table .message-box p {
    color: #595959;
    font-size: 15px;
    padding-bottom: 10px;
    line-height: 22px;
}

.syohchat-details-box table .message-box a {
    font-size: 17px;
    color: #008080;
    font-weight: bold;
    transition: 0.6s;
}

.syohchat-details-box table .message-box a:hover{
    color: #006060;
}

.syohchat-details-box table .message-box a img {
    width: 29px;
    height: 19px;
    padding-left: 10px;

}

.syohchat-details-box table .date span {
    color: #595959;
    font-weight: 600;
    font-size: 17px;
    padding-left: 10px;
}

.syohchat-button {
    width: 100%;
    margin-bottom: 30px;
}

.syohchat-button a {
    padding: 11px 35px;
    background: #008080;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: 0.6s;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center;
}

.syohchat-button a:hover{
    background-color: #006060;
}

.syohchat-details-box table:last-child {
    margin-bottom: 0px;
}

.dashboard-content-box.small-screen .dashboard-page-list {
    display: none;
}


/*@riju 30.03.2021*/

.conversation-text-box {
    width: 100%;
    padding: 15px 20px;
    border-left: 4px solid #008080;
    background-color: #f9f9f9;
    box-shadow: 2px 2px 2px #33333329;
}

.conversation-text-box h4 {
    color: #999999;
    font-size: 17px;
    font-family: "Roboto";
}

.conversation-text-box h4 span {
    color: #595959;
    font-size: 22px;
    font-weight: bold;
}

.conversation-list-box {
    background-color: #fff;
    margin: 30px 0px;
    padding: 50px 30px;
    box-shadow: 0px 0px 3px 3px #3333330d;
    width: 100%;
    height: 775px;
    overflow-y: scroll;
}


.conversation-message-section {
    display: flex;
    width: 80%;
    margin-bottom:30px;
}

.conversation-message-image-box {
    width: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.conversation-message-section.left-chat .conversation-message-image-box{
margin-right:20px;
}
.conversation-message-section.right-chat .conversation-message-image-box{
margin-left:20px;
}
.conversation-message-image-box img {
    border: 5px solid #1e8e8e;
    border-radius: 50%;
}

.conversation-message-text-box {
    border-radius: 5px;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 3px 3px #33333312;
    padding:5px 15px;
    width:calc(100% - 90px);

}

.conversation-message-text-title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.message-title h4 {
    font-size: 18px;
	line-height:22px;
    font-weight: bold;
    color: #000;
    font-family: "Roboto";
	margin:0 0 8px 0;
}

.message-date p {
    font-size: 14px;
	line-height:18px;
    color: #595959;
    margin: 0px;
    font-family: "Roboto";
    font-weight: 500;
    display: flex;
    align-items: center;
}

.message-date p img {
    padding-right: 3px;
}

.conversation-message-text {
    margin:0px;
}

.conversation-message-text p {
    font-size: 16px;
    color: #595959;
    line-height: 20px;
    font-family: "Roboto";
}

.conversation-message-time p {
    font-size: 14px;
    color: #595959;
    margin: 0px;
    font-family: "Roboto";
    font-weight: 500;
    display: flex;
    align-items: center;
}

.conversation-message-time p img {
    padding-right: 3px;
}

.conversation-message-text-box::after {
    content: '';
    position: absolute;
    bottom: -9px;
    right: 105px;
    border-top: 16px solid transparent;
    border-right: 40px solid #33333312;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    transform: rotate(21deg);
}

.conversation-message-text-box::before {
    content: '';
    position: absolute;
    bottom: -13px;
    right: 103px;
    border-top: 14px solid #fff;
    border-right: 8px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 30px solid transparent;
    transform: rotate(-4deg);
    z-index: 9999 !important;
}

.conversation-message-section.left-chat {
    float: left;
}

.conversation-message-section.right-chat {
    float: right;
}

.conversation-message-section.right-chat .conversation-message-text-box::after {
    content: '';
    position: absolute;
    bottom: -16px;
    right: inherit;
    left: 102px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 33px solid #33333312;
    transform: rotate(-4deg);
}

.conversation-message-section.right-chat .conversation-message-text-box::before {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 103px;
    right: inherit;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 30px solid #ffffff;
    transform: rotate(-4deg);
    z-index: 9999 !important;
}

/* width */
.conversation-list-box ::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.conversation-list-box ::-webkit-scrollbar-track {
    background: #f0f0f0;
}

/* Handle */
.conversation-list-box ::-webkit-scrollbar-thumb {
    background: #888;
}

.conversation-text-message-box {}

.conversation-text-message-box .text-message {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 15px 85px 15px 20px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.conversation-text-message-box textarea::placeholder {
    color: #000;
    font-size: 15px;
}

.dashboard-box-section.conversation {
    height: 99.5%;
}

.conversation-message-section:last-child {
    margin-bottom: 0px;
}

.dashboard-content-box.small-screen .conversation-text-box {
    display: none;
}

.conversation-text-message-box a.send-message {
    content: "";
    position: absolute;
    top: 50px;
    right: 40px;
    background-color: #008080;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: 0.6s;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top: 10px;
	z-index:99999;
}

.conversation-text-message-box a.send-message:hover {
    background: #006060;
}

/*@riju 31/03/2021*/

.dashboard {
    box-shadow: 3px 3px 3px #0403031c;
    width: 100%;
    height: 3px;
}

.dbl-list-box span {
    color: #990099;
    font-size: 15px;
    line-height: 18px;
    padding-top: 12px;
    display: block;
    font-weight: 500;
}

.offer-overview-title h4 {
    font-size: 20px;
    font-weight: bold;
    color: #595959;
}

.offer-overview-table-section {
    margin-top: 15px;
}

.offer-overview-table-section table {
    width: 100%;
    margin-bottom: 40px;
}

.offer-overview-table-section table thead {
    background-color: #008080;
}

.offer-overview-table-section table thead th {
    color: #ffff;
    font-size: 16px;
    padding: 10px 20px;
}

.offer-overview-table-section table tbody {
    background-color: #fbfbfb;
}

.offer-overview-table-section table tbody td {
    padding: 20px 20px;
}

.offer-overview-table-section table .property-section {
    display: flex;
    align-items: center;
}

.offer-overview-table-section table .property-section img {
    width: 70px;
    height: 60px;
    border-radius: 5px;
}

.offer-overview-table-section table .property-section p {
    color: #595959;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
}

.offer-overview-table-section table .offer-section {
    color: #595959;
    font-size: 15px;
    font-weight: bold;
}

.offer-overview-table-section table .offer-status p {
    color: #595959;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    padding-bottom: 2px;
}

.offer-overview-table-section table .offer-status span {
    color: #595959;
    font-size: 15px;
    font-weight: bold;
}

.offer-overview-table-section table .offer-action a {
    display: block;
    margin-bottom: 5px;
}

.offer-overview-table-section table .offer-action a span {
    color: #595959;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid transparent;
    transition: 0.6s;
}

.offer-overview-table-section table .offer-action a span:hover {
    border-bottom: 1px solid #006060;
    color: #006060;
}

.offer-overview-table-section table .offer-action a img {
    width: 22px;
    height: 20px;
    padding-right: 5px;
}

.offer-overview-table-section table thead .status-box {
    position: relative;
}


.offer-overview-table-section .status-box .status-text {
    position: absolute;
    top: -62px;
    left: 51px;
    display: none;
    width: 130%;
}

.offer-overview-table-section .status-box::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 70px;
    width: 20px;
    height: 20px;
    background-image: url(../images/status-icon.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.offer-overview-table-section .status-box:hover .status-text {
    display: block
}

.offer-overview-table-section .status-text img {
    width: 43px;
    height: 43px;
}

.offer-overview-table-section .status-text p {
    background-color: #008080;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    line-height: 17px;
    font-weight: 400;
    text-align: center;
    position: relative;
}

.offer-overview-table-section .status-text p::before {
   content: '';
    position: absolute;
    left: 18px;
    bottom: -15px;
    border-top: 8px solid #008080;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}


.favourites-table-section {
    margin-top: 15px;
}

.favourites-table-section table {
    width: 100%;
    margin-bottom: 40px;
}

.favourites-table-section table thead {
    background-color: #008080;
}

.favourites-table-section table thead th {
    color: #ffff;
    font-size: 16px;
    padding: 10px 20px;
}

.favourites-table-section table tbody {
    background-color: #fbfbfb;
}

.favourites-table-section table tbody tr {
    border-bottom: 30px solid #fff;
}

.favourites-table-section table tbody tr:last-child {
    border-bottom: 0px;
}

.favourites-table-section table tbody td {
    padding: 20px 20px;
    font-size: 16px;
    color: #595959;
    font-weight: bold;
}

.favourites-table-section table .favourites-property {
    display: flex;
    align-items: center;
}

.favourites-table-section table .favourites-property p {
    padding-left: 10px;
    font-size: 16px;
    color: #595959;
    font-weight: bold;
}

.favourites-table-section table .favourites-property img {
    width: 70px;
    height: 60px;
    border-radius: 5px;
}

.favourites-table-section table .favourites-action a {
    font-size: 16px;
    color: #595959;
    font-weight: bold;
    transition: 0.6s;
    border-bottom: 1px solid transparent;
}

.favourites-table-section table .favourites-action a:hover {
    border-bottom: 1px solid #006060;
    color: #006060;
}

.favourites-table-section table .favourites-action span {
    padding: 0px 5px;
}

/*@riju 1.04.2021*/

.offer-overview-table-section table tbody tr td:last-child{
    white-space: nowrap;
}

.favourites-table-section table tbody tr td:last-child{
    white-space: nowrap;
}

.offer-overview-table-section table .property-section p {
    line-height: 20px;
}

.favourites-table-section table .favourites-property p {
    line-height: 20px;
}


/*@riju 02.03.2021*/

/*@modal*/

.offer-modal-section .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}

.offer-modal-section .modal-content {
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
}

.offer-modal-section .modal-header {
    border: 0px;
}

.offer-modal-body {
    width: 100%;
    background-color: #fff;
    padding: 30px 30px;
    box-shadow: 0px 0px 5px 5px #00000042;
}

.offer-modal-title-box {
    text-align: center;
}

.offer-modal-title-box span {
    color: #990099;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 9px;
    display: block;
}

.offer-modal-title-box h2 {
    color: #595959;
    font-weight: 600;
    font-size: 35px;
    line-height: 35px;
    font-family: 'Tox Typewriter';
    padding-bottom: 20px;
    display: block;
}

.offer-content-section {
    display: flex;
    margin: 10px 0px 20px;
}

.offer-content-image-box {
    width: 35%;
    overflow: hidden;
}

.offer-content-image-box img {
    width: 100%;
    border-radius: 5px;
}

.offer-content-text-box {
    margin-left: 5%;
    width: 60%;
}

.offer-content-text-box ul {
    margin: 7px 0px 0px;
    padding: 0px;
}

.offer-content-text-box ul li {
    position: relative;
    color: #595959;
    font-size: 16px;
    line-height: 22px;
    padding-left: 35px;
    margin-bottom: 15px;
    list-style: none;
}

.offer-content-text-box ul li.active {
    font-weight: bold;
    font-size: 18px;
}

.offer-content-text-box ul li::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0px;
    background-image: url(../images/offer-list-icon.png);
    background-size: 21px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.offer-button {
    text-align: center;
    margin: 40px 0px 20px;
}

.offer-button a {
    padding: 8px 21px;
    background: #fff;
    border-radius: 5px;
    color: #008080;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-right: 12px;
    border: 1px solid #008080;
    transition: 0.6s;
	text-transform:uppercase;
}

.offer-button a:hover {
    color: #006060;
    border: 1px solid #006060;
}

.offer-button a:last-child {
    margin-right: 0px;
}

.offer-button a.active {
    background-color: #008080;
    color: #fff;
}

.offer-button a.active:hover {
    background-color: #006060;
}

.offer-modal-section .modal-body {
    padding: 0px;
}

.offer-modal-section .close {
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    font-weight: 200;
    font-size: 50px;
    transition: 0.6s;
    opacity: 2;
}

.offer-modal-section .close:hover {
    color: #fff;
}


/*@riju 02.03.2021*/

.archive-has-search .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 7.5px 12px 7.5px 38px;
    line-height: 1.5;
    font-size: 15px;
    color: #808080;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 30px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-left: 45px;
}

.archive-has-search .form-control:focus {
    outline: none;
    box-shadow: none;
    font-size: 15px;
    color: #808080;

}

.archive-has-search .form-control-feedback {
    position: absolute;
    left: 35px;
    top: 12px;
    z-index: 2;
    display: block;
    font-weight: 100;
    text-align: center;
    pointer-events: none;
    color: #ced4da;
}

/*@@*/

.selling-listing-box {
    margin-bottom: 30px;
    border: 1px solid #33cccc;
    border-radius: 5px;
    padding: 30px 30px;
    background-color: #f9f9f9;
}

.selling-listing-title-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}

.selling-listing-title-box-left h3 {
    color: #595959;
    font-weight: bold;
    font-size: 25px;
}

.selling-listing-title-box-right {
    position: relative;
    cursor: pointer;
}

.selling-listing-title-box-right img {
    width: 25px;
}

.selling-listing-content-box {
    display: flex;
    justify-content: space-between;
}

.selling-listing-content-text-box {
    width: 60%;
}

.selling-listing-content-text-box h4 {
    color: #008080;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 5px;
}

.selling-listing-content-text-box p {
    color: #595959;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
}

.selling-listing-content-text-box a {
    display: flex;
    margin: 40px 0px 0px;
    color: #008080;
    font-weight: 500;
    font-size: 18px;
    align-items: center;
    transition: 0.6s;
}

.selling-listing-content-text-box a img {
    width: 27px;
    height: 17px;
    padding-left: 10px;
}

.selling-listing-content-text-box a:hover {
    color: #006060;
}

.selling-listing-content-image-box {
    width: 40%;
    overflow: hidden;
}

.selling-listing-content-image-box img {
    width: 100%;
    border-radius: 5px;
}

.dashboard-title-box.mb-30 {
    margin-bottom: 30px;
}

/*@riju 04.04.21*/

.selling-listing-title-box-right button {
    padding: 0px;
    border: 0px;
    box-shadow: none;
}

.selling-listing-title-box-right button:focus {
    border: 0px;
    box-shadow: none;
}

.selling-listing-title-box-right .dropdown-menu {
    position: absolute;
    top: 35px;
    left: -105px;
    background-color: #f5f5f5;
    box-shadow: 0px 0px 3px 3px #3333331c;
    padding: 15px 0px;
    border-radius: 5px;
    min-width: auto;
    border: 0px;
}

.selling-listing-title-box-right ul li a {
    color: #595959;
    font-size: 15px;
    transition: 0.6s;
}

.selling-listing-title-box-right ul li.active a {
    color: #999999;
}

.selling-listing-title-box-right ul li a:hover {
    color: #999999;
    background-color: transparent;
}

.selling-listing-title-box-right .dropdown-menu::before {
    content: '';
position: absolute;
top: -20px;
right: 37px;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f5f5f5;
border-left: 10px solid transparent;
z-index: 9999 !important;
}

.selling-listing-title-box-right .dropdown-menu::after {
    content: '';
position: absolute;
top: -24px;
right: 35px;
border-top: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #3333330f;
border-left: 12px solid transparent;
}

/*@riju 04.04.21*/

.buyer-step-form-section {
    margin: 50px 0px;
}

.buyer-step-form-top-section {
    margin-bottom: 40px;
}

.buyer-step-form-top-section h2 {
    font-weight: bold;
    font-size: 30px;
    color: #595959;
    padding-bottom: 25px;
}

.buyer-step-form-top-section img {
    width: 90%;
    margin: 0 auto;
    display: table;
}

.buyer-step-form-top-section h4 {
    font-size: 25px;
    color: #595959;
    padding-top: 25px;
    padding-bottom: 15px;
    line-height: 35px;
}

.buyer-step-form-top-section p {
    font-size: 16px;
    color: #595959;
    line-height: 30px;
}

.listing-details-left {
    border: 1px solid #898989;
    padding: 30px 25px;
    height: 100%;
}

.listing-details-right {
    border: 1px solid #ebebeb;
    background-color: #fbfbfb;
    padding: 30px 25px;
    height: 100%;
}

.listing-details-left h3 {
    color: #595959;
    font-size: 22px;
    padding-bottom: 15px;
}

.listing-details-content-text-box {
    display: flex;
    justify-content: space-between;
}

.listing-details-content-text-left {
    width: 60%;
}

.listing-details-content-text-right {
    width: 40%;
    text-align: right;
    overflow: hidden
}

.listing-details-content-text-left h4 {
    font-size: 18px;
    color: #008080;
    padding-bottom: 15px;
}

.listing-details-content-text-left img {
    width: 34px;
    padding-right: 10px;
}

.listing-details-content-text-left p {
    color: #595959;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    padding-bottom: 3px;
}

.listing-details-content-text-right img {
    width: 100%;
    border-radius: 5px;
}

.listing-details-content-text-bottom {
    margin-top: 10px;
}

.listing-details-content-text-bottom h4 {
    color: #008080;
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 20px;
}

.listing-details-content-text-bottom p {
    color: #595959;
    line-height: 24px;
    font-size: 15px;
    width: 95%;
}

.listing-details-right h3 {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    color: #595959;
}

.seller-listing-box table {
    width: 100%;
}

.seller-listing-box table tr td {
    color: #595959;
    font-size: 15px;
    padding-bottom: 10px;
}

.seller-listing-box table tr td:first-child {
    font-weight: bold;
    font-size: 15px;
}

.seller-listing-box table tr td span {
    font-weight: 300;
    font-size: 13px;
}

.seller-buttuon-section {
    margin: 50px 0px 10px;
    display: flex;
    justify-content: space-between;
}

.seller-buttuon-section .back-button a {
    padding: 8px 21px;
    background: transparent;
    border-radius: 5px;
    color: #008080;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #008080;
    text-align: center;
    transition: 0.6s;
}

.seller-buttuon-section .back-button a:hover {
    color: #006060;
    border: 1px solid #006060;
}

.seller-buttuon-section .back-button a i {
    font-weight: 400;
    font-size: 15px;
    padding-right: 5px;
}

.seller-buttuon-section .checkout-button a {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #008080;
    text-align: center;
    transition: 0.6s;
}

.seller-buttuon-section .checkout-button a:hover {
    background: #006060;
    border: 1px solid #006060;
}

.favourites-table-section table.mb-0{
    margin-bottom: 0px;
}

/*offer-preview-section 07.04.2021*/

.offer-preview-section {
    margin: 50px 0px;
}

.offer-preview-title-box {
    text-align: center;
    margin-bottom: 30px;
}

.offer-preview-title-box span {
    color: #990099;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 9px;
    display: block;
}

.offer-preview-title-box h2 {
    color: #999999;
    font-weight: 600;
    font-size: 40px;
    line-height: 44px;
    font-family: 'Tox Typewriter';
    display: block;
}

.offer-preview-image-box {
    width: 100%;
    overflow: hidden;
}

.offer-preview-image-box img {
    width: 100%;
    border-radius: 5px;
}

.offer-preview-content-box {
    padding: 10px 0px;
}

.offer-preview-content-box ul {
    margin: 0px;
    padding: 0px;
}

.offer-preview-content-box ul li {
    position: relative;
    color: #595959;
    font-size: 17px;
    line-height: 22px;
    padding-left: 38px;
    margin-bottom: 20px;
    list-style: none;
}

.offer-preview-content-box ul li:last-child {
    margin-bottom: 0px;
}

.offer-preview-content-box ul li::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0px;
    background-image: url(../images/offer-list-icon.png);
    background-size: 25px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.offer-preview-button-section {
    text-align: center;
    margin: 40px 0px 30px;
}

.offer-preview-button-section a {
    padding: 8px 21px;
    background: #fff;
    border-radius: 5px;
    color: #008080;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-right: 12px;
    border: 1px solid #008080;
    transition: 0.6s;
}

.offer-preview-button-section a:last-child {
    margin-right: 0px;
}

.offer-preview-button-section a.active {
    background-color: #008080;
    color: #fff;
}

.offer-preview-button-section a.active:hover {
    background-color: #006060;
    color: #fff;
}

.offer-preview-button-section a:hover {
    color: #006060;
    border: 1px solid #006060;
}

.offer-preview-box {
    box-shadow: 0px 0px 6px 6px #33333329;
    padding: 20px 20px;
}


/*Feedback for Buyer*/

 .feedback-buyer-modal {
    display:flex!important;
    margin-bottom: 15px!important;
    flex-wrap: wrap;
}

.feedback-buyer-modal p{
    width: 100%;
    display: block;
    margin-top: 15px;

}

/*15.04.2021*/

.single-property-content {
    padding: 3rem 0rem;
    text-align: left;
}

.single-property-content .header {
    padding-bottom: 10px;
}

.single-property-content .header .address {
    display: flex;
    align-items: center;
    margin-top: 5px;
    max-width: 100%;
    flex: 0 0 100%;
}

.single-property-content .header .address h4 {
    font-size: 1.375rem;
    display: inline;
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.single-property-content .header .line {
    padding-top: 10px;
    padding-bottom: 0px;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.single-property-content .desc {
    font-size: 1rem;
    margin-top: 20px;
}

.single-property-content .header .line:after {
    float: left;
    content: '';
    background-color: #E3E3E3;
    width: 100%;
    height: 1px;
}

.single-property-content h4{
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.single-property-content p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 16px;
}

.single-property-content a{
    color:#33cbcc;
}

.single-property-content ul{
	margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 40px;
}



/*16.04.2021*/

.purchaseerror label.error {
    clear: both;
    width: 100%;
    margin-top: 7px;
    color: #ff0000;
}

i.help-tooltip {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../images/question-circle-solid.svg);
    margin-top: 4px;
    margin-bottom: -3px;
    cursor: pointer;
}

.dashboard-wrapper .fileinput {
    margin-left: 15px;
    margin-right: 15px;
}

.fileinput {
    display: inline-block;
    margin-bottom: 9px;
}

.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.fileinput .thumbnail > img {
    max-height: 100%;
}


.fileinput-preview {
    width: 200px;
    height: 150px;
    line-height: 150px;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}

.fileinput .btn {
    vertical-align: middle;
}

.btn.profile-btn {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-right: 12px;
    border: 1px solid #008080;
	text-transform:uppercase;
}

.btn.profile-btn:hover{
    background: #006060;
}

.help-box {
    position: relative;
    width: 100%;
}

.help-box p {
    position: absolute;
    top: 0px;
    left: 120px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: capitalize;
    text-align: center;
    display: none;
}

.help-box p a {
    color: #33cccc;
    border-bottom: 1px solid transparent;
}

.help-box p a:hover {
    color: #33cccc;
    border-bottom: 1px solid #33cccc;
}

.help-box p::before {
    content: '';
    position: absolute;
    top: 16px;
    left: -14px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.help-box:hover p {
    display: block;
}

.help-boxa {
    position: relative;
    width: 100%;
}

.help-boxa p {
    position: absolute;
    top: 0px;
    left: 90px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: capitalize;
    text-align: center;
    display: none;
}

.help-boxa p a {
    color: #33cccc;
    border-bottom: 1px solid transparent;
}

.help-boxa p a:hover {
    color: #33cccc;
    border-bottom: 1px solid #33cccc;
}

.help-boxa p::before {
    content: '';
    position: absolute;
    top: 16px;
    left: -14px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.help-boxa:hover p {
    display: block;
}

.dashboard-title-box.mb-30{
    margin-bottom: 30px;
}

a.reset-password-text{
    color: #33cccc;
    border-bottom: 1px solid transparent;
}

a.reset-password-text:hover{
    color: #33cccc;
    border-bottom: 1px solid #33cccc;
}

.profile-details a.btn{
    color: #33cccc;

}

.profile-details a.btn:hover{
    color: #33cccc;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.alert-success ul li{
  list-style: none;
}

.fade-box{
    opacity: 0.2;
}

/* @22/04/21*/
.progress.selling-progress{
    height: 20px;
    background-color: #e9ecef;
    border-radius: .25rem;
    border: 1px solid #008080 !important;
    width: 85%;
    margin: 10px 0px;
}

.progress.selling-progress .progress-bar {
    color: #fff !important;
    text-align: center !important;
}

a.selling-disclosure {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-right: 12px;

    display: inline-block;
    margin-top: 10px !important;
	text-transform:uppercase;
}

a.selling-disclosure:hover {
    background: #006060;
    color: #fff;

}

.offer-preview-section .preview-content-box iframe{
    width: 100%;
    height: 500px;
}


/*@riju 23.04.2021
*/

.frmBxDv {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.frmBxDv h4 {
    font-weight: 600 !important;
    margin: 0 0 15px;
    font-size: 14px;
}

.frmBxDv label {
    width: 100%;
    margin-bottom: 7px;
}

.frmBxDv .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #008080 !important;
    border: 1px solid transparent !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    color: #fff !important;
}

.frmBxDv .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.frmBxDv .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

i.help-tooltip {
    margin-left: 5px;
}

.help-boxc {
    position: relative;
    width: 100%;
}

.help-boxc p {
    position: absolute;
    top: -14px;
    left: 120px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;

    text-transform: initial;
    text-align: center;
    display: none;
}

.help-boxc p a {
    color: #33cccc;
    border-bottom: 1px solid transparent;
}

.help-boxc p a:hover {
    color: #33cccc;
    border-bottom: 1px solid #33cccc;
}

.help-boxc p::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -14px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.help-boxc:hover p {
    display: block;
}

.help-boxd {
    position: relative;
    width: 100%;
}

.help-boxd p {
    position: absolute;
    top: 0px;
    left: 118px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: initial;
    text-align: center;
    display: none;
}

.help-boxd p a {
    color: #33cccc;
    border-bottom: 1px solid transparent;
}

.help-boxd p a:hover {
    color: #33cccc;
    border-bottom: 1px solid #33cccc;
}

.help-boxd p::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -14px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.help-boxd:hover p {
    display: block;
}

.frmBxDv p a {
    color: #1e8e8e;
    font-weight: 400;
}

.frmBxDv .admin-image-box {
    border-radius: 8px;
    overflow: hidden;
    width: 400px;
    height: 300px;
    margin-top: 10px;

}

.frmBxDv .admin-image-box img {
    width: 100%;
}

.frmBxDv .dashboard-wrapper .fileinput {
    margin-left: 15px;
    margin-right: 15px;
}

.frmBxDv .dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
}

.frmBxDv .dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.frmBxDv .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.frmBxDv .dz-clickable input[type=file] {
    opacity: 0;
}

.frmBxDv .documentname_select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    color: #000 !important;
}

.frmBxDv .documentname_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    display: none;
}

.frmBxDv .documentname_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.frmBxDv .documentname_select .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #f5f5f5 1px !important;
    outline: 0;
    background-color: #f5f5f5 !important;
}

.frmBxDv .documentname_select .select2-container--default .select2-selection--multiple {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    cursor: text;
}

.contoWnrModal .frmBxDv label {
    width: 100%;
    margin-top: 20px;
    color: #1e8e8e;
    font-weight: 500;
}

.contoWnrModal .frmBxDv .form-control {
    background-color: transparent;
}

.frmBxDv .form-control:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}

.contoWnrModal .frmBxDv .input-group-addon {
    position: relative;
}

.contoWnrModal .frmBxDv i {
    font-size: 18px;
    position: absolute;
    right: 9px;
    top: 12px;
}

.frmBxDv .property-history {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.frmBxDv .property-history:hover {
    background: #006060;
}

.frmBxDv .btn:focus {
    box-shadow: none;
}

.frmbottom a {
    padding: 10px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.frmbottom a.cancel {
    color: #008080;
    border: 1px solid #008080;
    background: transparent;
}

.frmbottom a:hover {
    background: #006060;
}

.frmbottom a.cancel:hover {
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}

.frmBxDv-modal .modal-body p {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 25px;
}

.frmBxDv-modal .modal-footer .modalclose {
    padding: 8px 21px;
    color: #008080;
    border: 1px solid #008080;
    background: transparent;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.frmBxDv-modal .modal-footer .modalclose:hover {
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}

.contoWnrModal .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}

.frmBxDv .fileinput {
    width: 100%;
}


/*-----analytics-page-css(26.04.2021)----*/


.dashboard-sub-heading .selling-listing-title-box-left h3 {
	color: #595959;
	font-weight: bold;
	font-size: 18px;
}
.all-overviwe-box {
	margin-bottom: 15px;
	border-radius: 25px;
	padding: 15px 0px;
	background-color: #f9f9f9;
}
.all-overviwe-box h3 {
	font-size: 17px;
	color: #595959;
	padding-bottom: 15px;
	padding-left: 30px;
}
.overview {
	background: #fff;
	border-radius: 25px;
	padding: 0px 30px;
	padding-bottom: 27px;
	padding-top: 10px;
	border: 1px solid #33cccc;
}
.pie-chat {
	background: #fff;
	border-radius: 25px;
	padding: 25px 30px;
	border: 1px solid #33cccc;
}
.overview-all-list{
	padding-top:20px;
}
.overview-content{
	display:flex;
}
.overview-all-list {
	color: #6c757d;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	line-height: 27px;
	flex-wrap: wrap;
}
.overview-content p {
	padding-left: 15px;
}
.pie-chat p {
	color: #6c757d;
	font-size: 16px;
	font-weight: 600;
	line-height: 27px;
}
.pie-chat span {
	font-size: 27px;
}
.pie-chat p.new-visiter {
	padding-bottom:40px;
}
.daily-views {
	position:relative;
	font-size: 17px;
	color: #595959;
	padding-bottom: 15px;
	padding-left: 21px;
	display: inline-block;
	padding-right: 40px;
}

.daily-views::before {
	content: '';
	position: absolute;
	top: 4px;
	right: 9px;
	width: 20px;
	height: 20px;
	background-image: url(../images/form-massage.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.daily-views .status-text {
	position: absolute;
	top: -51px;
	left: 155px;
	display: none;
	width: 77%;
}
.daily-views:hover .status-text {
	display: block;
}
.daily-views .status-text p::before {
	content: '';
	position: absolute;
	left: 103px;
	bottom: -15px;
	border-top: 8px solid #008080;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
}
.daily-views .status-text p {
	background-color: #008080;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 11px;
	color: #fff;
	line-height: 17px;
	font-weight: 400;
	text-align: center;
	position: relative;
}
.bargraph-section  {
	margin-bottom: 30px;
	border: 1px solid #33cccc;
	border-radius: 25px;
	padding: 30px 20px;
	background-color: #fff;
}
.bar-graph{
	background-color: #f9f9f9;
}
.background-bg{
		background-color: #f9f9f9;
		border-radius: 25px;
		padding:15px;
}









.pricing-table {
	position: relative;
font-size: 17px;
color: #595959;
padding-bottom: 15px;
padding-left: 21px;
display: inline-block;
padding-right: 130px;
}

.pricing-table::before {
	content: '';
	position: absolute;
	top: 4px;
	right: 100px;
	width: 20px;
	height: 20px;
	background-image: url(../images/form-massage.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.pricing-table .status-text {
	position: absolute;
	top: -51px;
	left: 64px;
	display: none;
	width: 77%;
}
.pricing-table:hover .status-text {
	display: block;
}
.pricing-table .status-text p::before {
	content: '';
	position: absolute;
	left: 20px;
	bottom: -15px;
	border-top: 8px solid #008080;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
}
.pricing-table .status-text p {
	background-color: #008080;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 11px;
	color: #fff;
	line-height: 17px;
	font-weight: 400;
	text-align: center;
	position: relative;
}
.price-table-section {
	text-align: center;
	margin-bottom: 30px;
border: 1px solid #33cccc;
border-radius: 25px;
padding: 30px 20px;
background-color: #fff;
}
.price-table-section table thead {
	background-color: #008080;
	color: #fff;
	line-height: 36px;
}
.price-table-section table {
	width: 100%;
}
.price-table-section table tbody tr td {
	font-size: 16px;
	color: #595959;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.price-table-section table tbody tr.row-bg{
	background:#f5f5f5;
}
.price-charge-btn {
	display: block;
	margin-top: 45px;
}
.price-charge-btn a {
	padding: 11px 23px;
	border-radius: 10px;
	color: #595959;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid#595959;
}



/*@23.04.2021*/

.sell_steps_nw .wizard {
    padding: 0;
    margin: 3rem;
    position: relative;
}

.sell_steps_nw .wizard {
    text-align: left;
}


.sell_steps_nw .wizard-header h1{
font-size: 40px;
font-weight: 700;
color: #595959;
line-height: 52px;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px;
}

.sell_steps_nw .lead {
    font-size: 18px;
line-height: 29px;
margin: 0 auto;
padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.sell_steps_nw .wizard ul.stepper {
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    /* justify-content: space-between; */
    position: relative;
    margin: 0px 0px 90px;
    padding: 0;
    font-size: 0;
}


.sell_steps_nw .wizard ul.stepper li {
    list-style: none;
    display: inline-block;
    width: 10%;
    text-align: center;
    vertical-align: top;
    position: relative;
    line-height: 0;
    font-size: 17px;
}
.sell_steps_nw .wizard ul.stepper li::after {
    position: absolute;
    content: '';
    height: 1px;
    left: 0;
    top: 19px;
    bottom: 50%;
    right: 0;
    z-index: 0;
    background-color: #e6e6e6;
}
.sell_steps_nw .wizard ul.stepper li:first-child::after {
    left: 36px;
}
.sell_steps_nw .wizard ul.stepper li:last-child::after {
    right: 36px;
}
.sell_steps_nw .wizard ul.stepper li a {
    border-radius: 50%;
    list-style: none;
    border: 2px solid #e6e6e6;
    width: 38px;
    height: 38px;
    display: block;
    justify-content: center;
    align-self: center;
    line-height: 2.2rem;
    color: #999999;
    font-weight: 500;
    background: #fff;
    position: relative;
    z-index: 3;
    margin: 0 auto;
}

.sell_steps_nw .wizard ul.stepper li.active a{
    border-color: #008081;
    color: #008081;
}

.sell_steps_nw .wizard ul.stepper li.active span{
    color: #008081;
}
.sell_steps_nw .a-default-color {
    color: #999999;
}

.sell_steps_nw .a-default-color:hover{
    color: #008081;
}

.sell_steps_nw .wizard ul.stepper li span {
position: relative;
top: 0;
font-size: 13px;
line-height: 20px;
text-align: center;
display: block;
color: #999999;
margin-top: 12px;
	font-weight: 500;
}

.sell_steps_nw .wizard .stepper-line {
    position: absolute;
    position: relative;
    content: '';
    height: 2px;
    left: 0;
    top: 5px;
    bottom: 50%;
    right: 70%;
    z-index: 2;
    background-color: #008081;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    margin-top: -25px;
    width: 0%;
}

.sell_steps_nw .mt20 {
    margin-top: 20px;
}

.sell_steps_nw .wizard-questionnaire h3{
    color: #595959;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 12px;
    display: block;
    margin-bottom: 20px;
}

.sell_steps_nw .dwelling-selector .image {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    height: 220px;
    width: 100%;
    background-color: #F6F6F6;
    margin-bottom: 30px;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #d9d9d9;
}

.sell_steps_nw .dwelling-selector .dwelling.active .image {
    border: 2px solid #008081;
    box-shadow: 1px 3px 3px rgba(51, 204, 204, 0.1);
    position: relative;
}

.sell_steps_nw .dwelling-selector .image img {
    height: 90px;
}

.sell_steps_nw .dwelling-selector .dwelling.active .image::after {
    content: '';
    width: 15px;
    height: 10px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    background-image: url("../images/icon-check-teal.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.sell_steps_nw .dwelling-selector .title {
    color: #595959;
font-weight: 600;
font-size: 18px;
line-height: 25px;
}

.sell_steps_nw .nav-buttons {
    margin-top: 100px;
    margin-bottom: 100px;
}

.sell_steps_nw .next_page{
    padding: 8px 30px 8px 21px;
background: #008080;
border-radius: 5px;
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 500;
position: relative;
min-width: 200px;
text-transform:uppercase;
}

.sell_steps_nw .next_page:hover{
    background: #006060;
}

.sell_steps_nw .next_page::after{
   content: "\f054";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 5px;
    font-size: 20px;
    right: 10px;
}


.sell_steps_nw .prev_page{
    padding: 8px 21px 8px 30px;
background: transparent;
border-radius: 5px;
color: #008080;
text-decoration: none;
font-size: 16px;
font-weight: 500;
border: 1px solid #008080;
position: relative;
min-width: 200px;
text-transform:uppercase;
}

.sell_steps_nw .prev_page:hover{
   color: #006060;
border: 1px solid #006060;
background: transparent;
}

.sell_steps_nw .prev_page::after{
   content: "\f053";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 6px;
    font-size: 20px;
    left: 10px;
}

.sell_steps_nw .btn:focus{
    outline: 0;
    box-shadow: none;
}

.sell_steps_nw_modal .modal-header h4{
    color: #595959;
font-size: 25px;
line-height: 27px;
}

.sell_steps_nw_modal .modal-body p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.sell_steps_nw_modal .modal-footer .btn-submit{
    padding: 8px 21px;
background: #008080;
border-radius: 5px;
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 500;
margin-right: 12px;
}

.sell_steps_nw_modal .modal-footer .btn-submit:hover{
    background: #006060;
}

.sell_steps_nw_modal .modal-footer .btn-close{
    padding: 8px 21px;
color: #008080;
border: 1px solid #008080;
background: transparent;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
font-weight: 500;

}

.sell_steps_nw_modal .modal-footer .btn-close:hover{
   color: #006060;
border: 1px solid #006060;
background: transparent;
}

.sell_steps_nw .wizard ul.stepper li.done_a a{
    background-color: #008081;
    color: #008081;
    border-color: #008081;
}

.sell_steps_nw .wizard ul.stepper li.done_a a {
    position: relative;
    display: block;
}

.sell_steps_nw .wizard ul.stepper li.done_a a::before {
    background: transparent;
    content: '';
    position: absolute;
    z-index: 5;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-check.svg);
    background-size: contain;
    top: 7px;
    left: 0;
	right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}


.sell_steps_nw .wizard ul.stepper li.done a{
    background-color: #008081;
    color: #008081;
    border-color: #008081;
}

.sell_steps_nw .wizard ul.stepper li.done a {
    position: relative;
    display: block;
}

.sell_steps_nw .wizard ul.stepper li.done a::before {
    background: transparent;
    content: '';
    position: absolute;
    z-index: 5;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-check.svg);
    background-size: contain;
    top: 7px;
    left: 0;
	right:0;
	margin:0 auto;
    background-repeat: no-repeat;
    background-position: center;
}

.sell_steps_nw #addressSearch.wizard-address h3 {
    color: #333;
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 300;
}

.sell_steps_nw #addressSearch .addressSearch {
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.05);
    padding: 0 0.75rem;
    border-radius: 3px;
}

.sell_steps_nw .custom-select, .form-control, #addressSearch .addressSearch {
    border-color: #ddd;
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
    height: 55px;
    width: 100%;
}

.sell_steps_nw #addressSearch .addressSearch {
    height: 55px;
}


.sell_steps_nw #homeHeader .homeSearch .input-group-text, #homeHeader .addressSearch .input-group-text, #addressSearch .homeSearch .input-group-text, #addressSearch .addressSearch .input-group-text {
    background: transparent;
    border: 0;
}

.sell_steps_nw .addressSearch .input-group-prepend img {
    height: 25px;
    margin-top: 0px;
}

.sell_steps_nw #homeHeader .homeSearch .form-control, #homeHeader .addressSearch .form-control, #addressSearch .homeSearch .form-control, #addressSearch .addressSearch .form-control {
    border: 0;
    height: 50px;
    outline: 0;
    box-shadow: none;
    font-size: 1.1rem;
}

.sell_steps_nw .addressSearch .input-group-append {
    margin-top: -12px;
}

.sell_steps_nw #addressSearch .addressSearch .form-control {
    height: 52px;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.sell_steps_nw #addressSearch .addressAppend {
    position: absolute;
    color: #333;
    left: 15px;
    right: 15px;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    top: 65px;
    background: #fff;
    z-index: 33;
}

.sell_steps_nw #addressSearch .addressAppend ul {
    margin: 0;
        margin-left: 0px;
    margin-left: 0;
    padding: 0;
}

.sell_steps_nw #addressSearch .addressAppend li {
    text-align: left;
    list-style: none;
    border-bottom: 1px solid #e6e6e6;
}

.sell_steps_nw #addressSearch .addressAppend li a {
    padding: .6rem 3rem .6rem 5rem;
    display: block;
}

.sell_steps_nw #addressSearch .addressAppend a {
    color: #333;
}

.sell_steps_nw .manualAddress h4{
    color: #595959;
font-size: 24px;
margin-bottom: 10px;
}

.sell_steps_nw .question.question-title {
    font-weight: 600;
}

.sell_steps_nw .wizard .help-tooltip {
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    color: #b3b3b3;
}

.sell_steps_nw i.help-tooltip {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../images/question-circle-solid.svg);
    margin-top: 4px;
    margin-bottom: -3px;
    cursor: pointer;
}

.sell_steps_nw .form-check {
    padding-left: 0;
}

.sell_steps_nw input[type="radio"].green-radio:before {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    content: "";
    background: #FFF;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 5%);
}

.sell_steps_nw input[type="radio"].green-radio:checked:after {
    content: '';
    background-color: #33CCCC;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI1NiwwQzExNC44MzcsMCwwLDExNC44MzcsMCwyNTZzMTE0LjgzNywyNTYsMjU2LDI1NnMyNTYtMTE0LjgzNywyNTYtMjU2UzM5Ny4xNjMsMCwyNTYsMHoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    position: absolute;
    background-size: cover;
    border: 6px solid #33CCCC;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 5%);
}

.sell_steps_nw .form-check-inline input[type="radio"].green-radio:checked:after {
    margin-top: 5px;
}


.sell_steps_nw .clause-backgroud {
    background: #fbf9f9;
    padding: 10px 15px;
    margin: 15px 0px;
}

.sell_steps_nw .question-title p{
    margin-bottom: 20px;
}

.sell_steps_nw .mt30{
    margin-top: 30px;
}

.sell_steps_nw .dwelling-selector p,
.contract-generator p{
font-size: 17px;
line-height: 26px;
margin: 0 auto;
}
.sell_steps_nw .seller-contract_box label ul li,
.seller-preview-section ul li, .seller-preview-section ol li,
.contract-generator ol li, .singboard-selection ul li, .wizard.wizard-questionnaire ul li,
.wizard.wizard-questionnaire ol li{
font-size: 17px;
line-height: 26px;
margin-bottom:10px;
}
.wizard.wizard-questionnaire p{
font-size: 17px;
line-height: 26px;
margin-bottom:10px;
}
.singboard-selection ul{
padding-left: 40px !important;
list-style: disc !important;
margin-bottom:10px !important;
overflow:visible !important;
}
.singboard-selection ol{
padding-left: 40px !important;
list-style: decimal !important;
margin-bottom:10px !important;
overflow:visible !important;
}
.sell_steps_nw .wizard-seller-details h3{
    color: #595959;
font-weight: 600;
font-size: 25px;
display: block;
margin-bottom: 10px;
}

.sell_steps_nw .purchaseerror h4{
    color: #595959;
font-weight: 600;
font-size: 20px;
padding-bottom: 10px;
}

.sell_steps_nw .btn-submit{
    padding: 8px 21px;
background: #008080;
border-radius: 5px;
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 500;

}

.sell_steps_nw .btn-submit:hover{
    background: #006060;
}

.sell_steps_nw .btn-close{
    padding: 8px 21px;
color: #008080;
border: 1px solid #008080;
background: transparent;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
font-weight: 500;

}

.sell_steps_nw .btn-close:hover{
   color: #006060;
border: 1px solid #006060;
background: transparent;
}

.sell_steps_nw .btn-outline-secondary:not(:disabled):not(.disabled):active{
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}

.sell_steps_nw .btn-outline-secondary:not(:disabled):not(.disabled):active:focus{

    outline: 0;
box-shadow: none;

}


.sell_steps_nw .mr0{
    margin-right: 0px!important;
}

.sell_steps_nw .ml0{
    margin-left: 0px!important;
}

.sell_steps_nw .tooltip-inner{
    max-width: 400px!important;
}


.sell_steps_nw .help_box_a{
    position: relative;
    width: 100%;
}

.sell_steps_nw .help_box_a i p {
    position: absolute;
    top: -14px;
    left: 125px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: initial;
    text-align: center;
    display: none;
}

.sell_steps_nw .help_box_a i p::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -13px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.sell_steps_nw .help_box_a i:hover p {
    display: block;
}

/**/

.sell_steps_nw .help_box_b{
    position: relative;
    width: 100%;
}

.sell_steps_nw .help_box_b i p {
    position: absolute;
    top: -14px;
    left: 142px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: initial;
    text-align: center;
    display: none;
}

.sell_steps_nw .help_box_b i p::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -13px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.sell_steps_nw .help_box_b i:hover p {
    display: block;
}

.sell_steps_nw .mb-s{
    margin-bottom: 12px;
}

/*@26.04.2021*/

.sell_steps_nw .input-group .input-group-prepend.icon {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    width: 40px;
    box-shadow: 1px 3px 3px rgb(0 0 0 / 5%);
    border: 1px solid #f3f3f3!important;
    border-right: 0;
}


.sell_steps_nw .input-group .icon{
    border-radius: 0%!important;
    height: auto!important;
    background-color: transparent!important;
    border: 0px!important;
    padding: 0px 0px 0px 0px!important;
    margin-top: 0px!important;
}

.sell_steps_nw .input-group .icon img {
    width: 26px!important;
    height: 23px!important;
}

.sell_steps_nw .input-group .form-control:focus{
    outline: none;
    box-shadow: none;
    border-color: #ddd;
}

.sell_steps_nw .purchaseerror-step1 label.error {
    clear: both;
    width: 100%;
    margin-top: 7px;
    color: #ff0000;
    margin-left: 0;
    text-align: left;
}

.sell_steps_nw .purchaseerror-step1 h3{
    color: #595959;
font-weight: 600;
font-size: 25px;
display: block;
margin-bottom: 20px;
}

.sell_steps_nw .help_box_c{
    position: relative;
    width: 100%;
}

.sell_steps_nw .help_box_c i p {
    position: absolute;
    top: -14px;
    left: 115px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: initial;
    text-align: center;
    display: none;
}

.sell_steps_nw .help_box_c i p::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -13px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.sell_steps_nw .help_box_c i:hover p {
    display: block;
}

.sell_steps_nw .help_box_c i p a{
    color: #33cccc;
    border-bottom: 1px solid transparent;
    padding-left: 5px;
}

.sell_steps_nw .help_box_c i p a:hover{
    border-bottom: 1px solid #33cccc;
}

.sell_steps_nw .wizard-header h3{
    color: #595959;
font-weight: 600;
font-size: 25px;
display: block;
margin-bottom: 10px;
}

.sell_steps_nw .wizard-details h3{
    color: #595959;
font-weight: 600;
font-size: 25px;
display: block;
margin-bottom: 10px;
}

.sell_steps_nw .wizard-details p{
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.sell_steps_nw .list-group .list-group-item1 {
    height: 55px;
    background: #fff;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
}

.sell_steps_nw .list-group .list-group-item1:first-child {
    border-top: 0;
}

.sell_steps_nw .list-group .list-group-item1.active:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 25px;
    right: 10px;
    background-image: url(../images/icon-check-teal.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.sell_steps_nw .list-group .list-group-item1.active {
    background: rgba(51, 204, 204, 0.1);
    border-color: rgba(51, 204, 204, 0.6);
    color: #333;
    position: relative;
}

.sell_steps_nw .addNew {
    text-align: right;
    margin-top: 2px;
}

.sell_steps_nw .help_box_d{
    position: relative;
    width: 95%;
}

.sell_steps_nw .help_box_d i p {
    position: absolute;
    top: -14px;
    left: 115px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: initial;
    text-align: center;
    display: none;
}

.sell_steps_nw .help_box_d i p::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -13px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.sell_steps_nw .help_box_d i:hover p {
    display: block;
}

.sell_steps_nw .help_box_e{
    position: relative;
    width: 95%;
}

.sell_steps_nw .help_box_e i p {
    position: absolute;
    top: 0px;
    left: 110px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: initial;
    text-align: center;
    display: none;
}

.sell_steps_nw .help_box_e i p::before {
    content: '';
    position: absolute;
    top: 8px;
    left: -13px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.sell_steps_nw .help_box_e i:hover p {
    display: block;
}

.sell_steps_nw #summernote_count {
    text-align: right !important;
    width: 100%;
}


.sell_steps_nw .add-custom-feature {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    min-width: 200px;
}

.sell_steps_nw .remove-btn{
    background-color: #9a999940;
    border-radius: 0px;
}

.sell_steps_nw .remove-btn i{
    color: #008080;
}

.sell_steps_nw input[type="radio"].green-radio_a:before {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    content: "";
    background: #FFF;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 5%);
}

.sell_steps_nw input[type="radio"].green-radio_a:checked:after {
    content: '';
    background-color: #33CCCC;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI1NiwwQzExNC44MzcsMCwwLDExNC44MzcsMCwyNTZzMTE0LjgzNywyNTYsMjU2LDI1NnMyNTYtMTE0LjgzNywyNTYtMjU2UzM5Ny4xNjMsMCwyNTYsMHoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    position: absolute;
    background-size: cover;
    border: 6px solid #33CCCC;
    top: 7px;
    left: 0;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    box-shadow: 1px 3px 5px rgb(0 0 0 / 5%);
}

.sell_steps_nw .mt-20{
    margin-top: 20px!important;
}

.sell_steps_nw .mb-15{
    margin-bottom: 15px!important;
}

.sell_steps_nw .mb-20{
    margin-bottom: 20px!important;
}

.sell_steps_nw .seller-contract_box label p{
    margin-bottom: 16px!important;
}

.sell_steps_nw .seller-contract_box label ol li{
    margin-bottom: 10px;
}

.sell_steps_nw .seller-contract_box label ul{
    padding-left: 40px;
}

.sell_steps_nw .seller-contract_box label ul li{
    margin-bottom: 10px;
}

.sell_steps_nw .seller-contract_box label ul li ol{
    margin-top: 10px;
}

.sell_steps_nw .btn.add_nw_annexb{
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    min-width: 200px;
}

.sell_steps_nw .btn.add_nw_annexb:hover{
    background: #006060;
}

.sell_steps_nw .btn.preview-sell-contract{
    padding: 8px 21px;
    background: transparent;
    border-radius: 5px;
    color: #008080;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #008080;
    position: relative;
    min-width: 200px;
    margin-left: 20px;
}

.sell_steps_nw .btn.preview-sell-contract:hover{
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}


.sell_steps_nw .annexrB {
    margin-bottom: 10px;
}

.sell_steps_nw .annexrB .txt-area-margin {
    width: 95%;
    margin-top: 5px;
    float: left;
    margin-bottom: 25px;
    height: 52px;
}

.sell_steps_nw .annexrB .delete-btn-own {
    position: relative;
    float: right;
    top: 11px;
    background-color: #9a999940;
    border-radius: 0px;
}

.sell_steps_nw .annexrB .delete-btn-own i {
    color: #008080;
}

.sell_steps_nw .wizard.wizard-tc .tc-content {
    color: #666666 !important;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    padding: 30px 20px;
    width: 100%;
    max-height: 80vh;
    overflow-y: scroll;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 20%);
    margin-top: 30px;
}

.sell_steps_nw .tc-content ul{
    padding-left: 40px!important;
}

.sell_steps_nw .tc-content ul li{
    margin-bottom: 10px!important;
}

.sell_steps_nw .tc-content a{
    color: #33cccc;
}
.sell_steps_nw .tc-content p{
    margin-bottom: 10px;
}

.sell_steps_nw .sell-tc-box input[type="checkbox"] + label {
    display: inline-block;
    padding: 0 0 0 50px;
    background: url(../images/uncheck.png) no-repeat;
    height: 30px;
    width: 100%;
    background-size: contain;
    margin-top: 0px;
    margin-bottom: 0px;
}

.sell_steps_nw .sell-tc-box input[type=checkbox]:checked + label {
    background: url("../images/check.png") no-repeat;
    height: 30px;
    width: 100%;
    display: inline-block;
    background-size: contain;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0 0 50px;
}

.sell_steps_nw .sell-tc-box{
    margin-bottom: 20px;
}

.sell_steps_nw .mb-30{
    margin-bottom: 30px!important;
}

.sell_steps_nw .wizard-payment h3{
    color: #595959;
    font-weight: 600;
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}

.sell_steps_nw .wizard-payment .payBoxDiv {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
    margin-bottom: 0;
    cursor: pointer;
    border: 2px solid #008081;
    position: relative;
    padding: 1rem;
}

.sell_steps_nw .wizard-payment .cardDv {
    width: 100%;
}

.sell_steps_nw .wizard-payment .paymentImgDv {
    text-align: center;
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

.sell_steps_nw .wizard-payment .paymentImgDv img {
    width: 26%;
    max-width: 100%;
    display: inline-block;
}

.sell_steps_nw .wizard-payment .StripeElement {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.sell_steps_nw .btn.pay-now{
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    min-width: 200px;
    margin-top: 70px;
}

.sell_steps_nw .btn.pay-now:hover{
    background: #006060;
}

.sell_steps_nw .ElementsApp .InputElement.is-invalid {
    color: #eb1c26;
}

.seller-preview-section{
     margin: 50px 0px;
}

.seller-preview-section h4{
    color: #595959;
    font-weight: 600;
    font-size: 25px;
    display: block;
    margin-bottom: 20px;
}

.seller-preview-section h5{
    color: #595959;
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}

.seller-preview-section h6{
    color: #595959;
    font-weight: 600;
    font-size: 17px;
    display: block;
    margin-bottom: 10px;
}

.seller-preview-section p{
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto;
    margin-bottom: 15px!important;
}

.seller-preview-section ul{
    padding-left:40px;
}

.seller-preview-section ul li{
    padding-bottom: 10px;
}

.seller-preview-section ol li{
    padding-bottom: 10px;
}

.sell_steps_nw .listing-summary-box h3 {
    color: #595959;
    font-weight: 600;
    font-size: 25px;
    display: block;
    margin-bottom: 25px;
}

.sell_steps_nw .listing-summary-box .listing-details-left h3{
    color: #595959;
    font-weight: 600;
    font-size: 22px;
    display: block;
    margin-bottom: 20px;
    padding: 0px;
}

.sell_steps_nw .listing-summary-box .listing-details-left .listing-details-content-text-right{
    width: 45%;
}

.sell_steps_nw .listing-summary-box .listing-details-left .listing-details-content-text-right .map{
    width: 100%;
    height: 200px;
}

.sell_steps_nw .listing-summary-box .listing-details-left .listing-details-content-text-left {
    width: 55%;
}

.listing-submit-section {
    margin: 50px 0px;
}

.listing-submit-section h1 {
    font-size: 35px;
    font-weight: 700;
    color: #595959;
    line-height: 52px;
   font-family: 'Tox Typewriter';
    margin-bottom: 25px;
}

.listing-submit-section .box-div h3{
    color: #595959;
    font-weight: 600;
    font-size: 25px;
    display: block;
    margin-bottom: 20px;
	font-family: 'Tox Typewriter';
}

.listing-submit-section .box-div p{
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.listing-submit-section .nav-buttons {
    margin-top: 100px;
    margin-bottom: 100px;
}

.listing-submit-section .prev_page {
    padding: 8px 21px 8px 30px;
    background: transparent;
    border-radius: 5px;
    color: #008080;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #008080;
    position: relative;
    min-width: 200px;
}

.listing-submit-section .prev_page:hover {
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}

.listing-submit-section .prev_page::after {
   content: "\f053";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 6px;
    font-size: 20px;
    left: 10px;
}

.listing-submit-section .next_page {
    padding: 8px 30px 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    min-width: 200px;
}

.listing-submit-section .next_page:hover {
    background: #006060;
}

.listing-submit-section .next_page::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 5px;
    font-size: 20px;
    right: 10px;
}

.listing-submit-section .btn:focus{
    outline: 0;
    box-shadow: none;
}


.sell_steps_nw .wizard-disclosure{
    margin: 50px 0px;
}

.sell_steps_nw .wizard-disclosure .disclosure-accordion{
    margin-top: 30px;
}

.sell_steps_nw .wizard-disclosure .disclosure-accordion .question.question-title {
    padding-bottom: 10px;
}

.sell_steps_nw .wizard-disclosure .disclosure-accordion textarea{
    margin-top: 10px;
}

.sell_steps_nw button:focus{
    outline: 0px!important;
}

.sell_steps_nw .seller-contract_box .question-title.contract{
    margin-bottom: 10px;
}


.sell_steps_nw .form-control:focus {
    border-color:  #00000020!important;
    outline: 0;
    box-shadow: none;
}

/*@28.04.2021*/

.mobile-collapse {
    display: none;
}

#map-filters {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 1rem;
    z-index: 15;
    position: absolute;
    left: 0rem;
    right: 0rem;
    background: #fff;
    box-shadow: 0 0 3px 3px rgb(0 0 0 / 10%);
}

#map-filters {
    z-index: 1000;
}

#map-filters {
    padding-top: 5px;
}

#map-filters {
    display: block;
}

#map-filters .filter {
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    margin-left: 1rem;
}


.address {
    font-size: 19px;
    margin: 0 0 20px;
    line-height: 45px;
}

#map-filters .btn-outline-secondary {
    margin-left: 1px;
}

#map-filters .btn-outline-secondary {
    border-color: #fff #fff #fff #f3f3f3;
}

.beds .dropdown-menu {
    min-width: 10rem;
    padding: 0.5rem 0.5rem;
    width: 300px;
}

.filtersDv .dropdown-menu-right {
    /* right: -73px !important; */
    left: auto !important;
    transform: none !important;
    right: 0;
    top: 54px !important;
}

.filtersDv .drpContDv {
    min-width: 700px;
    padding: 1rem;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


.shwMr, .shwFewr, .shwMr1, .shwFewr1, .shwMr2, .shwFewr2 {
    color: #33CCCC;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    margin: 10px 0;
}

.filters-drawer__help-text {
    color: #666;
    font-size: 14px;
}

.ser-btn {
    height: 37px;
    margin-top: 9px;
    height: 42px;
}

.alignright {
    text-align: right;
}

.left {
    float: left;
}

.r-tl-br a.item {
    height: 40px;
    line-height: 40px;
}

.r-tl-br a.item {
    height: 30px;
    line-height: 30px;
    color: #536670;
    margin-left: 10px;
}

.r-tl-br a.item {
    line-height: 60px !important;
    font-weight: 400;
}

.r-tl-br a.item.active, .r-tl-br a.item:hover {
    color: #008080;
    text-decoration: none;
}


.srch-lisiting-l-r {
    position: relative;
}

.realEstateList.srch-lisiting-l {
    overflow-x: hidden;
    transition-duration: .2s;
    height: 843px;
}

.realEstateList.srch-lisiting-l {
    width: 70%;
    float: left;
    position: unset;
}

.realEstateList.srch-lisiting-l {
    margin: auto;
}

.realEstateList.srch-lisiting-l {
    width: 60%;
    float: left;
    position: unset;
    margin: unset;
}

.realEstateList {
    padding: 10px;
    padding-top: 30px;
    width: 400px;
    position: absolute;
    left: 0;
    top: 100px;
    bottom: 0;
    z-index: 10;
    overflow-y: scroll;
}

.gm-style .gm-style-iw, .realEstateList {
    left: 0 !important;
    font-size: .9rem;
}

.heading.hasfloat {
    padding-top: 11px;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

h1.title.count {
    margin-top: 5px;
    font-size: 20px;
    font-weight: 600;
    color: #008080;
    padding-left: 10px;
}

.gm-style .gm-style-iw .right, .realEstateList .right {
    padding-left: 0;
}

.propertysearch_select.custom-select {
    display: inline-block;
    width: 100%;
    /*height: calc(2.25rem + 2px);*/
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    /*background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right 0.75rem center;*/
    background-image: url(../images/select-icon.svg);
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.p-l-box-s {
    width: 100%;
    float: left;
}

.listings .listing.bronze {
    width: 50%;
}

.listings .listing {
    box-sizing: border-box;
    padding: 0 10px 20px;
}

.listings .listing .container {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.tsty.slider22 {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    border: 1px solid #F6F6F6;
}

.tsty .slides {
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    padding-left: 0;
}

.tsty .slide1 {
    height: 100%;
    clear: none;
}

.tsty .box {
    width: 100%;
    height: 100%;
}

.tsty .box {
    position: relative;
}


.tsty .box img{
    width: 100%;
    height: 100%;
}


/*.tsty .box img {
     width: 100%;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    max-width: inherit;
    width: 100%;
    height: 100%;
}

.tsty .box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}*/

.tsty .flex-viewport{
    height: 100%;
}

.listings .listing.bronze .details {
    padding: 20px;
}

.listings .listing .details {
    box-sizing: border-box;
    position: absolute;
    z-index: 0;
    top: 100%;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    background: #00000073;
    color: #fff;
    transition-duration: .2s;
}

.listings .listing.bronze .details p {
    max-width: inherit;
    font-size: 1.125em;
    margin: 0;
    text-align: left;
    color: #fff;
}

.listings .listing .details p {
    max-width: 75%;
    line-height: 1.4;
    font-size: 1.375em;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listings .listing .fav {
    position: absolute;
    z-index: 0;
    top: 20px;
    right: 20px;
}

.listings .listing .fav a {
    display: block;
    width: 28px;
    height: 28px;
    background: #008080;
    color: #fff;
    border-radius: 100%;
    text-align: center;
}

.listings .listing .fav a i{
    line-height: 25px;
    font-size: 13px;
}

#estates-map {
    height: auto !important;
}

.srch-lisiting-r {
    /* width: 30%; */
    /* float: left; */
    position: absolute !important;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%;
}

.srch-lisiting-r {
    width: 40%;
    float: left;
}

.listings .listing .fav .icon {
    line-height: 28px;
}


#map-filters .custom-select, .form-control, #addressSearch .addressSearch {
    border-color: none;
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 1px rgb(0 0 0 / 5%);
    height: 44px;
    width: 100%;
}

#map-filters .input-group > .form-control{
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.srch-lisiting-section{
    margin-top: 70px;
}

#map-filters .btn.ser-btn{
    background: #008080;
    border-radius: 3px;
    color: #fff;
}

#map-filters .btn.ser-btn:hover{
    background: #006060;
}

#map-filters .btn:focus{
    outline: 0;
    box-shadow: none;

}

.list_view-class {
    margin: auto !important;
    float: none !important;
    overflow-y: auto;
}

.right {
    float: right;
}


.listing .tsty.slider22 ol{
    display: none;
}

.tsty .slider-arrow {
    position: absolute;
    display: block;
    margin-bottom: -20px;
    padding: 5px;
}

.tsty .slider-arrow--right {
    width: 50px;
    height: 50px;
    bottom: 50%;
    right: 30px;
    background-image: url(../assets/frontend/img/n-p-btn.png);
    background-size: 128px;
    background-position: 50px 0px;
}

.tsty .slider-arrow--right:hover {
    width: 50px;
    height: 50px;
    bottom: 50%;
    right: 30px;
    background-image: url(../assets/frontend/img/h-n-p-btn.png);
    background-size: 128px;
    background-position: 50px 0px;
}

.tsty .slider-arrow--left {
    width: 50px;
    height: 50px;
    bottom: 50%;
    left: 30px;
    background-image: url(../assets/frontend/img/n-p-btn.png);
    background-size: 128px;
}

.tsty .slider-arrow--left:hover {
    width: 50px;
    height: 50px;
    bottom: 50%;
    left: 30px;
    background-image: url(../assets/frontend/img/h-n-p-btn.png);
    background-size: 128px;
}

.listing .tsty.slider22 .flex-direction-nav a{
    text-align: center;
    border-radius: 50%;
}

.listing .tsty.slider22 .flex-direction-nav a::before {
    font-size: 16px;
    color: #fff;
    background: #008080;
    padding: 8px 15px 8px 15px;
    line-height: 25px;
}

.listing .tsty.slider22 .flex-direction-nav a:hover:before{
    background-color: #006060;
}

.poprertyType .select2-container {
    width: 260px !important;
     height: 44px;
    overflow-y: auto;
}

.poprertyType .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 1px rgb(0 0 0 / 5%);
    height: 44px;
    overflow-y: auto;
    padding: 2px 5px;
}

.poprertyType .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #33cccc;
    border: 1px solid transparent;
    color: #fff;
}


.poprertyType .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;

}

.poprertyType .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    color: #fff;
}

.poprertyType .select2-container .select2-selection--multiple{
    min-height: 44px;
}

.listing .tsty.slider22 .flex-direction-nav a:hover .listings .listing .details{

}

.featuchsDvrwc .form-check{
    padding-left: 0px;
    margin-top: 10px;
}

.featuchsDvrwc .form-check input[type="checkbox"] + label {
    display: inline-block;
    padding: 0 0 0 30px;
    background: url(../images/uncheck.png) no-repeat;
        background-size: auto;
    height: 20px;
    width: 100%;
    background-size: contain;
    margin-top: 0px;
    margin-bottom: 0px;
}

.featuchsDvrwc .form-check input[type="checkbox"]:checked + label {
    background: url("../images/check.png") no-repeat;
        background-size: auto;
    height: 20px;
    width: 100%;
    display: inline-block;
    background-size: contain;
    margin-top: 0px;
    margin-bottom: 0px;
}

#map-filters .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active {
    background-color: #c4c4c4;
    border-color: #bfbfbf;
    outline: #33CCCC;
    box-shadow: 0 0 2px 2px #e6e6e6;
}

#map-filters .btn-outline-secondary {
    border-color: #fff #fff #fff #f3f3f3;
}

#map-filters .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus {
    background-color: #d4d4d4;
    border-color: #cfcfcf;
    box-shadow: 0 0 2px 2px #e6e6e6;
}

#map-filters .select2-container .select2-search--inline .select2-search__field{
    margin-top: 8px;
}

#map-filters .btn.btn-cancel {
padding: 5px 10px 5px 10px;
background: transparent;
border-radius: 3px;
color: #008080;
text-decoration: none;
font-size: 16px;
font-weight: 500;
border: 1px solid #008080;
position: relative;
margin-top: -2px;
}

#map-filters .btn.btn-cancel:hover{
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}


.fltrBtnsDv .btn.updtFltrBtn{
    background: #008080;
    border-radius: 3px;
    color: #fff;
    padding: 5px 10px;
}

.fltrBtnsDv .btn.updtFltrBtn:hover{
    background: #006060;
}


/*@29.04.2021*/

.pdf-box-section .wizard {
    padding: 0;
    margin: 3rem;
    position: relative;
}

.pdf-box-section .dwelling-selector {
    cursor: pointer;
}

.pdf-box-section .border-solid {
    border: 2px solid #31c4c4;
    margin: 0 3px;
    padding: 0 3px;
    margin-bottom: 20px;
}

.pdf-box-section .btn-primary{
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.pdf-box-section .btn-primary:hover{
    background: #006060;
}

.pdf-box-section .singboard-selection h3 {
    color: #595959;
    font-size: 1.1rem;
    line-height: 2;
}

.pdf-box-section p{
    color: #333333;
font-size: 17px;
line-height: 26px;
}

.pdf-box-section .border-solid-black {
    border: 1px solid #000;
    margin: 0 3px;
    padding: 0 3px;
}

.pdf-box-section .margin-updown-5 {
    margin: 5px 0;
}

.pdf-box-section .wizard h3 {
    margin-bottom: 1rem;
}

.pdf-box-section .border-solid-trans {
    border: 2px solid #fff;
    margin: 0 3px;
    padding: 0 3px;
}

.pdf-box-section ul{
    padding-left: 20px;
}

.pdf-box-section ul li{
    color: #333333;
    font-size: 16px;
    margin-bottom: 7px;
}

.pdf-box-section ol{
    margin-left: 20px;
    padding-left: 20px;
}

.pdf-box-section ol li{
    color: #333333;
    font-size: 16px;
    margin-bottom: 7px;
}

.pdf-box-section h5{
     color: #595959;
    margin-bottom: 0.5rem;
}

.pdf-box-section h4{
     color: #595959;
    margin-bottom: 0.5rem;
}

.pdf-box-section .wtrmrkDv {
    position: relative;
}

.pdf-box-section .wtrmrkDv:after {
    content: "cash";
    color: rgba(217, 216, 215, 0.5);
    font-size: 62px;
    transform: rotate(
300deg
);
    -webkit-transform: rotate(
310deg
);
    position: absolute;
    left: 27rem;
    top: 4.3rem;
    text-transform: uppercase;
    font-weight: 600;
    z-index: -1;
}

.disclosure-accordion .card-header {
    background-color: #008080;
    border-bottom: 1px solid #008080;
}

.disclosure-accordion .card-header h5{
    color: #fff;
}

.disclosure-accordion .card{
    border: 1px solid #008080;
}


/**/

.main-table-section{
    width:100%;
    overflow-x:auto;
}

.main-table-box{
    width: 100%;
    display: flex;
}

.main-table-left{
    width: 50%;
    display: flex;
}

.main-table-right{
    width:50%;
    display: flex;
}

.text-table-left{
    width: 40%;
}

.text-table-right{
    width: 60%;
}


/*@30-04-2021*/

.make-Offer-Section .btn.btn.btn-primary {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-color: #008080;
}

.make-Offer-Section .btn.btn.btn-primary:hover{
    background: #006060;
    border-color: #006060;
}

.make-Offer-Section .btn.delete-btn-own {
   position: relative;
    float: left!important;
    top: 2px!important;
    background-color: #9a999940!important;
    border-radius: 0px!important;
    width: auto!important;
}

.make-Offer-Section .btn.delete-btn-own i {
    color: #008080;
}

.make-Offer-Section .contract-generator.step:not(.active) {
    display: none;
}

.make-Offer-Section .contract-generator {
    padding-top: 50px;
    padding-bottom: 50px;
}


.make-Offer-Section .wizard .stepper-line{
    display: none;
}

.make-Offer-Section .wizard .stepper-line {
    position: absolute;
    position: relative;
    content: '';
    height: 2px;
    left: 0;
    top: 5px;
    bottom: 50%;
    /* right: 70%; */
    z-index: 2;
    background-color: #008081;
    /* position: relative; */
    margin-top: -25px;
    width: 0%;
}

.make-Offer-Section.sell_steps_nw .wizard ul.stepper{
margin-bottom: 0px;
text-align: center;
}

.make-Offer-Section h1 {
    font-size: 40px;
    font-weight: 700;
    color: #595959;
    line-height: 52px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
}

.make-Offer-Section h3 {
    color: #595959;
    font-weight: 600;
    font-size: 25px;
    display: block;
    margin-bottom: 20px;
}

/*.make-Offer-Section .wizard ul.stepper.buyer-stepper li.done:after {
    background: transparent;
    content: '';
    position: absolute;
    z-index: 5;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-check.svg);
    background-size: contain;
    top: 8px;
    left: 8px;
    background-repeat: no-repeat;
    background-position: center;
	
}*/

.make-Offer-Section .button-toggler {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.make-Offer-Section section.contract-generator.step .singboard.option{
    padding: 10px 0px;
    text-align: center;
}

.make-Offer-Section section.contract-generator.step .singboard.option.active {
    background: #F6F6F6;
    position: relative;

}

.make-Offer-Section section {
    /*padding: 8rem;*/
    text-align: center;
}

.make-Offer-Section .singboard .price, .singboard .title, .payment-methods .price, .payment-methods .title {
    font-weight: bold;
}

.make-Offer-Section .singboard .image{
    margin-bottom: 5px;
}

.make-Offer-Section section.contract-generator.step .singboard.option.active::after {
    content: '';
    width: 15px;
    height: 10px;
    position: absolute;
    bottom: 23px;
    left: 4px;
    background-image: url(../images/icon-check-teal.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.buying_steps_nw_modal .modal-header h4 {
    color: #595959;
    font-size: 25px;
    line-height: 27px;
}

.buying_steps_nw_modal .modal-body p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.buying_steps_nw_modal .modal-footer .btn-close {
    padding: 8px 21px;
    color: #008080;
    border: 1px solid #008080;
    background: transparent;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.buying_steps_nw_modal .modal-footer .btn-close:hover {
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}

.make-Offer-Section .selectables .selected {
    display: none;
}

.make-Offer-Section .selectables .selected.active {
    display: block;
}

.make-Offer-Section .mt30 {
    margin-top: 30px;
}

.make-Offer-Section .next_page {
    padding: 8px 30px 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    min-width: 200px;
}

.make-Offer-Section .next_page:hover {
    background: #006060;
}

.make-Offer-Section .next_page::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 5px;
    font-size: 20px;
    right: 10px;
}

.make-Offer-Section .prev_page {
    padding: 8px 21px 8px 30px;
    background: transparent;
    border-radius: 5px;
    color: #008080;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #008080;
    position: relative;
    min-width: 200px;
}

.make-Offer-Section .prev_page:hover {
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}

.make-Offer-Section .prev_page::after {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 6px;
    font-size: 20px;
    left: 10px;
}

.make-Offer-Section .text-left {
    text-align: left!important;
}

.make-Offer-Section .btn-close {
    padding: 8px 21px;
    color: #008080;
    border: 1px solid #008080;
    background: transparent;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.make-Offer-Section .btn-close:hover {
    color: #006060;
    border: 1px solid #006060;
    background: transparent;
}

.make-Offer-Section h5 {
    color: #595959;
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
}

.make-Offer-Section .previewDv{
    color: #666666 !important;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    padding: 30px 20px;
    width: 100%;
    max-height: 80vh;
    overflow-y: scroll;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 20%);
    margin-top: 30px;
}

.make-Offer-Section .previewDv p {
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    height: auto!important;
}

.make-Offer-Section .previewDv h4{
    color: #595959;
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
}

.make-Offer-Section .previewDv h5{
    color: #595959;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
}

.make-Offer-Section .previewDv ul{
    padding-left: 20px;
}

.make-Offer-Section .previewDv ul li{
    margin-bottom: 10px;
}

.make-Offer-Section .previewDv ol li{
    margin-bottom: 10px;
}

.make-Offer-Section .buying-tc-box {
    margin-bottom: 20px;
}

.make-Offer-Section .buying-tc-box input[type="checkbox"] + label {
    display: inline-block;
    padding: 0 0 0 50px;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.make-Offer-Section .buying-Terms-Sale p{
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    height: auto!important;
}

.make-Offer-Section .buying-payment-section .payBoxDiv {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
    margin-bottom: 0;
    cursor: pointer;
    border: 2px solid #008081;
    position: relative;
    padding: 1rem;
}

.make-Offer-Section .buying-payment-section .cardDv {
    width: 100%;
}

.make-Offer-Section .buying-payment-section .paymentImgDv {
    text-align: center;
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

.make-Offer-Section .buying-payment-section .StripeElement {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.make-Offer-Section .buying-payment-section .paymentImgDv img {
    width: 26%;
    max-width: 100%;
    display: inline-block;
}

.make-Offer-Section .buying-payment-section .buying-pay-message{
    text-align: center;
}

.make-Offer-Section .buying-payment-section .paybtnDv{
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.make-Offer-Section .buying-payment-section .paybtnDv:hover{
    background: #006060;
}

.make-Offer-Section .buying-payment-section #v-ajx-msg a{
    color: #33cbcc;
    border-bottom: 1px solid transparent;
}

.make-Offer-Section .buying-payment-section #v-ajx-msg a:hover{
    border-bottom: 1px solid #33cbcc;
}

.buying-listing-submit-section{
    margin: 50px 0px;
}

/*@03.05.2021*/

#map-filters .mb-20{
    margin-bottom: 20px;
}

.make-Offer-Section .annexrB .btn.delete-btn-own {
    top: 11px!important;
}

.map-filters .listing-details-content-text-right .map{
    height: 200px;
}

.listing-submit-section-box {
    margin: 50px 0px;
}

.listing-submit-section-box h3{
    color: #595959;
    font-weight: 600;
    font-size: 25px;
    display: block;
    margin-bottom: 20px;
}

.listing-submit-section-box p{
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.mt-10{
   margin-top: 10px!important;
}

.make-Offer-Section .mt50 {
    margin-top: 50px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: none!important;
}


/*@04.05.2021*/

.annexure-section{
    margin: 50px 0px;
}

.annexure-section .btn.btn.btn-primary {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-color: #008080;
}

.annexure-section .btn.btn.btn-primary:hover {
    background: #006060;
    border-color: #006060;
}


.annexure-contant-section{
    margin-bottom: 50px;
}

.annexure-contant-section h3 {
    color: #595959;
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
}

.annexure-contant-section p {
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    height: auto !important;
}

.annexure-contant-section .border-solid {
    border: 2px solid #31c4c4;
    margin: 0 3px;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.annexure-contant-section.mt-50 {
    margin-top: 50px;
}


.annexure-contant-section .btn.btn.btn-primary {
    padding: 8px 21px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-color: #008080;
}

.annexure-contant-section .btn.btn.btn-primary:hover {
    background: #006060;
    border-color: #006060;
}

.annexure-contant-section h5 {
    color: #595959;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
}

.annexure-contant-section ul{
    padding-left: 20px;
}

.annexure-contant-section ul li{
    margin-bottom: 10px;
}

/*@05.05.2021*/

.breadcrumb-section .breadcrumb .breadcrumb-item em{
    margin-top: 4px;
    margin-left: 12px!important;
    margin-right: 0px!important;
}

.email-verification-section {
    margin: 80px 0px 220px;
}

.email-verification-section .emlmsgBody .card.seller-card {
    border: 0;
    background: #f7f7f7;
    text-align: center;
    border: 2px solid #33CCCC;
    font-size: 18px;
    line-height: 29px;
    color: #595959;
}

.email-verification-section .emlmsgBody .card.seller-card a{
    color: #33cccc;
}

.email-active-section {
    margin: 80px 0px 290px;
}

.email-active-section .card.seller-card.error-div-new {
    background: #f7f7f7;
    text-align: center;
    border: 2px solid #33CCCC;
}

.email-active-section .error-div-new .card-body {
    padding: 1.7rem 1.25rem 1rem;
    color: #de0c0c;
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
}

.email-active-section .error-div-new .MasgIcnDv:before {
    content: "\f071";
    font-family: 'Font Awesome 5 Pro';
    position: relative;
    color: #de0c0c;
    /* background: #de0c0c; */
    /* border-radius: 100%; */
    font-size: 22px;
    padding: 0 3px 0 0;
    /* content: "\f06a"; */
    top: 1px;
}

.email-active-section .card.seller-card.error-div-new a{
    color: #33cccc;
}


/*@06.05.2021*/

.input-group .btn.btn-file:focus-within{
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%)!important;
}

a.reset-password-text:focus-visible{
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%)!important;
}

/*@01.06.2021*/

.buyernewoffer{
    width: 100%;
    height: 280px;
    margin-bottom: 40px;
}


/*@07.06.2021*/


.list ul li.buyer-summarylist-icon{
    position: relative;
    padding-left: 30px;
    line-height: 24px;
    padding-top: 10px;
}


.list ul li.buyer-summarylist-icon::before{
    content: '';
    position: absolute;
    top: 14px;
    left: 0px;
    width: 15px;
    height: 15px;
    background-image: url(../images/bullet.png);
    background-size: cover;
    background-position: center;

}

h3.register-summary{
    text-transform: inherit;
}

.box-d-flex{
    display: flex;
}

h1.register-banner{
    text-transform: inherit;
}

.conversation-list-box{
    height:380px;
}



/*@08.06.2021*/

.conversation-text-message-box label {
    content: "";
    position: absolute;
    top: 50px;
    right: 100px;
    background-color: #008080;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: 0.6s;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top: 10px;
    cursor: pointer;
}

.conversation-text-message-box label:hover {
    background: #006060;
}

.conversation-text-message-box .text-message {
    padding: 15px 135px 15px 20px;
}

.send-img-icon {
    position: relative;
}

.send-img-icon::before {
    content: "\f03e";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: -3px;
    left: -13px;
    font-size: 23px;
    color: #fff;
}

.send-img-box input[type="file"] {
    display: none;
}


/*@10.06.2021*/

.listing-features-box{
    margin-top: 30px;
}

.listing-features-box-title{
    margin-bottom: 25px;
}


/*@14.06.2021*/


    .under-negotiation {
    position: absolute;
    top: 110px;
    left: -20px;
    color: rgba(255,255,255,0.5);
    font-size: 40px;
    /* transform: rotate(300deg); */
    -webkit-transform: rotate(300deg);
    font-weight: 600;
    /* background: rgba(0, 0, 0, .3); */
    padding: 10px;
    text-transform: uppercase;
   /* border-radius: 6px;*/
    color: #33cccc;
    -webkit-text-fill-color: rgba(217, 216, 215, 0.7);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #33cccc;
    line-height: 40px;
    width:100%;
}


.under-contract{
       position: absolute;
    top: 110px;
    left: -20px;
    color: rgba(255,255,255,0.5);
    font-size: 40px;
    /* transform: rotate(300deg); */
    -webkit-transform: rotate(300deg);
    font-weight: 600;
    /* background: rgba(0, 0, 0, .3); */
    padding: 10px;
    text-transform: uppercase;
    /*border-radius: 6px;*/
    color: #33cccc;
    -webkit-text-fill-color: rgba(217, 216, 215, 0.7);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #33cccc;
    line-height: 40px;
    width:100%;
}

.slides li{
    position: relative;
}



/*@15.06.2021*/

.edit-icon .fa-pencil{
    background: #008080;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
    cursor: pointer;
}

.edit-icon .fa-pencil:hover{
    background: #006060;
}


/*@18.06.2021*/

button.swal-button.swal-button--confirm {
    background: #008080;
    border-color: #008080;

}

button.swal-button.swal-button--confirm:hover {
    background: #006060;
    border-color: #006060;
}
.swal-button:focus {

    box-shadow: 0 0 0 0px #fff, 0 0 0 0px rgb(43 114 165 / 29%);
}


/*@24.06.2021*/

.singboard .image img{
    margin-bottom: 10px;
}

.cash-heading{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 20px;
}

.cash-input{
    text-align: left;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.finance-heading{
     font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 20px;
}


.cash-input label.error{
    clear: both;
    width: 100%;
    margin-top: 7px;
    color: #ff0000;
}

/*@25.06.2021*/

.selling-offer-pending{
    margin-top: 30px;
}

.selling-offer-pending a{
    margin: 0px;
    margin-top: 0px;
    display: inline-block;
    margin-left: 10px;
}



/*@28-06-2021*/


.daily-views .dailyviews-tooltip.status-text {
    position: absolute;
    top: -27px;
    left: 155px;
    width: 100%;
    z-index: 999;
}

.daily-views .dailyviews-tooltip.status-text p::before {
    left: -15px;
    transform: rotate(90deg);
    bottom: 14px;
}

.daily-views .weeklyviews-tooltip.status-text {
    position: absolute;
    top: -13px;
    left: 210px;
    width: 100%;
    z-index: 999;
}

.daily-views .weeklyviews-tooltip.status-text p::before {
    content: '';
    position: absolute;
    left: -15px;
    bottom: 13px;
    transform: rotate(90deg);
}

.pricing-table .pricing-tooltip.status-text {
    position: absolute;
    top: -26px;
    left: 120px;
    width: 100%;
    z-index: 999;
}

.pricing-table .pricing-tooltip.status-text p::before {
    content: '';
    position: absolute;
    left: -15px;
    bottom: 17px;
    transform: rotate(90deg);
}



/*@30.06.2021*/

p.seller-contract-check-title{
    color: #595959!important;
    font-size: 17px!important;
    display: block!important;
    margin-bottom: 20px!important;
}

.seller-contract-check-box{
    margin-bottom: 20px;
    display: block;
}

.seller-contract-check-box label{
    padding: 0 0 0 50px!important;
    color: #4e5057;
    font-size: 16px;
    width: 100%!important;
    font-weight: 400;
}

.addclause-txt-val{
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 1px rgb(0 0 0 / 5%);
    width: 95%;
    margin-top: 5px;
    float: left;
    margin-bottom: 25px;
    height: 52px;
    color: #495057;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 5px;
}

a.preview-seller-contract{
    padding: 8px 20px 8px 20px;
    background: #008080;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    text-align: center;
}

a.preview-seller-contract:hover{
    background: #006060;
    color: #fff;
}

.tooltip-inner a{
    color: #fff;
    padding-left: 5px;
}


/*@02.07.2021*/


.rg-check{
    text-transform: inherit!important;
}


/*@05.07.2021*/


.seller-Property-text{
    margin-top: 30px;
}

.seller-Property-text p{
    font-size: 16px;
    color: #595959;
}


/*@07.07.2021*/

.chat-image-modal .modal-dialog{
    max-width: 60%;
}

.modal.chat-image-modal{
    z-index: 99999!important;
}


.modal{
    z-index: 99999!important;
}

.modal-backdrop{
    z-index: 9999;
}



/*@12.07.2021*/

.property-mapmodal-box .image{
    overflow: hidden;
}

.property-mapmodal-box .image img{
    width: 100%;
}

.property-mapmodal-box .text-content-box a{
    margin-bottom: 10px;
    display: inline-block;
}

.property-mapmodal-box .text-content-box .icon {
    border: 2px solid #33cccc;
    border-radius: 100%;
    padding: 8px;
    background: #fff;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    position: relative;
    margin-top: 0px;
    margin-left: 8px;
    margin-right: 1px;
}

.property-mapmodal-box .text-content-box .icon:first-child{
    margin-left: 0px;
}

.property-mapmodal-box .text-content-box .icon:last-child{
    margin-right: 0px;
}


/*@14.07.2021*/


.claiborne-details-image-box-right-image.hidden-image-box{
    position: relative;
}

.hidden-image-box .gallery-count-box {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #20282e80;
}

.hidden-image-box .gallery-count-box span.image-count-number {
    color: #fff;
    font-size: 40px;
}

.manual-address-show input[type=checkbox] {
    display: inline-block;
    margin-left: 10px;
}

.form-control.has-error {
    border: 1px solid #f60606;
}



/*@19.07.2021*/

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #008080;
    border-color: #008080;
}

.btn-primary{
    border-color: #008080;
}


.confirm-ack-check input[type="checkbox"]:checked + label {
    background: url("../images/check.png") no-repeat;
        background-size: auto;
    display: inline-block;
    background-size: 29px;
    margin-top: 0px;
}

.confirm-ack-check input[type="checkbox"] + label {
    display: inline-block;
    padding: 0 0 0 0px;
    background: url("../images/uncheck.png") no-repeat;
    background-size: 29px;
    margin-top: 0px;
}

.confirm-ack-check #ack-final-check{
    visibility: hidden;
}

.confirm-ack-check input[type="checkbox"].error + label {
   border: 1px solid #f00;
    height: 100%;
}


/*@21.07.2021*/

.seller-notification-box{
	position: absolute;
	top: 15px;
	right: 24px;
}

.seller-notification-box i{
	font-size: 32px;
	color: #008080;
}

.seller-notification-box .notification-number{
	position: absolute;
	top: -6px;
	right: -17px;
	background-color: #555555;
	padding: 3px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 19px;
	color: #fff;
	font-weight: 500;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid #f5f5f5;
	text-align: center;
}

.selling-admin-chat{
	position: relative;
}

.selling-notification-box{
	position: absolute;
	top: 0px;
	right: 70px;
}

.selling-notification-box i{
	font-size: 32px;
	color: #008080;
}

.selling-notification-box .notification-number{
	position: absolute;
	top: -6px;
	right: -17px;
	background-color: #555555;
	padding: 3px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 19px;
	color: #fff;
	font-weight: 500;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid #f5f5f5;
	text-align: center;
}


.selling-pagination .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #008080;
    background-color: #fff;
    border: 1px solid #999ca8;
}

.selling-pagination .page-link:hover{
    color: #008080;
}

.selling-pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #008080;
    border-color: #008080;
}

.selling-pagination .page-link:focus {
    box-shadow: none;
}


/*@22.07.2021*/

.artical-middle-image-section img {
    border-radius: 10px;
}

.artical-right img {
    border-radius: 10px;
}

.artical-right .artical-right-description img{
    border-radius: 0px;
}

.artical-middle-image-section .artical-middle-description img{
    border-radius: 0px;
}

.video-left h2 span {
    color: #008080!important;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 18px!important;
    text-transform: uppercase!important;
    padding-bottom: 9px!important;
    display: block!important;
    font-family: 'Roboto', sans-serif!important;
}

.video-left h2 strong {
    color: #008080!important;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 18px!important;
    text-transform: uppercase!important;
    padding-bottom: 9px!important;
    display: block!important;
    font-family: 'Roboto', sans-serif!important;
}

.artical-left h4 span{
    color: #333333!important;
    font-weight: 600!important;
    font-size: 19px!important;
    line-height: 30px!important;
    padding-bottom: 12px!important;
    display: block!important;
    padding-top: 2px!important;
    font-family: 'Roboto', sans-serif!important;
}

.video-section .artical-left p a {
    color: #006060;
    text-decoration: underline;
    border: none;
    padding: 0;
    font-size: 16px;
    display: inline-block;
    margin: 0;
}

.video-left p span {
    color: #333333!important;
    font-size: 16px!important;
    line-height: 26px!important;
    padding-bottom: 15px!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}

.artical-right-description {
    text-align: left!important;
    color: #595959!important;
    font-size: 13px!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}

.artical-middle-section .artical-middle-description span{
    text-align: left!important;
    color: #595959!important;
    font-size: 13px!important;
    text-align: left!important;
    padding: 0!important;
    line-height: 26px!important;
    margin-top: 5px!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}

.artical-middle-section h2 span {
    color: #595959!important;
    font-weight: 600!important;
    font-size: 25px!important;
    line-height: 28px!important;
    padding-bottom: 17px!important;
    display: block!important;
    padding-top: 2px!important;
    text-align: left!important;
    font-family: 'Roboto', sans-serif!important;
}

.artical-middle-section p span {
    color: #333333!important;
    font-size: 16px!important;
    line-height: 26px!important;
    padding-bottom: 15px!important;
    text-align: left!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}

.video-left span span {
    color: #595959!important;
    font-weight: 600!important;
    font-size: 25px!important;
    line-height: 28px!important;
    padding-bottom: 17px!important;
    display: block!important;
    padding-top: 2px!important;
    font-family: 'Roboto', sans-serif!important;
}

.artical-left.video-left span span{
    color: #595959!important;
    font-weight: 600!important;
    font-size: 25px!important;
    line-height: 28px!important;
    padding-bottom: 17px!important;
    display: block!important;
    padding-top: 2px!important;
    margin-bottom: 0px!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
 }

 .artical-left.video-left span h2{
    color: #595959!important;
    font-weight: 600!important;
    font-size: 25px!important;
    line-height: 28px!important;
    padding-bottom: 17px!important;
    display: block!important;
    padding: 0px!important;
    margin-bottom: 0px!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
 }

 .artical-bottom-section .artical-left.video-left h3 span {
    color: #595959!important;
    font-weight: 600!important;
    font-size: 20px!important;
    line-height: 23px!important;
    padding-bottom: 16px!important;
    display: block!important;
    padding-top: 7px!important;
    text-transform: capitalize!important;
}

.artical-right-description span {
    text-align: left!important;
    color: #595959!important;
    font-size: 13px!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}


.propertyDetails-video{
    background-color: #fff;
    position: relative;
    border-radius: 7px;
    border: 2px solid #00808073;
    padding: 5px 5px;
    margin-top: 20px;
}

.claiborne-details-box .video-right.propertyDetails-video .propertyDetails-image{
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 25%;
    height: 60%;
}


/*@26.07.2021*/

.seller-overview-table{
    overflow-y: auto;
}

.offer-overview-table-section.seller-overview-table table thead th{
    white-space: nowrap;
    padding: 10px 15px;
}

.offer-overview-table-section.seller-overview-table table tbody td{
    white-space: nowrap;
    padding: 20px 15px;
}

.offer-overview-table-section.seller-overview-table table tbody td div a{
    width: 100%;
    display: block!important;
}

.offer-overview-table-section.seller-overview-table table tbody td div a.btn-danger{
    color: #fff!important;
}

.offer-overview-table-section.seller-overview-table table .offer-section p{
    font-size: 15px;
}


.property-video-modal .modal-dialog {
  max-width: 800px;
  margin: 150px auto;
}

.property-video-modal .modal-body {
  position: relative;
  padding: 0px;
}
.property-video-modal .close {
    position: absolute;
    right: 0px;
    top: -35px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
    background: #44434375;
    padding: 0px 8px 2px;
}

.property-video-modal .modal-body button:focus{
    outline: none;
}


/*@02.08.2021*/

table.syohchat-inbox-table thead th:first-child{
    text-align: left;
}

table.syohchat-inbox-table thead th:last-child{
    text-align: right;
}


table.syohchat-inbox-table tbody td:last-child{
    text-align: right;
}

.reject-modal-cause div{
    margin-bottom: 20px;
    display: block;
}

.reject-modal-cause div label{
    width: 100%!important;
    padding-left: 47px!important;
}


/*@04.08.2021*/

.btn-shadow-stl:focus{
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%)!important;
}

.btn-add-stl:focus{
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%)!important;
}

.btn-add-stl:focus-visible{
    outline: 0!important;
}

/*@06.08.2021*/

.upload-link-box{
    margin-top: 10px;
}
.upload-link-box a{
    font-size: 15px;
    color: #1e8e8e;
    margin-bottom: 5px;
    display: inline-block;
}


.favourites-table-section.fav-tbl-list{
    overflow-y: auto;
}

.favourites-table-section.fav-tbl-list table tbody td.fav-property-price {
    white-space: nowrap;
}

h1.banner-heading-title{
    text-transform: inherit;
}


.sell_steps_nw .help_box_a i p.sell-seller-tooltip-text{
    left: 195px;
}



/*@09.08.2021*/

.chat-action-button{
    text-align: center!important;
}

.chat-action-button i{
    color: #fff;
}

.chat-action-button i:hover{
    color: #fff;
}

.chat-action-button .btn-delete{
    background-color: #008080;
    border-color: #008080;
}

.chat-action-button .btn-delete:hover{
    background-color: #006060;
    border-color: #006060;
}

.chat-action-button .btn-delete:focus{
    box-shadow: 0 0 0 0.2rem rgb(0 128 128 / 28%);
}


/*@10.08.2021*/

.chat-action-button{
    white-space: nowrap;
}

.archive-button-box-action{
    text-align: right;
}
.archive-button-box-action button{
    padding: 11px 15px;
    background: #008080;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: 0.6s;
}

.archive-button-box-action button:hover{
    background: #006060;
    color: #fff;
}

.syohchat-details-box table.syohchat-table-tr-s thead th:nth-of-type(3){

    white-space: nowrap;
}


.syohchat-details-box table.syohchat-table-tr-s thead th{
    width: 25%;
    padding: 7px 20px;
}

.syohchat-details-box table.syohchat-table-tr-s tbody td{
    width: 25%;
    padding: 20px 20px;
}

.syohchat-details-box table.syohchat-table-tr-s tbody td:last-child {
    padding: 20px 5px 20px 20px;
}

.syohchat-details-box table.syohchat-table-tr-s thead th:last-child{
   padding-right: 10px;
}

.syohchat-details-box{
    overflow-y: auto;
}

.buyer-email-error{
    width: 100%;
    margin-top: 7px;
    color: #ff0000;
}



/*@18.08.2021*/

.help_box_g{
    position: relative;
    width: 95%;
}

.help_box_g i p {
    position: absolute;
    top: -14px;
    left: 67px;
    background-color: #444444d6;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
    z-index: 999;
    border-radius: 5px;
    text-transform: initial;
    text-align: center;
    display: none;
}

.help_box_g i p::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -14px;
    border-top: 7px solid transparent;
    border-right: 7px solid #444444d6;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.help_box_g i p a{
    color: #3cc;
    text-decoration: underline;
}

.help_box_g i:hover p {
    display: block;
}

.listing-features-box h4.listing-features-box-title{
    color: #595959;
    font-weight: 600;
    font-size: 20px;
}
/*m.d 08.02.22*/
.chat_list_box {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 10px;
margin-bottom: 10px;
}
.chat_list_box .chat_list_icon {
width: 50px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.chat_list_box .chat_list_txt {
width: calc(100% - 70px);
display: inline-block;
vertical-align: middle;
font-size: 14px;
position: relative;
}
.chat_list_box .chat_list_txt h4 {
font-size: 17px;
color: #1e8e8e;
}
.chat_list_box .chat_list_txt p {
font-size: 14px;
color: #666666;
line-height: 18px;
margin-top: 5px;
}
.chat_list_box.no-border{
border:none;
padding:0;
margin:0;
}
.chat_list_box span.date {
position: absolute;
top: 2px;
right: 0;
font-weight: bold;
color: #555555;
font-size: 12px;
}
.syohchat-details-box {
margin-bottom: 50px;
background: #f5f5f5;
padding: 15px;
}
.conversation-list-box{
padding:10px;
}
.chat_list_box .chat_list_icon img{
border: 1px solid #1e8e8e;
border-radius: 50%;
overflow:hidden;
}
.conversation-message-section {
width:100%;
}
.chat_details_outer {
padding: 12px;
background: #f5f5f5;
margin: 20px 0;
}
.chat_details_box {
margin: 20px;
}
.chat_details_box .chat_list_icon {
width: 40px;
height:40px;
border: 1px solid #1e8e8e;
border-radius: 50%;
float:left;
vertical-align: middle;
overflow:hidden;
}
.chat_details_box .chat_list_txt {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
background: #d4ecec;
padding: 5px 15px;
border-radius: 10px;
position:relative;
max-width:400px;
}
.chat_details_box .chat_list_txt:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: auto;
right: -10px;
top: 20px;
bottom: auto;
border: 7px solid;
/* border-color: #ffffff transparent transparent #ffffff; */
border-color: #d4ecec #d4ecec transparent transparent;
}
.chat_details_box.left-chat .chat_list_txt:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -10px;
right: auto;
top: 20px;
bottom: auto;
border: 7px solid;
border-color: #d4ecec #d4ecec transparent transparent;
}
.chat_details_box .chat_list_txt h4 {
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.chat_details_box .chat_list_txt p {
font-size: 12px;
line-height: 14px;
text-align: left;
}
.chat_details_box span.date {
display: inline-block;
vertical-align: top;
font-weight: bold;
font-size: 10px;
margin-left: 30px;
}
.chat_details_box.right-chat {
text-align: right;
}
.chat_details_box.right-chat .chat_list_txt h4{
float:left;
}
.chat_details_box.right-chat .chat_list_icon {
float: right;
}
.chat_details_box.right-chat .chat_list_txt{
margin-left:0;
margin-right:20px;
/* background: #ffffff; */
}
.chat_details_box.delivered .chat_list_txt::before {
color: #00bdf6;
position: absolute;
content: '\2713';
bottom: 5px;
right: 8px;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}
.sorting_1 img {
border-radius: 50%;
margin: 0 auto;
display: block;
}
.btn-primary{
background: #008080;
border-color:#008080
}
.btn-primary:hover {
background: #006060;
}
.syohchat-details-box .btn-primary {
padding: 7px 15px;
font-size: 12px;
line-height: 1;
}
.syohchat-details-box .dataTables_wrapper .dataTables_paginate .paginate_button.current, .syohchat-details-box .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: #008080;
border-color: #008080;
padding: 4px 8px;
color: #fff !important;
box-shadow: none;
min-width: 20px !important;
line-height: 15px;
border-radius: 4px;
vertical-align: middle;
}
.syohchat-details-box .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .syohchat-details-box .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .syohchat-details-box .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
background: #50cdcd;
border-color: #50cdcd;
padding: 4px 8px;
color: #fff !important;
box-shadow: none;
min-width: 20px !important;
border-radius: 4px;
font-size: 12px;
line-height: 15px;
vertical-align: middle;
}
.syohchat-details-box .dataTables_wrapper .dataTables_length select,
.syohchat-details-box .dataTables_wrapper .dataTables_filter input{
border: 1px solid #008080;
background-color: #fff;
}
img#loading-image {
position: absolute;
bottom: 60px;
left: 50%;
z-index: 99;
width: 50px !important;
height: 50px !important;
transform:translatex(-50%);
}
.syohchat-details-box .img-thumbnail{
width: 100px;
}
@media screen and (max-width: 991px){
.conversation-text-box.large-screen {
display: block !important;
margin-bottom: 17px;
padding: 9px 12px;
}
.reffer_card_body .form-control{
margin-bottom:15px;
}
}
@media only screen and (max-width:400px){
.chat_details_box {
margin:10px 0;
}
}
@media only screen and (max-width:600px){
.btn-group-lg>.btn, .btn-lg {
padding: .5rem 12px;
font-size: 14px;
line-height:1.2;
}
.btn{
margin-bottom:10px !important;
}

}
/***m.d 21.07.22***/
.reffer_card_body{
box-shadow: 0 0.5rem 1.8rem rgb(43 42 53 / 18%);
border-radius: 5px;
text-align: left;
overflow: hidden;
padding:20px;
}
.reffer_card_body h6{
font-size: 20px;
line-height: 26px;
margin: 0 auto;
padding-bottom: 10px;
font-family: 'Tox Typewriter';
 color: #595959;
font-weight: 600;
}
.reffer_card_body .form-area label{
text-transform:capitalize;
}
.success_card_body button.register-btn.btn.btn-default {
padding-top: 6px;
padding-bottom: 6px;
}
.listing-submit-section .success_card_body .nav-buttons {
margin-top: 20px;
margin-bottom: 20px;
}
/* m.d 22.08.22*/
.wizard.wizard-questionnaire .row.dotted-border p, 
.wizard.wizard-questionnaire .row.dotted-border{
font-family: 'Roboto', sans-serif !important;
font-size: 1rem !important;
line-height: 1.5 !important;
}
.wizard.wizard-questionnaire .row.dotted-border ol ol, 
.wizard.wizard-questionnaire .row.dotted-border ol ul, 
.wizard.wizard-questionnaire .row.dotted-border ul ol, 
.wizard.wizard-questionnaire .row.dotted-border ul ul,
 .wizard.wizard-questionnaire .row.dotted-border p,
.wizard.wizard-questionnaire .row.dotted-border ol, 
.wizard.wizard-questionnaire .row.dotted-border ul{
margin-bottom: 0;
overflow: hidden;
clear: both;
padding: 0 0 15px 0;
}
.wizard.wizard-questionnaire .row.dotted-border ul li,
.wizard.wizard-questionnaire .row.dotted-border ul li{
padding: 0 0 10px 0;
}
.wizard.wizard-questionnaire .row.dotted-border br{
display:none !important;
}
.wizard.wizard-questionnaire .row.dotted-border ul li:last-child,
.wizard.wizard-questionnaire .row.dotted-border ul li:last-child{
padding: 0;
    margin-bottom: 0px;
}
.wizard.wizard-questionnaire .row.dotted-border  li.floatRowDv {
float: none;
width: auto;
overflow: hidden;
clear: both;
}
.how-it-works .card .video-right {
height: 230px;
overflow: hidden;
}
.how-it-works .card h3.card-text {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.how-it-works p.video-frame {
font-size: 16px;
right: 16px;
left: inherit;
top: 15px;
margin: 0;
transform: none;
text-align: right;
width: auto;
}

/*m.d 22.03.23*/
.check-wizz, .radio-wizz {
padding: 0;
margin: 0 0 20px 0 !important;
cursor: pointer;
}
.custom-checkbox.check-wizz .custom-control-label::before,
.custom-radio.radio-wizz .custom-control-label::before{
display:none;
}

.check-wizz-nocheck,
.check-wizz input[type="checkbox"] + label,
.radio-wizz input[type="radio"] + label, .custom-control-label {
width: 100%;
height: auto;
background: #f6ffff;
border: 2px solid transparent;
color: #008081 !important;
border-radius: 7px;
padding: 15px 10px;
text-align: center;
cursor:pointer;
box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
transition:all 500ms linear;
min-height:140px;
line-height:70px;
}
.sell_steps_nw .wizard-payment .check-wizz h3,
.sell_steps_nw .wizard-payment .radio-wizz h3  {
font-size: 16px;
color: #008081;
font-weight: 500;
text-transform: capitalize;
margin: 0;
min-height: 45px;
display: flex;
flex-direction: column;
justify-content: center;
}
.check-wizz i, .radio-wizz i {
font-size: 30px;
margin-bottom: 10px;
}
.check-wizz .badge, .radio-wizz .badge {
background: #008081;
color: #fff;
font-size: 14px;
padding: 4px;
width: 64px;
margin: 9px auto 0 auto;
display: block;
}
.wizard-payment .badge, .pricing .badge {
background: #008081;
color: #fff;
font-size: 14px;
padding: 4px;
width: 64px;
margin: 9px auto 0 auto;
display: block;
}
.check-wizz input[type="checkbox"] + label:hover,
.radio-wizz input[type="radio"] + label:hover{
box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}
.custom-checkbox.check-wizz .custom-control-input:checked~.custom-control-label,
.custom-radio.radio-wizz .custom-control-input:checked~.custom-control-label,
.custom-control-input:checked~label.custom-control-label-whole{
border-color:#008081;
background:#e5f7f7;
}

input[type="checkbox"] + label.custom-control-label-whole,
input[type="radio"] + label.custom-control-label-whole {
display: block;
background: none;
width: 100%;
height: auto;
border: 3px solid #33cccc ;
padding:20px;
cursor:pointer;
}


/*.radio-wizz input[type="radio"] + label {
padding: 0;
border-radius: 0;
border-color: #33cccc;
box-shadow: none;
}
.radio-wizz i {
font-size: 20px;
margin-bottom: 0;
display: inline-block;
width: 40px;
background: #33cccc;
color: #fff;
padding: 10px 5px;
vertical-align: middle;
line-height: 24px;
}
.sell_steps_nw .wizard-payment .radio-wizz h4 {
display: inline-block;
width: calc(100% - 45px);
min-height: inherit;
vertical-align: middle;
font-size: 14px;
text-align: left;
padding: 0 5px;
}
.radio-wizz input[type="radio"] + label:hover{
box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}
.custom-radio.radio-wizz .custom-control-input:checked~.custom-control-label{
border-color:#008081;
background:#e5f7f7;
}
.custom-radio.radio-wizz .custom-control-input:checked~.custom-control-label i{
background:#008081;
}*/
.view_section .row, .payment_box .row, #total_section .row, #total_section .row, #total_amount .row,
#pay_now_section .row, #pay_atsettlement_section .row{
display: block;
width: auto;
margin: 0;
}

.view_section .row > div, #total_section .row > div, 
#total_section .row > div, #total_amount .row > div,
#pay_now_section .row > div, #pay_atsettlement_section .row > div{
background: #f6ffff;
padding: 5px;
border-bottom: 2px solid #008081;
border-right: 2px solid #008081;
height: 40px;
line-height: 29px;
}
#pay_now_section input {
width: 100%;
height: 28px;
}
.view_section {
border-left: 2px solid #008081;
border-top: 2px solid #008081;
overflow: hidden;
font-size: 14px;
font-weight: 500;
color: #008081;
}

.payment_box .row > div{
	background: #f6ffff;
	padding: 5px;
	border-bottom: 2px solid #008081;
	border-right: 2px solid #008081;
	border-left: 2px solid #008081;
	height: 40px;
	line-height: 29px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	color: #008081;
}

#total_section, #pay_now_section, #pay_atsettlement_section{
border-left: 2px solid #008081;
overflow: hidden;
font-size: 14px;
font-weight: 500;
color: #008081;
}

@media (max-width: 700px){
.check-wizz, .radio-wizz {
margin: 0 0 20px 0 !important;
}
}
/*m.d 07.04.23*/
.single-property-content .accordion.price-accordion {
width: 600px;
}
.accordion.price-accordion .accordion-item:first-of-type {
border-top-left-radius: 4px;
border-top-right-radius: 0;
}
.accordion.price-accordion .accordion-item:last-of-type {
border-bottom-right-radius: 0;
border-bottom-left-radius: 4px;
}
.accordion.price-accordion .accordion-item {
border:none;
background-color: #d7ffff;
border-left: 4px solid #33cccc;
margin-bottom: 8px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.accordion.price-accordion .accordion-button:focus {
border-color: none;
box-shadow: none;
}
.accordion.price-accordion .accordion-button {
font-size: 16px;
color: #000000;
background-color: #a1f9f9;
border: 0;
border-radius: 0;
text-transform: uppercase;
}
.accordion.price-accordion .accordion-button:not(.collapsed) {
color: #000000;
background-color: #33cccc;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion.price-accordion .accordion-item:first-of-type .accordion-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion.price-accordion strong.badge.rounded-pill {
background: #008081;
font-size: 14px;
width: 70px;
padding: 5px 12px;
}
.accordion.price-accordion .accordion-button::before {
content: '\f067';
font-family: "Font Awesome 5 Pro";
background: none;
font-size: 18px;
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: 0;
margin-right: 15px;
transition: transform .2s ease-in-out;
}
.accordion.price-accordion .accordion-button:not(.collapsed)::before{
content: '\f068';
font-family: "Font Awesome 5 Pro";
background: none;
font-size: 18px;
margin-left: -5px;
transform: rotate(-180deg);
}
.accordion.price-accordion .accordion-button::after,
.accordion.price-accordion .accordion-button:not(.collapsed)::after{
display:none;
}
.accordion.price-accordion .accordion-collapse{
overflow:hidden;
}
.accordion.price-accordion .card-body {
width: 70%;
margin: 30px auto;
background: #ededed;
font-size: 14px;
border-radius: 8px;
border: 4px solid #33cccc;
line-height: 25px;
}
.accordion.price-accordion .card-body h3 {
margin: -16px -16px 20px -16px;
background: #33cccc;
border-radius: 4px 4px 0 0;
text-align: center;
font-weight: 600;
color: #fff;
padding: 5px 12px;
}
@media (max-width: 700px){
.single-property-content .accordion.price-accordion {
width: 100%;
}
.accordion.price-accordion .card-body {
width: 90%;
}
}
h1 span,h2 span,h3 span,h4 span,h5 span{
color:#33cccc;
}
/*m.d 10.05.23*/
.product-card {
box-shadow: 0 3px 12px rgba(72,73,73,0.2);
padding: 20px;
border-top: 0.6rem solid #33cccc;
border-radius: 0.375rem;
text-align: center;
margin-bottom: 0;
overflow: hidden;
position: relative;
height:300px;
font-size: 14px;
line-height: 21px;
}
.product-card h3 {
text-transform: capitalize;
font-size: 20px;
line-height: 24px;
}
.product-card .price-container {
font-size: 2rem;
line-height: 2rem;
font-weight: 700;
color:#33cccc;
font-family: 'Tox Typewriter';
margin-bottom: 12px;
}
.product-card .price-container span {
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 700;
display: inline-block;
vertical-align: middle;
color: #484949;
}
.product-card span.price-icon {
font-size: 17px;
color: #008081;
border: 3px solid #008081;
padding: 4px;
display: block;
width: 40px;
height: 40px;
line-height: 24px;
border-radius: 50%;
margin: 0 auto 10px auto;
}
.product-card .plan-features p {
font-size: 15px;
line-height: 23px;
font-weight: 500;
margin-bottom: 12px;
}
.product-card .plan-features ul {
padding: 0;
list-style: none;
margin: 0;
}
.product-card .plan-features ol {
padding: 0;
text-align: left;
list-style: decimal inside;
font-size: 15px;
line-height: 23px;
font-weight: 500;
}
.product-card .plan-features ol li{
margin: 0 0 10px 0;
}
.product-card .plan-features ul  li {
border: 2px solid #33cccc;
padding: 8px;
margin: 0 0 10px 0;
border-radius: 5px;
font-size: 12px;
display: block;
}
.product-card .plan-features ul  li a,
.product-card .plan-features ul  li a:hover,
.product-card .overlay a,
.product-card .overlay a:hover{
color: #fff;
}
.product-card .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #008081;
box-sizing: border-box;
padding: 20px;
color: #fff;
overflow-y:scroll;
text-align: left;
}

.product-card:hover .overlay {
opacity: 1;
}

/* width */
.product-card .overlay::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.product-card .overlay::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.7); 
  border-radius: 10px;
}
 
/* Handle */
.product-card .overlay::-webkit-scrollbar-thumb {
  background: #33cccc; 
  border-radius: 10px;
}

/* Handle on hover */
.product-card .overlay::-webkit-scrollbar-thumb:hover {
  background: #33cccc; 
}

.pricing .check-wizz-nocheck, .pricing .check-wizz input[type="checkbox"] + label, 
.pricing .radio-wizz input[type="radio"] + label {
width: 100%;
height: auto;
background: transparent;
border: 2px solid transparent;
color: #212529;
border-radius: 7px;
padding: 0;
text-align: center;
cursor: pointer;
box-shadow: none;
transition: all 500ms linear;
min-height: inherit;
line-height: 0;
margin-bottom: 30px;
}
.check-wizz i, .radio-wizz i {
font-size: 17px;
margin-bottom: 0px;
}