@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;scroll-behavior: smooth;}
body{background:#fff;font-family:'Raleway',sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, span, p, a{font-family:'Raleway',sans-serif;word-wrap: break-word;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px}
body a{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both;}
.navbar{margin-bottom:0}
.nav-padding{ padding:0 50px}
.navbar-default {background-color: #fff;border:0; border-radius:0; }
.navbar-brand > img {width: 160px}	
.topnav-centered{float: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {color: #000;padding: 0 20px 0 20px; font-weight:600}
.navbar-default .navbar-nav > li > a:hover{color:#9d61b2;background:transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{background:transparent; color:#fff}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #fff;   background-color: transparent;}
.navbar .container-fluid{padding-right:0}
.navbt{background:#9d61b2; font-family:avenir-Bold; text-transform: uppercase;border:2px solid rgba(255,255,255,0.4);color:#fff !important;padding:7px 0px !important;font-weight:700;border-radius:5px;font-size:1.2em; margin-top: 19px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; width:150px; margin-left:15px}
.navbt:hover{background:#fff !important;border:2px solid #9d61b2;color:#9d61b2 !important;}
.navbar-right{width:47%; }
.header{background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/home-banner.jpg) bottom center no-repeat; background-size:cover; height:700px; padding:150px 0 0 0}
.header h1{font-size:3.3em; text-align:center; color:#fff; font-weight:900; margin-bottom:15px}
.header p{font-size:1.5em; text-align:center; color:#fff; font-weight:500}
.search{margin-top:50px; padding:10px; border-radius:8px;text-align:center;}
.search h1{ color: #fff;font-weight:bold;font-size: -webkit-xxx-large; text-shadow: 2px 3px #000;}
.search p{color:#ccc; text-align:left}
.nav>li {position: relative;display: block;text-align:center;font-weight:bold;padding: 4%;border-right: 1px solid #e29dfba1;}
.nav>li:hover {background:#f1caff;}
.btbg a{color:#000;}
.btbg .fa{color:#9d61b2;font-size:large;}
.btbg a:hover{color:#000;text-decoration:none;}
.inner-gallery{padding-left:0px !important; padding-right:0px !important;}
.inner-gallery .owl-item{height:150px; width:214 !important;}
.featured-listing .owl-item, .featured-business-listings .owl-item{width:214px!important;height:150px;border:1px solid #ccc;}
.featured-business-listings .owl-item{margin-right:10px !important;}
.featured-business-listings .owl-item{width:214px!important;height:150px;}
.featured-business-listings .owl-stage-outer{height:150px;}
.homesearch form {width: 100%;}
.homesearch form .inner-form {display: -ms-flexbox;display: flex;width: 100%;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;}
.homesearch form .inner-form .input-field {height: 49px; border-left:0px solid#ccc}
.homesearch form .inner-form .input-field input {/*height: 100%;*/background: #fff;border: 0;display: block;width: 100%;padding: 10px 15px;font-size:1em;}
.homesearch form .inner-form .input-field input{border-right:1px solid#ccc}
.homesearch form .inner-form .input-field input.placeholder {color: #9a9a9a;font-size: 20px;}
.homesearch form .inner-form .input-field input:-moz-placeholder {color: #9a9a9a;font-size: 20px;}
.homesearch form .inner-form .input-field input::-webkit-input-placeholder {color: #9a9a9a;font-size: 20px;}
.homesearch form .inner-form .input-field input:hover, .homesearch form .inner-form .input-field input:focus {box-shadow: none;outline: 0;}
.homesearch form .inner-form .input-field.first-wrap {width: 40%;-ms-flex-positive: 1;flex-grow: 1;}
.homesearch form .inner-form .input-field.first-wrap #search{border-radius:5px 0px 0px 5px !important}
.homesearch form .inner-form .input-field.second-wrap {width: 50%;min-width: 180px;}
.homesearch form .inner-form .input-field.third-wrap {width: 50%;min-width: 180px; background:#fff}
.homesearch form .inner-form .input-field.four-wrap {width: 180px;margin-right: 0; padding:6px;background:#fff; border-radius:0px 5px 5px 0px}
.homesearch form .inner-form .input-field.four-wrap .btn-search {height: 100%;width: 100%;background: #9d61b2;font-weight:bold;white-space: nowrap;border-radius:5px;font-size: 1em;color: #fff;transition: all .2s ease-out, color .2s ease-out;border: 0;cursor: pointer;}
.homesearch form .inner-form .input-field.four-wrap .btn-search:hover {background: #fff;color:#9d61b2;border:2px solid #9d61b2;}
.dropbtn {background-color: #fff;padding: 16px 140px 12px 17px;font-size: 16px;border: none;cursor: pointer;border-right:1px solid#ccc;font-size:1em;font-weight:500; color:#000;}
.btmbnr{padding:11% 0 2% 0;background: #0000006b;}
#more2 ul{padding-left:0!important;list-style:none;}
.bnrss h1{color:white;}
.bnrss a{color:white;padding-right:1%;}
.bnrss .fa{color: #9d61b2;}
.ext-day{margin-left:15px;}
.ext-day label{margin-right: 20px;}
.add-days{background:#9d61b2; color:#fff !important; border: 2px solid rgba(255,255,255,0.4);}
/*#myInput {box-sizing: border-box;background-image: url('searchicon.png');background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;border: none;border-bottom: 1px solid #ddd;}
*/


.category-right, .category-left{position:relative; height: 180px;}
.category-right .navbt{position:absolute; right:10px; bottom:-11px; font-family: 'Raleway',sans-serif; font-weight:normal; }
.category-left .category{width:100% !important; position: absolute; bottom: -28px;}
.pagination>li>a, .pagination>li>span{padding:6px 8px !important;}
.page-n-found{padding:150px 0; background:#f2f2f2;}
.page-n-found .error-rw{width: 50%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 50px;}
.page-n-found .error-rw h1{font-size: 70px; font-weight: bold; margin-bottom: 15px;}
.page-n-found .error-rw h6{font-size:18px;}
.adss{
       border: 1px solid #e5e7f2;
    border-radius: 4px;
   
    color: #a18f7e;
    padding-top: 9px;
    padding-left: 5%;
    font-size: small;
}


/*Accordian css start */


 #accordion {
	 display: flex;
	 flex-direction: column;
	 max-width: 100%;
	 margin: 5rem auto;
}
 #accordion .single-accordion {
	 display: flex;
	 flex-direction: column;
	 margin-bottom: 0.4rem;
	 box-shadow: 0 0 0.2em 0.1em rgba(0, 0, 0, 0.1);
	 border-radius: 0.2rem;
	 overflow: hidden;
}
 #accordion .single-accordion .accordion-header {
	 background-color: #9d61b2;
	 display: flex;
	 color: white;
	 cursor: pointer;
	 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), transparent);
}
 #accordion .single-accordion .accordion-header__title {
	 padding: 1rem 1.5rem;
	 text-transform: capitalize;
	 color: white;
	 font-size:18px;
	 font-weight:bold;
}
 #accordion .single-accordion .accordion-header__caret {
	 padding: 1rem 1.5rem;
	 margin-left: auto;
	 border-left: 1px solid;
	 position: relative;
}
 #accordion .single-accordion .accordion-header__caret::before {
	 content: "+";
	 text-align: center;
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: 100%;
	 width: 100%;
	 font-size:26px;
}
 #accordion .single-accordion .accordion-text {
	 padding: 2.5rem;
	 background-color: white;
	 line-height: 1.75rem;
}
 #accordion .single-accordion[data-opened="true"] .accordion-header {
	 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), transparent);
}
 #accordion .single-accordion[data-opened="true"] .accordion-header__caret::before {
	 content: "-";
}
 
.space-row .col-sm-3{    margin-bottom: 5px; border-bottom: 1px solid #ddd; padding: 10px;}
.space-row .col-sm-3 a{color:#333;}
.space-row .col-sm-3 a:hover{text-decoration:none; color:#337ab7;}

/*Accordian css end */



#more ul{list-style:none;padding-left:0;}
.ssbtn1 {
       background: #fffffffa;
    color: #9d61b2;
    font-weight: 600;
    text-align: center;
    width: 100%;
    border: none;
    padding: 10px 0;
    font-size: 15px;
}
.blinking{
    animation:blinkingText 1.2s infinite;
    background:#9d61b2;
        font-weight: 700;
    border-radius: 5px;
    border: 2px solid rgba(255,255,255,0.4);
    padding: 2.8% 6%;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
}
.ssmodl{
    width:95%!important;
    padding:3%!important;
}
.sspop{
    padding-top:15px!important;
        padding-bottom: 15px!important;
}
.custom-form label {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: #000;
    color: #878C9F;
    font-size: 15px;
    font-weight: 500;
}
.ssbtn1:hover {background:#6f7071;color:white;}
#myInput {box-sizing: border-box;background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;border: none;border-bottom: 1px solid #ddd;}
#myInput:focus {outline: 3px solid #ddd;}
.dropdown {position: relative;display: inline; float:left;text-align:left;width:100%;}
.dropdown-content {display: none;position:absolute;background-color: #f9f9f9;min-width: 99%;overflow: auto;z-index:99;}
.dropdown-content ul{
    list-style:none;padding-left:0;margin-bottom: 0;
    
}

.dropdown .show{
width: 100%;
z-index: 999999;
/*height: 261px;
overflow-y: scroll;*/
}

#apentto::-webkit-scrollbar {
  width: 10px;
}
#apentto::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
#apentto::-webkit-scrollbar-thumb {background:#9d61b2; border-radius: 10px;}
#apentto1::-webkit-scrollbar {
  width: 10px;
}
#myDropdown2::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
#myDropdown2::-webkit-scrollbar-thumb {background:#9d61b2; border-radius: 10px;}
#myDropdown2::-webkit-scrollbar {
  width: 10px;
}
#apentto1::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
#apentto1::-webkit-scrollbar-thumb{background:#9d61b2; border-radius: 10px;}
#apentto{
    height:30vh;overflow-y:scroll;
}
#apentto1{
    height:30vh;overflow-y:scroll;
}
#myDropdown2{
    height:40vh;
}
.product-pricecol {
    width: 100%;
   
    float: left;
    margin: 50px 0;
}
.columns0 {
    background: #d59ee8;
}
.columns1 {
    background: #41464b;
}
.columns {
    float: left;
    width: 25%;
        border-radius: 23px;
    border:5px solid #fff;
    padding: 8px;
}
.price {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s;
}
.price .headers {
    background-color: #41464b;
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
.price li {
    padding: 15px 20px 15px 35px;
    text-align: center;
    background: #fff;
    margin-bottom: 5px;
    position: relative;
}
.price .grey {
        background: transparent;
    font-size: 50px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    border-top: 1px solid #fff;
    padding-top: 25px;
}
.price .grey span {
    font-size: 14px;
}
.columns2 {
    background: #9d61b2;
}
.columns1 .price .button-cont {
   padding-top:24%;
}
.columns2 .price .button-cont {
   padding-top:34%;
}
.columns0 .price .button-cont {
 padding-top:25%; 
}
.columns3 .price .button-cont {
padding-top: 9.2%;
    padding-bottom: 4%;
}
.columns3{
    background:#000;
}
.price li .fa {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 18px;
}
.ssdiv .profile-edit-container .custom-form label{
    margin-top:2%!important;
}
.button-cont {
    background: none!important;
        margin-top: 8%;
}
.profile-edit-container .custom-form label {
    margin-bottom: 10px;
}
.profile-edit-container .custom-form label i {
    top: 42px;
}
.custom-form label i {
    padding-right: 12px;
    font-size: 14px;
    color:#9d61b2;
    position: absolute;
    top: 16px;
    left: 16px;
}
.custom-form .form-control{
    padding:6px 40px;
}
.custom-form textarea, .custom-form input[type="text"], .custom-form input[type=email], .custom-form input[type=password], .custom-form input[type=button], .listsearch-input-item input[type="text"] {
    float: left;
    border: 1px solid #e5e7f2;
    background: #fff;
    width: 100%;
        margin-bottom: 2%;
    padding: 15px 20px 15px 45px;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    z-index: 1;
}
 .button-cont a {
    color: #fff;
    background-color: #6f7071;
    box-shadow: 0 5px 0 #000;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
}
.button-cont a:hover {
    background-color:black;
}
.dropdown-content i{ position: absolute; 
            right: 13px; 
            top: 10px; 
            color: gray; }
            .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9; /* Sit on top */
  padding-top: 120px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*Social Share button css start*/
#share {
	width: 100%;
  	margin: 100px auto;
  	text-align: center;
}

/* buttons */

#share a {
	width: 50px;
  	height: 50px;
  	display: inline-block;
  	margin: 8px;
  	border-radius: 50%;
  	font-size: 24px;
  	color: #fff;
	opacity: 0.75;
	transition: opacity 0.15s linear;
}

#share a:hover {
	opacity: 1;
}

/* icons */

#share i {
  	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

/* colors */

.facebook {
 	background: #3b5998;
}

.twitter {
  	background: #55acee;
}

.googleplus {
  	background: #dd4b39;
}

.linkedin {
  	background: #0077b5;
}

.pinterest {
  	background: #cb2027;
}

/*Social Share button css end*/




/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 45%;
}

/* The Close Button */
.close {
  color: #000;
  float: right;
  opacity:.8;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.dropdown-content a {color: black;padding: 10px 16px;text-decoration: none;display: block;border-bottom: 1px solid #efefef}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
.dot{float: right;display: inline;position: absolute;right: 15px;z-index: 3;margin-top: -30px;}
.home-icon{border-radius:5px; width:572px; margin:auto;margin-top:50px;}
.home-icon .owl-stage-outer{height:149px;padding:3% 5%;}
.iconbg{background:rgba(255,255,255,0.1);z-index:1; height:150px; width:99px; border-radius:5px; }
.bnicon{ border-radius:5px;text-align:center;}
.bnicon i{color:#fff; font-size:2em;}
.bnicon p{color:#fff; font-size:1em; line-height:1;text-align:left;padding-left:12%;}
.home-icon .owl-carousel .owl-item img{width:auto !important}
.featured-listing{margin-top:50px;}
.home-icon .owl-item{width:100px!important;margin-right:0!important;}
.featured-listing h2{color:#000; font-size:2.5em; font-weight:700; line-height:1;padding-bottom: 2%;text-align:center}
.featured-listing p{color:#000; font-size:1em; font-weight:300; line-height:1.5; text-align:center; padding:0 200px}
.gapone{margin-top:23px}
.listing{overflow: hidden;position: relative;}
.listing img {transition: transform .8s ease;padding:1px; position:fixed; transform: translate(-50%, -50%);
    top: 50%;
   
    left: 50%;
   
   }
.listing:hover img {}
    .listing-avatar {
    position: absolute;
 top: 42%;

    right: 40px;
    z-index: 14;
}
.listing-avatar img {
    width: 50px;
    height: 50px;
    box-shadow: 0px 0px 0px 6px rgba(255,255,255,1);
    border-radius: 100%;
    position: relative;
    z-index: 2;
}
.listingss img{
    border-radius:6px;
}
.avatar-tooltip {
    position: absolute;
    top: 0;
    margin-top: 4px;
    opacity: 0;
    right: 0;
    padding-right: 60px;
    min-width: 200px;
    visibility: hidden;
    height: 62px;
    padding-top:32%;
    border-radius: 56px;
    z-index: 1;
    background: #fff;
    color: #878C9F;
    font-size: 11px;
    font-weight: 600;
    box-shadow: 0 9px 26px rgba(58, 87, 135, 0.15);
    transition: all .2s ease-in-out;
}

.listing-avatar:hover .avatar-tooltip {
     margin-top: -6px;
    font-size: smaller;
    opacity: 1;
    text-align: center;
    visibility: visible;
}
 #owl-demo .item{display: block;cursor: pointer;background: #ffd800;margin: 5px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
#owl-demo .item:hover{background: #F2CD00;}
.owl-nav {float: right;position: absolute;top: 0;right: 0;margin-top: -45px;}	
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size: 2em; margin:0 5px;background:#000 !important;color:#fff; padding: 0 15px !important;border-radius: 3px;}
.listing .listing-bg::before {content: '';position: absolute;left: 0;bottom: 0;right: 0;top: 30%;background: -webkit-gradient(linear,left top,left bottom,from(rgba(67,0,94,0)),to(rgb(255,255,255 / 10%)));background: -webkit-linear-gradient(top,rgba(67,0,94,0) 0%,rgb(255,255,255 / 10%) 100%);background: -o-linear-gradient(top,rgba(67,0,94,0) 0%,rgb(255,255,255 / 10%) 100%);z-index: 99;}
.listing-data{position:absolute;z-index:999;margin-top: -96px; padding:15px}
.listing-data h3{font-size:1.3em; text-align:left;color:#000;font-weight:bold; text-decoration:none;text-align:left;padding-top: 2%;line-height: 1;}
.listing-data p{font-size:1em; color:#000; font-weight:500;text-align:left; padding:0 !important;position: relative;z-index:99999;}

.sdropdown{
    width:100%;
}

.ssforq{
    padding:6% 2%;
}
.four-wrap .navbt{
    margin-top:9px!important;
}
.ssforq .form-control{
   border: 1px solid transparent!important;
    height: 38px;
    font-size: large;
    color: #9c9c9c;
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 0%);
}

.ssforq .form-control:hover{
    border:1px solid transparent!important;
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 0%) ;
}
.ssforq .form-control:active{
    border:1px solid transparent!important;
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 0%) ;
}
.all-listing{margin-top:20px}
.all-listing h3{color:#000; font-size:2.5em; font-weight:700; line-height:2; text-align:center; margin-bottom:4%;margin-top:3%;}

.listing-box{overflow: hidden;position: relative;border-radius:5px}
.listing-box img {transition: transform .8s ease;}
.listing-box:hover img {transform: scale(1.1);}
.listing-box-data{position:absolute;z-index:999;margin-top: -19%; padding:10px; width:100%;}
.listing-box-data h3{font-size:1.2em; text-align:left;color:#fff; text-decoration:none;text-align:left;line-height:1}

.listing-box .listing-bg::before {content: '';position: absolute;left: 0;bottom: 0;right: 0;top: 66%;background: #000000b8;z-index: 99;}

.gap-one{margin-bottom:25px}
.view-col{text-align:center;}
.view-col a{border: 2px solid #9d61b2;padding:15px 25px; color: #9d61b2;border-radius: 10px;font-weight: bold;text-transform: uppercase; font-size:16px;}
.view-col a:hover{text-decoration:none; background:#9d61b2; color:#fff;}
.view-more{padding:30px 0 10px;}


.enq-frm h3{text-align:center; font-weight:bold; padding:10px 0;}



.top-scroll{display:none;position:fixed;bottom:70px;right:2%;z-index:1000;display:block;width:60px;height:40px;line-height:35px;font-size:23px;color:#fff;text-align:center;background-color:#000;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;cursor:pointer;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);}
.top-scroll:hover{opacity:1;}
.footer{background:url('https://www.localbiz.nz/public/front/images/thumb/footerbg.jpg'); width:100%;background-size:cover;background-repeat:no-repeat;padding-top:40px; padding-bottom:30px; border-top: 1px solid#e3e4e3; margin-top: 50px}
.footer h5{font-size:2em; color:#9d61b2; font-weight:700; text-transform:uppercase; margin:0px}
.footer #third{margin-top:20px !important}
.footer address{font-size:1.2em; color:#fff; font-weight:300; line-height:1.3em}
.footer ul {margin-left: -10px; padding: 10px}
.footer ul li {display: block;}
.footer ul li a {font-size: 1.1em; font-weight: 600; line-height:28px; color:#fff; text-decoration:none}
.footer ul li a:hover{color:#9d61b2;}
.copywrite{padding:25px; background:#000; color:#fff; text-align:center;width: 100%; color: #fff}
.f-logo {
        text-align: revert;
    margin: 9% 3px 7% 0;
    color: #fff;
    margin-left: 8%;
    float: left;

}
.form-btm label{color:#fff}
.form-btm .form-control{background:transparent; height:40px}
.news{background:#000;border:1px solid#772a95;color:#fff !important;padding:8px 0px !important;font-weight:400;border-radius:3px;font-size:1.1em; margin-top:5px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; width:100px;}
.news:hover{border:1px solid#fff;color:#fff !important;}
#social{margin-top:25px;float:right;}
#social a{ display:inline; padding: 10px; font-size:1.6em; text-decoration: none}
#social a:hover{opacity:0.5; }
#social .fa-facebook{
    color:#3b5998;
}
#social .fa-twitter{
    color:#00acee;
}

#social .fa-youtube{
    color:#c4302b;
}

#social .fa-linkedin{
    color:#0e76a8 ;
}

.hours-display{ float: left;
    width: 100%;
    text-align: justify;
    padding-bottom:50px;
}

.hours {
    float: left;
    width: 100%;
    line-height: 27px;
}

.hours>span.weekday {
    font-weight: 700;
    width: 124px;
    float: left;
    text-transform: capitalize;
}

.hours>span.start {
    width: 65px;
    float: left;
}
.hours>span {
    float: left;
    width: 7px;
}

.hours>span.end {
    float: left;
    margin-left: 15px;
    width: 65px;
}
.time-h .hours-display{padding-left:15px; padding-right:15px;}

.listing-grid-social{margin-left:7%;}

.listing-grid-social>ul>li {
    background: #ececec;
    width: 65%;
    margin-bottom: 8px;
    border-radius: 10px;
    /*padding: 5px;*/
}

.list-single-main-item_content.pd.fl-wrap {
    padding: 5px 3px 23px;
}

.listing-grid-social>ul>li>a>i.fa.fa-facebook-f {
    background: #48649f;
    color: white;
    padding: 9px 4px 1px 11px;
    border-radius: 17px;
    font-size: 17px;
    width: 35px;
    height: 35px;
}

.listing-grid-social>ul>li>a>i.fa.fa-instagram {
    background: #f09433;
    color: white;
    padding: 9px 4px 1px 11px;
    border-radius: 17px;
    margin-right: 6px;
    font-size: 17px;
    width: 35px;
    height: 35px;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

.list-single-main-item_content .listing-features li a {
    font-weight: 600;
    color: #878C9F;
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
}

 .block_box ul li{
       list-style:none;
   }
.block_box h3{
    /*background: #9d61b2;*/
    background-image: linear-gradient(to right, #9d61b2 , #c2c2c2);
    color: white;
    font-size:large;
    padding: 1.5%;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 3.5%;
}
.l-side iframe{border:none; height:280px;}
.l-side iframe, .l-side form{padding-left:15px; padding-right:15px;}
.l-side h3{padding:10px;}
 .block_box ul{
       padding-left:0;
   }

.add-listing{margin-top:50px}
.add-listing h1, .add-listing h2, .add-listing h3{color:#43005e; font-size:1.8em; font-weight:700; line-height:1.3; margin-bottom:10px; text-align:center}

.price-table{margin-top:50px}
.premium-listing{border-radius:5px; border:1px solid#43005e; padding-bottom:40px}
.premium-listing h3{color:#fff; font-size:1.3em; text-align:center; background:#43005e; padding:20px 0;}
.premium-listing ul{list-style:none;margin-left: -20px; margin-top:20px}
.premium-listing li{font-size:1em; color:#333; font-weight:300; width:100%;margin-bottom:25px; padding-left:25px; line-height:1.3}
.tick{background:url(../images/icon-tick.png) no-repeat; height:20px; width:20px}
.pay-section{margin-top:40px}
.pay-section p, .pay-section a{font-size:1em; color:#333; font-weight:500; text-align:center; text-decoration:none}
.pay-section h4{color:#333; font-size:1.5em; text-align:center;font-weight:600;}
.pay-section .small{line-height:1.5;color:#333;text-align:center;font-size:0.8em; padding:10px 0}

.listing-details{margin-top:25px; background:#edd8f9; padding:25px}
.listing-details h5{color:#43005e; font-size:1.5em;font-weight:600; margin-bottom:25px}
.listing-details img{margin-top:27px}
.listing-details .check{font-size:0.8em}
.listing-details .form-control{color:#000;}
.update-listing{margin-top:50px}
.update-listing h1, .update-listing h2, .update-listing h3{color:#43005e; font-size:1.8em; font-weight:700; line-height:1.3; margin-bottom:10px;}
.update-listing p{font-size:1em; color:#333; font-weight:500; text-decoration:none}
.update-listing-form{margin-top:25px; background:#edd8f9; padding:25px; margin-bottom:25px}
.update-listing .form-control{height:49px}
.update-listing-form ul{list-style:none; margin-left:-40px}
.update-listing-form li{display:inline;padding:0 5px}
.update-listing-form a{color:#333; text-decoration:none}
.update-listing-form a:hover{color:#999}
.errorMsg {
    color: #ff0505;
    margin-bottom: 12px;
}
.listing .listing-bg::before {content: '';position: absolute;left: 0;bottom: 0;right: 0;top: 71%;z-index: 99;}
.modal-body .form-check-label input[type=radio]{margin-left:-20px !important;}
.modal-header{font-size:20px; font-weight:bold;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:8px 6px !important;}
.modal-backdrop{display:none;}

@media only screen and (max-width: 320px) {
    .listing-box-data {
    margin-top: -18%!important;
}
.footer ul li a {
    font-size: 0.9em!important;
    
}
}

@media only screen and (max-width: 480px) {
    .listing-details{
    margin-top:18%!important;padding:15px 2px;}
    
   .listing-details h5{
       padding:1px 14px;
   }
   .about .about-img .ssimg {
       margin-bottom:5%;
   }
   .columns{
       width:100%;
   }
   .details-frm{
       width: 100%!important;
       margin-left:0!important;
   }
      .details-frm1{
       width: 100%!important;
       margin-left:0!important;
       margin-top:5%;
   }
  .columns2 .price li:last-child{
      padding-top:14px;
  }
  .columns3 .price li:last-child{
      padding-top:14px;
  }
  .columns1 .price li:last-child{
      padding-top:14px;
  }
  .columns0 .price li:last-child {
     padding-top:14px;
}
    .listing-data h3{
        text-align:center;
    }
    .footer{
        background-size:cover;
    }
    .add-listing{
        margin-top:0;
    }
}
     .all-listing h3{
        line-height:1;
        text-align:center;
    }
/** Style for reviews page**/    
.headerss{
    background:url('../images/ban1.jpg');
    background-size:cover;
    height:auto;
        padding: 3% 0;
    background-attachment: fixed;
    }
    
    
    
    .sstar{
        width: 80%;
        background: green;
        padding: 0.5% 0.8% 1%;
        color: white;
        border-radius: 8px;
        font-weight: bold;
    }
    
    .star-ratings-css {
      unicode-bidi: bidi-override;
      color: #c5c5c5;
      font-size: 25px;
      height: 25px;
      width: 100px;
      margin: 0 auto;
      position: relative;
      padding: 0;
      text-shadow: 0px 1px 0 #a2a2a2;
    }
    .star-ratings-css-top {
      color: #e7711b;
      padding: 0;
      position: absolute;
      z-index: 1;
      display: block;
      top: 0;
      left: 0;
      overflow: hidden;
    }
    .star-ratings-css-bottom {
      padding: 0;
      display: block;
      z-index: 0;
    }
    .star-ratings-sprite {
      background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
      font-size: 0;
      height: 21px;
      line-height: 0;
      overflow: hidden;
      text-indent: -999em;
      width: 110px;
     
    }
    .star-ratings-sprite-rating {
      background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
      background-position: 0 100%;
      float: left;
      height: 21px;
      display: block;
    }
    
    .ssrevie{
        font-weight: 600;
        
      
       
    }
    .progress{
        height: 10px;
        margin: 6px 0 10px 0; }
    .bdsser{
      box-shadow: 0 0 3px #909090;
        padding: 5% 0 5% 3%;
    }
    .bdsser1{
      padding: 5% 0 5% 5%;
     color:gray;
    }
    .ssrevie span{
    padding:2% 0;
    }
    .spara{
    padding:1% 0 1% 0;
    
    }
    .sstext{
    font-size:large;
    font-weight:bold;
    padding-left:2%;
    }
    
    @media (max-width:480px){
    .quantity .qty{max-width:100%;}
    
    .comment-reply-link{position:static;}
    #main{overflow-x:hidden;}
    }

    /* style service page*/
    .headerss{
        background:url('../images/ban1.jpg');
        background-size:cover;
            padding: 6% 0 10% 0;
        height:auto;
        background-attachment: fixed;
        }
        .paid-listing ul{
        display:inline-flex;list-style:none;
        width:100%;
            text-align: center;
            padding-left: 0;
        }
        .paid-listing ul li{
        width:30%;
        }
        .paid-listing h3{
        padding-bottom:2%;
        color: #9d61b2;
        }
        @media only screen and (max-width: 768px) {
	.navbar-right {
    background: #fff;
}
   .details-frm{
       width: 100%!important;
       margin-left:0!important;
   }
      .details-frm1{
       width: 100%!important;
       margin-left:0!important;
       margin-top:5%;
   }
.homesearch form .inner-form .input-field.third-wrap {
    width: 61%;
    min-width: 75px;
    background: #fff;
}
.listing-box-data{
    margin-top:-36%;
}
.featured-listing p{
    padding:0 2px;
}
}
@media only screen and (max-width: 500px) {
	html, body{
		width:100%;
		overflow-x:hidden;
	}
	.navbar-toggle{
	    margin-top:21px!important;
	}
	.ssforq{
    padding:4% 2%;
}
	.homesearch form .inner-form{
		display:block!important;
	}
	.all-listing h3{
	    font-size:1.1em;
	    line-height:2;
	}
	.dropdown{
		width:100%;
	}
	.homesearch form .inner-form .input-field.first-wrap {width: 100%;-ms-flex-positive: 1;flex-grow: 1;}
.homesearch form .inner-form .input-field.first-wrap #search{border-radius:5px 0px 0px 5px !important}
.homesearch form .inner-form .input-field.second-wrap {width: 100%;min-width: auto;}
.homesearch form .inner-form .input-field.third-wrap {width: 100%;min-width: auto; background:#fff}
.homesearch form .inner-form .input-field.four-wrap {width:100%;margin-right: 0; padding:10px;background:#fff; border-radius:0px 5px 5px 0px}

.listing-data p{
	padding:0 1px;
	display:none;
}
.home-icon{
	width:100%;
	background:#00000063;
	padding-top:4%;

}
.featured-listing {
    margin-top: 9%;
}
.listing-box img{
	width:100%;
}
.btmfoot{
	text-align:center;
}
.f-logo {
    margin: 0 20%;
    color: #fff;
}
.footer{
padding-top:0;
}
.header{
  padding: 50px 0 0 0;
  height:auto!important;
}
.navbar-nav {
    margin: 0 0 5% 0;
    background: #fff;
    width: 100%;
	z-index:99;
}
.btbg {
    /*border-bottom:1px solid #CCC;*/
    padding-bottom:2%;
}
.nav>li{border-right:1px solid transparent;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff!important;
	height:auto;
}
.dropdown-menu{
	    z-index: 99999!important;
    background: black!important;
    position: absolute!important;
}

.navbar-header{
	padding:1% 5%;
}
.nav>li{
	height:50px;
}
.nav-padding{
	padding:0 8px;
}

#navbar1 {
    background: #fff;
    margin: 2.7% 0;
    position: absolute;
    z-index: 99;
    width: 100%;
    border: 1px solid black!important;
}
.owl-carousel .owl-stage-outer{
    overflow:inherit!important;
}
.bnicon{
    background:transparent!important;
}
.input-field{
    margin:1%;
}
.four-wrap .navbt{
    margin-top:auto!important;
}
}


.product-detail{
    padding:4% 0 1% 0;
    background:#f6f6f6;
    }
    .block_box {
        background: #fff;
        margin:2% 0;
        border-radius: 10px;
        border: 1px solid #e5e7f2;
    }
    .bader{
    background: -webkit-linear-gradient(top, #9d61b2, #421452);
    background: linear-gradient(top, #9d61b2, #421452);
    padding:7% 4%;
    margin:4% 0;
    color:white;
    border-radius:6px;
    
    }
    .sstar{
       background: #1d1c1d;
        padding: 4% 12% 13% 12%;;
        color: white;
        font-size: xx-large;
        border-radius: 8px;
        font-weight: bold;
    }
    .star-rating .fa{
    
    color:#FACC39;
    }
    .star-ratings-css {
      unicode-bidi: bidi-override;
      color: #c5c5c5;
      font-size: 25px;
      height: 25px;
      width: 100px;
      margin: 0 auto;
      position: relative;
      padding: 0;
      text-shadow: 0px 1px 0 #a2a2a2;
    }
    .star-ratings-css-top {
      color: #e7711b;
      padding: 0;
      position: absolute;
      z-index: 1;
      display: block;
      top: 0;
      left: 0;
      overflow: hidden;
    }
    .star-ratings-css-bottom {
      padding: 0;
      display: block;
      z-index: 0;
    }
    .star-rating img{width:100%;}
    .star-ratings-sprite {
      background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
      font-size: 0;
      height: 21px;
      line-height: 0;
      overflow: hidden;
      text-indent: -999em;
      width: 110px;
     
    }
    .star-ratings-sprite-rating {
      background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
      background-position: 0 100%;
      float: left;
      height: 21px;
      display: block;
    }
    
    .ssrevie{
        font-weight: 600;
        
      
       
    }
    .progress{
        height: 10px;
        margin: 6px 0 10px 0; }
    .bdsser{
      box-shadow: 0 0 3px #909090;
        padding: 5% 0 5% 3%;
    }
    .bdsser1{
      padding: 5% 0 5% 5%;
     color:gray;
    }
    .ssrevie span{
    padding:2% 0;
    }
    .spara{
    padding:1% 0 1% 0;
    
    }
    .sstext{
    font-size:large;
    font-weight:bold;
    padding-left:2%;
    }
    .reviews-comments-wrap {
        display: inline-table;
        margin-top: 20px;
    }
    .reviews-comments-item {
        padding: 0 0 20px 90px;
        position: relative;
        float: left;
        margin-bottom: 20px;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    .review-comments-avatar {
        position: absolute;
        top: 0;
        left: 10px;
        width: 60px;
        height: 60px;
    }
    .review-comments-avatar:before {
        content: '';
        position: absolute;
        right: -20px;
        top: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        border-color: #fff;
        border-right-color: #F5F6FA;
        border-width: 10px;
        margin-top: -10px;
        pointer-events: none;
    }
    .reviews-comments-item-text {
        padding: 20px 20px 15px;
        background: #F5F6FA;
        border-radius: 6px;
    }
    .reviews-comments-header {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .rate-review {
        float: right;
        padding: 8px 20px;
        border: 1px solid #e5e7f2;
        border-radius: 30px;
        background: #fff;
        font-size: 11px;
        font-weight: 400;
        color: #566985;
    }
    .rate-review:hover {
        background: #f9f9f9;
    }
    .rblock hr{
    margin-top:0;
    margin-bottom:0;
    }
    .socialss .fa{
    font-size:x-large;
    color:#9d61b2;
    margin:3% 0;
    }
    .listingss p{
    padding-top:2%;}
    .socialss .fa:hover{
    color:gray}
    .listingss hr {
    margin-top:5px;
    margin-bottom:5px;}
    @media (max-width:480px){
    .quantity .qty{max-width:100%;}
    .listing-box-data{
        margin-top:-16%;
    }
    .bnicon {
    background: rgb(25 22 22 / 20%);
   
}
.iconbg{background:transparent;}
    .footer ul{
        padding:0;
    }
    .homesearch form .inner-form .input-field.four-wrap .btn-search{
    width: 100%;
    float: right;
    padding: 10px;
    line-height: 18px;
    height: 36px;
}
    }
    #social {
    display: none;
}
    .comment-reply-link{position:static;}
    #main{overflow-x:hidden;}
    .sstar{
    padding:8%;}
    .block_box{
    background:transparent;}
    .reviews-comments-item{
    padding:0;}
    }



        .paid-listing{
    box-shadow: 0 10px 14px 0 rgba(37,44,65,0.12);
    padding: 3%;
    background:#5558610f;
    border-radius: 0 0 13px 13px;
}
.brand-logo {
  height: auto; 
   border-radius:10px 10px 0 0;
  overflow: hidden;
}

.brand-logo img{
   
     transition: transform .5s ease;
}
.brand-logo:hover img {
  transform: scale(1.1);
}
.paid-listing .fa{
    color: purple;
    font-weight: bold;
}
.paid-listing ul li a{
color:gray;

}
.paid-listing ul li a:hover{
color:purple;

}
.paid-listing ul .list1{
    width:25%;
}
.paid-listing ul .list2{
    width:50%;
}
.paid-listing h3 {
    padding-bottom: 3%;
    margin-bottom: 2%;
    padding-top:2%;
    color: #9d61b2;
    border-bottom: 1px solid #e0e0e0;
}
.paid-listing ul {
    display: inline-flex;
    list-style: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-top: 2%;
    border-top: 1px solid #e0e0e0;
}




.about .about-img .ssimg {
    border: 8px solid #e6e3e3;
   margin-top: 15%;
   height:102px;
  border-radius: 35px;
    box-shadow: 0 0 6px #704180;
   
    z-index: 9;
    transform: translateY(0%);
   
   
}
.about .about-img img {
    width:auto;
    height:100%;
    padding: 17px 10px;
    margin:0 auto;
}
.img-circle {
    border-radius: 25%;
}
.about-thumb.full-width {
    width: 100%;
}
.about .sspremium{
       background: linear-gradient(white,#9d61b230)!important;
}
.about .sspremium img.ribon-strip {
       width: 13%;
    position: absolute;
    right: -11px;
    top: -12px;

}

.about .about-thumb {
    background: #fff;
    border-radius: 6px;
   box-shadow: 0 0 9px #9d61b2;
    padding: 30px 10px 19px 15px;
    position: relative;
    float: left;
   
    margin-bottom: 4%;
    min-height: 234px;
}
.about .about-thumb .ssdes{
        font-size: small;
    color: black;
   font-weight:600;
}
.about .about-thumb p {
    margin-bottom: 5px;
    font-weight: 600;
}
.about-thumb .category-left a {
    color: #9d61b2;
	    font-family: 'Raleway',sans-serif;
	    text-decoration: none;
	    font-size:20px;

}
.about-thumb .category-left a:hover{
color:#000;
}
.about-thumb .category-right a {
color:#000000;
 font-size:14px;
	    text-decoration: none;

}
.about-thumb .category-right a:hover{
 color: #9d61b2;
}

.category-right .list-btn {
    background: #9d61b2;
    padding: 7px 15px;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
}
.about .about-thumb .fa-phone-square, .about .about-thumb .fa {
    font-size: 16px;
    color: #9d61b2;
    margin: 7px 0;
}
.category-right{text-align:center;}
.category-right p{margin-top:8px;}
.category-right .fa{    
    width: 30px;
    height: 30px;
    background: #9d61b2;
    color: #fff !important;
    border-radius: 25%;
    text-align: center;
    padding: 7px;
    font-size: 18px;
    
}

.category-right .list-btn:hover {
     background:#555861;
}
.about .about-thumb .category span {
    background: #9d61b2;
    padding: 6px;
	margin-top:2%;
    border-radius: 5px;
    font-size: 12px;
 
  
    color: #fff;
}
.about .about-thumb .category span:hover {
background:#000;
}
@media only screen and (max-width: 500px) {
.about .about-img img {
   
    position: relative;
	  margin-bottom:6%;
	text-align:center;
   margin-top:0;
}
.about .about-thumb {
  Padding:9% 2%;
  text-align:center;
}

}



aside {
    width: 250px;
    margin: 2px auto;
  }
  aside section {
    background: #fff;
    border: solid 1px #e3e3e3;
    border-radius:5px;
    padding: 10px 0;
   
  }
  .ssbtn{
      color: #fff;
      background-color: #834e95;
      border-color: #74557d;
  }
  .ssbtn:hover{
      color: #fff;
      background-color: #000;
      border-color: #000;
  }
  aside h3 {
   
     color: #6f407e;
    font-size: 20px;
    margin: 5px 8px;
  }
  aside ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  aside li {
    border-top: solid 1px #e3e3e3;
    
  }
  aside li a {
    display: block;
    padding: 10px;
    color: #717171;
    font-weight:bold;
    text-decoration: none;
  }
  aside .fa{
      color:#6f407e;
          padding-right: 10px;
  }
  aside li a:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #834e9526;
    color: #6f407e;
    text-decoration: none;
  }
  
  @media (max-width: 700px) {
    aside h3 {
      cursor: pointer;
      position: relative;
    }
    aside ul {
      display: none;
          background: white;
    
      width: 100%;
      z-index: 99;
      position: absolute;
  }
    
    aside .arrow-down {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #855098;
      position: absolute;
      right: 0;
      top: 7px;
    }
  }
  .stat-wave {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100px;
      opacity: 0.2;
      bottom: 0;
  }
  .stat-wave svg {
      position: absolute;
      right: 0;
      width: 100%;
      height: 100%;
      bottom: -30px;
  }
  .inline-facts-wrap {
      display: block;
      padding: 20px 30px 30px;
      position: relative;
      border-radius: 4px;
      overflow: hidden;
      margin-bottom: 4%;
  }
  .inline-facts-wrap i {
      position: absolute;
      right: 30px;
      top: 10px;
      font-size: 44px;
      color: #fff;
      opacity: 0.4;
  }
  .inline-facts-wrap h6 {
      width: 100%;
      float: left;
      font-size: 14px;
      text-align: left;
      color: #fff;
      font-weight: 400;
      margin-top: 6px;
  }
  .inline-facts-wrap .num {
      float: left;
      font-size: 36px;
      color: #fff;
      font-weight: 800;
  }
  section.dashboard-header-sec {
      padding:180px 0 0;
  }
  section.main-dashboard-sec {
      padding-top:40px;
          background: #fbfbfb;
  }
  .dashboard-header_title {
      margin-bottom:20px;
  }
  .dashboard-header_title h1{
      color:#fff;
      text-align:left;
      font-size:19px;
      font-weight:500;
  }
  .dashboard-header_title h1 span {
      font-weight:600;
  }
  .dashboard-title:before {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      width: 30px;
      height: 2px;
      margin-top: -1px;
  }
  .tfp-btn {
      position:absolute;
      right:0;
      top:-20px;
      background:#fff;
      padding:12px 40px 12px 30px;
      border-radius:4px;
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
      z-index:10;
      font-weight:500;
      font-size:12px;
      cursor:pointer;
      color: #7d93b2;
  }
  .tfp-btn strong {
      padding-left:5px;
      font-weight:500;
  }
  .tfp-btn:before {
      font-family: Font Awesome\ 5 Pro;
      content: "\f0d7";
      position: absolute;
      color: #fff;
      top:50%;
      font-size: 13px;
      right: 11px;
      margin-top:-7px;
      font-weight: 800;
      transition: all .2s ease-in-out;
  }
  .tfp-btn.rot_tfp-btn:before {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
  }
  .tfp-det {
      position:absolute;
      top:-110px;
      right:0;
      z-index:11;
      padding:15px 30px;
      background:#fff;
      border:1px solid #eee;
      border-radius:4px;
      opacity:0;
      visibility:hidden;
      margin-top:10px;
      transition: all .2s ease-in-out;
      color: #7d93b2;
  }
  .tfp-det-btn {
      float:right;
      padding:6px 12px;
      color:#fff;
      font-size:11px;
      border-radius:4px;
      margin-top:9px;
  }
  .tfp-det.vis_tfp-det {
      opacity:1;
      visibility: visible;
      margin-top:0;
  }
  .dashboard-header {
      position:relative;
      z-index:5;
      background:#fff;
      padding:20px 30px;
      border-radius:10px 10px 0 0;
      text-align:left;
      color:#fff;
  }
  .dashboard-header_conatiner {
      padding-left:150px;
  }
  .dashboard-header-avatar {
      position:absolute;
      left:10px;
      top:-60px;
      height:100px;
      width:100px;
      border-radius:100%;
  }
  .dashboard-header-avatar:before {
      content:'';
      position:absolute;
      left:-10px;
      top:-10px;
      right:-10px;
      bottom:-10px;
      background:#fff;
      z-index:1;
      border-radius:100%;
  }
  .dashboard-header-avatar img {
      height:100px;
      width:100px;
      border-radius:100%;
      position: relative;
      z-index:3;
  }
  .edit-prof_btn {
      position:absolute;
      bottom:6px;
      left:-10px;
      width:36px;
      height:36px;
      line-height:36px;
      border-radius:100%;
      color:#fff;
          background: #9d61b2;
      z-index:4;
      text-align:center;
      box-shadow: 0 9px 26px rgba(58, 87, 135, 0.2);
  }
  .block_box {
      background: #fff;
      border-radius: 10px;
      border: 4px solid #f3f3f3;
  }
  .user-profile-menu-wrap {
      padding: 15px 0;
  }
  .fl-wrap {
      float: left;
      width: 100%;
      position: relative;
  }
  .dashboard-header-stats-wrap {
      float:left;
      padding-right:90px;
      position:relative;
  }
  .dhs-controls {
      position:absolute;
      right:0;
      top:50%;
      margin-top:-17px;
  }
  .dhs-controls div {
      width:34px;
      height:34px;
      line-height:34px;
      float:left;
      color:#fff;
      background: #f6f6f6;
      color: #7d93b2;
      cursor:pointer;
      z-index:1;
      border-radius:34px;
      margin:0 2px;
      text-align:center;
  }
  .dhs-controls div:hover {
      color:#fff;
  } 
  .dashboard-header-stats-item {
      float:left;
      margin-right:12px;
      padding:6px 0 6px 60px;
       border: 1px solid #eee;
      border-radius:4px;
      color: #7d93b2;
      font-weight: 400;
      font-size: 12px;
      text-align:left;
      position:relative;
      width:100%;
  }
  .dashboard-header-stats-item i {
      position:absolute;
      left:8px;
      width:40px;
      height:40px;
      line-height:40px;
      background: #804d9238;
      border-radius:100%;
      top:8px;
      color:#000;
      font-size:18px;
      text-align:center;
  }
  .dashboard-header-stats-item span {
      display:block;
      font-weight: 500;
      font-size: 18px;
      margin-top:4px;
  }
  .add_new-dashboard {
      float:right;
      position:relative;
      padding:12px 30px;
      color: #89539c!important;
      border-radius:4px;
      cursor:pointer;
      font-size:12px;
      font-weight:600;
      background:#f9f9f9;
      top:10px;
      border: 1px solid #eee;
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
  }
  .add_new-dashboard i {
      padding-left:12px;
  }
  .dashboard-breadcrumbs {
      position:absolute;
      top:-100px;
      left:0;
      z-index:1;
      padding:12px 20px;
      background:rgba(255,255,255,0.21);
      border-radius:4px;
  }
  .dashboard-breadcrumbs a  {
      margin-right:20px;
      color:#fff;
      position:relative;
      padding-right:20px;
  }
  .dashboard-breadcrumbs span {
      color:#fff;
  }
  .user-profile-menu-wrap {
      padding:15px 0;
  }
   
  .user-profile-menu {
      padding-bottom:10px;
      float:left;
      width:100%;
  }
  .user-profile-menu h3 {
      text-align:left;
      font-size:13px;
      padding-bottom:12px;
      font-weight:600;
      color:#666;
      padding-left:20px;
  }
  .user-profile-menu li {
      width:100%;
      text-align:left;
      float:left;
      border-bottom:1px solid #eee;
  }
  .user-profile-menu li ul {
      display:none;
  }
  .user-profile-menu li a {
      font-weight:600;
      color: #7d93b2;
      position:relative;
      display:block;
      padding:14px 20px;
  }
  .user-profile-menu li a:hover i{
      animation: bounce 1s;
  }
  .user-profile-menu li a.user-profile-act:before {
      content:'';
      position:absolute;
      right:0;
      top:0;
      bottom:0;
      width:10px;
  }
  .user-profile-menu li a.user-profile-act , .user-profile-menu li a:hover  , .user-profile-menu li.submenu-act a , .user-profile-menu li.submenu-act ul li a:hover{
      background:#f9f9f9;
  }
  .user-profile-menu li.submenu-act ul li a {
      background:#fff;
  }
  .user-profile-menu li:first-child {
      border-top:1px solid #eee;
  }
  .user-profile-menu li a i{
      margin-right:14px;
      position: relative;
      top:2px;
      width:12px;
      text-align:center;
      float:left;
  }
  .user-profile-menu li a span {
      position:absolute;
      top:50%;
      right:20px;
      width:20px;
      height:20px;
      margin-top:-10px;
      line-height:20px;
      background:#fff;
      color:#fff;
      border-radius:100%;
      text-align:center;
      font-weight:300px;
      font-size:10px;
  }
  .user-profile-menu li a:hover i , .user-profile-menu li a.user-profile-act i {
      opacity:1;
  }
  .logout_btn {
      float:left;
      position:relative;
      padding:10px 30px;
      border:none;
      margin:10px 0 0 20px;
      color:#fff;
      border-radius:4px;
      -webkit-appearance: none;
      outline:none;
      cursor:pointer;
      font-size:12px;
      font-weight:500;	
  }
  .logout_btn i {
      margin-left:12px;
  }
  .dashboard-title {
      margin-bottom:30px;
  }
  .dashboard-title:before {
      content:'';
      position:absolute;
      right:0;
      top:50%;
      width:30px;
      height:2px;
      margin-top:-1px;
  }
  .dashboard-title h3{
      text-align: left;
      font-weight: 600;
      font-size: 21px;
      color: #875199;
  }
  .dt-inbox {
      margin:10px 0 30px;
  }
  #myChartLegend {
      float:right;
  }
  .chart-header  , .drag-map{
      margin-bottom:20px;
  }
  .chart-header .listsearch-input-item {
      width:150px;
  }
  [class="0-legend"] {
    cursor: pointer;
    list-style: none;
    padding-left: 0;
    float:right;
  }
  [class="0-legend"] li {
      float: left;
      padding: 14px 25px;
      border: 1px solid #eee;
      border-radius: 4px;
      color: #888DA0;
      font-size: 12px;
      background: #f9f9f9;
      font-weight:600;
      margin-left:10px;
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
  }
  [class="0-legend"] li.hidden-lable {
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0);
  }
  [class="0-legend"] li span {
    border-radius: 5px;
    display: inline-block !important;
    height: 10px;
    margin-right: 10px;
    width: 10px;
       background:#4DB7FE !important;
  }
  [class="0-legend"] li:first-child span {
      background:#5ECFB1 !important;
  }
  .chart-wrap {
      padding:30px 30px;
  }
  .dashboard-list {
      padding:25px 20px;
      background:#fff;
      border-radius:6px;
      margin-bottom:6px;
  }
  .new-dashboard-item {
      position:absolute;
      right:20px;
      top:50%;
      margin-top:-15px;
      width:30px;
      height:30px;
      line-height:30px;
      color:#fff;
      cursor:pointer;
      border-radius:100%;
      z-index:20;
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
      transition: all .2s ease-in-out;
  }
  .dashboard-message-text {
      position:relative;
       float:left;
      width:60%;
  }
  .dashboard-message-time {
      float:right;
      width:40%;
      text-align:right;
      padding-right:70px;
      font-size:10px;
      color: #7d93b2;
      position:relative;
      top:14px;
  }
  .dashboard-message-time i {
      margin-right:6px;
  }
  .dashboard-message-text p {
      text-align: left;
      color: #878C9F;
      font-size: 12px;
      line-height: 24px;
      position:relative;
      top:8px;
      display:block;
      font-weight:500;
  }
  .dashboard-message-text i {
      float:left;
      width:40px;
      height:40px;
      line-height:40px;
      color:#fff;
      margin-right:20px;
      border-radius:100%;
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0.2);
  }
  .profile-edit-container {
      padding:30px;
      margin-bottom:20px;
  }
  .profile-edit-container:last-child {
      margin-bottom:0;
  }
  .profile-edit-container .custom-form label {
   margin-bottom: 10px;

}
.details-frm1 {
     border-radius: 5px;
    border: 1px solid #9d61b2;
    padding: 31px;
    width: 48% !important;
    margin-left: 22px;
}
.details-frm {
     border-radius: 5px;
    border: 1px solid #9d61b2;
    padding: 31px;
    width: 48%;
    /*margin-left: 22px;*/
}
  .profile-edit-container .custom-form label i {
      top:42px;
  }
  .act-widget-header {
      float: left;
      width: 100%;
      position: relative;
      border-radius: 6px;
      background: #f6f6f6;
      padding: 10px 20px;
      border: 1px solid #eee;
      margin-bottom: 15px;
  }
  .act-widget h4 {
      float: left;
      position: relative;
      font-size: 12px;
      font-weight: 500;
      top: 16px;
      color: #7d93b2;
  }
  .act-widget-header .onoffswitch {
      float: right;
      top: 6px;
  }
  .ds-tg.filter-tags li input{
      margin-bottom:0;
  }
  .booking-list-message-avatar {
      float: left;
      width: 50px;
      height: 50px;
      position:relative;
  }
  .booking-list-message-avatar img {
      width: 50px;
      height: 50px;
      border-radius: 100%;
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0.2);
  }
  .booking-list-message-text {
      margin-left: 30px;
      text-align: left;
      padding-left: 50px;
      top: 6px;
      position: relative;
  }
  .booking-details {
      padding: 6px 0;
      font-size: 12px;
  }
  .booking-title {
      color: #999;
      padding-right: 10px;
  }
  .booking-text, .booking-text a {
      color: #7d93b2;
  }
  .booking-list-message-text h4 {
      font-weight: 600;
      font-size: 14px;
      padding-bottom: 20px;
      color: #50596E;
  }
  .booking-list-message-text p , .profile-edit-container .reviews-comments-item-text p {
      text-align: left;
      color: #878C9F;
      font-size: 12px;
      line-height: 24px;
      padding-bottom: 10px;
  }
  .booking-list-contr {
      position:absolute;
      right:0;
      top:30px;
      z-index:10;
      padding:10px 20px;
      background:#f9f9f9;
      border: 1px solid #eee;
      border-right: none;
      box-sizing: border-box;
      border-radius: 38px 0 0 38px;
      box-shadow: 0 10px 15px rgba(0,0,0,0.03);
  }
  .booking-list-contr a {
      width:40px;
      height:40px;
      line-height:40px;
      color:#fff;
      float:left;
      position:relative;
   
      border-radius:100%;
      margin:0 4px;
  }
  .booking-list-new {
      position:absolute;
      left:30px;
      top:100px;
      padding:4px 12px;
      font-size:11px;
      color:#fff;
      border-radius:4px;
  }
  .dashboard-message .booking-list-contr {
      top:20px;
  }
  .dashboard-message-text img {
      float:left;
      width:90px;
      height:auto;
      border-radius:6px;
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0.2);
      margin-right:20px;
  }
  .dashboard-message-text h4 {
      text-align:left;
      padding:8px 0 6px 0;
  }
  .dashboard-message-text h4 a {
      color: #566985;
  }
  .chat-box {
      padding:50px 30px 60px;
      min-height:300px;
  }
  .chat-message {
      padding-left:70px;
      margin-bottom:30px;
  }
  .chat-message:last-child {
      margin-bottom:0;
  }
   
  .message-input {
      float:left;
      width:100%;
      position:relative;
      border-right:1px solid #eee;
  }
  .message-input textarea{
      position:relative;
      width:100%;
      border:none;
      background:#fff;
      z-index:1;
      resize: vertical;
      min-height:60px;
      padding:25px 140px 0 30px;
  }
  .message-input button {
      position:absolute;
      right:20px;
      border-radius:36px;
      width:100px;
      height:36px;
      line-height:36px;
      background:none;
      border:none;
      font-size:14px;
      top:12px;
      z-index:2;
      color:#fff;
      cursor:pointer;
  }
  .chat-contacts-item {
      float:left;
      width:100%;
      position:relative;
      padding:20px  20px 20px 70px;
      border-bottom:1px solid #eee;
      box-sizing:border-box;
      background:#fff;
  }
  .chat-contacts-item:last-child {
      border-bottom:none;
  }
  section.parallax-section {
      padding: 110px 0 0;
      overflow: hidden;
  }
  .container {
      max-width: 1224px;
    
      margin: 0 auto;
      position: relative;
   
  }
  .home-icon .owl-carousel{
      margin-left:1%;
  }
  .dashboard-header-stats-item {
      float: left;
      margin-right: 12px;
      padding: 6px 0 6px 60px;
      border: 1px solid #eee;
      border-radius: 4px;
         color: #7b498c;
      font-weight: 700;
      font-size: 12px;
      text-align: left;
      position: relative;
      width: 100%;
  }
  .gradient-bg, .header-modal .tabs-menu li.current, .scrollbar-inner2 .simplebar-scrollbar:before {
      background-color: #4e295a;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d61b2), to(#4e295a));
      background: -webkit-linear-gradient(top, #9d61b2, #4e295a);
      background: -moz-linear-gradient(top, #9d61b2, #4e295a);
      background: -ms-linear-gradient(top, #9d61b2, #4e295a);
      background: -o-linear-gradient(top, #9d61b2, #4e295a);
      
  }
  section {
      float: left;
      position: relative;
      padding: 100px 0;
     
      z-index: 1;
      width: 100%;
  }
  .chat-contacts-item .dashboard-message-avatar{
      position:absolute;
      top:15px;
      left:0;
  }
  .chat-contacts-item .chat-contacts-item-text p {
      height: 26px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-size: 12px;
      color: #888;
  }
  .chat-contacts-item .chat-contacts-item-text h4 {
      text-align:left;
      font-size:12px;
      color:#666;
      padding-bottom:4px;
  }
  .chat-contacts-item .chat-contacts-item-text span {
      position:absolute;
      right:20px;
      top:21px;
      font-size:9px;
      color:#999;
  }
  .message-counter {
      position:absolute;
      left:0;
      bottom:-2px;
      z-index:10;
      width:20px;
      height:20px;
      line-height:20px;
      font-size:11px;
      color:#fff;
      border-radius:100%;
  }
  .nopadding {
     padding: 0 !important;
     margin: 0 !important;
  }
  .chat-contacts:before {
      content:'';
      position:absolute;
      left:-31px;
      width:1px;
      background:#eee;
      height:100%;
      top:0;
      z-index:10;
  }
  .chat-contacts-item-text {
      z-index:20;
      position: relative;
  }
  .chat-contacts-item:after {
      content:'';
      position:absolute;
      right:0;
      width:6px;
      height:0;
      z-index:2;
      top:0;
      transition: all .2s ease-in-out;
  }
  .chat-contacts-item_active:before {
      content:'';
      position:absolute;
      right:0;
      top:0;
      bottom:0;
      left:-30px;
      background:#ECF6F8;
   
  }
  .chat-contacts-item.chat-contacts-item_active:after , .chat-contacts-item:hover:after {
      height:100%;
  }
  .chat-contacts-item {
      float: left;
      width: 100%;
      position: relative;
      padding: 20px 20px 20px 70px;
      border-bottom: 1px solid #eee;
      box-sizing: border-box;
  }
  .chat-contacts-item .dashboard-message-avatar {
      position: absolute;
      top: 15px;
      left: 0;
  }
  .dashboard-message-avatar {
      float: left;
      width: 50px;
      height: 50px;
  }
  .chat-contacts-item .chat-contacts-item-text h4 {
      text-align: left;
      font-size: 12px;
      color: #666;
      padding-bottom: 4px;
  }
  .chat-contacts-item .chat-contacts-item-text span {
      position: absolute;
      right: 10px;
      top: 4px;
      font-size: 9px;
      color: #999;
  }
  .dashboard-message-avatar img {
      width: 50px;
      height: 50px;
      border-radius: 100%;
  }
  .message-counter {
      position: absolute;
      left: 0;
      bottom: -2px;
      z-index: 10;
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 11px;
      color: #fff;
      border-radius: 100%;
  }
  .chat-wrapper{
      background:#fff;
      border-radius:0 0 10px 10px;
   
  }
  .cmun_sm {
      top:50px;
  }
  .chat-wrapper .chat-widget_input {
      margin-top:30px;
      position:relative;
      width:100%;
      float:left;
      overflow:hidden;
      height: 60px;
  }
  .chat-wrapper .chat-widget_input textarea {
      padding: 17px 11px 11px;
  }
  .chat-wrapper  .chat-widget_input button {
      top:11px;
  }
  .dashboard-tabs .filter-sidebar-header {
      margin-bottom: 0;
      padding: 15px 20px 25px;
  }
  .follow-user-list {
      padding-bottom:20px;
  }
  .follow-user-list li{
      float:left;
      width:33.3%;
      margin-bottom:14px;
  }
  .follow-user-list li img {
      width:50px;
      height:50px;
      border-radius:100%;
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0.2);
      transition: all .2s ease-in-out;
  }
  .follow-user-list li:hover img {
      box-shadow: 0 9px 16px rgba(58, 87, 135, 0);
  }
  .follow-user-list li span {
      display:block;
      padding-top:8px;
      color: #7d93b2;
      font-size:11px;
      transition: all .2s ease-in-out;
  }
  .dashboard-tabs .tabs-menu li a span {
      padding-left:4px;
  }
  @media only screen and  (max-width: 1064px) {
  .user-profile-menu-wrap {
      display:none;
      margin-bottom:15px;
  }
  section.main-dashboard-sec {
      padding-top: 20px;
  }
  .add_new-dashboard {
      float:left;
  }
  .dashboard-header-stats-wrap {
      width:100%;
  }
  .dashboard-header_conatiner {
      padding-left: 0;
      padding-top:20px;
      padding-bottom:10px;
  }
  .dashboard-header-avatar {
      left: 20px;
      top: -50px;
      height: 60px;
      width: 60px;
  }
  .dashboard-header-avatar img{
      height: 60px;
      width: 60px;
  }
  .edit-prof_btn {
      bottom: 0px;
      left: -15px;
  }
  .dashboard-header  {
      padding:20px 0;
  }
  .dashboard-header_title {
      padding-left:110px;
      padding-bottom:0;
  }
  .tfp-btn {
      right:inherit;
      left:0;
      top:-40px;
  }
  .tfp-det {
      right:inherit;
      left:0;
   
  }
  .tfp-det.vis_tfp-det {
      margin-top:-20px;
  }
  .dashboard-header.color-bg {
      padding-left:20px;
  }
  .follow-user-list li {
      width:auto;
      margin-right:15px;
  }
  .mar-dash-list {
      margin-bottom:12px;
  }
  }
  @media only screen and  (max-width: 768px) {
  .dashboard-message-text {
      width: 80%;
  }
  .firstblk{
      display:block;
  }
  aside {
    width: 100%;
    margin: 6px auto;
  }
  section.parallax-section {
      padding: 33px 0 0;
      overflow: hidden;
  }
  .add_new-dashboard {
      float: left;
      margin-left: 9%;
  }
  .lastblk{
      display:none;
  }
  .dashboard-message-time {
      width:100%;
      padding:0;
      text-align:left;
      float:left;
  }
  .dashboard-message-text img {
      width:100%;
      margin-bottom:15px;
  }
  .dashboard-title {
  margin-top: 20px;
  }
  #myChartLegend {
      float: left;
  }
  #myChartLegend li {
      margin: 0 10px 0 0;
  }
  .booking-list-message-text {
      margin-left:0;
      padding-left:6px;
  }
  .booking-list-message-avatar {
      width:100%;
      margin-bottom:6px;
  }
  .booking-list-message-avatar img {
      float:left;
  }
  .booking-list-new {
      left: 90px;
      top: 50px;
  }
  }

  .shead{
    background:#814d92;
    color:white;}
    .table th{
    text-align:center;
    }
    .table th{
    word-break: break-all;
    }
    .table td{
    word-break: break-all;
    }

    .mystyle {
       color: coral!important;
       
        font-size: 13px;
      }
  .button_count{
      color: #fff;
      background-color: #6f7071;
      box-shadow: 0 5px 0 #000;
      padding: 10px 20px;
      border-radius: 5px;
      font-weight: bold;
      text-decoration: none;
      border: none;
  }
  .h-ico-color .fa{color:#fff;}
  .lst-bg{position:relative; height:350px;}
  .lst-bg .over-flow{
          width: 100%;
        background: rgba(0,0,0,.2);
        position: absolute;
        z-index: 999;
        height: 100%;
        top: 0;
  }
  .lst-bg .lst-h1{
    z-index: 9999;
    position: absolute;
    text-align: center;
    top: 0;
    left: 20%;
  }
  .featured-business-listings h3{text-align:center; font-weight:bold;}
  
   
    @media only screen and (min-width: 481px) and (max-width: 767px) {
        
    .auth__form_body{height:auto; margin:20px;}
    .page-n-found .error-rw{padding:20px 0; width:100%;}
     .category-right{height:auto;}
     .about-thumb .category-right a{width: 40% !important;
    position: relative;
    right: 0;
    left: 0;}
      .lst-bg .lst-h1{top:35%; position:relative; left:0; margin-top:60px;}
      .lst-bg .lst-h1 h1{font-size:36px;}
      .lst-bg{margin-top:20px; background-position: 60% 50% !important; height: 250px;}
      .all-catry ul{column-count:1 !important; padding-left:0;}
  } 
  
  @media only screen and (min-width: 320px) and (max-width: 480px) {
      .auth__form_body{height:auto; margin:20px;}
      .auth__form_actions .pull-right{float:left !important;}
      .page-n-found .error-rw{padding:20px 0; width:100%;}
      .category-right, .category-left{height:auto; margin-bottom:20px;}
      .category-left .category{position:relative; bottom:0;} 
      .about-thumb .category-right a{width: 40% !important;
    position: relative;
    right: 0;
    left: 0;}
      .lst-bg{margin-top:20px; background-position: 60% 50% !important; height: 250px;}
      .lst-bg .lst-h1{top:35%; position:relative; left:0; margin-top:60px;}
      .lst-bg .lst-h1 h1{font-size:36px;}
      .nav-padding{padding-bottom:20px;}
      #navbar1{margin: 5.1% 0; width:91%;}
      .home-icon .owl-carousel{width:100%; overflow:hidden; height:215px;}
      .owl-carousel .owl-stage{width:4040px !important; height:180px !important; overflow:hidden; }
      .footer ul li a{color:#000 !important;}
      .footer .mob-cl ul, .footer .mob-cl h5{margin-left:-100px;}
      .f-logo{padding:20px;}
      .all-catry ul{column-count:1 !important; padding-left:0;}
  }