body {
  font-family: 'Poppins', sans-serif;
  color: #555555;

  overflow-x: hidden;
}

h3{
  color: #4f215e;
}

h1,
h2,

h4,
h5,
h6 {
  color: #4f215e;
}

a {
  color: #000000;
  transition: all .5s ease;
  text-decoration:none!important;
}

.warning,.primary,.success, .danger {color:#6f0890!important;}


.fa:hover,.link-one {color:#fff;}

.link-one
a:hover {
  color: #08cee7;
  text-decoration:none!important;
}

.link-two {
  color: #000000;
  transition: all .5s ease;
}

.link-two:hover {
  text-decoration: underline;
  color: #000000;
}

.link-one {
  color: #000000;
  transition: all .5s ease;
}

.link-one:hover {
  color: #000000;
  text-decoration: none;
}

.link-icon {
  color: #000000;
  font-weight: 500;
}

.link-icon span {
  font-size: 14px;
  padding-left: 4px;
  vertical-align: middle;
}

.link-a {
  color: #ffffff;
  text-decoration: none;
}

.link-a:hover {
  color: #ffffff;
  text-decoration: none;
}

.link-a span {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 5px;
}

.text-brand {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 600;
}

.color-a {
  color: #ff9d9d;
}

.color-b {
  color: #2eca6a;
}

.color-d {
  color: #adadad;
}

.color-text-a {
  color: #fff;
}

.no-margin {
  margin: 0;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    background: #ed72ab;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    padding:14px 0;
    color:#fff;
    margin-right:2px; 
}


/*------/ Nav Pills  /------*/

.nav-pills-a.nav-pills .nav-link {
  color: #000000;
  position: relative;
  font-weight: 600;
}

.nav-pills-a.nav-pills .nav-link.active {
  background-color: transparent;
}

.nav-pills-a.nav-pills .nav-link.active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #2eca6a;
  z-index: 2;
}

/*------/ Bg Image /------*/

.bg-image {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

/*------/ List a /------*/

.list-a {
  display: inline-block;
  line-height: 2;
  padding: 0;
  list-style: none;
}

.list-a li {
  position: relative;
  width: 50%;
  float: left;
  padding-left: 25px;
  padding-right: 5px;
}

.list-a li:before {
  content: '';
  width: 10px;
  height: 2px;
  position: absolute;
  background-color: #313131;
  top: 15px;
  left: 0;
}


.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link a:hover {
    color: #ff0;

}

select {
    text-transform: none;
    min-height: 31px;
}

.a {
  color: #2eca6a;
  font-size: 1.3rem;
}

/*------/ Icon Box /------*/

.icon-box .icon-box-icon {
  display: table-cell;
  vertical-align: top;
  font-size: 36px;
  color: #000000;
  width: 50px;
  padding-top: 8px;
}

.icon-box .icon-box-content {
  padding-top: 18px;
}

/*------/ Space Padding /------*/

.section-t8 {
  padding-top: 8rem;
}

.section-t4 {
  padding-top: 4rem;
}

.section-t3 {
  padding-top: 3rem;
}

.section-b2 {
  padding-bottom: 2rem;
}

.section-tb85 {
  padding: 8rem 0 5rem 0;
}

/*------/ Title /------*/

.title-wrap {
  padding-bottom:0rem;
}

.title-a {
  font-size: 2.6rem;
  font-weight: 600;
}




/*------/ Display Table & Table Cell /------*/

.display-table {
  width: 100%;
  height: 100%;
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

/*------/ Ul Resect /------*/

.ul-resect ul,
.list-a ul,
.box-comments ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/*------/ Overlay /------*/

.overlay-a {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
}

/*------/ Owl carousel /------*/

.owl-theme .owl-dots {
  text-align: center;
  margin-top: 18px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 9px;
  margin: 5px 5px;
  background: #000000;
  border: 0px solid #000000;
  display: block;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
  border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #4f215e;
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #4f215e;
  width: 35px;
}

.owl-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
}

.owl-arrow .owl-nav .owl-prev,
.owl-arrow .owl-nav .owl-next {
  display: inline-block;
  transition: all 0.6s ease-in-out;
  color: #000000;
}

.owl-arrow .owl-nav .owl-prev.disabled,
.owl-arrow .owl-nav .owl-next.disabled {
  transition: all 0.6s ease-in-out;
  color: #adadad;
}

.owl-arrow .owl-nav .owl-next {
  margin-left: 15px;
}

.nav-arrow-a .owl-arrow .owl-nav {
  font-size: 1.8rem;
  margin-top: -110px;
}

.nav-arrow-a .owl-arrow .owl-nav .owl-next {
  margin-left: 15px;
}

.nav-arrow-b .owl-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev,
.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  padding: .7rem 1.5rem !important;
  display: inline-block;
  transition: all 0.6s ease-in-out;
  color: #ffffff;
  background-color: #2eca6a;
  opacity: .9;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled,
.nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled {
  transition: all 0.6s ease-in-out;
  color: #ffffff;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover,
.nav-arrow-b .owl-arrow .owl-nav .owl-next:hover {
  background-color: #26a356;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  margin-left: 0px;
}

/*------/ Socials /------*/

.socials-a .list-inline-item:not(:last-child) {
  margin-right: 25px;
}

/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: #813699;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

/* Prelaoder */

/*#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #2eca6a;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/

/*======================================
//--//-->   NAVBAR
======================================*/

.navbar-default {
    transition: all .5s ease-in-out;
    background-color: transparent;
    padding-top: 28px;
    padding-bottom: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 72px;
}

.navbar-default .nav-search {
  color: #000000;
  font-size: 1.5rem;

}

.navbar-default.navbar-reduce {
  box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
  background-color: #ffffff;
  

}

.navbar-default.navbar-trans,
.navbar-default.navbar-reduce {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}

.navbar-default.navbar-trans .nav-item,
.navbar-default.navbar-reduce .nav-item {
  position: relative;
  padding-right: 10px;
  padding-bottom: 8px;
  margin-left: 0;
}

.navbar-default.navbar-trans .nav-link,
.navbar-default.navbar-reduce .nav-link {
  font-size: 1.1rem;
  color: white;
  /*font-weight: 600;*/
  letter-spacing: 0.030em;
  transition: all 0.1s ease-in-out;
  position: relative;
  padding-left: 0;
  padding-right: 0;

}

.navbar-default.navbar-trans .nav-link:before,
.navbar-default.navbar-reduce .nav-link:before {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 0;
  background-color: #2eca6a;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out;
  transition: transform .2s ease-out, opacity .2s ease-out 0.3s;
  transition: transform .2s ease-out, opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out;
}

.navbar-default.navbar-trans .nav-link:hover,
.navbar-default.navbar-reduce .nav-link:hover {
  color: #84d2de;
}

.navbar-default.navbar-trans .nav-link:hover:before,
.navbar-default.navbar-reduce .nav-link:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left;
}

.navbar-default.navbar-trans .show > .nav-link:before,
.navbar-default.navbar-trans .active > .nav-link:before,
.navbar-default.navbar-trans .nav-link.show:before,
.navbar-default.navbar-trans .nav-link.active:before,
.navbar-default.navbar-reduce .show > .nav-link:before,
.navbar-default.navbar-reduce .active > .nav-link:before,
.navbar-default.navbar-reduce .nav-link.show:before,
.navbar-default.navbar-reduce .nav-link.active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.navbar-default.navbar-trans .nav-link:before {
  background-color:#ed72ab;
}

.navbar-default.navbar-trans .nav-link:hover {
  color: #000000;
}

.navbar-default.navbar-trans .show > .nav-link,
.navbar-default.navbar-trans .active > .nav-link,
.navbar-default.navbar-trans .nav-link.show,
.navbar-default.navbar-trans .nav-link.active {
  color: #fff;
}

    .navbar-default.navbar-reduce {
        transition: all .5s ease-in-out;
        padding-top: 58px;
        padding-bottom: 34px;
    }

.navbar-default.navbar-reduce .nav-link {
  color: #fff;
}

.navbar-default.navbar-reduce .nav-link:before {
  background-color: #ed72ab;
}

.navbar-default.navbar-reduce .nav-link:hover {
  color: #fff;
}

.navbar-default.navbar-reduce .show > .nav-link,
.navbar-default.navbar-reduce .active > .nav-link,
.navbar-default.navbar-reduce .nav-link.show,
.navbar-default.navbar-reduce .nav-link.active {
  color: #fff;
}

.navbar-default.navbar-reduce .navbar-brand {
  color: #000000;
}

.navbar-default .dropdown .dropdown-menu {
  border-top: 0;
  border-left: 4px solid #ec72ab;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: translate3d(0px, -40px, 0px);
  transform: translate3d(0px, -40px, 0px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;
  margin: 0;
  border-radius: 0;
  padding: 12px 0;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item {
  padding: 12px 18px;
  transition: all 500ms ease;
  font-weight: 600;
  min-width: 220px;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #ffffff;
  color: #4f215e;;
  transition: all 500ms ease;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item.active {
  background-color: #ffffff;
  color: #2eca6a;
}

.navbar-default .dropdown:hover .dropdown-menu {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=1);
}

/*------/ Hamburger Navbar /------*/

.navbar-toggler {
  position: relative;
  margin-top:-26px;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #000000;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
  margin-left: -20px;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: -webkit-transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.9;
}

/*======================================
//--//-->   BOX COLAPSE
======================================*/



/*======================================
//--//-->   INTRO
======================================*/

.intro {
  height: 100vh;
  position: relative;
  color: #ffffff;
}

.intro .owl-theme .owl-dots {
  position: absolute;
  bottom: 70px;
  right: 50px;
}

.intro .owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
  border: 0px solid #ffffff;
}

.intro .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #2eca6a;
}

.intro .owl-theme .owl-dots .owl-dot.active span {
  background-color: #2eca6a;
}

.intro .intro-item {
  padding-top: 0rem;
}

.intro .carousel-item-a {
  position: relative;
  height: 60vh;
}

.intro .carousel-item-a.bg-image {
  background-attachment: scroll;
}

.intro .intro-content {
  position: absolute;
}

.intro .intro-body {
  padding-left: 1rem;
}

.intro .intro-body .price-a {
  color: #ffffff;
  padding: 1rem 1.5rem;
  border: 2px solid #2eca6a;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.030em;
}

.intro .spacial {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  color: #ffffff;
}

.intro .intro-title-top {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  margin-bottom: 1rem;
  font-size: .9rem;
  color: #ffffff;
  letter-spacing: .05em;
}

.intro .intro-title {
  transition-duration: 9s !important;
  color: #ffffff;
  /*font-weight: 700;*/
  font-size: 2.8rem;
  /*text-transform: uppercase;*/
}

.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}



/*------/ Intro Single /------*/



/*======================================
//--//-->   CARD GENERAL
======================================*/

.card-box-a,
.card-box-b,
.card-box-d {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-box-a .img-a,
.card-box-a .img-b,
.card-box-b .img-a,
.card-box-b .img-b {
  transition: .8s all ease-in-out;
}

.card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card-shadow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-shadow:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);
}

/*======================================
//--//-->   PROPERTY - CARD-A
======================================*/

.card-overlay-a-content {
  transition: all .5s ease-in;
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 2;
}


.card-footer-a {
  width: 100%;
  position: absolute;
  z-index: 2;
  background-color: #2eca6a;
}

.card-info {
  list-style: none;
  margin-bottom: 0;
  padding: .5rem 0;
}

.card-info .card-info-title {
  font-size: 1rem;
  color: #313131;
}

.card-info li span {
  color: #ffffff;
  font-size: .9rem;
}

/*------/ Property Grid /-----*/


/*======================================
//--//-->   SERVICES - CARD-C
======================================*/
/*======================================
//--//-->   ABOUT
======================================*/

.section-about .title-vertical {
  position: absolute;
  letter-spacing: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 50px;
  text-align: left;
  font-size: 1.8rem;
  width: 300px;
  font-weight: 700;
  text-align: right;
}

.about-img-box {
  padding-left: 1rem;
  position: relative;
}

.sinse-box {
  background-color: #2eca6a;
  padding: 1rem 2rem;
  position: absolute;
  left: 15px;
  bottom: 10px;
}

.sinse-box .sinse-title {
  font-weight: 700;
  letter-spacing: 0.043em;
  font-size: 1rem;
}

.sinse-box .sinse-title span {
  position: absolute;
}

.sinse-box .sinse-title span:after {
  content: ' ';
  width: 35px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  bottom: -15px;
}

.sinse-box p {
  margin-bottom: 0;
  font-size: .7rem;
}

/*======================================
//--//-->   TESTIMONIALS
======================================*/

.testimonials-box {
  padding: 1rem 0;
}

.testimonials-box .testimonial-avatar {
  width: 80px !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  border-radius: 50%;
}

.testimonial-ico {
  text-align: center;
}

.testimonial-ico span {
  font-size: 1.8rem;
  background-color: #2eca6a;
  color: #ffffff;
  padding: .4rem 1rem;
  border-radius: 50px;
}

.testimonial-text {
  font-style: italic;
  margin-top: 25px;
  padding: 1.5rem 1.5rem;
  background-color: #f3f3f3;
  position: relative;
}

.testimonial-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 25px;
  width: 0px;
  height: 0px;
  border-top: 15px solid #f3f3f3;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.testimonial-author-box {
  margin-top: 2rem;
}

.testimonial-author {
  margin-left: 1rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.2rem;
  color: #000000;
}

/*======================================
//--//-->   FOOTER
======================================*/
 .footer-logo{margin-top: 70px;}
.section-footer {
  padding-top: 60px;
  margin-top: 60px;
  background: #f3f3f3;
}

.section-footer ul {
  line-height: 2;
}

.section-footer .item-list-a i {
  font-size: 18px;
  padding-right: 4px;
  color: #2eca6a;
}

.section-footer .widget-a .w-title-a {
  margin-bottom: 1rem;
}

footer {
  background: #f3f3f3;
  text-align: center;
  padding: 30px 0;
}

 .copyright-footer {
  border-top: 1px solid #7d2798;
  padding-top: 20px;
}

footer .credits {
  font-size: 14px;
}

.socials-footer .list-inline li {
     border-bottom:0px solid #7d2798;
     display: inline-block;
     width: 12px;
}

.list-inline-item a:hover {color:#ed72ab; text-decoration: none;}


.socials-footer >.list-inline-item a {
    color: #4f215e;
}

/*======================================
//--//-->   FORM INPUT
======================================*/


/*======================================
//--//-->   BUTTON
======================================*/
/*detail*/

.modal-body label{color: black;font-weight: bold;}
.btn-violet{text-align: center;}
.btn_text{margin-left: 15px;}
label.popup_check {font-weight:normal;padding-left: 6px;font-size: 13px;}
.start_area{width:70%;padding:4px;}
.start_area2{min-width: 310px;padding:4px;width: 92%; padding: 4p}
.textarea_sec{width:40%;margin-bottom:-5px;height: 30px;}
.textarea_sec2d{ margin-bottom: -11px;height: 30px;
  /*min-width: 430px;*/
 min-height: 100px;}
.popup_h6{text-align: center;padding: 8px;}
.product-details {
    margin-bottom: 40px;
    overflow: hidden;
    margin-top: 10px;
}
.product-information {
    background: #e6e6e6;
    overflow: hidden;
    padding-left: 60px;
    padding-top: 24px;
    position: relative;
}

.product-information h2 {
    color: #4f215e;;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-top: 0;
}

.product-information p {
    color: #4f215e;;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}

.product-information span {
    display: inline-block;
    margin-bottom: 8px;
}
.add-to-cart {
    background: #F5F5ED;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 30px;
}
    
 .productbtn{
    padding: 11px 32px 11px 32px;
    background: #01ac44;
    color: #f5f8ed;
    font-size: 12px;
     border-radius: 4px;
     border: 1px solid #01ac44;
}

.product-para{
    margin: -75px 1px 10px 1px;
}
.product-para p{
    border: 1px solid #ededde;
overflow: hidden;
padding-bottom: 10px;
padding-left: 10px;
padding-top: 10px;
position: relative;
}

.product-section{
    padding: 20px 100px 50px 100px;
}
.weightbtn{background: transparent;border: 2px solid #4f215e;color: #4f215e;padding: 5px 30px 5px 30px;}
.deatilpg_sec{margin-top: 150px;}
.systemviewdetails h5{color:#4f215e; }
.details_section2{border-bottom: 1px solid #4f215e;}
.details_section2 h3{text-align: left;color:#4f215e;margin-left: -1px; }
.details_section2 ul{text-align: right;}
.details_section2 li{display: inline;}
.details_section2 i{padding: 5px;color: #ed72ab;}
.details_section2 i:hover;{padding: 5px;color: #ed72ab;}
.chat{background: green;color: white;font-size: 13px;}
.chat:hover{background:#004c00;color:white;}
.book{background: #ed72ab;color: white;font-size: 13px;}
.book:hover{background: #c3417d;color: white;font-size: 13px;}
.report{background: transparent;color: red;font-weight: bold;}

.checked {
  color: orange;
}
span.fa-star{padding:5px;}


.btn-violet {
    color: #fff;
    background-color: #4f215e;
    border-color: #540f69;
}

.textarea_sec2 {
    margin-bottom: -11px;
    height: 30px;
    min-width: 430px;
    min-height: 100px;
}

.btn {
  transition: .5s ease;
}

.btn.btn-a,
.btn.btn-b {
  border-radius: 0;
  padding: 1rem 3rem;
  letter-spacing: .05rem;
  border-radius: 10px;
}

.btn.btn-a {
  background-color: #ffffff;
  color: green;
}

.btn.btn-a:hover {
  background-color: green;
  color: #ffffff;
}

.btn.btn-b {
  background-color: #2eca6a;
  color: #000000;
}

.btn.btn-b:hover {
  background-color: #000000;
  color: #ffffff;
}

.btn.btn-b-n {
  background-color: #2eca6a;
  color: #ffffff;
  border-radius: 0;
}

.btn.btn-b-n:hover {
  background-color: #26a356;
  color: #ffffff;
}

/*contact*/

@media (min-width: 375px) {
.chat-popup {
    display: none;
    position: fixed;
    top: 300px;
    right: 15px;
    /* border: 3px solid #f1f1f1; */
    z-index: 9;
}

}


@media (min-width: 576px) {
  .intro .intro-title {
    font-size: 3.5rem;
  }

  .intro .intro-subtitle.intro-price {
    font-size: 1.3rem;
  }

  .about-img-box {
    padding-left: 4rem;
  }

  .sinse-box {
    padding: 1.5rem 2.5rem;
    bottom: 20px;
  }

  .sinse-box .sinse-title {
    font-size: 1.3rem;
  }

  .sinse-box p {
    font-size: .8rem;
  }

  .sinse-box p {
    font-size: 1rem;
  }


}

@media (min-width: 768px) {
	
  .link-a {
    font-size: .9rem;
  }

  .link-a span {
    font-size: 1.5rem;
  }
 
 .navbar-toggler span {
    background-color: #ffffff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(
0deg
);
    transform: rotate(
0deg
);
    left: 0;
    opacity: 1;
}

  .navbar-default.navbar-trans .nav-item,
  .navbar-default.navbar-reduce .nav-item {
    margin-left: 15px;
  }

  .navbar-default .dropdown .dropdown-menu {
    border-top: 4px solid #77099a;
    border-left: 0;
    display: block;
    position: absolute;
    box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);
  }

  .box-collapse {
    width: 50%;
  }

  .intro .owl-theme .owl-dots {
    right: 200px;
  }

  .intro .intro-body {
    padding-left: 2rem;
  }

  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 1rem;
  }

  .intro .intro-title {
    font-size: 4rem;
  }

  .intro .intro-subtitle {
    font-size: 2.5rem;
  }

  .intro .intro-subtitle.intro-price {
    padding-top: 2rem;
    font-size: 1.5rem;
  }

  .intro-single .title-single-box .title-single {
    font-size: 2.1rem;
  }

  .grid .card-box-a,
  .grid .card-box-b,
  .grid .card-box-c,
  .grid .card-box-d {
    margin-bottom: 2.5rem;
  }

  .card-box-a:hover .img-a,
  .card-box-a:hover .img-b,
  .card-box-b:hover .img-a,
  .card-box-b:hover .img-b {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  .card-box-a .price-a,
  .card-box-b .price-a {
    font-size: .9rem;
  }

  .card-box-a:hover .card-overlay-a-content {
    bottom: 60px;
  }

  .card-box-a:hover .card-body-a {
    padding-bottom: 1rem;
  }

  .card-overlay-a-content {
    bottom: -20px;
  }

  .card-header-a .card-title-a {
    font-size: 1.3rem;
  }

  .card-info .card-info-title {
    font-size: .9rem;
  }

  .card-info li span {
    font-size: .8rem;
  }

  .card-header-b {
    bottom: 0px;
  }

  .card-header-b .title-2 {
    font-size: 1rem;
  }

  .card-header-b .date-b {
    font-size: .9rem;
  }

  .box-comments .list-comments .comment-author {
    font-size: 1.5rem;
  }

  .title-c {
    font-size: 1.8rem;
  }

  .card-box-d .card-overlay-hover {
    padding: 5px 15px 5px 10px;
  }

  .card-box-d .title-d {
    font-size: 1.1rem;
    margin: .5rem 0;
  }

  .card-box-d .content-d {
    font-size: .8rem;
    margin: .5rem 0;
  }

  .card-box-d .card-body-d p {
    margin-bottom: 8px;
    font-size: .8rem;
  }

  .about-img-box {
    padding-left: 5rem;
  }

  .sinse-box {
    padding: 1.5rem 3rem;
  }

  .sinse-box .sinse-title {
    font-size: 1.8rem;
  }


.intro-title {
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
}



}

@media (min-width: 768px) and (min-width: 768px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 60px;
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 64px;
  }
}


@media (min-width: 992px) {
  
   .navbar-default.navbar-reduce {
  
  box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
  background-color: #ffffff;
  height: 70px;

}


  .link-a {
    font-size: 1rem;
  }

  .link-a span {
    font-size: 18px;
  }

  .list-a li {
    width: 33.333%;
  }

  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 2rem;
  }

  .intro .intro-title {
    font-size: 4.5rem;
  }

 

 
  .card-overlay-a-content {
    bottom: 0px;
  }

  .card-header-a .card-title-a {
    font-size: 2rem;
  }

  .card-info .card-info-title {
    font-size: 1rem;
  }

  .card-info li span {
    font-size: 1rem;
  }

  .card-header-b {
    bottom: 20px;
  }

  .card-header-b .title-2 {
    font-size: 1.6rem;
  }

  .card-header-b .date-b {
    font-size: 1rem;
  }

  .title-c {
    font-size: 2.5rem;
  }

  .card-box-d .card-overlay-hover {
    padding: 5px 40px 5px 35px;
  }

  .card-box-d .title-d {
    font-size: 1.5rem;
    margin: 1rem 0;
  }

  .card-box-d .card-body-d p {
    margin-bottom: 12px;
    font-size: 1rem;
  }

  .sinse-box {
    padding: 3rem 4.5rem;
  }

  .sinse-box .sinse-title {
    font-size: 2.2rem;
  }
}

@media (min-width: 1200px) {
  .card-box-d .card-overlay-hover {
    padding: 15px 40px 5px 35px;
  }

  .card-box-d .title-d {
    font-size: 2rem;
    margin: 1rem 0;
  }
}

@media (max-width: 991px) {
  .property-contact {
    margin-top: 2.5rem;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
 

}

@media (max-width: 767px) {
	.select-mob {padding-left:1px;}
  .text-brand {
    font-size: 1.8rem;
  }

  .section-t8 {
    padding-top: 4rem;
  }

  .section-t4 {
    padding-top: 2rem;
  }

  .section-md-t3 {
    padding-top: 3rem;
  }

  .section-tb85 {
    padding: 4rem 0 2.5rem 0;
  }

  .intro-single {
    padding-top: 9rem;
  }

  .card-box-a,
  .card-box-b,
  .card-box-c,
  .card-box-d {
    margin-bottom: 2.5rem;
  }

  .card-box-a .card-overlay-a-content {
    bottom: 65px;
  }

  .card-box-a .card-body-a {
    padding-bottom: 1rem;
  }

  .property-agent {
    margin-top: 2.5rem;
  }

  .card-box-c {
    margin-bottom: 2rem;
  }

  .card-body-c {
    padding: 0;
  }

.navbar-toggler span {
    display: block;
    background-color:#ec72ab!important;


}


}

@media (max-width: 575px) {
  .box-collapse .title-box-d {
    left:35px;
  }

  .box-collapse .title-box-d .title-d {
    font-size:1.3rem;
  }
}
li.bg-solid{
    background: #ed72ab;
    padding: 4px 15px 4px 15px;
    border-radius: 5px;
    color: white ! important;
    font-weight: bold;
    margin-left: 17px;
    text-decoration: none;
}

li.bg-solid a{color: white; text-decoration:none;}
li.bg-solid a:hover{color: white; text-decoration:none;}

li.bg-solid:hover{color:#fff;   background:#01aec5; text-decoration:none!important;}


#bor_panel {
  border-radius: 12px;
  border: 2px solid #297293;
  padding: 20px;
  width: 170px;
  height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

#bor_panel:hover img {
  display: none;
}

#bor_panel:hover span {
  margin: auto;
}
  border-radius: 5px;
  margin-left: 5px;
}
.bg-solid a{
  color: white;
  font-weight: bold;
  padding: 6PX;
}
/*.bg-image{opacity: .5;}
.intro-title{opacity: 1;}*/
.bg-half{
  background-image: linear-gradient(to right, #4F215E , #AF4AD0);
   height: 270px;
   margin-top: 40px;}
.bg-half h3{color: white;padding: 12px;}


.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 80%;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

mb-4
.cardpanel {
  padding: 2px 16px;
}
.card img {
    padding: 10px;
    height: 140px;
}
.owl-theme .owl-dots .owl-dot span{float: left;}
/*FORM*/
.form-inline .form-control {
    background: transparent;
    margin: 0 auto;
    background: transparent;
    margin-right: 5px;
    color: #fff;
    width: 100%;
}


.search-btn{background: white;color: black;border-radius: 4px;border: 0; margin: 0 5px;}
.or-btn{background: white;border-radius: 4px;color: black;padding: 10px 60px 10px 60px;margin: 10px;border: 0;margin-top: 10px;}
/*FORM*/
.navbar-brand img{width: 40%;}
  .blue-art img{display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  width: 35%;}
  h3.intro-title{margin-top: -200px;}
.form-home {
    margin-top: 30px;
    margin-bottom: 0px;
}
  .bg-half h3{padding: 30px 25px 25px 25px;}
  .animatedParent{margin-top: -90px;}
  .card,.workpara p{color: black;padding: 0;}
.card {
    box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    width: 100%;
    min-height:140px;

}
  .card-btn{background: #ed72ab;border: 0;padding: 4px 40px 4px 40px;color: white;border-radius: 5px;}
/*panel*/
.panelbody{}
.cardpanel {padding:0 10px;}
.cardpanel h4 {font-size: 0.95rem;height: 30px;}
    .cardpanel p {
        min-height: 65px;
        color: #656565;
        padding: 0;
        font-size: 12px;
        line-height: 16px;
        margin-top: -14px;
        margin-bottom: 7px;
    }
.col-toppadding{padding-top: 50px;}
  .panelbody{box-shadow:0px 1px 11px 5px #e8e8e8;background:#f4f4f4; margin-top: 30px;margin-bottom: 30px;border-radius: 5px;}
  .panelbody:hover {background:#fff!important; text-decoration: none;}

.panelbody:hover button {
    background: #4f215e;
    color: #fff;
}


.panel-body a h5:hover {text-decoration: none;}
  .panelbody button{background: white;height: 40px;width: 40px;border-radius: 200px;border:1px solid #e8e8e8;} 
   .panelbody button:hover{background: #4f215e; color:#fff;}
   .round-img{width:130px; height: 130px; border-radius: 300px;}
   /*how does it work*/
  .workpara{padding: 60px 40px 40px 0px;}
  .solid-box{background: #4f215e;height: 450px;}
  .solid-box img{margin-left: -100px;margin-top: 55px;}
  .workpara p{display: flex;
  justify-content: center;padding-right: 80px;}
  /*end*/
  .section_about h3{color: #4f215e;}
  .abt-sectn{margin-top: 400px;}
   .abt-sectn{ color: black;padding: 0PX;}
  .intro-title-top img{width: 35%;}
  .intro-title span{color: #4f215e;}
  .download-icon img{height: 50px;}
  .dwnld_text p{color: #000;text-align: left;padding: 0px;font-size: 12px;}
  .security-img{padding:40px 60px 10px 60px;width: 75%;}
  .testimonial h4{color:#4f215e; }
  .testimonial p{color: #000;padding: 0;}
  .working_section{margin-bottom: 59px;margin-top: 80px;}
  .solid-box img{width: 50%;}
  .last_sec{margin-left: 400px;}
  .dwnld_text span{font-weight: normal;}
  .footer_sectn{background: #4f215e;padding-bottom: 90px;padding-top: 60px;}
  .copyright_sec{background: #4f215e;}
   .footer-2 h5{color: white;padding: 5px 0px 5px 0px;}
  .footer-3 h5{color: white;padding: 5px 0px 5px 0px;}
  .footer-4 h5{color: white;padding: 5px 0px 5px 0px;}
  .footer-2 h6{border-bottom: 1px solid #7d2798;text-align: left;width: 50%;font-size: 12px;color: white;padding-bottom: 5px;}
  .link-one{color: white;text-align: left;}
  .footer-4 p{color: white;font-size: 13px;}

   .list-inline {
    padding-left: 0;
    list-style: none;
   }

.list-inline li {
    border-bottom: 1px solid #7d2798;
    text-align: left;
    width: 50%;
    font-size: 12px;
    color: #fff!important;
    padding-bottom: 5px;}

.list-inline-item a {color:#fff;}
.list-inline-item a:hover {color:#ed72ab;}


   .list-inline-item {color:#fff;}
.navbar-default.navbar-trans .nav-link:hover{color:#7acfdb;}
.download_area{margin-top: 60px;margin-bottom: 60px;padding-left: 50px;}
h3.dwnld_text{
margin-top: 50px;padding-right: 50px;padding-left: 50px;}
.right_bg{margin-top: 50px;margin-left: 50px;}

/*caegory*/
.category_search{background:  #4f215e;}
.category_heading{margin-left: 95px;padding: 8px;}
.cate_gory h3{color:#4f215e;font-size: 24px;}
.cate_gory{margin-top: 200px;margin-bottom: 50px;}
.cate_h5{margin-left:20%;}
.cat-radio{margin-left:4%;}
.searchdrop  /* categorybtn*/
{
  margin-left:20%;
  display:inline-flex;
  outline: 0;
  float: left;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position:relative;
  margin-bottom: 20px;
}

.searchdrop > input[type=text] {
  outline: 0;
  height: 42px;
  width: 350px;
  line-height: 42px;
  padding: 0 16px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #212121;
  border: 0;
  float: left;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.searchdrop > input[type=text]:focus {
  outline: 0;
  background-color: #FFF;
}

.searchdrop > input[type=button] {
  outline: 0;
  background: #4f215e;
  /*background-color: var(--buttoncolor);*/
  float: left;
  height: 42px;
  width: 42px;
  text-align: center;
  line-height: 42px;
  border: 0;
  color: #FFF;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  border: 0;
  border-radius: 0 4px 4px 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-rendering: auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.searchdrop > input[type=button]:hover {
  background-color: var(--buttonhovercolor);
  cursor:pointer;
}


.searchdrop div:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: rgba(38, 50, 56, 0.8) transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: px;
}

.searchdrop div {
    cursor: pointer;
    display: inline-block;
    position: relative;
   float: left;
    font-size: 16px;
    color: #fff;
    width: 30px;
    padding-left:15px;
    height: 42px;
  background-color: rgba(255, 255, 255, 0.8);
}

.searchdrop div:active:after, .searchdrop div.active-select:after {
    top: 9px;
    border-color: transparent transparent #fff transparent;
}

.searchdrop ul {
    display: none;
    position: absolute;
  
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--dropcolor);
}

.searchdrop ul li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid var(--dropbordercolor);
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    background: #4f215e;color: white;

}
.searchdrop ul li:hover {
    color: #000;
    background: #fff;
    cursor:pointer;
}


.searchdrop div:active:after, .searchdrop div.active-select:after {
    top: 9px;
    border-color: transparent transparent rgba(38, 50, 56, 0.8) transparent;
}

.searchdrop select{
  display:none;
}

.drop-select{
  color:var(--dropselectcolor);
 background-color:var(--dropselectbackgroundcolor);
}

/*l0gin*/
.reg_last{font-size: 12px;}
.btn-block{background: #4f215e;color: white;border: 0;}
.btn-block:hover{background: #4f215e;color: white;border: 0;}
.login_top{margin-top:100px;}
.t_c{font-size: 14px;padding-top: 26px;}
.navpill_clr:active{background: #4f215e!important;color: white;}
.nav-pills .nav-link.active{background: #4f215e;}
.nav-pills .nav-link.active:hover{background: #4f215e;color: white;}
a.navpill_clr:hover{color: #4f215e}
.br{border:1px solid #4f215e;}
/*update profile*/
._3E8aIl h4{color: #4f215e;}
.profile-submit{background: #4f215e;color: white;border:0;padding: 6px;border-radius: 5px;float: right;margin-right:30px;}
.update-profile{margin-top: 200px;}
 ._3E8aIl {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding-left: 20px;
}
}
._3X2gOt {
    vertical-align: middle;
    width: 50px;
    height: 50px;
}
img._3X2gOt {
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
}
.DxGiT2 ._2QZ3Er {
    font-size: 12px;
}
/** {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}*/
.nUdcwy {
    padding: 12px;
    margin-bottom: 16px;
}
.col, .updt_row {
    width:100%;
}
.updt_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
    .updt_row input {
        font-size: 16px;
        width: 100%;
    }
.selectbox-top{font-size: 15px;}
/** {
    box-sizing: border-box;
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
}*/
.DxGiT2 ._1ruvv2 {
    padding-top: 3px;
    font-size: 16px;
    font-weight: 500;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#4f215e;
}

.fonts-loaded body, .fonts-loaded button, .fonts-loaded input, .fonts-loaded select, .fonts-loaded textarea {
    font-family: Roboto,Arial,sans-serif;
    letter-spacing: 0;
}
.DxGiT2 {
    padding: 5px 0 0 16px;
    width: calc(100% - 50px);
}
/*.update_shadow{box-shadow: 2px 2px 2px 2px #e6e6e6;}*/
.update_shadow:active{border: 1px solid red;}
.contact-info{border-top: 1px solid #e6e6e6;}
/*message*/
.common_hdr {
    color: #4f215e;
    font-family: 'Poppins', sans-serif;
    font-weight: 450;
    margin-bottom: 22px;
    padding-top: 26px !important;
}
.messaging {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 20px;
  margin-top: 180px;
  margin-bottom: 50px;
}

.Chat-container {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  /*padding: 10px;*/
  margin: 10px 0;
}

.darker {
  border-color: #ccc;
  background-color: #ddd;
}

.Chat-container::after {
  content: "";
  clear: both;
  display: table;
}

.Chat-container img {
  float: left;
  max-width: 47px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
  margin-top: 5px;
}

.Chat-container img.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

.time-right {
  float: right;
  color: #aaa;
}

.time-left {
  float: left;
  color: #999;
}
.panel-chat {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
/*feedback*/
.feedbackpanel-container {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-size: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px;
  max-width: 400px;
}

.feedbackpanel-container strong {
  line-height: 20px;
  color: #4f215e;
}

.ratings-container {
  display: flex;
  margin: 20px 0;
}

.rating {
  flex: 1;
  cursor: pointer;
  padding: 20px;
  margin: 10px 5px;
}

.rating:hover,
.rating.active {
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.rating img {
  width: 40px;
}

.rating small {
  color:#4f215e;
  display: inline-block;
  margin: 10px 0 0;
}

.rating:hover small,
.rating.active small {
  color: #111;
}

.feedbackbtn {
  background-color: #4f215e;
  color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 12px 30px;
  /*font-family: inherit;*/
  cursor: pointer;
}

.feedbackbtn:focus {
  outline: none;
}

.feedbackbtn:active {
  transform: scale(0.98);
}

.fa-heart {
  color: red;
  font-size: 30px;
  margin-bottom: 10px;
}
      
.feedbacktext{width: 370px;margin-bottom: 11px;}
/*keyboardbooking*/

.view-button{background: green;border-radius: 5px;background: #4f215e;color:#fff;
padding: 9px 10px 9px 10px;font-size: 12px;width: 125px;margin-bottom: 8px;}
.post-button{border-top: 1px solid #4f215e;border-bottom: 1px solid #4f215e;color: #4f215e;
  padding: 4px 10px 4px 10px;width: 125px;border-radius: 0px!important;margin-left: 7px;
  margin-bottom: 8px;font-size: 12px;}
.edit-button{color: #4f215e;} 
 .dlt-button {color: red;}
/*itemposr*/
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: red;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.itempost-border{border: 1px solid #4f215e !important;}
.selectbox-top{margin-top: 22px;
padding: 6px;
border-radius: 5px;color:#495057;}

.btn_upload {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #4f215e;
  background-color: transparent;
  border: 1px solid #4f215e;
  padding: 10px 10px 3px 10px;
  margin-bottom: 4px;
  text-align:center;
}

.btn_upload:hover,
.btn_upload:focus {
  background-color: #4f215e;
  color: white;
}

.yes {
  display: flex;
  align-items: flex-start;
  margin-top: 10px !important;
}

.btn_upload input {
  cursor: pointer;
  height: 100%;
  position: absolute;
  filter: alpha(opacity=1);
  -moz-opacity: 0;
  opacity: 0;
}

.it {
  height: 100px;
  margin-left: 10px;
}

.btn-rmv1{
  display: none;
}

.rmv {
  cursor: pointer;
  color: #fff;
  border-radius: 30px;
  border: 1px solid #fff;
  display: inline-block;
  background: rgba(255, 0, 0, 1);
  margin: -5px -10px;
}

.rmv:hover {
  background: rgba(255, 0, 0, 0.5);
}
.postitem-btn{background: #4f215e;color:#fff;border-radius: 5px;padding: 10px;border:0;margin-bottom: 10px;}
/*chatpopup*/

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  /*border: 3px solid #f1f1f1;*/
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  /*max-width: 300px;*/
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

/*mmm*/
#container{
  /*width:750px;*/
  height:auto;
  background:#eff3f7;
  margin:0 auto;
  font-size:0;
  border-radius:5px;
  overflow:hidden;
  margin-top: -200px;
}

main{
  width:490px;
  /*height:800px;*/
  display:inline-block;
  font-size:15px;
  vertical-align:top;
}


.status{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  margin-right:7px;
}
.green{
  background-color:#58b666;
}
.orange{
  background-color:#ff725d;
}
.blue{
  background-color:#6fbced;
  margin-right:0;
  margin-left:7px;
}



#chat{
  padding-left:0;
  margin:0;
  list-style-type:none;
  overflow-y:scroll;
  height:535px;
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
}
#chat li{
  padding:10px 30px;
}
#chat h2,#chat h3{
  display:inline-block;
  font-size:13px;
  font-weight:normal;
}
#chat h3{
  color:#bbb;
}
#chat .entete{
  margin-bottom:5px;
}
#chat .message{
  padding:20px;
  color:#fff;
  line-height:25px;
  max-width:90%;
  display:inline-block;
  text-align:left;
  border-radius:5px;
}

main.popup-footer{
  height:155px;
  padding:20px 30px 10px 20px;
}
main.popup-footer textarea{
  resize:none;
  border:none;
  display:block;
  width:100%;
  height:80px;
  border-radius:3px;
  padding:20px;
  font-size:13px;
  margin-bottom:13px;
}
main.popup-footertextarea::placeholder{
  color:#ddd;
}
main.popup-footer img{
  height:30px;
  cursor:pointer;
}
main.popup-footer a{
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  color:#6fbced;
  vertical-align:top;
  margin-left:333px;
  margin-top:5px;
  display:inline-block;
}

.cardWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
   
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.msgCard {
    /*eight: 500px;
    width: 500px;
    margin: 30px 150px;
    padding-top: 0;
    border-radius: 10px;
    font-family: 'Quicksand', sans-serif;*/
}
.msgCard:nth-of-type(1) { /*darkTheme*/
    background-color:#e6e6e6;
}
.msgCard:nth-of-type(2) { /*lightTheme*/
    /*background-color: #e6e6e6;*/
}
.cardContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 300px;
overflow-y: scroll;
padding-top: 30px;
}
.msgCard h3 {
    width: 100%;
    height: 8%;
    padding: 20px 0px;
    margin: 0;
    background: rgb(196,255,181);
    background: linear-gradient(183deg, rgba(196,255,181,1) 0%, rgba(0,244,11,1) 100%);
    color: white;
    text-align: center;
    font-size: 22px;
    letter-spacing: 1px;
    border-radius: 5px 5px 25px 25px;
}
.msgCard:nth-of-type(2) h3 {
    box-shadow: 1px 1px 3px #c6c8cc;
}
.msgCard p {
    padding: 9px;
    border-radius: 20px;
    width: 80%;
    font-size: 13px;
}
.msgCard:nth-of-type(2) p { /*lightTheme*/
    box-shadow: 1px 1px 3px #c6c8cc;
}
.msgCard:nth-of-type(1) p:nth-of-type(odd) { /*darkTheme received*/
    margin-right: 10%;
    border-radius: 20px 20px 20px 2px;
    background-color: #fff;
    color: #5e646e;
}
.msgCard:nth-of-type(1) p:nth-of-type(even) { /*darkTheme sent*/ 
     margin-left: 10%;
    border-radius: 20px 20px 2px 20px;
    background-color: #4f215e;
    color: white;
}

.msgCard button {
    align-self: flex-end;
    /*margin: 30px 5px 5px 5px;*/
    padding: 9px;
    border-radius: 10px;
    border: none;
}
.msgCard:nth-of-type(1) button { /*darkTheme*/
    background-color: #97bcf7;
}
.msgCard:nth-of-type(2) button { /*lightTheme*/
    background-color: #2974ff; 
    color: white;
    box-shadow: 1px 1px 3px #c6c8cc;
}


.visually-hidden {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

/*.chat {
  display: flex;
  flex-direction: column;
  height: 100%;
}
*/
.chat-content {
  display: grid;
  align-content: end;
  align-items: end;
  justify-content: end;
  flex-grow: 1;
  padding: 15px 20px 24px 30px;
  overflow: auto;

  

}

.chat-message {
  position: relative;
  padding: 3px 20px 11px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 20px 4px 4px 20px;
  max-width: 425px;
}

.chat-message:hover .chat-message-button,
.chat-message:focus .chat-message-button {
  visibility: visible;
}

.chat-message:focus-within .chat-message-button {
  visibility: visible;
}

.chat-message-text {
  margin: 0;
}

.chat-message-name {
  display: inline-block;
  margin-bottom: 2px;

  font-size: 12px;
  line-height: 16px;

  color: #6994ba;
}

.chat-message-button {
  position: absolute;
  width: 18px;
  height: 18px;
  top: -5px;
  right: -5px;
  padding: 0;

  visibility: hidden;

  background-color: #ffffff;
  background-image: url("https://htmlacademy.ru/assets/courses/303/icon-cross.svg");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 50%;
  font: inherit;
  font-size: 0;

  user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}

.chat-message + .chat-message {
  margin-top: 12px;
}

.chat-message:last-child {
  border-radius: 20px 4px 20px 20px;
}

.chat-message:first-child {
  border-radius: 20px 20px 4px 20px;
}

.chat-form {
  display: flex;
  align-items: center;
  /*padding: 32px 20px;*/
  /*background-color: #265681;*/
}

.chat-form-input {
  flex-grow: 1;

  box-sizing: border-box;
  margin-right: 16px;
  padding: 9px 20px 11px;

  border: 2px solid #ffffff;
  background-color: #ffffff;
}

.chat-form-input::placeholder {
  color: #cccccc;
}

.chat-form-input:hover {
  border-color:#4f215e;
  outline: none;
}

.chat-form-input:focus {
  border-color:#4f215e;
  outline: none;
}

.chat-form-input,
.chat-form-button {
  border-radius: 50px;
  font: inherit;
  border-color: #4f215e;
}
.chat-send{background:#4f215e !important;color: white;}
.cancel-btn{text-align: left;border: 0;float: left;}
.cancel-btn:hover{color: black;}
.chat-send{background:#4f215e !important;color: white;}
/*chatnew*/
 .cardWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
   
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.msgCard {
   /* height: 500px;
    width: 500px;
    margin: 30px 150px;
    padding-top: 0;
    border-radius: 10px;
    font-family: 'Quicksand', sans-serif;*/
}
.msgCard:nth-of-type(1) { /*darkTheme*/
    background-color:#e6e6e6;
}
.msgCard:nth-of-type(2) { /*lightTheme*/
    /*background-color: #e6e6e6;*/
}
.cardContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
}
.msgCard h3 {
    width: 100%;
    height: 8%;
    padding: 20px 0px;
    margin: 0;
    background: rgb(196,255,181);
    background: linear-gradient(183deg, rgba(196,255,181,1) 0%, rgba(0,244,11,1) 100%);
    color: white;
    text-align: center;
    font-size: 22px;
    letter-spacing: 1px;
    border-radius: 5px 5px 25px 25px;
}
.msgCard:nth-of-type(2) h3 {
    box-shadow: 1px 1px 3px #c6c8cc;
}
.msgCard p {
    padding: 9px;
    border-radius: 20px;
    width: 80%;
    font-size: 13px;
}
.msgCard:nth-of-type(2) p { /*lightTheme*/
    box-shadow: 1px 1px 3px #c6c8cc;
}
.msgCard:nth-of-type(1) p:nth-of-type(odd) { /*darkTheme received*/
    margin-right: 10%;
    border-radius: 20px 20px 20px 2px;
    background-color: #fff;
    color: #5e646e;
}
.msgCard:nth-of-type(1) p:nth-of-type(even) { /*darkTheme sent*/ 
     margin-left: 10%;
    border-radius: 20px 20px 2px 20px;
    background-color: #4f215e;
    color: white;
}

.msgCard button {
    align-self: flex-end;
    /*margin: 30px 5px 5px 5px;*/
    padding: 9px;
    border-radius: 10px;
    border: none;
}
.msgCard:nth-of-type(1) button { /*darkTheme*/
    background-color: #97bcf7;
}
.msgCard:nth-of-type(2) button { /*lightTheme*/
    background-color: #2974ff; 
    color: white;
    box-shadow: 1px 1px 3px #c6c8cc;
}


.visually-hidden {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

/*.chat {
  display: flex;
  flex-direction: column;
  height: 100%;
}*/

.chat-content {
  display: grid;
  align-content: end;
  align-items: end;
  justify-content: end;
  flex-grow: 1;
  padding: 15px 20px 24px 30px;
  overflow: auto;

  

}

.chat-message {
  position: relative;
  padding: 3px 20px 11px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 20px 4px 4px 20px;
  max-width: 425px;
}

.chat-message:hover .chat-message-button,
.chat-message:focus .chat-message-button {
  visibility: visible;
}

.chat-message:focus-within .chat-message-button {
  visibility: visible;
}

.chat-message-text {
  margin: 0;
}

.chat-message-name {
  display: inline-block;
  margin-bottom: 2px;

  font-size: 12px;
  line-height: 16px;

  color: #6994ba;
}


.notification-btn{background:white; color: #4f215e;
    border-radius:50%; font-size: 11px; padding: 3px;
    position: absolute; top:-9px;width: 16px;height: 16px;}



.chat-message-button {
  position: absolute;
  width: 18px;
  height: 18px;
  top: -5px;
  right: -5px;
  padding: 0;

  visibility: hidden;

  background-color: #ffffff;
  background-image: url("https://htmlacademy.ru/assets/courses/303/icon-cross.svg");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 50%;
  font: inherit;
  font-size: 0;

  user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}

.chat-message + .chat-message {
  margin-top: 12px;
}

.chat-message:last-child {
  border-radius: 20px 4px 20px 20px;
}

.chat-message:first-child {
  border-radius: 20px 20px 4px 20px;
}

.chat-form {
  display: flex;
  align-items: center;
  /*padding: 32px 20px;*/
  /*background-color: #265681;*/
}

.chat-form-input {
  flex-grow: 1;

  box-sizing: border-box;
  margin-right: 16px;
  padding: 9px 20px 11px;

  border: 2px solid #ffffff;
  background-color: #ffffff;
}

.chat-form-input::placeholder {
  color: #cccccc;
}

.chat-form-input:hover {
  border-color:#4f215e;
  outline: none;
}

.chat-form-input:focus {
  border-color:#4f215e;
  outline: none;
}

.chat-form-input,
.chat-form-button {
  border-radius: 50px;
  font: inherit;
  border-color: #4f215e;
}
.chat-send{background:#4f215e !important;color: white;}
/*pastrentalspages*/
.interest-card{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
}

.interest-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.interest img{width:80%;}
 i.star{float: right;font-size: 18px !important;padding-top: 15px;color:#4f215e !important;}
.interest-col2 p{color:#666666;margin: 5px;}
p.booking-p{color: red;font-size: 13px;margin: 3px;}
.pastrental-btn{float: right;background: transparent;border:1px solid #4f215e;
  color: #4f215e;border-radius: 5px;margin-top:15px;font-size: 15px;padding: 6px;}
  .interest-col2 i{float: right;font-size: 15px;padding-top: 15px;color: #8c8c8c}
.myitems-btn{border: 1px solid #4f215e;padding: 6px;background: transparent;border-radius: 5px;color:#4f215e}
.resource{list-style: none;}
.resource i{float: right;font-size: 15px;padding-top: 15px;color: #8c8c8c}
.alert-box {
  padding: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 4px; 
   width: 80%;
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: none;
}
.resource a{color: black;}.myitems-btn a{color:#4f215e;}
a.clr-black{color: black;}

/*promotepage*/
.promotepage img{width: 100%;box-shadow: 4px 4px 4px #e8e8e8;}
.promotepage h5{color: #4f215e;font-style: italic;font-weight: bold;margin: 15px auto 15px auto;}
.promotepage button{padding: 10px;background:#4f215e;color: white;margin: 7px;border: 0;border-radius: 5px;}
.promotepage button:hover{border:1px solid #4f215e;color: #4f215e;background: transparent;}
/*raeitem*/
.ratingitem {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 20px;
  position: relative;
  margin-left: -80px;
}

.rating-0 {
  filter: grayscale(100%);
}

.ratingitem > input {
  display: none;
}

.ratingitem > label {
  cursor: pointer;
  width: 25px;
  height: 25px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.ratingitem > input:checked ~ label,
.ratingitem > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.ratingitem > input:not(:checked) ~ label:hover,
.ratingitem > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.feedback {
  max-width: 360px;
  background-color:transparent;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items:left;
  /*box-shadow: 0 4px 30px rgba(0,0,0,.05);*/
}
.feedback:hover{background: transparent;box-shadow: none !important;}
.ratetop{margin-top: 180px;margin-bottom: 11px;}
.ratebox{background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;}
  .ratebox h5{line-height: 1.5px;}
  .ratehdng{margin-top: 80px;}.ratehdng2{margin-top: 60px;}
  /*promotionitem*/
  .promotepanel-container {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-size: 90%;
  display: flex;
  flex-direction: column;
  /*justify-content: center;
  align-items: center;
  text-align: center;*/
  padding: 30px;
  /*max-width: 400px;*/
}

    .bs-example{
      /*margin: 20px;*/
    }

.cardpromote{
    padding: 20px 25px 25px 25px;
    border-radius: 30px;
    box-shadow: 0px 4px 8px 0px #B71C1C;
    margin-top: 20px;
    margin-bottom:20px;
    max-width:330px !important;
    margin:0 auto;
}

.border-line {
    border-right: 1px solid #BDBDBD
}

.text-sm {
    font-size: 13px
}

.text-md {
    font-size: 18px
}

.image {
    width: 60px;
    height: 30px
}

input.promote {
    padding: 2px 0px;
    border: none;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 5px;
    margin-top: 2px;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500
}
input.promote:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #EF5350;
    outline-width: 0
}


.btn-red {
    background-color: #EF5350;
    color: #fff;
    padding: 8px 25px;
    border-radius: 50px;
    font-size: 18px;
    letter-spacing: 2px;
    border: 2px solid #fff
}
.btn-red:hover {
    box-shadow: 0 0 0 2px #EF5350
}

.btn-red:focus {
    box-shadow: 0 0 0 2px #EF5350 !important
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #EF5350
}
.promoteitem-btn{background: #4f215e;color: white;border: 0;border-radius: 5px;
padding: 10px 14px 10px 14px;margin-top: 10px;font-size: 14px;}
.gobtn { 
    background: #4f215e;
    color: white;
    padding: 4px 7px 4px 7px;
    border: 0;
    border-radius: 5px; 
    width: 20%;
    display: inline-block;
    text-align: center;
}
@media screen and (max-width: 575px) {
    .border-line {
        border-right: none;
        border-bottom: 1px solid #EEEEEE
    }
}
/*reviewsec*/
.review_section {
  box-sizing: border-box;
   font-family: 'Raleway', sans-serif !important;
  width:80vw;
  margin:0 auto;
}
.review_section *,
.review_section *::before,
.review_section *::after {
  box-sizing: inherit; 
}
.review_section *:focus,.review_section *:active
{
  outline:0 !important;
}
.review_section *{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.review_section body,.review_section td,.review_section th,.review_section p{
  color: #333;
   font-family: 'Raleway', sans-serif;
}
.review_section body {
  background-color: #fdfdfd;
  margin: 0;
  position:relative;
}
.review_section h2 {
  display: inline-block;
}
.review_section #review-add-btn {
  padding: 0;
  font-size: 1.6em;
  cursor: pointer;
}
/* ====================== Review Form ====================== */
.review_section #modal {
  /* position: absolute;
  left: 10vh;
  top: 10vh; */
  /* fix exactly center: https://css-tricks.com/considerations-styling-modal/ */
  /* begin css tricks */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* end css tricks */
  /* z-index: -10; */
  z-index: 3;
  display: flex;
  flex-direction: column;
  /* width: 80vw; */
  /* height: 80vh; */
  border: 1px solid #666;
  border-radius: 10px;
  opacity: 0;
  transition: all .3s;
  overflow: hidden;
  background-color: #eee;
  /* visibility: hidden; */
  display: none;
}
.review_section #modal.show {
  /* visibility: visible;   */
  opacity: 1;
  /* z-index: 10; */
  display: flex;
}
.review_section .modal-overlay {
  width: 100%;
  height: 100%;
  z-index: 2; /* places the modalOverlay between the main page and the modal dialog */
  background-color: #000;
  opacity: 0;
  transition: all .3s;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  margin: 0;
  padding: 0;
}
.review_section .modal-overlay.show {
  display: block;
  opacity: 0.5;  
}
.review_section #modal .close-btn {
  align-self: flex-end;
  font-size: 1.4em;
  margin: 8px 8px 0;
  padding: 0 8px;
  cursor: pointer;
}
.review_section form {
  width:70vw;
  padding: 0 20px 20px 20px;
}
/* 
input,
label {
  display: block;
  width: 100%;
}

label {
  font-weight: bold;
  margin-bottom: 5px;
} */

.review_section input,
/* input:not(input[type='radio']), */
/* input:not(type='radio'), */
.review_section select,.review_section .rate, .review_section textarea, .review_section button {
  background: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: inset 0 1px 1px #e1e1e1;
  font-size: 16px;
  padding: 8px;
}
.review_section input[type="radio"] {
  box-shadow: none;
  outline:0 !important;
}
.review_section button {
  min-width: 48px;
  min-height: 48px;
}
.review_section button:hover {
  border: 1px solid #ccc;
  background-color: #fff;
}
.review_section button#review-add-btn, 
.review_section button.close-btn, 
.review_section button#submit-review-btn {
  min-height: 40px;
}
.review_section button#submit-review-btn {
  font-weight: bold;
  cursor: pointer;
  padding: 0 16px;
}

.review_section .fieldset {
  margin-top: 20px;
}
.review_section .right {
  align-self: flex-end;
}
.review_section #review-form-container {
  width: 100%;
  /* background-color: #eee; */
  padding: 0 20px 26px;
  color: #333;
  overflow-y: auto;
}
.review_section #review-form-container h2 {
  margin: 0 0 0 6px;
}
.review_section #review-form {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.review_section #review-form label, .review_section #review-form input {
  display: block;
  /* width: 100%; */
}
.review_section #review-form label {
  font-weight: bold;
  margin-bottom: 5px;
}

.review_section #review-form .rate label,.review_section  #review-form .rate input,
.review_section #review-form .rate1 label,.review_section  #review-form .rate1 input {
  display: inline-block;
}
/* Modified from: https://codepen.io/tammykimkim/pen/yegZRw */
.review_section .rate {
  /* float: left; */
  /* display: inline-block; */
  height: 36px;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-end;
}
.review_section #review-form .rate > label {
  margin-bottom: 0;
  margin-top: -5px;
  height: 30px;
}
.review_section .rate:not(:checked) > input {
  /* position: absolute; */
  top: -9999px;
  margin-left: -24px;
  width: 20px;
  padding-right: 14px;
  z-index: -10;
}
.review_section .rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
}
/* #star1:focus{

} */
.review_section .rate2 {
  float: none;
}
.review_section .rate:not(:checked) > label::before {
  content: '★ ';
  position: relative;
  top: -10px;
  left: 2px;
}
.review_section .rate > input:checked ~ label {
  color: #ffc700;
  /* outline: -webkit-focus-ring-color auto 5px; */
}
.review_section .rate > input:checked:focus + label, .review_section .rate > input:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}
.review_section .rate:not(:checked) > label:hover,
.review_section .rate:not(:checked) > label:hover ~ label {
  color: #deb217;
  /* outline: -webkit-focus-ring-color auto 5px; */
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
.review_section #submit-review {
  align-self: flex-end;
}

 .review_section input,.review_section textarea{
    width:100%;
     font-family: 'Raleway', sans-serif;
   font-size:14px;
  }
@media only screen and (min-width: 550px){
 
}





/*PEN STYLES*/
 .review_section * {
   box-sizing: border-box;
}
.review_section {
   background: #f1f1f1;
}
 .blog-card {
   display: flex;
   flex-direction: column;
   margin: 5px 0;
   box-shadow: 0 3px 7px -1px rgba(0, 0, 0, .1);
   margin-bottom: 1.6%;
   background: #fff;
   line-height: 1.4;
   font-family: 'Raleway', sans-serif;
   border-radius: 5px;
   overflow: hidden;
   z-index: 0;
}
 .blog-card a {
   color: inherit;
}

 .blog-card .meta {
   position: relative;
   z-index: 0;
   height: 180px;
}
 .blog-card .photo {
  height:200px;
   width:200px;
   margin:0;
}

 
 .blog-card .description {
   padding: 1rem;
   background: #fff;
   position: relative;
   z-index: 1;
}
 .blog-card .description h1, .blog-card .description h2 {
      font-family: 'Raleway', sans-serif;
}
 .blog-card .description h1 {
   line-height: 1;
   margin: 0;
   font-size: 1.7rem;
}
 .blog-card .description h2 {
   font-size: 1rem;
   font-weight: 300;
   text-transform: uppercase;
   color: #a2a2a2;
   margin-top: 5px;
}

 
 .blog-card p:first-of-type {
   margin-top: 1.25rem;
}
 .blog-card p:first-of-type:before {
   content: "";
   position: absolute;
   height: 5px;
   background: #5ad67d;
   width: 35px;
   margin-top:-1rem;
   border-radius: 3px;
}

 @media (min-width: 640px) {
   .blog-card {
     flex-direction: row;
    
  }
   .blog-card .meta {
     flex-basis: 0%;
     height: 200px;
  }
   .blog-card .description {
     flex-basis: 95%;
  }
   .blog-card .description:before {
     content: "";
     background: #fff;
     width: 30px;
     position: absolute;
     left: -10px;
     top: 0;
     bottom: 0;
     z-index: -1;
  }
   .blog-card.alt {
     flex-direction: row-reverse;
  }

   .blog-card.alt .details {
     padding-left: 25px;
  }
}
/*bookingpg-btn*/
.bookingpg-btn{background: #4f215e;color: white;border: 0;border-radius: 5px;padding: 10px 19px 10px 19px;
margin: 4px;margin-top: 20px;}
.bookingpg{margin-bottom: 12px;}
/*productchat*/
.ccc{
  --body-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  --msger-bg: #fff;
  --border: 2px solid #ddd;
  --left-msg-bg: #ececec;
  --right-msg-bg: #4f215e;
}

.ccc {
  box-sizing: border-box;
}


}

.ccc {
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100vh;*/
  background-image: var(--body-bg);
  font-family: Helvetica, sans-serif;
}


.msger {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  width: 860px;
  max-width: 867px;
  margin: 25px 10px;
  height: calc(100% - 50px);
  border: var(--border);
  border-radius: 5px;
  background: var(--msger-bg);
  box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
  margin-top: 3px;
}

.msger-header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: var(--border);
  background: #eee;
  color: #666;
}

.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  width: 850px;

}
.msger-chat::-webkit-scrollbar {
  width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
  background: #ddd;
}
.msger-chat::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.msg:last-of-type {
  margin: 0;
}
.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px;
  background: var(--left-msg-bg);
}
.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.msg-info-name {
  margin-right: 10px;
  font-weight: bold;
}
.msg-info-time {
  font-size: 0.85em;
}

.left-msg .msg-bubble {
  border-bottom-left-radius: 0;
}

.right-msg {
  flex-direction: row-reverse;
}
.right-msg .msg-bubble {
  background: var(--right-msg-bg);
  color: #fff;
  border-bottom-right-radius: 0;
}
.right-msg .msg-img {
  margin: 0 0 0 10px;
}

.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: var(--border);
  background: #eee;
}
.msger-inputarea * {
  padding: 10px;
  border: none;
  border-radius: 3px;
  font-size: 1em;
}
.msger-input {
  flex: 1;
  background: #ddd;
}
.msger-send-btn {
  margin-left: 10px;
  background:#4f215e;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.23s;
}
.msger-send-btn:hover {
  background:#4f215e;
}

.msger-chat {
  background-color: #fcfcfe;
  
}
.chatpdt-info{padding: 30px;margin-top: -20px;}
.chat-info1{background: #e6e6e6;}
.chat-info2{background: #e6e6e6;}
/*=*/
.interest-col2 a{color: #4f215e;}
.advance-title{margin-top:120px;}
/*mediaqueryformob*/
 @media (max-width: 900px) {
  /*pdtchat*/
  .msger{width: 300px;}
  .msger-header,.msger-chat,.msger-inputarea{width:296px;}
  .msg-bubble{width: 260px;padding: 5px;}
  .msg-img{width: 30px;height: 30px;}
  .msger-chat{margin-top: 7px;margin-bottom: 7px;}
  .msg-text{font-size: 13px;}
  input.msger-input{padding: 2px !important;}
  /*pastrentalspage*/
  .pastrental-btn,.interest-col2 i{margin-right: -20px;}
  .interest-col2{margin-left: -20px;}
  .interest-col2 h5{font-size: 15px;}
  .interest-col2 p{font-size: 13px;}
  /*end*/
  .dlt-button{margin-left: 0px !important;}
.view-button{
padding: 11px 10px 11px 11px;font-size: 12px;width: 120px;margin-bottom: 8px;}
.post-button{width: 120px;font-size: 12px;}
.itempost-container{margin-left: 20px;margin-top: 100px;}

main{width: 263px;}

.update-profile{margin-top:100px;}
._3E8aIl{margin-left: 18px !important}
.cate_h5,.searchdrop{margin-left: 5%;}
.booking-icon ul{margin-top: 23px;}
.chat-form-input{width: 120px !important;padding: 10px;font-size: 10px;}
.chat-form-button {margin-top: -20px;}
.navbar-brand img{width: 30%;margin-top: -17px;}
/*advace*/
.panel-right{margin-right: -30px;}
.category-arrow{margin-left: -17px;}

.notification-btn {
    background: white;
    color: #4f215e;
    border-radius: 50%;
    font-size: 11px;
    padding: 3px;
    position: absolute;
    top: -9px;
    width: 16px;
    height: 16px;
}

.advance-search{width: 90%;}
.ratehdng{margin-top: 40px;}.ratehdng2{margin-top: 10px;}.ratehdng2 h6{margin-left: -22px;}
.ratetop{margin-top: 100px;}
.advance-title{margin-left:26px;margin-top: 20px;}
.searchpanel-left{margin-left: 18px;}
.detail-slider{padding-left: 40px !important;margin-left: -10px;}

 }

  @media (max-width: 900px) {
    .section_about h3{margin-left: 0px;}
    .download-icon img {
    height: 34px;
}

    .testimonial h4 {
    font-size: 16px;
    margin-left: 16px;
}
    .col-toppadding{padding-top: 10px;}
    .recently_h3{padding-top: 20px;}
     .solid-box {margin-left: 90px;height: 350px;}
     .solid-box img{width: 70%;}
    .workpara p{padding-right: 0px;}
    .abt-sectn{margin-top: 300px;}
    .about{margin-right: 20px;} 
    .section_about p{font-size: 14px;
      margin-left: 16px;
    }
    .testimonial p,h4{margin-left: 1px !important;}
    .section_about h3{margin-left: 16px;}
    .section_about h3{font-size: 18px;}
    .working_section{margin-top:15px;}

    .card img{padding: 5px;}
    .cardpanel p{font-size: 12px;}
    .panelbody{margin-right:16px;}
    .col-toppadding h5,h6{font-size: 13px;}
    .col-toppadding h5{padding-top: 20px;padding-left:33px;}

    .round-img{width: 80px;height:80px;}
    .col-toppadding{padding-top: 10px;}
    /*.panelbody{padding-bottom: 10px;}*/
    .section_about{padding-left: 16px;}
   .card-btn{padding: 4px 40px 4px 40px;color: white;border-radius: 5px;font-size: 14px;}
   .owl-theme .owl-dots {text-align: left;margin-top: 0px;}
    .slider{padding-left: 50px;}
    button.search{/*margin-left: 30px;*/font-size: 14px;padding: 4px 5px 4px 5px; width: 100%;}
    input.submit{font-size: 12px;padding: 2px;}
    /*.navbar-brand img{width: 50%;margin-left: -70px;}*/
    .navbar{background: white;max-height:100px;}
    /*.footer-2{padding-left: 38px;}
    .footer-3{padding-left: 33px;}
    .footer-4{padding-left: 33px;}*/
    .footer-2,.footer-3,.footer-4{margin-left: 30px;}
     .footer-1{padding-top: -50px;}

.form-home{margin-top: 10px;margin-bottom: 20px; 
  /*padding: 0 0%;*/
}
.navbar{max-height: 80px;}
h3.intro-title{margin-top: -80px;font-size: 10px;}
.fixed-top {
    /*position: fixed;*/
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.intro .intro-title{font-size:20px !important;}
/*detailpg*/
.detail_heading{
    margin-bottom: -10px;font-size: 16px; line-height:50px;
   }
   .deatilpg_sec{margin-top: 50px;}
.details_section2{margin-top: 13px;margin-left: -33px;margin-right: 0px !important;}
p.detail_para{padding-top: 1rem;padding-bottom: 0px;}
.btn_text{margin-left: 5px;}
 a.report{margin-left: -49px;}
.start_area{padding:3px;}
.detail_margin{margin-left: -22px;}

.navbar-collapse{background: #4f215e;width:100%;}
.navbar-expand-lg{padding-left: 25px;}
/*.navbar-default.navbar-reduce.nav-link{font-size: 1rem;padding-left: 18px;}*/
.navbar-default.navbar-trans .nav-link,
.navbar-default.navbar-reduce .nav-link {
  font-size: 1rem;padding-left: 14px;
}
.navbar-toggle span{color: color:white;}
li.bg-solid{width:40%;margin-bottom: 14px;}
/*today*/
.detail_icon li{padding: 0px!important;font-size: 15px;}
.detail_icon i:hover{color:#ec72ab;}
.weightbtn{padding: 5px 15px 5px 15px;}
.systemviewdetails a,span{font-size: 15px;}
.product-information {
    padding-left: 20px;
    padding-top: 20px;
}
p.detail_para{font-size: 15px;}
.booking{
  display: inline; /* the default for span */
  
 
}
 .book_t{height:30px;margin-bottom:-5px;width: 130px;margin-left: 5px;}
.book_select{padding:3px;width: 130px;}
label.popup_check{font-size: 10px;}
.btn-violet{padding: 8px;font-size: 13px;}
p.color-text-a,span.color-a{font-size: 12px;}
.footer-logo{margin-top: -30px;margin-bottom: 10px;}
/*index*/
    .panelbody button {
        height: 30px;
        width: 30px;
        margin-top: 15px;
        margin-left: -20px;
    }
.or-btn{padding: 10px 30px 10px 30px;font-size: 14px;margin-top: 20px;}
.security-img{margin-left: 40px;}
.download_area{margin-top: 10px;margin-bottom: 10px;padding-left: 10px;}
h3.dwnld_text{
margin-top: 10px;padding-right: 10px;padding-left: 10px;}
.right_bg{margin-top:45px;margin-left: -3px;margin-bottom: 20px;}

 /*caegory*/
.category_heading{margin-left: 50px;padding: 8px;}
.cate_gory h3{color:#4f215e;font-size:21px;margin-left: 5px;}
.cate_gory h5{color: black;font-size: 17px;}
.cate_gory{margin-top: 100px;margin-bottom: 50px;}
.searchdrop > input[type=text] {width: 142px;}

/*feedback*/
.feedbacktext {
    width: 260px !important;
    margin-bottom: 11px;
} 
.messaging {margin-top: 100px;}
.common_hdr{font-size: 17px;}
.login_top{margin-top: 30px;}

  }


 

  /*media queries end*/

/*======================================
//--//-->   INTRO
======================================*/

.intro {
  height: 55vh;
  position: relative;
  color: #fff;
}

.intro .intro-content {
  text-align: center;
  position: absolute;
}

.intro .overlay-itro {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
  opacity: .9;
}

.intro .intro-title {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
}

.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

.intro .text-slider-items {
  display: none;
}

.intro-single {
  height: 350px;
}

.intro-single .intro-content {
  margin-top: 30px;
}

.intro-single .intro-title {
  text-transform: uppercase;
  font-size: 3rem;
}

.intro-single .breadcrumb {
  background-color: transparent;
  color: #0078ff;
}

.intro-single .breadcrumb .breadcrumb-item:before {
  color: #cde1f8;
}

.intro-single .breadcrumb .breadcrumb-item.active {
  color: #cde1f8;
}

.intro-single .breadcrumb a {
  color: #fff;
}

      .justify-content-center{
        
        justify-content: right !important;
      }



@media (max-width:900px) {
  /*.justify-content-center{
       margin-left:-50px; 
        justify-content: none !important;
        margin-right: 20px;

      }*/
      .login_form{padding-left: 0px !important;padding-right: 0px !important;
        margin-left: 0px !important;margin-right: 0px !important}
}

@media (min-width: 1200px) {
  .bg-half,.section_about{
    margin-right: 160px;margin-left: 160px;
  }
  .categorypdt_hdng h5{font-size: 15px;margin-left: 50px;}
  .categorypdt_hdng h6{font-size: 15px;}
  .textarea_sec2d{ 
  min-width: 430px;
 }
    .proptme_card {
        min-height: 130px;
    }
 .profileformleft{margin-left: 60px;}
}

.download_area {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 50px;
}

h3.dwnld_text {
    margin-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
}

.right_bg {
    margin-top: 50px;
    margin-left: 50px;
}

.footer-logo {
    margin-top: 70px;
}
@media (max-width: 900px) {
    .download_area {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 10px;
    }

    h3.dwnld_text {
        margin-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .right_bg {
        margin-top: 45px;
        margin-left: -3px;
        margin-bottom: 20px;
    }

    .footer-logo {
        margin-top: -30px;
        margin-bottom: 10px;
    }
}
.start-area {
    width: 80%;
    margin-left: 20px;
    margin-right: -100px;
}

.for-area {
    width: 63%;
    margin-left: 45px;
}

@media (max-width: 900px) {
    .start-area {
        width: 75%;
    }

    .for-area {
        width: 40%;
    }
}
.col-toppadding h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 170px;
    height: 1.2em;
    white-space: nowrap;
}
@media (max-width: 900px) {
    .col-toppadding h5 {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100px;
        height: 1.2em;
        white-space: nowrap;
        padding-top: 0px;
    }
    
}

@media (max-width: 900px) {
    .radion-space {
        margin: 8px;
    }
    .promowidth {
        width: 65%;
    }
    .gobtn {
        background: #4f215e;
        color: white;
        padding: 5px 7px 5px 7px;
        border: 0;
        border-radius: 5px;       
        width: 32%;
        display: inline-block;
        text-align: center;
    }
    .navbar-collapse {
        background: #4f215e;
        width: 100%;
        margin-top: 5px;
        margin-left: -25px;
        margin-right: -16px;
    }
    .btn-search {
        width: 100%;
    }
}
.item-leftalign {
    margin-left: -14px;
}
.viewbox-shadow {
    box-shadow: 3px 3px 3px 3px #e6e6e6;
    margin-bottom: 5px;
}
.interest {
    padding: 12px;
}


/*home tab content*/

ul.tabs {
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    text-align: center;
    max-width: 340px;
    box-shadow: 0 0 15px #ccc;
    border-radius: 50px;
}

    ul.tabs li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 10px 14px;
        cursor: pointer;
        font-weight: 500;
    }

        ul.tabs li.current {
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
            border-radius: 50px;
            border: 0;
            background: #ec87ba;
            color: #fff;
        }

.tab-contentDash {
    display: none;
    background: #fff;
    padding: 15px;
}

    .tab-content.current {
        display: inherit;
    }

/*home tab content ends*/

@media (max-width: 767px) {
/*.navbar-trans button{margin-top: -30px;}*/
.copyright-footer{padding: 20px 0px 0px 25px;}
.footer-4 h5{padding: 5px 0px 5px 15px;}
    body {
        padding-top: 75px;
    }

    .fixed-top {
        top: 25px !important;
    }

    .navbar-brand img {
        width: 20%;
        margin-top: -32px;
        margin-left: 8%;
    }

    .navbar-default.navbar-reduce {
        transition: all .5s ease-in-out;
        padding-top: 22px;
        padding-bottom: 34px;
    }
    .navbar {
        background: #4F215E;
        max-height: 80px;
    }

    .covid {
        position: fixed;
        width: 100%;
        top: 0;
        height: 50px;
    }

    .navbar-collapse {
        margin-top: -10px;
    }

    .px-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .section_about {
        padding-top: 80px;
    }
    .intro .carousel-item-a {
        height: 90vh !important;
    }

    .intro {
        height: 85vh !important;
    }
    .captch-searh {
        margin-left: 0 !important;
    }

    .newHdrH1 {
        margin-left: 4%;
    }
    .g-recaptcha {
        width: 100px !important
    }
}
.navbar-brand {
    margin-right: -14rem !important;
}
.card-featured {
    width: 249px !important;
    box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    background:#fff
}
.prop-hdr {
    padding-top:26px !important;
}
.navBarPt {
    height: 118px;
}

@media (min-width:1200px) {
    .intro .carousel-item-a {
        height: 70vh !important;
    }

    .intro {
        height: 65vh !important;
    }

    .captch-searh {
        margin-left: 3.5% !important;
        padding-left: 10%;
    }
    .introWithSes .carousel-item-a {
        height: 65vh !important;
    }
    .introWithSes {
        height: 60vh !important;
    }
    
}
@media (max-width:1400px) {
    .intro .carousel-item-a {
        height: 80vh;
    }

    .intro {
        height: 75vh;
    }

    .captch-searh {
        margin-left: 3.5% !important;
    }

    .introWithSes .carousel-item-a {
        height: 75vh !important;
    }
    .introWithSes {
        height: 70vh !important;
    }

    
}
@media (max-width:320px) {
    .intro .carousel-item-a {
        height: 108vh !important;
    }

    .intro {
        height: 102vh !important;
    }

    .captch-searh {
        margin-left: 0% !important;
        padding-left: 2%;
    }
}


.gray-box {background:#e6e6e6; padding:30px;}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #4f215e!important;
    border-color: #4f215e!important;
    box-shadow:0!important;
}

#categoriesSelected {width:99%!important;}