:root {
  --btnshadow: 0px 7px 13px -6px #0e0f10cc;
  --btnshadow1: 0px 5px 23px -8px #0e0f1040;
  --topspac: 49px;
  --topspac1: 57px;
}
@media screen and (max-width: 992px) {
  :root {
    --topspac: 47px;
    --topspac1: 47px;
  }
}
* {
  font-family: "Poppins", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
}
h3,
.h3 {
  font-size: 1.25rem;
}
ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
li {
  list-style-type: none;
}
b {
  font-weight: 600;
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
  src: url(icon.woff2) format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.material-icons.hom-icon {
  font-size: 13px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #21a8f4;
  /* padding: 2px; */
  line-height: 1.5;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.material-icons.menu-icon {
  font-size: 20px;
  color: #525151;
}
:before {
  font-family: "Material Icons";
  position: absolute;
  font-size: 18px;
  color: #9d9a98;
  font-weight: 500;
}
:after {
  font-family: "Material Icons";
  position: absolute;
  font-size: 18px;
  color: #6a717f;
  font-weight: 500;
}
.btn {
  color: #fff !important;
  border: 0px solid #005ba2;
  padding: 10px 15px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.5s ease;
  background: linear-gradient(to bottom, #3384ff, #2170e8);
  border-radius: 4px;
  margin-top: 30px;
}
a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
}
a:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
}
img {
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/*-------------------------------------------------*/
/* = SEARCH RESULTS 
/*-------------------------------------------------*/
.ban-search.ban-sear-all {
  width: 85%;
  background: #00000059;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 14px 0px #0000003d;
}
.ban-search.ban-sear-all li.sr-cate {
  width: 25%;
}
.ban-search.ban-sear-all li.sr-cit {
  display: block;
  width: 25%;
}
.ban-search.ban-sear-all li.sr-sea {
  display: none;
}
.ban-search.ban-sear-all li.sr-nor {
  width: calc(100% - 550px);
}
.ban-search.ban-sear-all li.sr-btn {
  width: 25%;
}
/*-------------------------------------------------*/
/* = 4.DESKTOP MENU 
/*-------------------------------------------------*/
.menu {
  margin-right: 20px;
  float: left;
  margin-right: 20px;
  /* display: inline-block;
    */
  border-left: 1px solid #4f6171;
  padding: 5px 5px 5px 12px;
  margin-left: 20px;
  margin-top: 10px;
  cursor: pointer;
  position: relative;
}
.menu:after,
.pmenu-cat ul li a:before,
.al:after {
  content: "";
  transition: all 0.5s ease;
}
.menu:after {
  color: #fff;
  right: -16px;
  top: 9px;
  width: 10px;
  height: 10px;
  filter: invert(1);
}
.menu h4 {
  color: #000;
  font-size: 18px;
  margin: 0px;
  font-weight: 500;
  /* text-transform: uppercase;
    */
}
.menu i {
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 8px;
  padding-top: 3px;
  border-radius: 50px;
  box-shadow: 0 0 0 rgb(66, 116, 235);
  animation: pulse 1.5s infinite;
  color: #ffffff;
}
/*hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh--2*/
.top-log {
  float: left;
}
.top-log img {
}
/*-------------------------------------------------*/
/* = 5.HOME PAGE BANNER AND SEARCH BOX 
/*-------------------------------------------------*/
.hom-top .container {
  position: relative;
}
.hom-top {
  transition: all 0.5s ease;
  padding: 3px 0px 7px 0px;
  position: fixed;
  z-index: 20;
  width: 100%;
  background: #fff;
  box-shadow: 0px 8px 8px -8px #c9e1fe;
  transition: all 0.5s ease;
  top: 0px;
  left: 0px;
  right: 0px;
}
.hom-wrap {
  padding-left: 4%;
  padding-right: 4%;
}
.hom-top.dmact {
  background: #fff;
  box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.63);
  position: fixed;
  top: 0px;
  left: 0px;
}
.hom-contain {
  border-radius: 8px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 25px;
  background: #fff;
  box-shadow: 0 1px 5px #00000040;
}
.hom-top.dmact.act {
  top: 0px;
}
.hom-nav {
  width: 100%;
  float: left;
}
.hom-nav .ic-logo {
  width: 200px;
  margin-top: 16px;
}
.hom-nav .bl {
  float: right;
  margin: 0px;
  padding-top: 4px;
}
.hom-nav .bl li {
  float: left;
  margin-left: 10px;
  font-weight: 500;
}
.hom-nav .bl li a {
  color: #000;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 49px;
  /* border: 1px solid #223c50;
    */
  padding: 5px 6px;
  border-radius: 5px;
  float: left;
  display: inline-block;
  line-height: 24px;
}
.hom-nav .bl li:last-child a {
  color: #fff;
  border-radius: 5px;
  margin-left: 10px;
  padding: 5px 15px;
}
.hom-nav .bl li:last-child a:hover {
  background: #1834bf;
  border: 1px solid #0a2192;
}
.head-pro {
  padding: 3px 0px 0px 0px;
  display: inline-block;
  /* width: 142px;
    */
}
.head-pro img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  /* float: left;
    */
  margin: 5px 0px 0px 0px;
  border: 0px solid #4a5b6f;
  transition: all 0.5s ease;
}
.head-pro:hover img {
}
.head-pro b {
  padding: 0px;
  font-size: 10px;
  font-weight: 400;
  color: #bfbfbf;
  line-height: 15px;
  float: left;
}
.head-pro h4 {
  margin: 0px;
  font-size: 12px;
  /* float: left;
    */
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  margin-top: -7px;
  color: #fff;
  font-weight: 400;
}
/*spacious, bright guestrooms with tasteful furnishing, wooden floor and panoramic windows from the ceiling to the floor*/
.ban-search {
  margin: 0 auto;
  display: block;
  width: 55%;
  position: relative;
  box-shadow: 0 12px 19px 0 rgb(22 50 92 / 8%);
}
.ban-search ul {
}
.ban-search ul li.lft {
  float: left;
  position: inherit;
}
.ban-search ul li.lft .sr-cit {
  width: 20%;
  display: none;
}
.ban-search ul li.lft .sr-cit .chosen-container a div {
}
.ban-search ul li .chosen-container a div:before {
  top: 0px;
}
.ban-search ul li {
}
/*spacious, bright guestrooms with tasteful furnishing, wooden floor and panoramic windows from the ceiling to the floor*/
.ban-search li.lft select {
  outline: none;
}
.ban-search li.lft:nth-child(1) select {
  border-radius: 10px 0 0 10px;
  padding: 0px 25px 0px 25px;
  color: #333;
}
h4.call a {
    color: #1134b4;
    text-decoration: none;
    background-color: transparent;
}
h4.con a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}
.ban-search li.lft select,
.ban-search li.lft .chosen-container {
  height: 60px;
  border: 0px;
}
.ban-search li.lft .chosen-container .chosen-single {
  height: 58px;
  border-radius: 0;
}
.ban-search li.lft .chosen-container .chosen-single span {
  height: 58px;
  line-height: 56px;
  font-weight: 600;
  color: #252733;
  padding-left: 28px;
}
/*spacious, bright guestrooms with tasteful furnishing, wooden floor and panoramic windows from the ceiling to the floor*/
.ban-search ul li.lft .sr-sea {
  width: 80%;
  margin: 0px 0% 0px 0%;
}
.ban-search ul li.lft .sr-btn {
  width: 20%;
}
.ban-search ul li:nth-child(1) .chosen-container a {
  border-radius: 10px 0 0 10px;
}
.ban-search ul li.lft :before {
  right: 20px;
  line-height: 60px;
  z-index: 1;
  color: #8592c1;
}
.ban-search ul.chosen-results li:before,
.ban-search ul li.lft .sr-btn:before {
  display: none;
}
.ban-search ul li.lft .sr-cit:before {
  content: "\ebcc";
}
.ban-search ul li.lft .sr-cate:before {
  content: "search";
}
.ban-search ul li.lft .sr-nor:before {
  content: "search";
  font-size: 22px;
  margin: 14px 0px 0px 15px;
}
.ban-search ul li.lft .sr-sea:before {
  content: "";
  width: 18px;
  height: 18px;
  background-size: cover;
  margin: 21px 0px 0px 16px;
  font-size: 21px;
  opacity: 0.6;
}
/*spacious, bright guestrooms with tasteful furnishing, wooden floor and panoramic windows from the ceiling to the floor*/
.ban-search ul li.lft input {
  border: 0px;
  width: 100%;
  display: block;
  line-height: 40px;
  font-size: 15px;
  outline: none;
  height: 60px;
  background: #ffffff;
  box-sizing: border-box;
  color: #1a2a38;
  border: 0px solid #d5d5d5;
  padding: 0px 25px 0px 25px;
  font-weight: 500;
  box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
}
.ban-search ul li.lft input[type="submit"] {
  color: #fff;
  border: 0px solid #005ba2;
  padding: 0px 25px 0px 25px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.5s ease;
  /* background: linear-gradient(to bottom,#3384ff, #2170e8);
    */
  border-radius: 0 10px 10px 0;
}
.ban-search ul li.lft input[type="submit"]:hover {
  transition: all 0.5s ease;
}
.ban-search .ui-widget.ui-widget-content {
}
.ban-search .ui-widget-content li {
}
.ban-search .ui-widget-content li div {
}
.blog-head .ban-search ul {
  margin: 0 auto;
  display: table;
}
/*spacious, bright guestrooms with tasteful furnishing, wooden floor and panoramic windows from the ceiling to the floor*/
.blog-head .ban-search ul li.lft .sr-sea input {
  border-radius: 30px;
  box-shadow: 0 5px 41px -14px rgba(60, 63, 66, 0.32);
  color: #40454a;
  max-width: 100%;
  width: 384px;
  border: 1px solid #e9e9ef;
  font-weight: 600;
}
.ban-ql {
  margin: 0 auto;
  display: table;

  position: relative;
  /* padding-top: 30px;
    */
  /* margin-top: 50px;
    */
  /* position: absolute;
    */
  /* bottom: -42px;
    */
}
.ban-ql ul {
  margin: 0 auto;
  display: table;
  width: 100%;
}
.ban-ql ul li {
  float: left;
  /* margin: 0px 10px;
    */
  width: 20%;
  padding: 0px 10px;
}
.ban-ql ul li div {
  transition: all 0.5s ease;
  color: #000;
  background: #fff;
  text-align: center;
  padding: 25px 20px 27px 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 5%);
  border-radius: 15px;
}
.ban-ql ul li div:hover {
  transition: all 0.2s ease;
  /* background: #cbe5fc;
    */
  transform: translateY(-5px);
  /* transform: scale(1.1);
    */
  box-shadow: 0 11px 45px -13px rgba(37, 39, 42, 0.67);
  z-index: 9;
}
.ban-ql ul li div img {
  width: 60px;
  background: #ffffff;
  padding: 6px;
  border-radius: 15px;
}
.ban-ql ul li div h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 12px 0px 15px 0px;
  color: #243c50;
}
.ban-ql ul li div p {
  display: block;
  font-size: 13px;
  padding-bottom: 5px;
  font-weight: 500;
  color: #0e0e0e;
  margin-bottom: 20px;
  padding-bottom: 18px;
}
.ban-ql ul li div a {
  padding: 4px 7px;
  border-radius: 30px;
  font-size: 12px;
  border: 1px dashed #fff;
  color: #fff;
}
.ban-ql ul li:first-child div {
  /* background: #e0f1ff;
    */
}
.ban-ql ul li:last-child div {
  border-right: 0px;
}
.ban-ql ul li:nth-child(5) div {
  background: #ffe6e6;
}
/*-------------------------------------------------*/
/* = HOME PAGE SERVICES 
/*-------------------------------------------------*/
.home-tit {
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  padding-top: 90px;
}
.home-tit h2 {
  font-size: 32px;
  font-weight: 300;
}
.home-tit h2 span {
  font-weight: 600;
}
.home-tit p {
  font-size: 15px;
  font-weight: 400;
  display: block;
  margin: 0px;
  padding: 10px;
}
.land-packages {
  background: #e9f8fd;
  margin-top: -6px;
  border-bottom: 1px solid #cfe5ec;
  border-top: 1px solid #cfe5ec;
  padding: 80px 0 75px;
}
.land-pack {
  margin: 00px 0px 0px 0px;
  float: left;
  width: 100%;
  padding: 0 20px 22px;
}
.land-pack ul {
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
  margin: 0px;
  padding: 0px;
}
.land-pack ul li {
  float: left;
  width: 12.5%;
  /* display:inline-block;
    */
  padding: 0px 6px;
}
.land-pack-grid {
  display: inline-block;
  position: relative;
  overflow: hidden;
  /* height: 180px;
    */
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fff;
  background-clip: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  margin: 0px 10px;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}
.str .land-pack-grid {
  margin: 2px 0px;
}
.land-pack-grid:hover .land-pack-grid-text {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.land-pack-grid:hover .land-pack-grid-btn {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #3330;
}
.land-pack-grid-img {
  height: 150px;
  overflow: hidden;
}
.land-pack-grid-img img {
  width: 100%;
  transition: all 0.5s ease;
  height: 150px;
  object-fit: cover;
}
.land-pack-grid:hover .land-pack-grid-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
/*hhh*/
.land-pack-grid-text {
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  z-index: 2;
  /* background: linear-gradient(to top, #000000c7, #00000008);
    */
}
.land-pack-grid-text h4 {
  padding: 15px;
  font-weight: 600;
  text-align: left;
  color: #273440;
  font-size: 14px;
  margin: 0px;
}
.list-det-rel-pre .land-pack-grid-text h4 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.land-pack-grid-text h4 .dir-ho-cat {
  color: #a7a7a7;
  font-size: 11.5px;
  float: right;
  padding-top: 3px;
}
.land-pack .more,
.hom-more {
  color: #ffffff;
  padding: 10px 40px;
  border-radius: 2px;
  font-size: 14px;
  display: table;
  margin: 0 auto;
}
.hom-more {
  color: #48535e;
  font-weight: 500;
  font-size: 12px;
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 40px;
  border: 1px solid #98a6b5;
  background: #e8ecf0;
}
.hom-more:hover {
  color: #fff;
  box-shadow: var(--btnshadow);
  background: var(--job-blue);
  border: 1px solid var(--job-blue);
}
.land-pack input {
  width: 93%;
  margin: 0 auto;
  display: table;
  margin-bottom: 38px;
  line-height: 40px;
  border: 0px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 16px;
}
.all-cate-pg {
  padding-bottom: 100px;
  padding-top: 70px;
}
.hom2-hom-ban:hover {
  background-position: 20px 0px;
  box-shadow: 0 17px 24px -12px #161d2994;
}
.land-pack-grid-btn {
  color: #3330;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
/*-------------------------------------------------*/
/* HOME PAGE TOP TRENDINGS 
/*-------------------------------------------------*/
.fclick {
  position: absolute;
  cursor: pointer;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 5;
  font-size:0
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
/*-------------------------------------------------------*/
/* HOME PAGE: POPULAR LISTINGS 
/*-------------------------------------------------------*/
.hom2-cus {
  background: #f7f8f9;
  padding-bottom: 70px;
}
.slick-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #ededed;
  color: #ffffff03;
  position: absolute;
  z-index: 9;
  top: 38%;
}
.slick-arrow:before {
  content: "chevron_left";
  font-size: 27px;
  top: 4px;
  left: 9px;
  color: #fff;
}
.slick-prev {
  left: 14px;
}
.slick-next {
  right: 14px;
}
.slick-next:before {
  content: "chevron_right";
  font-size: 27px;
}

/*-------------------------------------------------*/
/* = 11.FOOTER 
/*-------------------------------------------------*/
.wed-hom-footer {
  /* margin-top: 60px;
    */
  padding: 60px 0px 40px 0px;
  float: left;
  width: 100%;
  color: #ebeef1;
  background: #180f5e;
}
.wed-hom-footer h4 {
  font-size: 16px;
  color: #7f7f7f;
  padding-bottom: 25px;
  text-transform: capitalize;
  font-weight: 500;
}
.wed-hom-footer p {
  font-size: 12px;
  color: #e1dff3;
}
.wed-hom-footer p a {
  font-size: 12px;
  color: #e1dff3;
  font-weight: 600;
}
.wed-foot-link {
  border-top: 1px dashed #364a5a;
  /* border-bottom: 1px dashed #5d5b5b;
    */
  padding: 35px 0px 5px 0px;
  /* margin-top: 35px;
    */
}
.wed-foot-link ul {
}
.wed-foot-link ul li {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}
.wed-foot-link ul li a {
  color: #e1dff3;
  font-size: 13px;
}
.wed-foot-link div {
  border-right: 1px dashed #352c7c;
}
.wed-foot-link div:last-child {
  border-right: 0px solid #dadada;
}
.wed-video2 {
  padding: 50px 0px;
  background: #f1f1f1;
}
.wed-foot-link-1 {
  padding-top: 40px;
}
.wed-foot-link-1 ul {
  position: relative;
  overflow: hidden;
  padding: 1px;
}
.wed-foot-link-1 ul li {
  float: left;
  padding-right: 8px;
}
.wed-foot-link-1 ul li a {
}
.wed-foot-link-pop {
  padding: 30px 0px 0px 0px;
}
.wed-foot-link-pop h4 {
  padding-bottom: 15px;
}
.wed-foot-link-pop ul li {
  float: left;
  width: 16%;
  padding: 0px 5px 12px 0px;
}
.wed-foot-link-pop ul li a {
  color: #e1dff3;
  font-size: 12px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.wed-foot-link-pop ul li a:hover,
.wed-foot-link ul li a:hover {
  color: #b5abff;
  text-decoration: underline;
}
.fot-app ul li a img {
  width: 157px;
  height: 55px;
  display: inline-block;
  object-fit: contain;
}
.fot-soc ul li a img {
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 50%;
}
.wed-rights {
  background: #01172f;
}
.wed-rights p {
  text-align: center;
  margin-bottom: 0px;
  padding: 8px;
  color: #adadad;
  font-size: 13px;
}
/*-------------------------------------------------*/
/* = EVENTS IN HOME PAGE 
/*-------------------------------------------------*/
.hom-event {
  position: relative;
  overflow: hidden;
  /* display: none;
    */
}
.hom-eve-com {
  float: left;
}
.hom-eve-lhs-1 {
  float: left;
  width: 50%;
}
.eve-box {
  background: #fff;
  padding: 0px;
  position: relative;
  overflow: hidden;
  border: 1px solid #efefef;
  box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
}
.eve-box:hover div:nth-child(1) img {
  transition: all 0.5s ease;
  transform: scale(1.1);
}
.all-list-sh .eve-box:hover div:nth-child(1) .auth img {
  transform: scale(1);
}
.all-list-sh .eve-box {
  transition: all 0.5s ease;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
  border: 12px solid #fff;
  /* */
}
.eve-box:hover div:nth-child(3) .auth img {
  transform: scale(1);
}
.eve-box:hover div:nth-child(2) h4 a {
  color: #0337f4;
}
.eve-box div {
  position: relative;
  overflow: hidden;
}
.eve-box div:nth-child(1) {
}
.eve-box div:nth-child(1) img {
  width: 100%;
  float: left;
  object-fit: cover;
  height: 250px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.eve-box div:nth-child(1) span {
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  color: #ffffff;
  font-size: 13px;
  line-height: 15px;
  padding: 3px 5px 4px 5px;
  border-radius: 0px;
}
.eve-box div:nth-child(1) span b {
}
.eve-box div:nth-child(2) {
  padding: 15px 25px 12px 25px;
}
.eve-box div:nth-child(2) h4 {
  font-size: 17px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 600;
  text-align: left;
  padding-left: 0px;
  display: block;
}
.eve-box div:nth-child(2) h4 a {
  color: #212529;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  display: block;
}
.eve-box div:nth-child(2) p {
  margin: 0px;
  overflow: hidden;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 20px;
  height: 50px;
  color: #86807c;
  /* text-overflow: ellipsis;
    */
  /* white-space: pre;
    */
  /* overflow: hidden;
    */
  display: none;
}
.eve-box div:nth-child(2) span {
  font-size: 13px;
  padding-left: 28px;
  display: block;
  padding-bottom: 10px;
  font-weight: 500;
  color: #8f8f8f;
}
.eve-box div:nth-child(2) span.pho {
  padding-bottom: 0px;
}
.all-list-sh .eve-box div .qvv:before {
  display: none;
}
.eve-box div:nth-child(3) {
  width: 100%;
  padding: 15px 25px 15px 25px;
  border-top: 1px solid #efefef;
}
.fil-mob-clo {
  position: fixed;
  top: 110px;
  z-index: 99;
  display: inline-block;
  left: 68%;
  display: none;
}
.fil-mob-clo i {
}
.hom-eve-lhs-2 {
  float: left;
  width: 50%;
  padding-left: 25px;
}
.hom-eve-lhs-2 ul {
}
.hom-eve-lhs-2 ul li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.eve-box-list {
  float: left;
  width: 100%;
  background: #fff;
  padding: 0px 10px 0px 0px;
  position: relative;
  overflow: hidden;
  border: 1px solid #efefef;
  box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
  position: relative;
}
.eve-box-list:hover h4 {
  color: #0e6db9;
}
.eve-box-list img {
  width: 65px;
  height: 60px;
  object-fit: cover;
  float: left;
  margin-right: 18px;
  transition: all 0.5s ease;
}
.eve-box-list h4 {
  margin-top: 12px;
  margin-bottom: 0px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.5s ease;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  /* padding-right: 50px;
    */
}
.eve-box-list p {
  color: #343c42;
  font-size: 12.5px;
  font-weight: 400;
  transition: all 0.5s ease;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  margin-bottom: 0px;
  padding-top: 2px;
}
.eve-box-list span {
  position: absolute;
  background: #000000a1;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  padding: 2px;
  border-radius: 0px;
  text-align: center;
  width: 65px;
}
.eve-box-list span b {
  font-weight: 600;
  padding-left: 2px;
}
.eve-box-list a {
  position: absolute;
  cursor: pointer;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 5;
}
/*-------------------------------------------------*/
/* ALL LISTING 
/*-------------------------------------------------*/
.mt-60 {
  /* margin-top:55px;
    */
}
.all-listing {
  margin-top: -100px;
  background-attachment: fixed;
  background-size: cover;
}
.all-listing:before {
}
.all-listing .row {
  /* box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
    */
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.22);
}
.all-listing .all-list-bre .row {
  box-shadow: none;
}
.all-listing .col-md-3 {
  padding: 0px 0px 30px 0px;
  background: #fff;
  border-radius: 5px 0 0 0;
}
.all-listing .near-view {
  padding: 0px;
}
.all-listing .near-view .all-filt {
  padding-right: 0px;
}
.all-listing .col-md-9 {
  border-radius: 0 5px 0 0;
  background: #eaeaea;
}
.all-filt {
  /* background:#f5f5f5;
    */
  /* padding-right: 15px;
    */
  position: relative;
  height: 100%;
}
.all-list-sh {
  background: #eaeaea;
  padding: 20px 0px 40px 0px;
}
.all-list-sh > .all-list-sh {
  padding: 0px 0px 0px 0px;
}
.all-list-sh ul li {
  /* margin-bottom: 15px;
    */
  padding: 0px 10px 15px 10px;
}
.all-list-item {
  float: left;
  width: 100%;
}
.all-list-item:hover .enq-sav {
  opacity: 1;
  transform: scale(1);
}
.all-list-sh ul li:last-child {
  margin-bottom: 0px;
}
.all-list-sh ul li .list-qview {
}
.all-list-sh .list-qview .eve-box div:nth-child(1) {
  width: 100%;
}
.all-list-sh .list-qview .eve-box div:nth-child(2) span {
  width: 100%;
}
.all-list-sh .list-qview .eve-box div:nth-child(3) .auth {
  width: 100%;
}
.all-filt .chosen-container {
  height: 40px;
}
.all-filt .chosen-container-single .chosen-single {
  height: 38px;
  margin: 0px;
  padding: 3px 3px 3px 12px;
  cursor: pointer;
}
.all-filt .chosen-container-single .chosen-single span {
  font-weight: 500;
  font-size: 13px;
}
.user-type {
}
.user-tcon {
  float: left;
  width: 100%;
  position: relative;
}
.user-tc-img {
  width: 100%;
  margin-bottom: 35px;
}
.user-tc-img img {
  width: 15%;
  margin: 0 auto;
  display: table;
}
.user-tc-diff {
}
.user-tc-diff ul {
}
.user-tc-diff ul li {
  float: left;
  width: 50%;
}
.user-tc-diff ul li .pri-box {
  float: left;
}
.user-tc-diff ul li .pri-box .c6 {
  text-align: center;
  padding: 25px 5px 20px 5px;
}
.user-tc-diff ul li .pri-box .c6 img {
  width: 100px;
}
.user-tc-diff ul li .pri-box .c6 h4 {
  margin: 30px 0px 0px 0px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
.user-tc-diff ul li .pri-box .c4 {
  float: left;
}
.user-tc-diff ul li .pri-box .c4 ol {
  width: 60%;
  margin: 0 auto;
}
.user-tc-diff ul li .pri-box .c4 ol li {
}
.user-tc-diff ul li .pri-box .c5 {
  float: left;
}
.user-tc-diff ul li .pri-box .c5 a {
  margin: 0 auto;
  display: table;
  padding: 10px 40px;
}
.pri-box .c5 a {
  color: #fff;
  padding: 15px 45px;
  border-radius: 2px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  background: #3c4976;
  display: block;
}
.fil-mob {
  cursor: pointer;
  background: #fce8d1;
  padding: 10px 5px;
  margin-top: -3px;
  box-shadow: 0px -10px 11px 4px rgba(0, 0, 0, 0.8);
  position: absolute;
  /* border-bottom: 1px solid #e5e5e5;
    */
  top: 59px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: translateY(-50px);
  width: 100%;
}
.fil-mob.fil-mob-act {
  position: fixed;
  top: 49px;
  width: 100%;
  z-index: 11;
  box-shadow: 0px 6px 18px -11px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: translateY(0px);
  display: none;
}
.fil-mob h4 {
  margin: 0px;
  font-size: 15px;
  text-align: center;
}
.fil-mob h4 i {
  font-size: 15px;
  vertical-align: middle;
  font-weight: 600;
}
.filt-com {
  float: left;
  margin-bottom: 25px;
  width: 100%;
  padding: 0px 18px;
}
.lhs-sub .filt-com {
  padding: 0px;
}
.list-filt-v2 {
  background: #fff;
  float: left;
  width: 94%;
  margin-left: 3%;
  padding: 0px;
  box-shadow: 0px 0px 7px 0px #3333330f;
  border-radius: 4px;
  margin-top: 20px;
}
.list-filt-v2 ul li {
  position: relative;
  padding: 0px;
  float: left;
  width: 16.6666666%;
  border-right: 1px solid #eaeaea;
}
.list-filt-v2 .chbox input[type="checkbox"]:checked + label {
  background: #eafbee;
  /* border-bottom: 0px solid #a4d8b0;
    */
}
.list-filt-v2 .chbox label {
  padding: 5px 7px 5px 7px;
  float: left;
  text-align: center;
  margin: 0px;
  background: #f7f5f5;
  font-size: 12px;
  font-weight: 600;
  /* border-bottom: 3px solid #f7f5f5;
    */
}
.list-filt-v2 ul li .chbox {
  float: left;
  display: block;
  width: 100%;
}
.list-filt-v2 ul li:last-child {
  border-right: 0px solid #000;
}
.list-filt-v2 .chbox label:before,
.list-filt-v2 .chbox label:after {
  right: 7px;
  left: auto;
  opacity: 0;
}
.list-filt-v2 .chbox label:before {
  right: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  border-radius: 0px 0px 0px 100px;
}
.list-filt-v2 .chbox input[type="checkbox"]:checked + label:before {
  opacity: 1;
}
.list-filt-v2 .chbox label:after {
  right: 3px;
  top: 3px;
}
.lhs-search {
  display: none;
}
.lhs-search ul li {
  float: left;
}
.lhs-search ul li:nth-child(1) {
  width: 75%;
}
.lhs-search ul li:nth-child(2) {
  width: 25%;
}
/*hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh--4*/
.lhs-search ul li:nth-child(1) input {
  background: #e8eaed;
  border: 0px;
  font-size: 15px;
  padding: 12px 18px;
  color: #0a0a0b;
  width: 100%;
  border-radius: 5px 0px 0px 5px;
  font-weight: 500;
  float: left;
}
.lhs-search ul li:nth-child(2) input {
  border: 0px;
  font-size: 14px;
  padding: 12px 18px 13px 18px;
  color: #000;
  width: 100%;
  border-radius: 0px 5px 5px 0px;
  z-index: 9;
  background-position: center;
  background-size: 17px;
  float: left;
}
.filt-com h4 {
  font-size: 14px;
  color: #3c4043;
  padding-left: 25px;
  margin-bottom: 12px;
  font-weight: 600;
}
.filt-com h4:before {
  margin: -2px 0px 0px -28px;
  font-size: 20px;
}
.lhs-cate h4:before {
  content: "apps";
}
.lhs-featu h4:before {
  content: "verified_user";
}
.lhs-sub h4:before {
  content: "verified_user";
}
.lhs-rati h4:before {
  content: "stars";
}
.lhs-avail h4:before {
  content: "event_available";
}
.lhs-loc h4:before {
  content: "location_on";
}
.lhs-ver h4:before {
  content: "verified_user";
}
.filt-com .dropdown-menu {
  min-height: 200px;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  width: 254px;
}
.pro-fil-pri h4:before {
  content: "monetization_on";
}
.pro-fil-dis h4:before {
  content: "shopping_cart";
}
.pro-fil-sub h4:before {
  content: "layers";
}
.pro-fil-sub ul {
  height: 180px;
  overflow: hidden;
}
.pro-fil-sub ul:hover {
  overflow-y: auto;
}
/*-------------------------------------------------*/
/* HOME PAGE 2 
/*-------------------------------------------------*/
.hom2 {
  float: left;
  width: 100%;
  margin-top: 5px;
  padding: 0px 40px;
  background: #20344c;
}
.hom2 .inn {
  background: #fff;
  float: left;
  width: 100%;
}
.hom2 .s1 {
  float: left;
  width: 20%;
}
.hom2 .s1 .pmenu-spri {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.hom2 .s2 {
  float: left;
  width: 60%;
}
.hom2 .s3 {
  float: left;
  width: 20%;
}
.hom2-ban-menu {
}
.hom2-ban-menu ul {
}
.hom2-ban-menu ul li {
}
.hom2-ban-menu ul li a {
  color: #49494c;
  font-weight: 600;
  font-size: 13px;
  /* margin: 0px 10px 10px 0px;
    */
  display: inline-block;
  padding: 10px 20px;
  width: 100%;
  text-transform: uppercase;
}
.hom2-ban-menu ul li a img {
  width: 28px;
  margin-right: 15px;
}
/*-------------------------------------------------*/
/* ALL LISTING - CATEGORY SELECT 
/*-------------------------------------------------*/
#dLabel {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: #e8eaed;
  border: solid 0px #cccccc;
  text-align: left;
  padding: 7.5px 15px;
  color: #0a0a0b;
  float: left;
  font-size: 15px;
  font-weight: 500;
}
.caret {
  float: right;
  margin-top: 9px;
  display: block;
}
.dropdown-menu {
  width: 240px;
  padding: 0;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #fff;
  border: 0px solid #f1f1f1;
  box-shadow: 0px 0px 37px -8px rgba(150, 150, 150, 0.4);
}
.dropdown button:hover,
.dropdown button:focus {
  border: none;
  outline: 0;
}
.dropdown.open button#dLabel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  border: solid 1px #666;
  border-bottom: none;
}
.dropdown.open ul {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  border: solid 1px #666;
  border-top: none;
  height: 200px;
  overflow-y: scroll;
}
.dropdown-menu li {
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #3c3b3b;
  font-size: 14px;
  cursor: pointer;
  padding: 7.5px 15px;
  border-top: solid 1px #f3f3f3;
}
.dropdown-menu li:hover {
  background-color: #ededed;
}
/*-------------------------------------------------*/
/* ALL LISTING - FEATURE CHECKBOX 
/*-------------------------------------------------*/
.chbox {
  position: relative;
}
.chbox label {
  padding-left: 25px;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  position: relative;
  width: 100%;
  line-height: 26px;
  margin-bottom: 0px;
  color: #585e6b;
  float: left;
}
.chbox label:before {
  content: "";
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer;
  height: 15px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 15px;
}
.chbox label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 8px;
}
.chbox input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
.chbox input[type="checkbox"]:checked + label:before {
  background-color: #219e3e;
  border-color: #219e3e;
}
.chbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
/*-------------------------------------------------*/
/* ALL LISTING - RATING RADIO BUTTON 
/*-------------------------------------------------*/
.lhs-rati {
}
.lhs-rati ul {
}
.lhs-rati ul li {
  width: 100%;
}
.rbbox {
  position: relative;
}
.rbbox label {
  padding-left: 10px;
  cursor: pointer;
  margin-bottom: 0px;
}
.rbbox label:before {
  content: "";
  background-color: #fff;
  border: 2px solid #99a5ab;
  border-radius: 50%;
  cursor: pointer;
  height: 16px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 16px;
}
.rbbox label:after {
  /* border: 2px solid #fff;
    */
  border-top: none;
  border-right: none;
  content: "";
  height: 8px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 7px;
  /* transform: rotate(-45deg);
    */
  width: 8px;
  background: #ffffff;
  border-radius: 50px;
}
.rbbox input[type="radio"] {
  visibility: hidden;
}
.rbbox input[type="radio"]:checked + label:before {
  background-color: #f8faf8;
}
.rbbox input[type="radio"]:checked + label:after {
  opacity: 1;
  top: 9px;
}
.rbbox input[type="radio"]:checked + label i {
  color: #fff;
  background: #ff9800;
}
.rbbox label i {
  font-size: 18px;
  color: #ff9800;
  background: #f4efe9;
  padding: 2px;
  border-radius: 7px;
}
#star-value {
  position: absolute;
  left: 175px;
  color: #000;
  font-weight: 600;
  font-size: 13px;
  padding: 0.5px 5px 1px 5px;
  border-radius: 3px;
  line-height: 18px;
}
/*-------------------------------------------------*/
/* ALL LISTING - ADS 
/*-------------------------------------------------*/
.lhs-ads ul li {
  margin-bottom: 15px;
}
.ads-box {
  position: relative;
  /* margin:0px 10px;
    */
  border-radius: 7px;
  box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
}
.ads-box:hover {
  transition: all 0.5s ease;
  transform: translateY(-5px);
}
.ads-box img {
  width: 100%;
}
.ads-box span,
.ban-ati-com span {
  position: absolute;
  color: #fff;
  font-size: 10px;
  padding: 1px 3px;
  border-radius: 2px;
}
.hom-ads {
  /* background: #d4e8f9;
    */
  padding: 40px 0px 0px 0px;
  position: relative;
  overflow: hidden;
  /* background: linear-gradient(to bottom,#ffede4, #ffe7db 100%);
    */
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.hom-ads .ads-box {
  width: 100%;
  margin: 0 auto;
  padding: 0px 50px;
}
.hom-ads .ads-box img {
  width: 100%;
  float: left;
  transition: all 0.5s ease;
  cursor: pointer;
}
.hom-ads .lhs-ads {
  margin: 0px;
}
.ban-ati-com a img {
  width: 100%;
}
.ads-all-list {
  padding: 0px 25px;
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 0px;
}
.ads-det-page {
  padding: 20px 0px;
  padding-bottom: 140px;
}
/*-------------------------------------------------*/
/* ALL LISTING - LISTING 
/*-------------------------------------------------*/
.all-list-sh .eve-box {
  margin: 0px 15px 15px 15px;
  border: 6px solid #fff;
  float: left;
}
.all-list-sh .al-img .open-stat {
  font-size: 11px;
  font-weight: 500;
  border-radius: 5px;
  padding: 1px 5px 2px 5px;
  top: 5px;
  left: 5px;
}
.all-list-sh .al-img a img {
  height: 162px;
  border-radius: 2px;
}
.all-list-sh .al-img .auth img {
  height: 36px;
}
.all-list-sh .al-img {
  float: left;
  width: 25%;
  position: relative;
}
.all-list-sh .al-img:before {
}
.all-list-sh .al-img .auth {
  padding-left: 0px;
  position: absolute;
  left: 15px;
  bottom: 15px;
  padding: 0px;
  width: auto;
  display: none;
}
.all-list-sh .al-img .auth img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  margin-right: 0px;
  border: 2px solid #a59174;
}
.all-list-sh .al-img .auth b {
  padding: 0px;
  font-size: 11px;
  font-weight: 400;
  color: #ac836d;
  line-height: 15px;
  float: left;
  display: none;
}
.all-list-sh .al-img .auth h4 {
  margin: 0px;
  font-size: 14px;
  /* float: left;
    */
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  margin-top: -7px;
  font-weight: 600;
  text-align: left;
  padding-left: 0px;
  display: none;
}
.all-list-sh .al-img .auth a {
  position: absolute;
  cursor: pointer;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 5;
}
.all-list-sh .eve-box div:nth-child(2) span {
  float: left;
  font-size: 13px;
  color: #333;
  /* */
  font-weight: 500;
  text-transform: lowercase;
}
.all-list-sh .eve-box div:nth-child(2) span:nth-child(1) {
  float: initial;
  font-size: 10px;
}
.all-list-sh .eve-box div:nth-child(2) span.mail {
  padding-bottom: 0px;
  /* padding-top: 10px;
    */
}
.all-list-sh .eve-box div:nth-child(2) .links a:nth-child(1) {
  background: #f44336;
  color: #fff;
  border: 1px solid #f44336;
}
.all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2) {
  display: none;
}
.all-list-sh .eve-box div:nth-child(2) span.mail:before {
}
.eve-box div:nth-child(2) span.addr {
  width: 100%;
  color: #232323;
}
.all-list-item .eve-box div:nth-child(2) span.addr {
  padding-right: 115px;
  padding-bottom: 12px;
}
.eve-box div:nth-child(2) span.pho {
  width: 100%;
}
.eve-box div:nth-child(2) span.mail {
  width: 60%;
}
.all-list-sh .eve-box div:nth-child(2) span.pho {
  width: 35%;
}
.all-list-sh .eve-box div:nth-child(2) span.mail {
  width: 65%;
}
.all-list-sh .eve-box div:nth-child(2) .auth {
  width: 25%;
  float: left;
  padding-left: 0px;
}
.all-list-sh .eve-box div:nth-child(2) .auth h4 {
  padding: 0px;
  font-size: 13px;
}
.all-list-sh .eve-box div:nth-child(2) .links {
  width: 100%;
  float: left;
  padding: 0px;
  border: 0px;
  padding-top: 19px;
}
.all-list-sh .eve-box div:nth-child(2) .links a,
.all-list-sh .eve-box div:nth-child(2) .links span {
  float: left;
  font-size: 11.5px;
  margin: 0px 3px;
  font-weight: 600;
  border: 1px solid #eaeaea;
  color: #3e4c56;
  padding: 5px 18px;
  border-radius: 2px;
  width: auto;
  cursor: pointer;
  font-family: inherit;
}
.all-list-sh .eve-box div:nth-child(2) .links .what {
  padding: 5px 18px 5px 38px;
  position: relative;
}
.all-list-sh .eve-box div:nth-child(2) .links .what:before {
  content: "";
  position: absolute;

  background-size: cover;
  width: 15px;
  height: 15px;
  margin: 0px 0px 0px -22px;
}
.all-list-sh .rat {
  position: absolute;
  right: 48px;
  top: 12px;
}
.all-list-sh .rat i {
  font-size: 18px;
  width: 12px;
}
.all-list-sh .eve-box div:nth-child(2) h4 {
  padding-bottom: 10px;
  margin: 0px;
  line-height: 0px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.all-list-sh .eve-box div:nth-child(2) h4 a {
  color: #212529;
  float: left;
  line-height: 28px;
  font-size: 18px;
  font-weight: 600;
}
.all-list-sh .eve-box div:nth-child(2) h4 .li-veri {
  float: left;
}
.all-list-sh .eve-box div:nth-child(2) h4 .li-veri img {
  width: 16px;
  margin: 5px 0px 0px 5px;
}
.all-list-sh .eve-box div:nth-child(2) .links .quo {
  color: #fff;
}
.all-list-sh .eve-box:hover div:nth-child(2) .links a:first-child {
  color: #000;
}
.all-list-sh .list-prom {
  background: #fdf5dd;
  border: 12px solid #fdf5dd;
}
.all-list-sh .list-prom:before {
  content: "Ad";
  position: absolute;
  background: #f6b800;
  color: #000;
  font-weight: 600;
  font-size: 10px;
  padding: 1px 3px;
  border-radius: 0px 0px 2px 0px;
  z-index: 1;
  left: 0px;
  top: 0px;
}
/*-------------------------------------------------*/
/* ALL LISTING - FOOTER 
/*-------------------------------------------------*/
.list-foot {
  color: #7f7f7f;
  padding: 50px 0px 50px 0px;
}
.list-foot-abo,
.list-foot-faq {
  width: 65%;
  margin: 0 auto;
  display: table;
}
.list-foot-abo h2 {
  padding-bottom: 15px;
}
.list-foot-abo h4 {
  padding-bottom: 10px;
}
.list-foot-abo h2,
.list-foot-abo h4,
.list-foot-faq h3,
.wed-hom-footer h4 {
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
  width: 100%;
}
.list-foot-abo p {
  font-size: 12.5px;
  line-height: 23px;
}
.list-foot-faq {
  padding-top: 35px;
  border-top: 1px dashed #5d5b5b;
  margin-top: 30px;
}
.list-foot-faq h3 {
  padding-bottom: 15px;
}
.list-foot-faq .how-to-coll {
  width: 100%;
  border: 1px solid #313030;
  float: left;
}
.list-foot-faq .how-to-coll ul {
}
.list-foot-faq .how-to-coll ul li {
  position: relative;
  border-bottom: 1px solid #313030;
  padding: 13px 20px;
}
.list-foot-faq .how-to-coll ul li h4 {
  font-size: 13px;
  color: #c3c3c3;
}
.list-foot .how-to-coll li h4:after {
  color: #7f7f7f;
}
.list-foot-faq .how-to-coll ul li div p {
  font-size: 12px;
}
.list-foot-abo .list-rat-all {
  position: relative;
  background: none;
  width: 100%;
  text-align: left;
  right: initial;
  top: initial;
  float: left;
  padding: 0px 0px 30px 0px;
}
.list-foot-abo .list-rat-all span {
  padding-top: 13px;
}
.plainpg {
  padding: 0px 100px;
}
.plainpg h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: 48px;
  padding-bottom: 15px;
}
.plainpg h2 {
}
.plainpg h4 {
}
.plainpg ul {
}
.plainpg ul li {
}
.plainpg a {
}
.plainpg p {
  font-size: 14px;
  line-height: 24px;
}
/*-------------------------------------------------*/
/* ALL LISTING - LISTING QUICK VIEW 
/*-------------------------------------------------*/
.list-qview {
  position: fixed;
  right: -400px;
  width: 350px;
  height: 100%;
  top: 0px;
  z-index: 33;
  background: #fff;
  overflow-y: auto;
  transition: all 0.5s ease-in-out;
}
.list-qview .eve-box {
  border: 0px;
}
.list-qview.qview-show {
  transition: all 0.5s ease-in-out;
  right: 0%;
  box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
}
.list-qview {
}
.list-qview .com {
  padding: 30px 25px 0px 25px;
}
.list-qview .com h4 {
  font-size: 14px;
  font-weight: 400;
}
.list-qview .com h4 b {
}
.list-qview .com p {
  font-size: 13px;
  line-height: 24px;
  color: #555;
}
.list-qview .com ul {
}
.list-qview .com ul li {
  float: left;
  margin-right: 5px;
}
.list-qview .auth {
}
.list-qview .shar {
}
.list-qview .shar ul li {
}
.list-qview .shar ul li a {
}
.list-qview .shar ul li a img {
}
.list-qview .more {
  float: left;
  width: 100%;
  padding-bottom: 30px;
}
.list-qview .more a {
  font-size: 14px;
  margin: 0px;
  font-weight: 600;
  border: 1px solid #ffffff;
  color: #fff;
  padding: 12px 12px;
  float: left;
  width: 100%;
  text-align: center;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.list-qview .more a:nth-child(1) {
}
.list-qview .more a:nth-child(2) {
}
.list-qview .eve-box div:nth-child(2) span.pho {
  padding-bottom: 10px;
}
.list-qview .eve-box div:nth-child(2) span {
  font-size: 13px;
  color: #333;
}
.list-qview .eve-box div:nth-child(1) span.clo-list {
  cursor: pointer;
  background: #0000003d;
  padding: 2px;
  border-radius: 2px;
}
.list-qview .clo-list {
}
.list-qview .clo-list i {
}
.list-qview .eve-box div:nth-child(3) .auth {
  padding-left: 0px;
}
.auth {
  position: relative;
  overflow: hidden;
}
.auth img,
.eve-box .auth img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  margin-right: 10px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.auth b {
  padding: 0px;
  font-size: 11px;
  font-weight: 400;
  color: #ac836d;
  line-height: 15px;
  float: left;
}
.auth h4 {
  margin: 0px;
  font-size: 14px;
  /* float: left;
    */
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  margin-top: -7px;
  font-weight: 600;
  text-align: left;
  padding-left: 0px;
}
.auth .fclick {
}
/*-------------------------------------------------*/
/* ALL LISTING - GET QUOTE POPUP 
/*-------------------------------------------------*/
.quote-pop {
  padding: 40px;
}
.quote-pop h4 {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: capitalize;
}
.pop-quo .quote-pop .btn {
  width: 100%;
  background: #15c39a;
  border: 1px solid #15c39a;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 0px;
}
.pop-quo .modal-dialog {
  max-width: 430px;
}
/*-------------------------------------------------*/
/* LISTING DETAILS 
/*-------------------------------------------------*/
.list-bann {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 50px;
}
.list-bann:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3e5662cc;
  background: linear-gradient(
    to top,
    rgb(21 49 150 / 76%) -8%,
    rgb(249 247 247 / 2%) 50%
  );
  left: 0px;
}
.list-bann img {
  width: 100%;
  float: left;
  object-fit: cover;
  height: 345px;
  transition: all 0.5s ease;
}
.pg-list-1 {
  position: relative;
  width: 100%;
  box-sizing: content-box;
  margin: -160px 0px 15px 0px;
}
.pg-list-prop {
  background-size: cover;
  box-sizing: content-box;
}
.pg-list-shop {
  background-size: cover;
  box-sizing: content-box;
}
.pg-list-auto {
  background-size: cover;
  box-sizing: content-box;
}
.pg-list-1:before {
}
.list-pg-bg .container {
  position: relative;
  background: #fff;
  border-radius: 4px;
}
.list-pg-bg .com-padd {
  float: left;
  width: 100%;
}
.pg-list-1-left {
  position: relative;
  float: left;
  width: calc(100% - 235px);
  color: #000;
  background: #fff;
  border-radius: 10px;
  padding: 30px 160px 30px 140px;
  box-shadow: 0px 1px 10px -4px #3333337a;
  overflow: hidden;
}
.pg-list-1-left:before {
  content: "";
  position: absolute;
  width: 160px;
  height: 110%;
  left: -58px;
  top: -12px;
  bottom: 0px;
  background: #4b90cc;
  background: linear-gradient(to top, #055eb09c 14%, #2195feba 66%);
  background-image: linear-gradient(
    42deg,
    #4e83e9,
    #4c7be6d9 24%,
    #4b87e5e0 30%,
    #17cfa4d6
  );
  border-radius: 11px;
  transform: rotate(-8deg);
}
.list-rat-all {
  width: 130px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 18px;
  background: #0364f4;
  padding: 20px 0px 10px 0px;
  color: #fff !important;
  border-radius: 10px;
}
.list-rat-all b {
  color: #fff;
  font-size: 26px;
  line-height: 22px;
  padding: 8px 8px;
  border-radius: 2px;
  display: inline-block;
}
.pg-list-1 .list-rat-all b {
  padding: 12px 8px;
}
.list-rat-all .rat {
  float: left;
  padding: 1px 12px 0px 6px;
  margin: 0px;
}
.list-rat-all .rat i.ratstar {
  color: #f3dcb8;
}
.list-rat-all span {
  float: left;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  font-weight: 500;
}
.pg-list-1 .list-rat-all span {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: -5px;
  color: #fff;
}
.pg-list-1-left .rat {
  display: block;
  width: 100%;
  margin-top: 10px;
}
.pg-list-1-left .rat i {
  font-size: 23px;
  width: 17px;
}
.pg-list-1-left h3 {
  font-weight: 700;
  font-size: 30px;
}
.list-foot-abo .list-rat-all b {
  float: left;
}
.list-foot-abo .list-rat-all .rat {
  padding-top: 10px;
}
.list-foot-abo .list-rat-all .rat i {
  font-size: 20px;
  width: 14px;
}
.list-foot-abo .list-rat-all .rat i.ratstar {
  color: #d4d4d4;
}
.rat i.ratstar {
  color: #d4d4d4;
}
.pg-list-1-pro {
  float: left;
  width: 175px;
  position: relative;
  z-index: 2;
  top: 3%;
}
.pg-list-1-pro img {
  width: 180px;
  height: 180px;
  float: left;
  object-fit: cover;
  border-radius: 50%;
  border: 8px solid #fffdfd;
  box-shadow: -1px 0px 16px -6px rgb(0 0 0 / 25%);
  margin: -5px 0px 0px 77px;
}
.pg-list-1-pro .stat {
  position: absolute;
  background: #2cbd32;
  color: #fff;
  left: 147px;
  bottom: -7px;
  width: 36px;
  height: 36px;
  text-align: center;
  text-shadow: 0 0 2px #333333a8;
  border-radius: 50px;
}
.pg-list-1-pro .stat i {
  vertical-align: middle;
  padding: 5px;
}
.pg-list-1-left h1 {
  font-weight: 600;
  float: left;
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 0px;
  float: left;
  width: 100%;
}
.pg-list-1-left h1 i {
}
.pg-list-1-left p {
  font-size: 15px;
  display: block;
  float: left;
  font-weight: 600;
  width: 100%;
}
.pg-list-1-left h4 {
  color: #000000;
  padding: 15px 00px;
  font-size: 16px;
}
.pag-p1-phone {
  float: left;
  width: 100%;
  /* padding-left: 235px;
    */
}
.pag-p1-phone ul {
}
.pag-p1-phone ul li {
  font-size: 14px;
  float: left;
  padding: 0px 16px 10px 25px;
  color: #505a61;
  /* */
  font-weight: 500;
  position: relative;
}
.pag-p1-phone ul li:before {
  margin: -2px 0px 0px -27px;
  color: #0683e6;
}
.pag-p1-phone ul li.ic-php:before {
  content: "phone";
}
.pag-p1-phone ul li.ic-mai:before {
  content: "email";
}
.pag-p1-phone ul li.ic-web:before {
  content: "language";
  margin: -1px 0px 0px -30px;
}
.pglist-p-com {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.pglist-p-com-ti {
  border-bottom: 1px solid #e0e6f5;
}
.pglist-p-com-ti h3 {
  padding: 15px 20px;
  background: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0px;
  border-radius: 10px;
}
.pglist-p-com-ti h3 span {
  color: #8a8d92;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.list-desc-area {
}
.list-desc-area h2,
.list-desc-area h3,
.list-desc-area h4,
.list-desc-area h5,
.list-desc-area h6,
.eve-deta-body-main h2,
.eve-deta-body-main h3,
.eve-deta-body-main h4,
.eve-deta-body-main h5,
.eve-deta-body-main h6 {
  font-weight: 600;
}
.list-desc-area h2,
.eve-deta-body-main h2 {
  font-size: 22px;
}
.list-desc-area h3,
.eve-deta-body-main h3 {
  font-size: 18px;
}
.list-desc-area h4,
.eve-deta-body-main h4 {
  font-size: 16px;
}
.list-desc-area h5,
.eve-deta-body-main h5 {
  font-size: 14px;
}
.list-desc-area h6,
.eve-deta-body-main h6 {
  font-size: 12px;
}
.list-desc-area ul,
.eve-deta-body-main .lhs ul {
  padding-left: 15px;
}
.list-desc-area ul li,
.eve-deta-body-main .lhs ul li {
  padding-left: 15px;
}
.list-desc-area ul li:before,
.eve-deta-body-main .lhs ul li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #d0d1c3;
  border-radius: 50%;
  margin: 9px 0px 0px -15px;
}
.eve-deta-body-main ul li {
  font-size: 14px;
  line-height: 24px;
}
.eve-deta-body-main .list-sh {
  float: left;
  width: 100%;
}
.list-360 {
}
.list-360 iframe {
  width: 100%;
  height: 300px;
  border: 0px;
}
.list-tit-mar-0 {
  padding-top: 0px !important;
}
.pglist-p-com-ti h3 i {
}
.list-slider {
}
.list-slider-nav {
  margin-top: 175%;
  position: absolute;
  background: #ffe500;
  width: 32px;
  height: 32px;
  padding: 5px;
  text-align: center;
  border-radius: 2px;
  color: #000;
}
.list-slider-nav-rp {
  margin-right: 40px;
  position: initial;
}
.list-page-com-p {
}
.list-page-com-p p,
.list-desc-area li {
  font-size: 14px;
  color: #56595d;
  line-height: 24px;
  font-weight: 500;
}
/*--===== MIGHT LINKE ======--*/
.list-rel-list {
}
.list-rel-list .inn {
  background: #fff;
  border: 1px solid #e0e6f5;
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
  min-height: 250px;
  max-height: 682px;
}
.list-rel-list .inn:hover {
  overflow-y: auto;
}
.list-rel-list-tit {
}
.list-rel-list-tit h3 {
  padding: 20px 20px 10px 20px;
  /* background: #fff;
    */
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.list-rel-list-tit h3 span {
}
.list-rel-list-com {
  position: relative;
  /* overflow: hidden;
    */
  margin-bottom: 12px;
}
.list-rel-list-com:last-child {
  margin-bottom: 0px;
}
.list-rel-list-com:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #141a3e8c;
  border-radius: 5px;
  z-index: 1;
}
.list-rel-list-com a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.list-rel-list-img {
  overflow: hidden;
  position: relative;
  /* z-index: 2;
    */
  border-radius: 5px;
}
.list-rel-list-img img {
  width: 100%;
  /* border-radius: 5px;
    */
  height: 200px;
  object-fit: cover;
  transition: all 0.5s ease;
}
.list-rel-list-com:hover img {
  transform: scale(1.2);
}
.list-rel-list-img span {
}
.list-rel-list-con {
  position: absolute;
  bottom: 2px;
  left: 25px;
  color: #fff;
  z-index: 2;
}
.list-rel-list-con h5 {
  font-size: 16px;
  font-weight: 600;
  padding-top: 20px;
}
.list-rel-list-con p {
  font-size: 13px;
}
.list-rel-list-con span {
  /* position: absolute;
    */
  background: #0dc73d;
  padding: 4px;
  font-weight: 600;
  color: #fff;
  /* right: 15px;
    */
  /* top: 0px;
    */
  font-size: 14px;
  border-radius: 2px;
}
/*--==== QUICK LINKS ====--*/
.v3-list-ql {
  position: fixed;
  top: 50px;
  width: 100%;
  /* height: 46px;
    */
  background: #151f31;
  z-index: 16;
  transition: all 1s;
  -webkit-box-shadow: 0 1px 3px #960;
  -moz-box-shadow: 0 1px 3px #960;
  box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.24);
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.v3-list-ql-inn {
  width: 100%;
}
.v3-list-ql-inn ul {
  margin-bottom: 0px;
  display: table;
  margin: 0 auto;
}
.v3-list-ql-inn ul li {
  float: left;
}
.v3-list-ql-inn ul li a {
  color: #1351c1;
  border-right: 1px solid #e4ecf2;
  /* line-height: 50px;
    */
  display: block;
  padding: 12px 15px;
  font-size: 12.5px;
  font-weight: 500;
}
.v3-list-ql-inn ul li a i {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 17px;
  margin-top: -1px;
  /* color: #b3bccd;
    */
}
.v3-list-ql-inn ul li a:hover {
  background: #1a90f6;
  color: #fff;
}
.v3-list-ql-inn .active-list a {
  background: #1a90f6;
  color: #fff;
}
/*--==== LISTING SHARE =====--*/
.share-btn {
  padding-bottom: 10px;
}
.share-btn ul {
  margin-bottom: 0px;
}
.share-btn ul li:nth-child(1) a {
}
.share-btn ul li:nth-child(2) a {
}
.share-btn ul li:nth-child(3) a {
}
.share-btn ul li a {
  /* padding: 6px 10px;
    */
  /* color: #fff;
    */
  /* font-weight: 500;
    */
  /* font-size: 12px;
    */
  /* border-radius: 3px;
    */
  /* text-shadow: none;
    */
  /* float: left;
    */
  display: inline-block;
  border-radius: 5px;
}
.share-btn ul li a.so-fb {
}
.share-btn ul li a.so-tw {
}
.share-btn ul li a.so-wa {
}
.share-btn ul li a.so-li {
}
.share-btn ul li a.so-in {
}
.share-btn ul li a.so-pi {
}
.share-btn ul li {
  display: inline-block;
  margin-bottom: 0px;
  margin-right: 1px;
}
.share-btn ul li i {
  padding-right: 3.75pt;
}
.share-btn ul {
  padding-left: 0px;
}
.share-btn ul li {
  padding-left: 0px;
}
.share-btn ul li:before {
  display: none;
}
.share-btn ul li img {
  width: 32px;
  padding: 3px;
}
/*--==== LISTING SERVICES =====--*/
.pg-list-ser-area {
  padding: 10px 20px 0px 20px;
}
.pg-list-ser-area ul {
}
.pg-list-ser-area ul li {
  float: left;
  display: inline-block;
  margin: 0px 12px 12px 0px;
}
.pg-list-ser-area ul li span {
  /* border: 1px solid #d0dde2;
    */
  font-size: 14px;
  font-weight: 600;
  padding: 2px 12px;
  border-radius: 3px;
  /* background: #eaf3f7;
    */
  color: #1386d1;
  background-color: #f2f8fd;
  border: 1px solid #e9eff4;
}
.pg-list-ser {
  padding: 0px 10px;
}
.pg-list-ser ul {
  float: left;
  width: 100%;
}
.pg-list-ser ul li {
  padding: 8px;
  float: left;
}
.pg-list-ser-p1:before {
  content: "";
  position: absolute;
  background: #005aff4f;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
  border-radius: 5px;
}
.pg-list-ser ul li h4 {
}
.pg-list-ser-p1 {
  position: relative;
  overflow: hidden;
  height: 150px;
  float: left;
  width: 100%;
  border-radius: 5px;
}
.pg-list-ser-p1:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.pg-list-ser-p1 img {
  width: 100%;
  transition: all 0.5s ease;
  /* height: 150px;
    */
  object-fit: cover;
}
.list-pg-lt .pg-list-ser img {
  height: 150px;
  border-radius: 5px;
}
.pg-list-ser-p2 {
  position: absolute;
  margin-top: 35px;
  width: 92%;
  bottom: 20px;
  z-index: 1;
}
.pg-list-ser-p2 h4 {
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.list-pg-bg {
  /* background: #f5f8ff;
    */
  padding-bottom: 100px;
}
.pglist-bg {
  background: #fff;
  border: 1px solid #e0e6f5;
  border-radius: 10px;
}
.lide-guar {
  padding-bottom: 0px;
}
.list-pg-inn-sp {
  padding: 20px 20px 0px 20px;
}
.list-rom-pric {
  position: absolute;
  padding: 0px 10px;
  font-weight: 600;
  right: 15px;
  top: 0px;
  font-size: 25px;
  border-radius: 2px;
  background: #ffede3;
  color: #f68b51;
}
.list-room-type {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
}
.list-room-type ul {
  padding: 0px;
}
.list-room-type ul li {
  display: inline-block;
  float: left;
  color: #636363;
  font-size: 14px;
}
.list-room-type ul li img {
  width: 18px;
  /* margin-right: 7px;
    */
  /* border: 1px solid #333;
    */
  /* padding: 3px;
    */
  border-radius: 40px;
}
.list-room-type ul li:nth-child(1) {
}
.list-room-type ul li:nth-child(2) {
}
.list-room-deta {
}
.list-room-deta h3 {
  font-size: 20px;
  color: #141f31;
  font-weight: 600;
  font-size: 18px;
}
.list-room-rati {
  padding: 10px 0px 5px 0px;
}
.list-rom-ami {
}
.list-rom-ami ul li {
  /* padding-right: 10px;
    */
  padding-bottom: 6px;
  font-size: 12px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-right: 5px;
  padding: 4px 8px;
  margin-bottom: 5px;
}
.list-rom-ami ul li img {
  vertical-align: sub;
  width: 15px;
  height: 15px;
  /* display: none;
    */
}
.list-room-mar-o {
}
.lp-ur-all {
  position: relative;
  overflow: hidden;
}
.lp-ur-all-rat {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e2e2e2;
  margin-top: 20px;
  padding-top: 20px;
}
.lp-ur-all-left {
  float: left;
  width: 40%;
  border-right: 4px solid #6b7f8a;
  padding-right: 20px;
}
.lp-ur-all-left-1 {
  float: left;
  width: 100%;
}
.lp-ur-all-left-2 {
  /* float: left;
    */
  /* width: 50%;
    */
}
.list-sh {
  margin-bottom: 40px;
  display: inline-block;
}
.blog-deta-body .list-sh {
  float: left;
  width: 100%;
}
.list-sh .share-new {
}
.lp-ur-all-left-11 {
  float: left;
  width: 50%;
  font-size: 13.5px;
  padding-right: 14px;
  color: #4d5158;
  font-weight: 600;
}
.lp-ur-all-left-12 {
  float: left;
  width: 50%;
  height: 6px;
  background: #dadada;
  margin-top: 7px;
  border-radius: 0px;
}
.lp-ur-all-left-13 {
  width: 100%;
  background: #43a047;
  height: 6px;
  border-radius: 0px;
}
.lp-ur-all-left-Good {
  width: 50%;
  background: #73ca14;
}
.lp-ur-all-left-satis {
  width: 18%;
  background: #3dbbd0;
}
.lp-ur-all-left-below {
  width: 20%;
  background: #ca7224;
}
.lp-ur-all-left-poor {
  width: 5%;
  background: #de382c;
}
.lp-ur-all-right {
  float: left;
  width: 60%;
  padding: 2px 20px;
}
.lp-ur-all-right h5 {
  font-weight: 500;
  font-size: 18px;
  padding: 14px 0px 0px 0px;
}
.lp-ur-all-right p {
}
.lp-ur-all-right p label {
  margin-bottom: 0px;
  margin-right: 10px;
}
.lp-ur-all-right p label i {
  width: 30px;
  font-size: 34px;
}
.lp-ur-all-right p span {
  background: #a2c1bc;
  /* font-size: 34px;
    */
  color: #fff;
  font-weight: 600;
  /* border-radius: 5px;
    */
  vertical-align: top;
  padding: 1px 8px;
  border-radius: 2px;
  margin-top: 3px;
  display: inline-block;
}
.lp-ur-all-rat {
}
.lp-ur-all-rat h5 {
  padding: 15px 0px 5px 0px;
  background: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.lp-ur-all-rat ul {
  margin-bottom: 0px;
}
.lp-ur-all-rat ul li {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e2e2e2;
  padding-top: 15px;
  padding-bottom: 5px;
}
.lp-ur-all-rat ul li:last-child {
  padding-bottom: 0px;
  border: 0px;
}
.lp-ur-all-rat ul li:last-child p {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.lr-user-wr-img {
  float: left;
  /* width: 10%;
    */
  display: inline-block;
}
.lr-user-wr-img img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.lr-user-wr-con {
  float: left;
  width: 90%;
  display: inline-block;
  padding: 0px 20px;
}
.lr-user-wr-con h6 {
  line-height: 20px;
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 600;
}
.lr-user-wr-con .rat {
  margin-bottom: 0px;
}
.lr-user-wr-con .rat i {
  font-size: 20px;
  width: 14px;
}
.lr-user-wr-con p {
  font-size: 14px;
  color: #21344c;
}
.lr-revi-date {
  font-size: 13px;
  color: #828282;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.lr-user-wr-con h6 span {
  background: #55bf15;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  padding: 4px 4px;
  border-radius: 4px;
  vertical-align: top;
  margin-left: 6px;
}
.lr-user-wr-con h6 span i {
  font-size: 10px;
  vertical-align: text-top;
}
.list-pg-write-rev form input {
  height: 45px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  /* -webkit-appearance: none;
    */
  width: 100%;
  font-size: 14px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 2px;
  font-weight: 500;
}
.list-pg-write-rev form input[type="submit"] {
  margin-top: 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  border-radius: 3px;
  border: 0px;
  margin-bottom: 0px;
}
.list-pg-write-rev form label {
  top: 14px;
}
.list-pg-write-rev form textarea {
  height: 100px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 26px;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  /* -webkit-appearance: none;
    */
  width: 100%;
  font-size: 15px;
  background: #fff;
}
.list-pg-guar {
}
.list-pg-guar ul {
  margin-bottom: 0px;
}
.list-pg-guar ul li {
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 0px 5px 0px;
}
.list-pg-guar ul li:nth-child(1) {
  padding: 5px 0px 5px 0px;
}
.list-pg-guar ul li:nth-child(3) {
  border-bottom: 0px solid #e2e2e2;
  padding-bottom: 5px;
}
.list-pg-guar ul li h4 {
  font-size: 15px;
  padding-bottom: 0px;
  font-weight: 600;
}
.list-pg-guar ul li p {
  line-height: 18px;
  font-size: 13px;
  color: #56595d;
}
.list-pg-guar ul li .clim-edit {
  color: #fff;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 2px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
}
.list-pg-guar-img {
  display: inline-block;
  float: left;
  height: 100%;
  margin-right: 15px;
  margin-bottom: 8px;
}
.list-pg-guar-img img {
}
.list-pg-btn {
  width: 100%;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
}
.pglist-p-com-ti-right {
}
.pglist-p-com-ti-right h3 {
  background: #20334c;
  color: #fff;
  font-size: 15px;
  border-radius: 10px 10px 0 0;
}
.pglist-p-com-ti-right h3 span {
  color: #b0b0b0;
  font-size: 15px;
  font-weight: 400;
}
.form-notes {
  background: #fffed9;
  color: #969457;
  border: 1px solid #f2f1b9;
  padding: 15px;
  margin-top: 15px;
}
.form-notes p {
  margin: 0px;
  font-size: 12px;
  text-align: center;
}
.pg-list-user-pro {
  height: 100px;
  background-size: cover;
}
.pg-list-user-pro img {
  /* display: table;
    */
  /* margin: 0 auto;
    */
  position: relative;
  /* left: 40%;
    */
  margin-top: 72px;
  margin-left: 41%;
}
.list-pg-upro {
  text-align: center;
  padding-top: 30px;
}
.list-pg-upro h5 {
  font-size: 16px;
}
.list-pg-upro p {
  padding-bottom: 5px;
  font-size: 15px;
}
.list-pg-upro a {
}
.list-pg-map {
}
.list-pg-map iframe {
  height: 180px;
  width: 100%;
  border: 0px;
}
.list-pg-oth-info {
}
.list-pg-oth-info ul {
}
.list-pg-oth-info ul li {
  border-bottom: 1px solid #e0e6f5;
  padding: 10px 0px;
  font-weight: 500;
  font-size: 13px;
  color: #56595d;
}
.list-pg-oth-info ul li:last-child {
  border-bottom: 0px solid #e2e2e2;
  padding-bottom: 0px;
}
.list-pg-oth-info ul li span {
  float: right;
  text-align: right;
  background: #f7f8fa;
  /* color: #fff;
    */
  border-radius: 5px;
  padding: 0px 5px;
  border: 1px solid #e2e2e2;
  font-size: 13px;
}
.green-bg {
  background: #55bf15 !important;
  color: #fff;
}
.list-mig-like {
  display: none;
}
.list-mig-like-com {
  position: relative;
  border-radius: 10px;
  /* margin-bottom: 20px;
    */
  /* background: #14addb;
    */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 10px;
  cursor: pointer;
}
.list-mig-lc-img {
}
.list-mig-like-com:hover img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /* opacity: 0.5;
    */
}
.list-mig-lc-img img {
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.list-mig-like-com:before {
  /* background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
    */
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 5px;
}
.list-mig-lc-con {
  position: absolute;
  width: 100%;
  margin-top: -104px;
  padding: 20px 20px 0px 20px;
  display: block;
  z-index: 1;
}
.list-mig-lc-con2 {
  margin-top: -90px;
}
.list-mig-lc-con h5 {
  font-size: 18px;
  color: #fff;
  padding-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
}
.list-mig-lc-con h6 {
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: -20px;
  /* right: 0px;
    */
  border: 1px solid #fff;
  padding: 8px 10px 3px 10px;
  border-radius: 18px;
  margin-bottom: 5px;
  padding-bottom: 10px;
}
.list-mig-lc-con p {
  color: #c1c1c1;
  font-size: 13px;
}
.list-mi-pr {
  top: 15px;
}
.list-ri-spec-tit {
}
.list-ri-spec-tit h3 {
  padding: 5px 20px 18px 20px;
  /* background: #fff;
    */
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.list-ri-spec-tit h3 span {
  font-weight: 600;
  font-size: 16px;
}
.list-rat-ch {
}
.list-rat-ch span {
  width: 25px;
  height: 25px;
  background-color: #ffe500;
  /* bottom: 8px;
    */
  padding: 4px;
  border-radius: 2px;
  color: #000;
  font-weight: 600;
  text-align: center;
  font-size: 12px;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
  margin-right: 10px;
}
.list-rat-ch i {
  color: #000000;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.6);
  border: 1px solid #000;
  padding: 3px 2px 2px 2px;
  text-align: center;
  border-radius: 3px;
  background: #ffe500;
  font-size: 11px;
}
/*-------------------------------------------------------*/
/* LISTING LEAD FORM 
/*-------------------------------------------------------*/
.list-pg-lt {
  width: 70%;
  float: left;
  /* background: #f5f8ff;
    */
}
.list-pg-rt {
  width: 30%;
  float: left;
  padding: 0px 0px 0px 20px;
  /* background: #f5f8ff;
    */
}
.list-page-enq {
  margin-top: 60px;
  background-size: cover;
  position: relative;
}
.list-page-enq:before {
  content: "";
  position: absolute;
  background: linear-gradient(
    to top,
    rgba(32, 52, 76, 0.64) 14%,
    rgba(0, 0, 0, 0.55) 66%
  );
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.lpe-com-main {
  position: relative;
  overflow: hidden;
  width: 75%;
  margin: 0 auto;
  padding: 50px 35px;
}
.lpe-com {
  width: 50%;
  float: left;
}
.lpe-left {
  padding: 14% 0%;
  color: #fff;
}
.lpe-left h4 {
  text-transform: uppercase;
}
.lpe-left h5 {
  font-size: 20px;
}
.lpe-left h2 {
  font-size: 60px;
}
.lpe-right {
  text-align: center;
}
.lpe-right h3 {
  color: #000000;
  font-size: 28px;
}
.lpe-right p {
  font-size: 14px;
  text-align: center;
  padding-top: 7px;
  margin-bottom: 5px;
}
.lpe-right form {
  background: #fff;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
  border-bottom: 5px solid #d6c492;
}
.lpe-right input,
textarea {
  height: 45px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  /* -webkit-appearance: none;
    */
  width: 100%;
  font-size: 14px;
  background: #fff;
}
.lpe-right label {
  top: 14px;
}
.lpe-right textarea {
  height: 75px;
}
.lpe-right input[type="submit"] {
}
.list-red-btn {
  color: #fff;
  height: 45px;
  line-height: 45px;
}
.lis-pro-badg div {
  text-align: center;
  padding: 0px 10px 7px 10px;
  position: relative;
  z-index: 3;
}
.lis-pro-badg:before,
.lis-pro-badg:after {
}
.lis-pro-badg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #26caacc9;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 10px;
}
.lis-pro-badg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 57%;
  background: #fff;
  left: 0px;
  /* top:0px;
    */
  right: 0px;
  bottom: 0px;
  border-radius: 0px 0px 10px 10px;
  z-index: 0;
}
.lis-pro-badg {
  position: relative;
  border-radius: 10px;

  background-size: 100px;
  /* float: left;
    */
  /* width: 100%;
    */
}
.lis-pro-badg div .rat {
  background: #f9f79ade;
  padding: 2px 4px;
  font-weight: 600;
  color: #000;
  right: 15px;
  top: 10px;
  font-size: 14px;
  border-radius: 2px;
  text-align: center;
  position: absolute;
}
.lis-pro-badg div img {
  width: 100px;
  object-fit: cover;
  height: 100px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin-bottom: 15px;
  float: initial;
}
.lis-pro-badg div {
  /* position: relative;
    */
  /* padding-bottom: 20px;
    */
  /* margin-top: -151px;
    */
  /* left: 0px;
    */
  /* float: left;
    */
  /* width: 100%;
    */
}
.lis-pro-badg div h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  /* text-transform: uppercase;
    */
}
.lis-pro-badg div p {
  margin: 0px;
  font-size: 11px;
  color: #8b9398;
}
.lis-pro-badg div .by {
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  padding: 2px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 30px;
}
.lis-comp-badg {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e6f5;
}
.lis-comp-badg .s1 {
  background-size: cover;
  text-align: center;
  color: #fff;
  /* text-transform: uppercase;
    */
  padding-bottom: 10px;
  border-radius: 10px 10px 0px 0px;
  position: relative;
}
.lis-comp-badg .s1:before {
  content: "";
  position: absolute;
  background: linear-gradient(150deg, #60e2f7ab, #1e44a2cc 100%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 10px 10px 0px 0px;
}
.lis-comp-badg .s1 div {
  position: relative;
}
.lis-comp-badg .s1 .by {
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  padding: 2px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 30px;
}
.lis-comp-badg .s1 .proi {
  width: 100px;
  object-fit: cover;
  height: 100px;
  border-radius: 50%;
  /* border: 4px solid #fff;
    */
  float: initial;
  margin: 0 auto;
  display: table;
}
.lis-comp-badg .s1 ul {
  margin: 0 auto;
  display: table;
  padding-bottom: 30px;
}
.lis-comp-badg .s1 ul li {
  float: left;
  padding: 0px 3px;
}
.lis-comp-badg .s1 ul li a {
}
.lis-comp-badg .s1 ul li a img {
  width: 23px;
  height: 23px;
  background: #fff;
  border-radius: 50px;
  padding: 3px;
}
.lis-comp-badg .s1 h4 {
  font-size: 16px;
  font-weight: 500;
  /* letter-spacing: 1px;
    */
  padding: 20px 0px 0px 0px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
}
.lis-comp-badg .s1 p {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  padding: 0px 15px;
}
.lis-comp-badg .s2 {
  padding: 20px 15px 25px;
  text-align: center;
  position: relative;
}
.lis-comp-badg .s2 .use-fol {
  background: #56caff;
  margin: 0 auto;
  display: table;
  margin-top: -37px;
  padding: 7px 20px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0px 1px 8px -2px #33333345;
  color: #fff;
  margin-bottom: 15px;
}
.lis-comp-badg .s2 a {
  color: #67717b;
  font-size: 15px;
}
.list-pagenat {
  margin-bottom: 0px;
  margin-top: 15px;
  margin: 0 auto;
  display: table;
}
.list-enqu-btn ul {
  padding: 0px;
}
.list-enqu-btn ul li {
  display: inline-block;
  float: left;
  width: 25%;
  margin: 0px;
}
.list-enqu-btn ul li a {
  border: 1px solid #eaeaea;
  text-align: center;
  display: block;
  padding: 5px;
  color: #3e4c56;
  box-sizing: border-box;
  margin: 4px;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
}
.list-enqu-btn ul li a:hover {
  color: #fff;
  background-color: #172437;
  border: 1px solid #172233;
}
.list-enqu-btn ul li a:hover i {
  margin-right: 10px;
}
.list-enqu-btn ul li a i {
  margin-right: 5px;
}
.list-enqu-btn ul li:last-child a {
  color: #fff;
}
.list-ban-btn {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding: 20px 0px 30px 312px;
}
.list-ban-btn ul li {
  /* margin-bottom: 10px;
    */
  float: left;
  margin: 0px 5px 0px 0px;
  position: relative;
}
.list-ban-btn ul li .share-new-top {
  right: initial;
  top: initial;
  padding: 0;
  position: relative;
}
.list-ban-btn ul li:last-child {
  margin-bottom: 0px;
}
.list-ban-btn ul li .cta {
  font-weight: 600;
  display: inline-block;
  padding: 8px 25px 8px 40px;
  border-radius: 2px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d5d9e8;
  color: #2f3a54;
  font-size: 13px;
  float: left;
  animation: none;
}
.list-ban-btn ul li .cta b {
  color: #2f3a54;
}
.list-ban-btn ul li .cta:before {
  content: "chat_bubble_outline";
  margin-left: -23px;
  margin-top: -2px;
  color: #2f3a54;
  transition: all 0.5s ease;
}
.list-ban-btn ul li .cta-call:before {
  content: "phone";
}
.list-ban-btn ul li .cta-like:before {
  content: "thumb_up";
  color: #2f3a54;
  margin-top: -3px;
  margin-left: -25px;
}
.list-ban-btn ul li .cta-rev:before {
  content: "";
  width: 17px;
  height: 17px;
  background-size: 100%;
  margin: 2px 0px 0px -24px;
}
.list-ban-btn ul li .cta-rev {
  background: #b8f5ba;
  color: #000;
  border: 1px solid #b8f5ba;
}
.list-ban-btn ul li span.pulse {
  color: #ffffff;
  transition: all 0.5s ease;
  box-shadow: 0 0 0 rgb(244, 67, 54);
}
.list-ban-btn ul li span.pulse:before {
  color: #fff;
}
.plac-hom-box-txt span:nth-child(1).red-sml-cta {
  background: var(--red);
  width: auto;
  color: #fff;
  font-size: 12px;
  padding: 3px 16px;
  border-radius: 2px;
  font-weight: 500;
  margin-right: 25px;
}
.list-ban-btn ul li span:before {
}
.list-ban-btn ul li .cta:hover:before {
  /* color: #ffffff;
    */
}
.list-ban-btn ul li .cta:hover {
  /* color: #090b52;
    */
  transition: all 0.5s ease;
  /* background: #f2f0f0;
    */
  box-shadow: 0px 10px 11px -7px #33333347;
}
.list-ban-btn ul li span:hover b {
  /* color: #ffffff;
    */
  transition: all 0.5s ease;
}
.list-ban-btn ul li span b {
  color: #162336;
  transition: all 0.5s ease;
}
.list-ban-btn ul li span:before {
}
.list-ban-btn ul li:nth-child(1) span:before {
  content: "favorite_border";
}
.list-ban-btn ul li .cta-rev:hover {
  background: #b8f5ba;
  color: #000;
  border: 1px solid #b8f5ba;
  box-shadow: 0px 10px 11px -7px #33333347;
}
.list-ban-btn ul li .cta-get:before {
  content: "chat_bubble_outline";
}
.list-ban-btn ul li:nth-child(3),
.list-ban-btn ul li:nth-child(4) {
  /* width: 100% */
}
.list-ban-btn ul li:nth-child(3) a,
.list-ban-btn ul li:nth-child(4) span {
  /* display: block;
    */
  /* width: 100%;
    */
}
.carousel-item img,
.carousel-item iframe {
  width: 100%;
  transition: all 0.5s ease;
  height: 225px;
  float: left;
  border-radius: 10px;
}
.carousel-item img {
  object-fit: cover;
}
.carousel-item:before {
  display: none;
}
.caro-home .inn {
  position: relative;
}
.wh-bg {
  background: #fff;
}
.home-list-pop {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 0px 0px 15px 0px;
  /* margin-bottom: 30px;
    */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-bottom: 1px solid #e2e2e2;
}
.home-list-pop:hover {
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home-list-pop img {
  width: 100%;
  transition: all 0.5s ease;
  height: 150px;
  object-fit: cover;
  border-radius: 2px;
}
.home-list-pop-desc {
}
.home-list-pop-desc span {
}
.home-list-pop .col-md-3 {
  float: left;
}
.home-list-pop .col-md-9 {
  float: left;
}
.pglist-off-last .home-list-pop .col-md-3 {
  padding-left: 0px;
}
.pglist-off-last .home-list-pop-desc {
  padding-right: 0px;
}
.home-list-pop-desc h3 {
  font-size: 18px;
  padding-bottom: 8px;
  color: #000000;
  padding-top: 5px;
  font-weight: 600;
}
.home-list-pop-desc h4 {
  font-size: 15px;
  padding-bottom: 8px;
}
.home-list-pop-desc p {
  margin-bottom: 15px;
  padding-right: 70px;
  font-size: 14px;
}
.pglist-off-last .list-pg-inn-sp:last-child .home-list-pop {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.pulse {
  box-shadow: 0 0 0 rgb(9, 178, 255);
  animation: pulse 1.5s infinite;
}
.pulse:hover {
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.carousel-item:before {
  content: "";
  position: absolute;
  background: #43323e63;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.ld-rhs-pro {
  margin-bottom: 0px;
  border: 0px;
  /* display: none;
    */
  background: none;
  margin-bottom: 0px;
}
.ld-rhs-pro-inn {
}
.ld-rhs-pro .hcity {
  margin: 0px;
}
.all-list-pro-bad {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e0e6f5;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}
.all-list-pro-bad:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  background-size: 101px;
  filter: brightness(0.6);
  left: 0px;
}
.all-list-pro-bad img {
  object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  position: relative;
}
.all-list-pro-bad .rat {
  background: #f9f79ade;
  padding: 2px 4px;
  font-weight: 600;
  color: #000;
  right: 15px;
  top: 12px;
  font-size: 14px;
  border-radius: 2px;
  text-align: center;
  position: absolute;
}
.all-list-pro-bad a h4 {
  font-weight: 600;
  font-size: 18px;
  padding-top: 15px;
  position: relative;
  color: #053050;
}
.all-list-pro-bad a h4:hover {
  text-decoration: underline;
  color: #0c83e2;
  transition: all 0.5s ease;
}
.all-list-pro-bad a {
}
.all-list-pro-bad p {
  /* margin: 0px;
    */
  font-size: 14px;
  position: relative;
  margin-bottom: 10px;
}
.all-list-pro-bad .cntat {
  text-align: center;
  display: inline-block;
  padding: 5px 25px;
  box-sizing: border-box;
  /* margin: 4px;
    */
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.all-list-pro-bad .by {
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 10px;
  position: relative;
}
.list-ri-peo-like {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  padding: 25px;
  background-size: cover;
}
.list-ri-peo-like:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #fcddddbf, #0000006b 100%);
  border-radius: 5px;
  transition: all 0.5s ease;
  left: 0px;
  top: 0px;
}
.list-ri-peo-like h3 {
  padding: 5px 20px 18px 20px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  position: relative;
}
.list-ri-peo-like ul {
  margin: 0 auto;
  display: table;
  padding-left: 20px;
}
.list-ri-peo-like ul li {
  float: left;
  margin-left: -20px;
}
.list-ri-peo-like ul li a {
  /* position: relative;
    */
  /* width: 32px;
    */
  /* height: 32px;
    */
  /* display: inline-table;
    */
}
.list-ri-peo-like ul li a img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  transition: all 0.5s ease;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.8);
}
.list-ri-peo-like ul li a img:hover {
  transform: scale(1.4);
}
.list-rhs-form {
  background: #ffffff;
  /* border: 0px;
    */
  padding-bottom: 0px;
}
.list-rhs-form .quote-pop {
  padding: 0px;
  background: #f2f4f6;
}
.list-rhs-form .quote-pop h3 {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background: #20334c;
  padding: 12px;
  border-radius: 10px 10px 0 0;
  text-transform: uppercase;
}
.list-rhs-form .quote-pop form {
  padding: 20px 30px;
}
.list-rhs-form .quote-pop input {
  border: 1px solid #e1e4e6;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  padding-left: 40px;
}
.list-rhs-form .form-group:before {
  margin: 7px 0px 0px 15px;
  color: #2196f3;
}
.list-rhs-form .quote-pop textarea {
  border: 1px solid #e1e4e6;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
}
.list-rhs-form .quote-pop .btn {
  width: 100%;
  border: 0px;
  font-weight: 600;
  opacity: 1;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 10px 10px;
  border-radius: 2px;
  border-radius: 20px;
}
.list-pg-lt .pglist-p-com:nth-child(1) p:last-child {
  margin-bottom: 0px;
}
.list-pg-lt .pglist-p-com:nth-child(2) {
  padding-bottom: 12px;
}
.mob-menu {
}
.mob-me-ic {
  position: absolute;
  right: 20px;
  top: 7px;
  display: none;
  /* z-index: 9;
    */
}
.mob-me-ic i {
  border: 1px solid #3b83ef;
  font-size: 21px;
  border-radius: 50px;
  color: #fff;
  background: #3b83ef;
  float: left;
  padding: 4px;
}
.mob-me-all {
  position: fixed;
  width: 80%;
  right: -100%;
  top: 0px;
  bottom: 0px;
  background: #fff;
  padding: 0px 40px 100px 40px;
  overflow-y: auto;
  transition: all 0.5s ease;
  box-shadow: 0px 11px 18px -8px rgb(42 42 42 / 63%);
}
.mob-me-all.mobmenu-show {
  right: 0%;
  transition: all 0.5s ease;
}
.mob-me-all h4 {
  font-size: 18px;
  margin-top: 40px;
  font-weight: 600;
}
.mob-me-all ul {
}
.mob-me-all ul li {
}
.mob-me-all ul li a {
  display: block;
  width: 100%;
  color: #333;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}
.mv-bus {
}
.mob-me-clo {
  position: absolute;
  right: 23px;
  top: 10px;
  z-index: 9;
  background: #ff5722;
  /* height: 25px;
    */
  border-radius: 50px;
  /* padding: 5px;
    */
  height: 30px;
  width: 30px;
  text-align: center;
  padding-top: 2px;
}
.mob-me-clo i {
  color: #fff;
  text-align: center;
}
.mv-pro.ud-lhs-s1 {
  padding: 30px 0px 0px 0px;
}
.mv-pro {
  cursor: pointer;
}
.mv-pro-menu {
  display: none;
  padding-top: 15px;
}
.mv-pro-menu.ud-lhs-s2 {
}
/*-------------------------------------------------*/
/* REVIEWS 
/*-------------------------------------------------*/
.rating {
  border: none;
  float: left;
  height: 45px;
  margin: 0px 0px 10px 14px;
}
.rating > input {
  display: none;
}
.rating > label:before {
  margin: 0px;
  font-size: 30px;
  font-family: Material Icons;
  display: inline-block;
  content: "star";
  color: currentColor;
}
.rating > .half:before {
  content: "star_half";
  position: absolute;
}
.rating > label {
  color: #ddd;
  float: right;
  width: 28px;
  cursor: pointer;
}
.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
  color: #ffd700;
}
/* hover previous stars in list */
.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
  color: #ffed85;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #ffd700;
}
.rating > label.full {
}
.rating > label.half {
}
/*-------- RELATED LISTING -----------*/
.list-det-rel-pre {
  float: left;
  width: 100%;
  padding: 20px 0px 0px 0px;
}
.list-det-rel-pre h2 {
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 10px;
}
.list-det-rel-pre ul {
}
.list-det-rel-pre ul li {
  float: left;
  width: 33.333%;
  padding: 10px 10px;
}
.list-det-rel-pre ul li .land-pack-grid {
  margin: 0px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img {
  position: relative;
}
.list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #2432405e;
  left: 0px;
  transition: all ease 0.5s;
  background: linear-gradient(to bottom, #ffffff00, #0b253aba);
}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all {
  padding: 0px 15px 7px 15px;
  position: absolute;
  top: -33px;
  background: none;
  right: initial;
}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all b {
  font-size: 12px;
  padding: 0px 4px;
  float: left;
  /* filter: drop-shadow(0px 0px 1px black);
    */
}
.list-det-rel-pre ul li .land-pack-grid .rat {
  padding: 1px 0px 0px 5px;
}
.list-det-rel-pre ul li .land-pack-grid .rat i {
  font-size: 12px;
  font-size: 16px;
  width: 10px;
  filter: drop-shadow(0px 0px 1px black);
  /* box-shadow: 0px 0px 1px black;
    */
}
.list-det-rel-pre ul li .land-pack-grid .rat i.ratstar {
  color: #fff;
}
.list-det-rel-pre ul li .land-pack-grid .list-rat-all span {
}
/*-------------------------------------------------*/
/* = MOBILE FOOTER QUICK LINK 
/*-------------------------------------------------*/
.fqui-menu {
  position: fixed;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 20;
  box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 34%);
  display: block;
  bottom: -100px;
  transition: all 0.5s ease-in-out;
}
.fqui-menu ul {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.fqui-menu ul li {
  /* float: left;
    */
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 0px 10px;
}
.fqui-menu ul li a {
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 8px 4px 6px 4px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fqui-menu ul li img {
  width: 20px;
  margin: 0 auto;
  display: table;
  padding-bottom: 4px;
}
.fqui-menu ul li {
}
.fqui-menu ul li span {
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 8px 4px 6px 4px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fqui-menu ul li span:hover,
.fqui-menu ul li span:active,
.fqui-menu ul li span:focus {
  background: #334a5a;
}
.fqui-menu ul li span.btn-ser-need-ani {
  background: none;
  border-radius: 0px;
  position: relative;
  animation: none;
  bottom: initial;
  right: initial;
  border: 0px;
  box-shadow: none;
}
.fqui-menu ul li span.btn-ser-need-ani:before {
  display: none;
}
/*-------------------------------------------------*/
/* = PRICING 
/*-------------------------------------------------*/
.tit {
  text-align: center;
  width: 100%;
  margin: 0px 0px 40px 0px;
}
.tit h2 {
  font-size: 17px;
  font-weight: 400;
}
.tit h2 span {
  font-size: 36px;
  font-weight: 600;
  display: block;
}
.tit p {
  font-size: 16px;
  line-height: 26px;
  color: #424c59;
  font-weight: 400;
}
.pri {
  padding: 100px 0 100px 0;
  background: #f2f3f3;
  float: left;
  width: 100%;
}
.pri:before {
  content: "";
  position: absolute;
}
.pri ul {
}
.pri ul li {
  float: left;
  width: 25%;
  border-radius: 4px;
  transition: all 0.4s;
}
.pri ul li div {
  float: left;
  width: 96%;
  text-align: center;
}
.pri ul li:last-child .c2 h4,
.pri ul li:last-child .c2 p {
  color: #fff;
}
.pri-box {
  background: #ffffff;
  border-radius: 11px;
  transition: all 0.4s;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
  border: 0px solid #f0f4f7;
  margin: 0px 2%;
}
.pri-box:hover .c3 a {
  color: #ffffff;
  border: 1px solid #329df4;
  background: #329df4;
}
.pri-box .c2 {
  padding: 20px;
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  border-bottom: 1px solid #d3d9e0;
}
.pri-box .c2 h4 {
  color: #000;
  padding-bottom: 0px;
  font-size: 16px;
  font-weight: 600;
}
.pri-box .c2 p {
  margin: 0px;
  font-weight: 400;
  font-size: 12px;
  color: #333;
}
.pri-box .c3 {
  padding: 20px 20px;
  width: 100%;
}
.pri-box .c3 h2 {
  font-size: 48px;
  font-weight: 700;
}
.pri-box .c3 h2 span {
}
.pri-box .c3 p {
  margin: 0px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 15px;
}
.pri-box .c3 a {
  padding: 10px 30px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #1a2a38;
  border: 1px solid #d5e1e7;
  letter-spacing: 1px;
  display: inline-block;
  background: #e4eef3;
}
.pri ul li:nth-child(2) .pri-box .c2,
.pri ul li:nth-child(3) .pri-box .c2 {
}
.pri ul li:nth-child(4) .pri-box .c2 {
  background: #ff512f;
  background: -webkit-linear-gradient(to right, #f09819, #ff512f);
  background: linear-gradient(to right, #f09819, #ff512f);
}
.pri ul li:nth-child(4) .pri-box .c3 a {
  color: #ffffff;
  border: 1px solid #ff4e0a;
  background: linear-gradient(to right, #ff0099, #ff5200);
}
.pri-box .c4 {
  padding: 7px 20px 20px 20px;
  width: 100%;
}
.pri-box .c4 ol {
  padding: 0px;
  border-top: 1px solid #25c16f1a;
  padding-top: 20px;
  /* position: relative;
    */
}
.pri-box .c4 ol li {
  width: 100%;
  text-align: left;
  padding-bottom: 12px;
  font-size: 15px;
  color: #334e59;
  font-weight: 500;
  padding-left: 35px;
  box-sizing: border-box;
  border: 0px;
  background: none;
  position: relative;
}
.pri-box .c4 ol li:before {
  content: "check";
  font-size: 12px;
  padding: 1px;
  width: 15px;
  height: 15px;
  color: #ffffff;
  font-weight: 500;
  left: 8px;
  top: 0px;
  background: #329df4;
  border-radius: 50px;
  box-sizing: border-box;
  line-height: 14px;
}
.pri-box .c4 ol li.no:before {
  content: "close";
  color: #ffffff;
  background: #f87f95;
}
.pri-box .c4 ol li.co:before {
  background: #f8d37f;
}
.pri-box .c5 {
  padding: 0px 20px 30px 20px;
  width: 100%;
}
.pri-box .c5 a.cta1 {
  background: #ff5200;
  color: #fff;
  padding: 8px 20px;
  border-radius: 2px;
  display: inline-block;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 12px;
  background: linear-gradient(to right, #ff0099, #ff5200);
}
.pri-box .c5 a.cta1:hover {
}
.pri-box .c5 a.cta2 {
  display: block;
  font-size: 12px;
  padding-top: 10px;
  text-decoration: underline;
  color: #333;
  background: none;
  padding: 15px 0 0 0;
}
.login-reg {
  padding: 130px 0 80px 0;
  background: #edf6fd;
  position: relative;
  background-size: 380px;
}
.login-reg:before {
  /* content: '';
    */
  /* position: absolute;
    */
  /* background: rgba(33, 48, 59, 0.73);
    */
  /* top: 0px;
    */
  /* bottom: 0px;
    */
  /* left: 0px;
    */
  /* width: 100%;
    */
  /* border-radius: 5px;
    */
}
.login-main {
  /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    */
  /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(0, 0, 0, 0.85);
    */
  /* background: #fff;
    */
  width: 460px;
  margin: 0 auto;
  display: table;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
}
.log {
}
.log h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}
.log p {
  font-size: 14px;
  text-align: center;
  color: #81898d;
}
.log div input,
.log div select {
  height: 40px;
  border: 1px solid #bdc8d0;
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
.form-control option {
  font-size: 13px;
  font-weight: 500;
}
.login-reg {
}
.login-reg .tit {
}
.login-reg .tit h2 {
}
.login-reg .tit p {
}
.log div button.btn {
  width: 100%;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 0px;
  border-radius: 50px;
  transition: all 0.4s ease;
}
.log div button.btn:hover {
  box-shadow: var(--btnshadow);
}
.log div a.btn {
  width: 100%;
  border: 0px;
  font-weight: 600;
  font-size: 17px;
  padding: 10px 0px;
  border-radius: 50px;
}
.login {
  padding: 40px 0px 20px 0px;
  position: relative;
  float: left;
  width: 100%;
}
.log-bot {
  border-radius: 0 0 8px 8px;
  padding: 0px;
  float: left;
  width: 100%;
}
.log-bot ul {
  margin: 0 auto;
  display: table;
}
.log-bot ul li {
  float: left;
  padding: 0px 8px;
}
.log-bot ul li span {
  color: #47b5ff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.log-bor {
  background: #4c7af1;
  background-image: linear-gradient(-71deg, #4c7af1, #7fccbb 95%);
  height: 10px;
}
.login-new {
  background: #fff;
  padding: 35px;
  box-shadow: var(--btnshadow1);
  margin-bottom: 20px;
  border-radius: 10px;
}
.login-new .log-bor {
}
.login-new .login {
  padding: 35px;
}
.near-login-reg {
  padding-bottom: 100px;
  background: #daebff;
  margin-top: 57px;
  padding-top: 50px;
}
.near-login-reg .inn {
  width: 75%;
  margin: 0 auto;
  display: table;
}
.near-log-lhs {
  float: left;
  width: 60%;
}
.near-log-lhs ul {
}
.near-log-lhs ul li {
}
.near-log-lhs ul li div {
}
.near-log-lhs ul li div h4 {
}
.near-log-lhs ul li div img {
  width: 100%;
}
.near-log-lhs ul li div p {
}
.near-log-rhs {
  box-shadow: 0px 1px 9px -6px #333;
  float: left;
  width: 40%;
}
.pop-ups .log-bor {
  height: 6px;
}
.pop-ups .form-control {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.pop-ups .fname {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.pop-ups .udb-inst {
  font-size: 11px;
}
.pop-ups .serex-date {
  padding: 0px;
}
.pop-ups .serex-time {
  padding-right: 0px;
}
.ud-cen .log-bor {
  height: 6px;
  border-radius: 3px 3px 0 0;
}
.ud-cen .rat i {
  font-size: 16px;
  width: 15px;
}
.ud-cen .rat {
}
.log-2,
.log-3 {
  display: none;
}
.login-main.add-list {
  width: 60%;
  /* box-shadow: 0px 12px 26px -14px #333333a1;
    */
}
.add-list .log div input,
.add-list .log div select {
  font-size: 13px;
}
.add-list textarea {
  height: 120px;
  border: 1px solid #bdc8d0;
  font-size: 13px;
}
.add-list label {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.add-list .chbox input[type="checkbox"] {
  height: auto;
}
.add-list .steps,
.udb-inst {
  position: relative;
  margin: 0 auto;
  display: table;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 2px 10px;
  line-height: 20px;
  border-radius: 4px;
  margin-top: -16px;
  letter-spacing: 2px;
}
/*--==== IMAGE FILE UPLOAD ====--*/
.fil-img-uplo {
  float: left;
  width: 100%;
  margin: 0px 0 15px 0;
  position: relative;
}
.fil-img-uplo .dumfil {
  background: #e8f1f9;
  color: #426a8a;
  border-radius: 5px;
  /* box-shadow: 0 5px #1f4463;
    */
  padding: 10px 25px 9px 42px;
  /* text-transform: uppercase;
    */
  letter-spacing: 1px;
  font-weight: 500;
  outline: none;
  position: relative;
  font-size: 12px;
  text-align: left;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #becad6;
  transition: all 0.4s ease;
}
.fil-img-uplo .dumfil:before {
  content: "file_upload";
  left: 20px;
  top: 6px;
  letter-spacing: 0;
  color: #567492;
  transition: all 0.4s ease;
}
.fil-img-uplo:hover .dumfil {
  background: #d3e6f7;
  border: 1px solid #b2cbe2;
}
.fil-img-uplo:hover .dumfil:before {
}
.fil-img-uplo input[type="file"] {
  z-index: 7;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  cursor: pointer;
}
.add-list-ser .fil-img-uplo {
  margin: 31px 0 0px 0;
}
/*--==== END IMAGE FILE UPLOAD ====--*/
.foot-supp {
}
.foot-supp h2 {
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.foot-supp h2 span {
  font-weight: 300;
  padding-right: 10px;
  padding-left: 10px;
}
.foot-count {
  border-top: 1px dashed #352c7c;
  padding: 35px 0px 0px 0px;
  margin-top: 20px;
}
.foot-count ul {
  margin: 0 auto;
  display: table;
}
.foot-count ul li {
  float: left;
  font-size: 14px;
  padding: 0px 15px;
  border-right: 1px dashed #352c7c;
  line-height: 15px;
  text-align: center;
  font-weight: 500;
  color: #7a6a5c;
  line-height: 18px;
}
.cr {
  background: #100a42;
  float: left;
  width: 100%;
}
.cr p {
  width: 100%;
  text-align: center;
  margin: 0px;
  font-size: 12px;
  font-weight: 400;
  padding: 20px 0px;
  color: #efedfb;
}
.cr p a {
  color: #efedfb;
  text-decoration: underline;
}
/*-------------------------------------------------------*/
/* ADD LISTING STEPS 
/*-------------------------------------------------------*/
.add-list-ste {
  width: 100%;
  margin-bottom: 30px;
}
.add-list-ste-inn {
}
.add-list-ste-inn ul {
  margin: 0 auto;
  display: table;
  position: relative;
}
.add-list-ste-inn ul:after {
  content: "";
  position: absolute;
  width: 90%;
  height: 2px;
  background: #d0dee8;
  left: 5%;
  top: 41px;
  z-index: 1;
}
.add-list-ste-inn ul li {
  float: left;
  text-align: center;
  margin: 0px 10px;
  z-index: 2;
  position: relative;
}
.add-list-ste-inn ul li a {
  text-align: center;
  background: #fff;
  float: left;
  border-radius: 50px;
  color: #333;
  width: 80px;
  height: 80px;
  padding: 16px 0px 0px 0px;
}
.add-list-ste-inn ul li a:hover {
  background: #72c1ff;
  color: #fff;
}
.add-list-ste-inn ul li a span {
  font-size: 12px;
  text-transform: uppercase;
}
.add-list-ste-inn ul li a b {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.add-list-ste-inn ul li a.act {
  color: #fff;
}
.add-list .skip {
  text-align: center;
  display: block;
  padding-top: 20px;
  color: #333;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 3px;
  border-top: 1px solid #e1dede;
  margin-top: 30px;
}
.add-list button.btn {
  margin-top: 25px;
}
.add-list .img-name {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.add-list-off {
}
.add-list-off ul li {
  margin-bottom: 20px;
  border-radius: 2px;
  list-style-type: none;
}
.add-prod-high-oth {
  padding: 0px;
  margin-top: 0px;
}
.add-prod-high-oth ul li {
  margin-bottom: 15px;
  padding: 20px 0px 0px 0px;
}
.add-prod-high-oth .form-group,
.add-prod-oth .form-group {
  margin: 0px;
}
.add-prod-oth {
  padding: 25px 0px 0px 0px;
  margin-top: 0px;
  margin-bottom: 25px;
}
.add-prod-oth ul {
}
.add-prod-oth ul li {
  background: none;
  border: 0px;
  padding: 0px;
}
.add-prod-oth ul li input {
}
.add-prod-oth ul li i {
  width: 32px;
  height: 32px;
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-top: 12px;
}
.add-list-add-btn {
  position: absolute;
  right: 31px;
  top: 15px;
  font-size: 20px;
  border: 1px solid #4e7df0;
  width: 32px;
  height: 24px;
  text-align: center;
  border-radius: 15px 0px 0px 15px;
  line-height: 23px;
  cursor: pointer;
  color: #fff;
  background: #4d7cf1;
}
.add-list-rem-btn {
  position: absolute;
  right: 0px;
  top: 15px;
  font-size: 28px;
  border: 1px solid #4d7cf1;
  width: 32px;
  height: 24px;
  text-align: center;
  border-radius: 0px 15px 15px 0px;
  line-height: 24px;
  cursor: pointer;
  color: #4d7cf1;
  background: #fff;
  padding-left: 5px;
}
.vid-gal-add {
  position: relative;
}
.vid-gal-add .lis-add-oadvideo,
.vid-gal-add .lis-add-orevideo {
  z-index: 2;
  top: -32px;
}
.pt30 {
  padding-top: 30px;
}
.add-lis-oth {
}
.add-lis-oth i {
  width: 32px;
  height: 32px;
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-top: 18px;
}
.log .add-lis-oth input {
  border: 0px;
  border-bottom: 1px solid #e4e6f2;
  text-transform: capitalize;
}
.add-lis-done {
}
.add-lis-done h4 {
  font-size: 42px;
  margin-bottom: 5px;
  color: #000;
}
.add-lis-done .succ {
  color: #fff;
  margin: 0 auto;
  display: table;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  font-size: 90px;
  font-weight: 600;
  padding: 25px;
  box-shadow: 0px 3px 13px -4px rgba(0, 0, 0, 0.4);
  margin-bottom: 20px;
}
.add-lis-done p {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 15px;
}
.add-lis-done .checkmark {
  margin: 0 auto;
  display: table;
  position: relative;
  left: inherit;
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
}
/*-------------------------------------------------------*/
/* DASHBOARD 
/*-------------------------------------------------------*/
.ud {
  padding: 48px 0px 0px 0px;
  transition: all 0.5s ease;
  background: #f3f9ff;
  position: relative;
}
.ud.op1 {
  opacity: 0.1;
  transition: all 0.5s ease;
}
.ud-inn {
  width: 100%;
  /* margin: 0 auto;
    */
  /* display: table;
    */
  /* max-width: 1400px;
    */
  /* position: relative;
    */
  background: #f0f8ff;
  position: relative;
  float: left;
}
.ud-inn:before {
  content: "";
  position: absolute;
  background: #d9e4ee;
  width: 250px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.ud-enqu .ud-cen {
  width: 82%;
  margin: 0px 0% 0px 2%;
}
.ud-enqu .ud-rhs {
  display: none;
}
.ud-main .ud-no-rhs .ud-cen {
  width: 100%;
}
.ud-main .ud-no-rhs .ud-rhs {
  display: none;
}
.db-open .bl {
  display: none;
}
.db-open .al {
  display: block;
}
.db-menu {
  position: fixed;
  background: #fff;
  right: -380px;
  top: 0px;
  width: 280px;
  padding: 15px 20px;
  box-shadow: 0px 0px 23px 0px rgb(10 10 10 / 14%);
  transition: all 0.5s ease-in-out;
  height: 100%;
  bottom: 0px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 1;
}
.db-menu.act {
  right: -14px;
}
.db-menu ul {
  float: left;
  width: 100%;
}
.db-menu ul li {
}
.db-menu ul li a {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  display: block;
  padding: 8px 0px;
  border-bottom: 1px solid #f1efec;
}
.db-menu ul li a img {
  width: 15px;
  margin-right: 15px;
}
.db-menu ul li a:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 22px;
  background: #fff;
  margin: 0px 0px 0px -18px;
  transition: all 0.5s ease;
}
.db-menu ul li a:hover {
  padding-left: 18px;
  color: #2783d1;
  background: linear-gradient(to left, #fff, #e4f1fc 70%);
}
.db-menu ul li a:hover:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 22px;
  margin: 0px 0px 0px -18px;
  transition: all 0.5s ease;
}
.db-menu ul li:last-child a {
  border-bottom: 0px;
}
.top-noti {
}
.top-noti span i {
  font-size: 10px;
  font-style: initial;
  position: absolute;
  background: #f71504;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  font-weight: 500;
  text-align: center;
  padding: 4px 2px;
  top: -8px;
  right: -4px;
}
.db-menu-noti,
.shrt-add-cta {
  color: #fff;
  position: absolute;
  float: right;
  right: 37px;
  top: 8px;
  cursor: pointer;
  border: 1px solid #ffffff9c;
  background: #5182eb;
  background-image: linear-gradient(-71deg, #4c7af1, #af59fd 95%);
  padding: 3px;
  font-size: 20px;
  border-radius: 50px;
  text-align: center;
  transition: all 0.5s ease;
}
.db-menu-noti:hover {
  color: #f3f3f7;
  animation: bell 1s ease-in-out;
}
@keyframes bell {
  0% {
    transform: rotate(35deg);
  }
  12.5% {
    transform: rotate(-30deg);
  }
  25% {
    transform: rotate(25deg);
  }
  37.5% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(15deg);
  }
  62.5% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0);
  }
}
.top-noti-win {
  position: fixed;
  background: #fff;
  right: -300px;
  top: 0px;
  width: 280px;
  padding: 15px 20px;
  box-shadow: 0px 0px 23px 0px rgb(10 10 10 / 14%);
  transition: all 0.5s ease-in-out;
  height: 100%;
  bottom: 0px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 1;
}
.top-noti-win.act {
  right: -14px;
}
.top-noti-win h4 {
  font-size: 15px;
  font-weight: 600;
}
.top-noti-win ul {
}
.top-noti-win ul li {
}
.top-noti-win ul li div {
}
.top-noti-win ul li div a {
}
.top-noti-win ul li span {
}
.top-shrt-add-main {
  position: relative;
  float: right;
}
.shrt-add-cta {
  right: 76px;
  border: 1px solid #ffffff9c;
  background: #2e2f72;
}
.shrt-add-inn {
  width: 190px;
  background: #ffffff;
  position: absolute;
  overflow: hidden;
  z-index: 99;
  padding: 10px 20px;
  box-shadow: 0px 4px 13px -10px rgb(0 0 0 / 50%);
  margin-top: 54px;
  left: -185px;
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
  top: -8px;
  border-radius: 12px;
}
.shrt-add-inn:before {
  top: -2px;
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  z-index: 1;
  transform: rotate(45deg);
  left: 81px;
}
.shrt-add-inn ul {
}
.shrt-add-inn ul li {
}
.shrt-add-inn ul li a {
  font-size: 12px;
  color: #536070;
  font-weight: 400;
  display: block;
  padding: 7px 0px;
}
.shrt-add-inn ul li a:hover {
  color: #058dfa;
  text-decoration: underline;
}
.no-noti-clr-noti {
  font-size: 12px;
}
.ud-lhs {
  float: left;
  width: 250px;
  /* border-right: 1px solid #d9dde0;
    */
  background: #d9e4ee;
  /* box-shadow: 0px 1px 30px -16px #000000ab;
    */
  position: relative;
  left: 0px;
  top: 0;
  bottom: 0px;
  height: 100%;
  z-index: 9;
  padding: 30px 0px 30px 0px;
}
.ud-main {
  width: calc(100% - 250px);
  padding-bottom: 60px;
  background: #f0f8ff;
  float: left;
}
.ud-main .ud-main-inn {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.ud-lhs-s1 {
  position: relative;
  overflow: hidden;
  /* background: #fff;
    */
  float: left;
  text-align: center;
  /* box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    */
  border-radius: 4px;
  margin-bottom: 15px;
  width: 100%;
  padding: 0 0 15px 15px;
}
.ud-lhs-s1:before {
  /* content: '';
    */
  position: absolute;
  width: 100%;
  height: 100px;
  background-size: 101px;
  filter: brightness(0.3);
  left: 0px;
}
/*hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh*/
.ud-lhs-s1 img {
  width: 50px;
  height: auto;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  /* margin-right: 10px;
    */
  height: 50px;
  position: relative;
  /* margin-top: 30px;
    */
  left: 0;
}
.ud-lhs-s1 .ud-lhs-pro-bio {
  float: left;
  width: calc(100% - 50px);
  padding-left: 12px;
  text-align: left;
}
.ud-lhs-s1 h4 {
  font-size: 16px;
  line-height: 15px;
  font-weight: 600;
  padding-top: 0px;
  display: block;
  float: left;
  width: 100%;
  color: #333;
  margin-bottom: 4px;
}
.ud-lhs-s1 b {
  padding: 0px;
  font-size: 10px;
  font-weight: 400;
  color: #6b7884;
  line-height: 15px;
  float: left;
  width: 100%;
  padding-bottom: 0px;
}
.ud-lhs-s1 .ud-lhs-view-pro {
  /* display: table;
    */
  /* margin: 0 auto;
    */
  color: #fff;
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 2px;
  font-weight: 600;
}
.ud-lhs-s2 {
  float: left;
  width: 100%;
  /* background: #fff;
    */
  /* border: 1px solid #e6e6e6;
    */
  /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
    */
  /* padding: 12px;
    */
  overflow: hidden;
  overflow-y: auto;
}
.db-menu .ud-lhs-s1 {
  /* padding-top: 10px;
    */
  box-shadow: none;
  border: 1px solid #ededed;
  background: #f7fafc;
  padding: 10px;
}
.db-menu .ud-lhs-s1:before {
  height: 70px;
}
.db-menu .ud-lhs-s1 img {
  /* width: 85px;
    */
  /* height: 85px;
    */
}
.ud-lhs-inn {
}
.ud-lhs-s2 ul {
}
.ud-lhs-s2 ul li {
}
.ud-lhs-s2 ul li h4 {
  text-transform: uppercase;
  font-size: 12px;
  color: #000000;
  padding: 20px 0 5px 22px;
  line-height: 26px;
  font-weight: 600;
  border-bottom: 1px solid #c1cbd5;
}
.ud-lhs-s2 ul li a {
  font-weight: 500;
  color: #435769 !important;
  font-size: 12px;
  display: block;
  padding: 7px 17px;
  /* border-bottom: 1px solid #d9dde0;
    */
  margin-right: 15px;
}
.db-menu-clo {
  cursor: pointer;
  color: #fff;
  position: absolute;
  z-index: 9;
  top: 5px;
  right: 15px;
  border-radius: 50px;
  font-size: 14px;
  padding: 4px;
  font-weight: 600;
}
.ud-rhs-sec-3 {
  display: none;
}
.cre-dup-form {
  display: none;
}
.cre-dup {
  margin-bottom: 25px;
}
.cre-dup a {
  width: 100%;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 0px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.cre-dup span {
  width: 100%;
  border: 0px;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 0px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.ud-lhs-s2 ul li a.db-lact {
  padding-left: 18px;
  background: #e4f1fc;
  background: linear-gradient(to left, #08179f, #0217bb 70%);
  border-radius: 0 50px 50px 0;
  color: #fff !important;
}
.ud-lhs-s2 ul li a:hover.db-lact {
  background: linear-gradient(to left, #08179f, #0217bb 70%);
}
.ud-lhs-s2 ul li a.db-lact:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 22px;
  margin: 1px 0px 0px -18px;
  transition: all 0.5s ease;
}
.ud-lhs-s2 ul li a.db-lact img {
  background: #6f7bdf;
  padding: 6px;
}
.ud-lhs-s2 ul li a:hover {
  /* padding-left: 18px;
    */
  background: #d0dbe5;
  border-radius: 0 50px 50px 0;
}
.ud-lhs-s2 ul li a.db-lact:before,
.ud-lhs-s2 ul li a:hover:before {
}
.ud-lhs-s2 ul li a img {
  width: 28px;
  margin-right: 15px;
  /* filter: drop-shadow(2px 4px 6px black);
    */
  /* background: #bce0ff;
    */
  padding: 3px;
  border-radius: 2px;
  margin-top: -2px;
}
.ud-cen {
  float: left;
  width: 70%;
  margin: 40px 0 0px 0;
  padding-left: 40px;
}
.ud-rhs {
  float: left;
  width: 30%;
  padding: 40px 0px 0px 40px;
}
.cd-cen-intr {
  padding: 30px 5px 0 5px;
}
.cd-cen-intr-inn {
  padding: 30px 30px 30px 230px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  color: #fff;
  border-radius: 5px;
  position: relative;
  background: #5433ff;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #a5fecb, #429dde, #7b4ffc);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #a5fecb, #429dde, #7b4ffc);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cd-cen-intr-inn:before {
  left: 0px;
  content: "";
  position: absolute;
  width: 190px;
  height: 171px;
  z-index: 9;
  bottom: 0px;
  background-size: cover;
  filter: saturate(0.7);
}
.cd-cen-intr h2 {
  /* color: #e26363;
    */
  font-size: 20px;
}
.cd-cen-intr p {
  margin: 0px;
  /* color: #4994d6;
    */
  font-size: 13px;
}
.ud-cen-s1 {
  float: left;
  width: 100%;
  /* margin-bottom: 50px;
    */
  padding: 30px 0;
}
.ud-cen-s1 h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.ud-cen-s1 ul li {
  float: left;
  width: 33.3333%;
  /* text-align: center;
    */
}
.ud-cen-s1 ul li div {
  border-radius: 5px;
  padding: 15px;
  background: #b2dcff;
  background-size: cover;
  position: relative;
  color: #333;
  transition: all 0.5s ease;
  /* border: 1px solid #deeaf0;
    */
  /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    */
  margin: 5px;
}
.ud-cen-s1 ul li div:hover {
  background: #d0f6f1;
  /* color: #fff;
    */
}
.ud-cen-s1 ul li div:hover b {
  color: #fff;
}
.ud-cen-s1 ul li:nth-child(2) div {
  /* margin: 0px 7px;
    */
  /* background: url(../images/listings/bike1.jpg) no-repeat;
    */
  /* background-size:cover;
    */
}
.ud-cen-s1 ul li:nth-child(3) div {
  /* background: url(../images/listings/re7.jpg) no-repeat;
    */
  /* background-size:cover;
    */
}
.ud-cen-s1 ul li div:before {
  /* content:'';
    */
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #ffeee5;
  background: linear-gradient(to bottom, #ff8d8dc9, #00000057 70%);
  border-radius: 4px;
}
.ud-cen-s1 ul li div h4 {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  /* margin-top: 20px;
    */
  padding: 0px 0px 0px 65px;
  margin-bottom: 4px;
}
.ud-cen-s1 ul li div p {
  font-weight: 400;
  position: relative;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  padding: 0px 0px 0px 65px;
  margin: 0px;
}
.ud-cen-s1 ul li div b {
  font-size: 32px;
  font-weight: 600;
  line-height: 50px;
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 20px;
  color: #fff;
  top: 8px;
  text-align: center;
  transition: all 0.5s ease;
}
.ud-cen-s1 ul li div a {
  position: absolute;
  cursor: pointer;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 5;
}
.ud-cen-s2 {
  overflow: hidden;
  overflow-x: auto;
}
.ud-cen-s2,
.ud-cen-s3 {
  float: left;
  width: 100%;
  position: relative;
  padding: 30px 0;
}
.ud-cen-s3 {
  padding-bottom: 0px;
  /* display: none;
    */
}
.ud-cen-s4 {
  padding-bottom: 15px;
  /* display: none;
    */
}
.nav-tabs .nav-link {
  font-size: 12px;
  font-weight: 600;
}
.ud-cen-s2 h2,
.ud-cen-s3 h2 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}
.ud-cen-s2 a.db-tit-btn,
.ud-cen-s3 a.db-tit-btn {
  position: absolute;
  right: 35px;
  top: 28px;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  font-size: 11px;
  background: #485563;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #697480, #9ba3ab);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #697480, #9ba3ab);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.ud-cen-s2 a.cta-db-exp-avail {
  background: linear-gradient(to top, #09b46d, #06d750);
  padding: 5px 15px;
}
.ud-cen-s2 a.db-tit-btn-1 {
  right: 160px;
}
.ud-cen-s2 a.db-tit-btn-2-ads {
  right: 215px;
}
.ud-cen-s2 table {
  width: 100%;
}
.form-group {
  float: left;
  width: 100%;
  position: relative;
}
.ud-cen-s3 ul {
}
.ud-cen-s3 ul li {
  float: left;
  width: 33.333%;
  margin-bottom: 15px;
}
.ud-cen-s3 ul li .db-eve {
  background: #fff;
  padding: 0px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
}
.ud-cen-s3 ul li .db-eve:hover {
  transform: scale(1.02);
  box-shadow: 0px 12px 9px -7px rgba(150, 150, 150, 0.59);
}
.ud-cen-s3 ul li .db-eve a {
}
.ud-cen-s3 ul li .db-eve a img {
  width: 100%;
  float: left;
  object-fit: cover;
  height: 135px;
  transition: all 0.5s ease;
}
.ud-cen-s3 ul li .db-eve a h5 {
  margin-bottom: 0px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  padding: 15px 15px;
  float: left;
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.ud-cen-s3 ul li .db-eve a span {
  font-size: 8px;
  color: #ffffff;
  padding: 2px 6px;
  display: inline-block;
  /* width: 100%;
    */
  font-weight: 500;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #3f57e0;
  border-radius: 10px;
}
.ud-rhs {
}
.ud-rhs ul li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border: 0px;
}
.ud-rhs h4 {
  font-size: 16px;
  margin-bottom: 20px;
}
.ud-rhs-sec-1 ul {
  min-height: 100px;
  max-height: 265px;
  overflow-y: hidden;
}
.ud-rhs-sec-1 ul:hover {
  overflow-y: auto;
}
.ud-rhs-sec-1 h4 {
}
.ud-rhs-sec-1,
.ud-rhs-sec-2,
.ud-rhs-sec-3,
.ud-rhs-sec-4 {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #f2f3f3;
  /* margin-bottom: 40px;
    */
  /* box-shadow: 0px 0px 11px -1px rgba(224, 224, 224, 0.69);
    */
  border-radius: 8px;
  /* padding: 25px;
    */
  /* border-top: 4px solid #7fccbb;
    */
  /* background: #fff;
    */
  border: 1px solid #e6e6e6;
  /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
    */
}
.ud-rhs-sec-1 ul,
.ud-rhs-sec-2 ul,
.ud-rhs-sec-3 ul,
.ud-rhs-sec-4 ul {
  padding: 25px;
}
.ud-rhs-sec-1 {
  padding: 0px;
}
.ud-rhs-sec-1 ul {
}
.ud-rhs-sec-1 ul li {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px;
  padding-bottom: 12px;
  transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li:hover {
  padding-left: 6px;
  transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li:hover h5 {
  color: #297bbb;
  transition: all 0.5s ease;
}
.ud-rhs-sec-1 ul li a {
  color: #333;
}
.ud-rhs-sec-1 ul li a h5 {
  font-size: 12.5px;
  font-weight: 600;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  color: #000;
}
.ud-rhs-sec-1 ul li a p {
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  margin: 0px;
  font-weight: 400;
}
.ud-rhs-sec-1 h4,
.ud-rhs-sec-2 h4,
.ud-rhs-sec-3 h4,
.ud-rhs-sec-4 h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  background: #253d52;
  padding: 15px 25px;
  color: #fff;
  font-weight: 600;
}
.ud-rhs-sec-2 {
  padding: 0 0 15px 0;
  /* display: none;
    */
  margin-bottom: 20px;
}
.ud-rhs-sec-2 ul {
  float: left;
  width: 100%;
  padding: 0px;
}
.ud-rhs-sec-2 ul li {
  padding: 15px 15px 5px 15px;
}
.ud-rhs-sec-2 ul li a {
}
.ud-rhs-sec-2 ul li a img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  margin-right: 10px;
}
.ud-rhs-sec-2 ul li a h5 {
  font-size: 13px;
  /* float: left;
    */
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  font-weight: 600;
  color: #333;
  margin-bottom: 3px;
}
.ud-rhs-sec-2 ul li a p {
  font-size: 10px;
  line-height: 15px;
  white-space: pre;
  overflow: hidden;
  font-weight: 400;
  color: #8d8a8a;
  margin-bottom: 0px;
}
.ud-rhs-sec-2 ul li a p b {
  font-weight: 600;
  color: #505658;
}
.ud-rhs-sec-3 .list-ri-peo-like ul li {
  margin-left: 0px;
  padding: 3px;
  float: left;
  width: 20%;
}
.ud-rhs-sec-3 .list-ri-peo-like ul {
  padding: 0px;
}
.ud-rhs-sec-3 ul li .eve-box-list {
  border: 0px;
  padding: 0px;
  box-shadow: none;
}
.ud-rhs-sec-3 ul li .eve-box-list img {
  width: 49px;
  height: 49px;
}
.ud-rhs-sec-3 ul li .eve-box-list h4 {
  margin: 5px 0px 4px 0px;
  font-size: 13px;
  padding: 0px;
  background: none;
}
.ud-cen-s3 ul li:nth-child(2n + 2) div {
  margin: 0px 10px;
}
.ud-rhs-sec-3 ul li .eve-box-list p {
  font-size: 11px;
}
.ud-rhs-sec-3 ul li .eve-box-list span {
  font-size: 10px;
  padding: 0px 8.5px;
  bottom: 0px;
}
.ud-rhs-sec-3 ul li .eve-box-list span b {
}
.ud-rhs-sec-3 ul li .eve-box-list a {
}
.ud-rhs-promo {
  background-size: cover;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  position: relative;
  color: #fff;
  float: left;
  width: 100%;
}
.ud-rhs-promo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #cac42680;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 10px;
}
.ud-rhs-promo-que:before {
  background: #00000061;
}
.ud-rhs-promo:hover a {
  color: #fff;
}
.ud-rhs-promo h3 {
  font-size: 22px;
}
.ud-rhs-promo p {
  font-size: 13px;
  color: #ffffff;
  margin: 0;
}
.ud-rhs-promo a {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 6px 15px;
  line-height: 20px;
  border-radius: 4px;
  letter-spacing: 2px;
  margin-top: 15px;
  display: inline-block;
}
.ud-rhs-promo h3,
.ud-rhs-promo p,
.ud-rhs-promo a {
  position: relative;
}
.ud-rhs-promo-1 {
  background-size: 190px;
  margin-top: 20px;
  margin-bottom: 0;
}
.ud-rhs-promo-1:before {
  background: #3f51b5d9;
}
.ud-rhs-promo-1 a {
  color: #fff;
}
.ud-rhs-sec-4 {
}
.ud-rhs-sec-4 ul li {
  padding-bottom: 20px;
}
.blog-box-list {
  position: relative;
}
.blog-box-list h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.blog-box-list p {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  margin-bottom: 0px;
}
.blog-box-list span b {
}
.blog-box-list span {
  font-size: 12px;
}
.blog-box-list a {
}
.tz-db-table {
}
.ud-cen-s2 table {
}
.ud-cen-s2 table tr {
  color: #969595;
  border-bottom: 1px solid #d0d6db;
}
.ud-cen-s2 table tr td {
  font-size: 10px;
  color: #333;
  padding: 14px 14px 14px 0px;
}
.ud-cen-s2 table tr td:nth-child(2) img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  margin-right: 15px;
}
.ud-cen-s2 table tr td:nth-child(2) {
  font-weight: 600;
  font-size: 11px;
}
.lead-tab table tr td:nth-child(2) {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  width: 120px;
  float: left;
}
.lead-tab table tr td:nth-child(8) {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  width: 200px;
  float: left;
}
.ud-cen-s2 table tr td:nth-child(2) span {
  display: block;
  font-size: 11px;
  font-weight: 400;
}
.ud-cen-s2 table tr th {
  font-size: 12px;
  color: #333;
  padding: 14px 14px 14px 0px;
  font-weight: 600;
}
.ca-sh-plan {
  display: none;
  position: relative;
}
.ca-sh-user {
  position: relative;
}
.frmtip {
  float: right;
  color: #0d78d7;
  text-decoration: underline;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 13px;
}
.db-pro-bot-btn {
  border: 0px;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 3px;
  margin: 10px 0px;
  display: inline-block;
  color: #fff;
}
.db-pro-bot-btn:hover {
  color: #fff;
  background: #f18b54;
}
.ud-cen-s2.ud-pro-edit table tr td:nth-child(2) {
  display: flex;
}
.ud-pro-edit .form-group {
  margin: 0px;
  display: grid;
  width: 100%;
}
.ud-pro-edit .form-group input {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}
.ud-pro-edit table tr:last-child {
  border-bottom: 0px;
}
.ud-rhs-pay {
  /* position: relative;
    */
  /* overflow: hidden;
    */
  background: #fff;
  float: left;
  /* text-align: center;
    */
  box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
  border-radius: 10px;
  margin-bottom: 20px;
  width: 100%;
  /* padding: 20px;
    */
  /* color: #fff;
    */
  padding-bottom: 20px;
}
.ud-rhs-pay-inn {
}
.ud-rhs-pay-inn h3 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  padding: 15px 20px;
  margin-bottom: 0px;
  border-radius: 10px 10px 0px 0px;
}
.ud-rhs-pay-inn ul {
  padding: 20px;
}
.ud-rhs-pay-inn ul li {
  font-size: 12px;
  padding: 8px 0px;
  border-bottom: 1px solid #e6ecee;
}
.ud-rhs-pay-inn ul li b {
  width: 105px;
  display: inline-block;
  font-weight: 600;
}
.ud-rhs-pay-inn .btn {
  color: #fff !important;
  font-size: 12px;
  padding: 7px 18px;
  border-radius: 2px;
  font-weight: 600;
  margin-top: 10px;
  cursor: pointer;
  float: left;
  /* margin-left: 20px;
    */
}
.ud-rhs-pay-inn .btn1 {
  margin-left: 20px;
}
.ud-rhs-pay-inn .btn2 {
  margin-left: 10px;
}
.ud-rhs-repo {
  display: none;
}
.ud-rhs-repo h3 {
}
.ud-rhs-repo ul {
}
.ud-rhs-repo ul li {
  float: left;
  width: 33.333%;
  text-align: center;
  height: 100px;
  position: relative;
}
.ud-rhs-repo ul li span {
  display: block;
}
.ud-rhs-repo ul li .view {
  font-size: 9px;
  color: #8b8787;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  left: 29%;
  top: 14px;
}
.ud-rhs-repo ul li .cout {
  font-size: 24px;
  font-weight: 600;
  line-height: 42px;
  padding-top: 20px;
}
.ud-rhs-repo ul li .name {
  font-size: 12px;
  font-weight: 500;
  color: #8b8787;
}
.ud-rhs-repo ul li:nth-child(1) {
  border-right: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(2) {
  border-right: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(3) {
  /* border-right: 1px solid #e6ecee;
    */
  border-bottom: 1px solid #e6ecee;
}
.ud-rhs-repo ul li:nth-child(4) {
  border-right: 1px solid #e6ecee;
  border-bottom: 0px;
}
.ud-rhs-repo ul li:nth-child(5) {
  border-right: 1px solid #e6ecee;
  border-bottom: 0px;
}
.ud-rhs-repo ul li:nth-child(6) {
}
.ud-rhs-repo ul li:nth-child(7) {
}
.ud-rhs-repo ul li:nth-child(7) {
  border-right: 1px solid #e6ecee;
}
.ud-rhs-status {
  padding-bottom: 0px;
}
.ud-rhs-status ul li {
  padding: 12px 0px 4px 0px;
}
.ud-rhs-status ul li span {
  float: left;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  font-size: 12px;
  font-weight: 500;
}
.ud-rhs-status ul li .custom-control {
  padding: 0px;
  display: inline-block;
  right: -50px;
  top: -4px;
}
.ud-rhs-status ul li .custom-control input {
}
.ud-rhs-status ul li .custom-control label {
}
.db-list-com {
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.db-list-rat {
  background: #f7ed94;
  padding: 4px 8px;
  font-weight: 600;
  color: #000;
  right: 15px;
  top: 0px;
  font-size: 10px;
  border-radius: 2px;
  text-align: center;
}
.db-list-ststus {
  background: #579edc;
  padding: 4px 8px;
  font-weight: 600;
  color: #ffffff;
  font-size: 10px;
  border-radius: 2px;
  border: 0px solid #d3d3d3;
}
.db-list-ststus-na {
  background: #fd8478;
  padding: 4px 8px;
  font-weight: 600;
  color: #fff;
  right: 15px;
  top: 0px;
  font-size: 12px;
  border-radius: 2px;
}
.db-list-edit {
  padding: 3px;
  font-weight: 600;
  color: #595b64;
  font-size: 10px;
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  cursor: pointer;
}
.db-list-edit:hover {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2093ef;
}
.db-list-edit .material-icons {
  font-size: 14px;
  vertical-align: middle;
}
.db-list-edit:hover .material-icons {
}
.db-invo-dwn {
  padding: 6px 10px 6px 35px;
  font-weight: 600;
  color: #39708b;
  font-size: 11px;
  border-radius: 2px;
  border: 1px solid #becdd5;
  cursor: pointer;
}
.db-invo-dwn:before {
  content: "file_download";
  margin: -3px 0 0 -23px;
  color: #39708b;
}
.udb-sugg {
  padding: 0px 0px 80px 0px;
  background: #ffeee5;
  background: linear-gradient(to top, #fff, #ffeee5 70%);
}
.udb-sugg .container {
  border-top: 1px solid #ebebeb;
  padding-top: 60px;
}
.udb-sugg .home-tit {
  padding-top: 0px;
}
.udb-sugg .hot-page2-hom-pre-head h4 {
  color: #ffffff;
}
.udb-sugg .hot-page2-hom-pre-head {
  background: #303f4a;
}
.udb-sugg .hot-page2-hom-pre-head:after {
  border-top-color: #31404b;
}
.udb-sugg .hot-page2-hom-pre ul li a {
  position: absolute;
  cursor: pointer;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 5;
}
.udb-sugg .hot-page2-hom-pre-2 span {
  font-size: 12px;
}
.udb-sugg .hot-page2-hom-pre-2 span b {
  color: #8cb8bb;
  font-weight: 600;
}
.ud-notes {
  background: #e5f7ff;
  border: 1px solid #d0e9f4;
  padding: 25px;
  margin-top: 50px;
  float: left;
  width: 100%;
  border-radius: 10px;
}
.ud-notes p {
  font-size: 12px;
  line-height: 24px;
  margin: 0px;
  color: #668796;
}
.ud-notes p b {
}
.ad-table-inn {
}
.ad-table-inn img {
  width: 100px;
  transition: all 0.5s ease;
}
.ad-table-inn img:hover {
  transform: scale(3);
  box-shadow: 0px 1px 12px 0px rgba(150, 150, 150, 0.8);
}
.ad-table-inn .db-list-rat:hover {
  color: #fff;
}
.ud-payment {
  background: #fff;
  box-shadow: 0px 2px 22px 3px rgba(157, 152, 152, 0.21);
  padding: 30px;
  float: left;
  width: 100%;
}
.pay-lhs {
  float: left;
  width: 30%;
}
.pay-lhs img {
  width: 100%;
  float: left;
  border-radius: 5px;
}
.pay-rhs {
  float: left;
  width: 70%;
  padding-left: 35px;
}
.pay-rhs ul {
}
.pay-rhs ul li {
  font-size: 13px;
  margin-bottom: 10px;
  float: left;
  width: 50%;
  font-weight: 400;
}
.pay-rhs ul li:nth-child(1) {
  width: 100%;
}
.pay-rhs ul li:nth-child(2) {
  width: 100%;
  font-size: 24px;
  font-weight: 600;
}
.pay-rhs ul li b {
}
.pay-rhs ul li .ud-stat-pay-btn {
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 40px;
}
.ud-pro-link .pay-rhs ul li:nth-child(3) {
  width: 30%;
}
.ud-pro-link .pay-rhs ul li:nth-child(4) {
  width: 70%;
}
.ud-pay-op {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.ud-pay-op h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.ud-pay-op ul {
}
.ud-pay-op ul li {
}
.pay-full {
  background: #fffbf1;
  border: 1px solid #f3ead1;
  padding: 25px;
  margin-bottom: 15px;
}
.pay-full .rbbox {
}
.pay-full .rbbox label {
  font-weight: 600;
  margin-bottom: 0px;
}
.pay-note {
  margin-top: 0px;
  /* display: none;
    */
  opacity: 0;
  transition: all 0.5s ease;
  height: 0px;
}
.pay-note span {
  font-size: 14px;
  display: block;
  margin-bottom: 8px;
  color: #7e5d3a;
  font-weight: 500;
}
.pay-note span i {
  font-size: 12px;
}
.pay-note button {
  border: 0px;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 2px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  margin-top: 15px;
}
.pay-note form {
}
.pay-note form h4 {
  margin-top: 40px;
}
.pay-note form ul li {
}
.pay-note form ul li input {
  background-color: #fff;
  border: 1px solid #d9d0b8;
  font-size: 14px;
  font-weight: 500;
}
.pay-full .rbbox input[type="radio"]:checked ~ .pay-note {
  /* display:block;
    */
  opacity: 1;
  transition: all 0.5s ease;
  height: auto;
  margin-top: 20px;
}
.posr .form-group {
  position: relative;
}
.ud-rhs-poin {
  margin-bottom: 20px;
  border-radius: 10px;
  float: left;
  width: 100%;
  background-size: cover;
  background-position: center top;
  border: 1px solid #e8eff6;
}
.ud-rhs-poin1 {
  background-size: 100%;
  padding: 40px 40px 0px 40px;
  text-align: center;
  border-radius: 10px;
}
.ud-rhs-poin1 h4 {
  margin: 0px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.ud-rhs-poin1 span {
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
}
.ud-rhs-poin2 {
  padding: 20px;
  text-align: center;
}
.ud-rhs-poin2 h3 {
  font-size: 13px;
}
.ud-rhs-poin2 p {
  font-size: 11px;
  font-family: "Quicksand";
}
.ud-rhs-poin2 a {
}
.ud-rhs-poin2 a.cta {
  color: #fff;
  font-size: 11px;
  padding: 8px 25px;
  border-radius: 20px;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
}
.how-to-coll {
  /* text-align: left;
    */
  border: 1px solid #ebebeb;
  border-radius: 3px;
}
.how-to-coll ul {
}
.how-to-coll li {
  text-align: left;
  border-bottom: 1px solid #ebebeb;
  padding: 20px;
}
.how-to-coll li:last-child {
  border-bottom: 0px;
}
.how-to-coll li h4.colact {
}
.how-to-coll li h4 {
  text-align: left;
  font-size: 15px;
  margin-bottom: 0px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  position: relative;
  /* padding-right: 50px;
    */
}
.how-to-coll li h5 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
}
.how-to-coll li h4:after {
  content: "expand_more";
  color: #212529;
  right: 30px;
  font-size: 25px;
  line-height: 17px;
  transition: all 0.5s ease;
}
.how-to-coll li h4.colact:after {
  transform: rotate(180deg);
  transition: all 0.5s ease;
}
.how-to-coll li div {
  display: none;
  padding-top: 15px;
  padding-right: 90px;
}
.how-to-coll li div p {
  text-align: left;
  font-size: 13px;
  line-height: 22px;
  margin: 0px;
}
.how-to-coll li div ol {
  padding: 15px 0px 0px 0px;
}
.how-to-coll li div ol li {
  border: 0px;
  padding: 0px;
  font-size: 13px;
  font-size: 13px;
  line-height: 22px;
  margin: 0px;
  color: #81878d;
  list-style-type: disc;
  margin-left: 18px;
}
.use-act-err {
  position: fixed;
  left: 0px;
  background: #fffaba;
  right: 0px;
  width: 100%;
  z-index: 12;
  bottom: 0px;
  padding: 5px 10px;
  border-top: 1px solid #ece9b5;
}
.use-act-err p {
  margin: 0px;
  font-size: 11px;
  color: #000;
  text-align: center;
  border: 0px;
  background: none;
  padding: 4px;
  font-weight: 500;
}
.ud-sett {
}
.ud-sett table tr {
}
.ud-sett table tr td {
  font-size: 12px;
  font-weight: 500;
}
.ud-sett table tr td select {
  font-size: 12px;
  font-weight: 500;
  border: 0px;
  background: #ffffff;
  cursor: pointer;
}
.ud-sett table tr td .form-group {
  margin-bottom: 0px;
}
.ud-sett table tr td .form-group .custom-control-label {
  font-size: 10px;
  padding-top: 3px;
  line-height: 18px;
}
.sub-btn {
  border: 0px;
  font-weight: 500;
  padding: 10px 40px;
  font-size: 13px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ud-sett table tr:last-child {
  border-bottom: 0px;
}
.ud-sett table tr:last-child td {
  padding-bottom: 0px;
}
.all-noti {
}
.com-noti {
  padding: 10px 40px;
  border-radius: 0 0 20px 20px;
  display: table;
  margin: 0 auto;
  box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
  position: fixed;
  top: -100px;
  z-index: 22;
  left: 0px;
  width: 100%;
  text-align: center;
}
.com-noti.cnoti-show {
  top: 0px;
  transition: all 0.5s ease;
}
.com-noti p {
  color: #fff;
  font-size: 13.5px;
  margin: 0px;
}
.com-noti p span {
}
.com-noti .yes {
  border: 1px solid;
  padding: 0px 10px;
  border-radius: 50px;
  cursor: pointer;
  margin-left: 20px;
  background: none;
  color: #fff;
}
.com-noti .no {
  border: 1px solid;
  padding: 0px 10px;
  border-radius: 50px;
  cursor: pointer;
  margin-left: 20px;
  background: none;
  color: #fff;
  margin-left: 10px;
}
.c-not-sure {
}
.ud-payment.ud-pro-link {
  background: #ffffff;
  box-shadow: none;
  padding: 25px;
  border: 1px solid #e8eff6;
  border-radius: 10px;
  box-shadow: 0px 2px 8px -4px rgb(224 224 224 / 80%);
}
.ud-payment.ud-pro-link.bus-pg {
  background: #fff;
  border: 1px solid #e4f0fc;
}
.bus-pg .lis-pro-badg:before {
  background: #cac426b8;
}
.ud-payment.ud-pro-link .lis-pro-badg {
  padding-top: 25px;
}
.ud-pro-link .pay-rhs {
  padding-top: 20px;
}
.ud-pro-link .pay-rhs ul li input {
  border: 1px solid #e4e4e4;
  background: #fffdfd;
  padding: 5px 10px;
  border-radius: 5px;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #767879;
}
.ud-pro-link .pay-rhs ul li.pro {
  width: 100%;
  margin: 12px 0 15px 0;
}
.ud-pro-link .pay-rhs ul li.pre {
  margin-bottom: 0px;
  width: 100%;
}
.ud-pro-link .pay-rhs ul li.pre a {
  border: 0px;
  font-weight: 600;
  padding: 5px 10px;
  font-size: 9px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.ud-pro-link .pay-rhs ul li:nth-child(2) {
  font-size: 14px;
  color: #30373c;
}
.ud-pro-link .pay-rhs ul li:nth-child(2) span {
  margin-right: 25px;
}
.us-pro-main {
  /* background-size: 250px;
    */
  margin-top: 52px;
  margin-bottom: 180px;
}
.us-pro-main .container {
  position: relative;
  z-index: 9;
}
.us-pro-main:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 402px;
  background: #142a52e6;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
}
.us-pro-main:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 400px;
  background-size: 100px;
  left: 0px;
  top: 0px;
}
.us-pro {
  float: left;
  width: 100%;
  position: relative;
  border-radius: 5px;
}
.us-pro-sec-1 {
  /* float: left;
    */
  /* width: 60%;
    */
  margin: 0 auto;
  display: table;
  box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
  background: #ccd1d6;
}
.us-pro-sec-1-lhs {
  float: left;
  width: 30%;
  text-align: center;
  padding: 30.5px 0px 21px 0px;
  /* border-radius: 0px 0px 10px 0px;
    */
  background: #fff;
}
.us-pro-sec-1-lhs .pro {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  /* border: 5px solid #ffffff;
    */
  box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.27);
  margin: 0 auto;
  display: table;
}
.us-pro-sec-1-rhs .pro-bg {
  /* position: absolute;
    */
  /* left: 0px;
    */
  /* top: 0px;
    */
  width: 100%;
  height: 350px;
  object-fit: cover;
  z-index: 0;
  /* border-radius: 0px 0px 5px 0px;
    */
}
.us-pro-sec-1-lhs h1 {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 600;
}
.us-pro-sec-1-lhs p {
}
.us-pro-sec-1-rhs {
  float: left;
  width: 70%;
  /* padding-left: 50px;
    */
  overflow: hidden;
}
.us-pro-sec-1-rhs h1 {
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  margin: 0px;
  padding-right: 15px;
}
.us-pro-sec-1-lhs button {
  background: #0a77ff;
  border: 0px;
  font-weight: 600;
  font-size: 16px;
  padding: 4px 21px;
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  text-align: center;
  top: -7px;
  position: relative;
  text-transform: lowercase;
}
.us-pro-main .pro-listing-box div:nth-child(1) p {
  font-weight: 500;
  color: #949494;
  text-overflow: ellipsis;
  height: auto;
  white-space: nowrap;
  font-size: 13px;
}
.us-pro-main .log p {
  border: 1px solid #f1e5e0;
  background: #fdf9f7;
}
.us-pro-sec-1-lhs ul.lis-cou {
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #dee5ea;
  display: table;
  margin: 0 auto;
  margin-bottom: 10px;
  /* display: none;
    */
}
.us-pro-sec-1-lhs ul.lis-cou li {
  float: left;
  font-size: 12px;
  padding-right: 8px;
  font-weight: 600;
}
.us-pro-sec-1-lhs ul.lis-cou li b {
}
.us-pro-sec-1-lhs p {
  float: left;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
}
.us-pro-sec-1-rhs p b {
}
.us-pro-sec-1-lhs ul.pro-soci {
  /* float: left;
    */
  /* width: 100%;
    */
  margin: 0 auto;
  display: table;
  /* padding-top: 20px;
    */
}
.us-pro-sec-1-lhs ul.pro-soci li {
  float: left;
  margin-right: 8px;
}
.us-pro-sec-1-rhs ul.pro-soci li a {
}
.us-pro-sec-1-lhs ul.pro-soci li a img {
  width: 28px;
}
.us-pro-sec-2 {
  margin-top: 50px;
}
.us-pro-nav {
  border-bottom: 1px solid #dee5ea;
}
.us-pro-nav ul {
  margin: 0 auto;
  display: table;
}
.us-pro-nav ul li {
  float: left;
  /* padding: 0px 10px;
    */
}
.us-pro-nav ul li span {
  font-size: 16px;
  font-weight: 600;
  padding: 16px 10px;
  cursor: pointer;
  display: inline-block;
}
.us-pro-nav ul li span.act {
  border-bottom: 2px solid #0a77ff;
  color: #0a77ff;
}
.us-propg-main {
  /* padding-top: 50px;
    */
}
.us-propg-main h2 {
  font-size: 20px;
  padding: 0px 15px;
  font-weight: 600;
}
.us-ppg-listings {
}
.us-ppg-listings label.rat {
  display: none;
}
.pro-rel-posts .us-ppg-blog {
  padding-top: 10px;
  padding-bottom: 130px;
}
.us-ppg-event {
}
.us-ppg-follow {
}
.us-pro-sec-3 {
}
.us-pro-sec-4 {
}
.us-ppg-com ul {
}
.us-ppg-com ul li {
  float: left;
  width: 33.3333%;
}
.pro-rel-events .us-ppg-com {
  padding-top: 15px;
}
.pro-listing-box {
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
  margin: 15px;
}
.pro-listing-box:hover div:nth-child(2) span {
  background: #2da2ff;
  transition: all 0.5s ease;
}
.pro-listing-box div:nth-child(1) {
  position: relative;
}
.pro-listing-box div:nth-child(1) img {
  width: 100%;
  transition: all 0.5s ease;
  height: 185px;
  object-fit: cover;
  border-radius: 2px;
  /* float: left;
    */
}
.pro-listing-box div:nth-child(1) h2 {
  font-size: 17px;
  font-weight: 600;
  padding: 25px 25px 0px 25px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.pro-listing-box div:nth-child(1) p {
  padding: 0px 25px;
  font-size: 14px;
  height: 40px;
  overflow: hidden;
}
.pro-listing-box div:nth-child(1) label.rat {
  /* position: absolute;
    */
  padding-left: 25px;
}
.pro-listing-box div:nth-child(1) label.rat i {
  font-size: 20px;
  width: 14px;
}
.pro-listing-box div:nth-child(2) {
}
.pro-listing-box div:nth-child(2) span {
  display: block;
  width: 100%;
  background: #0b253a;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  padding: 8px 5px;
  cursor: pointer;
}
.us-ppg-com {
  float: left;
  width: 100%;
  padding-top: 40px;
}
.us-ppg-com .fclk {
}
.pro-eve-box {
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
  margin: 15px;
  /* width: 100%;
    */
}
.pro-eve-box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #14171e4a 23%, #000000bf 96%);
  z-index: 2;
  border-radius: 5px;
  transition: all 0.5s ease;
}
.us-ppg-blog .pro-eve-box:before {
  display: none;
}
.us-ppg-blog .pro-eve-box h2 {
  color: #0c1c2c;
  font-size: 14px;
  margin-bottom: 0px;
}
.us-ppg-blog .pro-eve-box p {
  margin-bottom: 0px;
  color: #6a6a6a;
}
.pro-eve-box:hover {
  box-shadow: 0px 7px 24px -11px rgb(9 16 24 / 38%);
}
.pro-eve-box div img {
  width: 100%;
  transition: all 0.5s ease;
  height: 200px;
  object-fit: cover;
  border-radius: 2px;
}
.pro-eve-box div:nth-child(2) {
  z-index: 2;
  position: absolute;
  margin-top: -135px;
  color: #fff;
  width: 100%;
  padding-left: 15px;
  padding-right: 10px;
}
.us-ppg-blog div:nth-child(2) {
  margin-top: 0px;
  position: relative;
  background: #fff;
  padding: 15px;
}
.pro-eve-box span,
.blog-bred-post-date span {
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  padding-left: 20px;
  position: relative;
  line-height: 18px;
  background: #029fed;
  padding: 4px 8px 4px 32px;
  border-radius: 4px;
}
.pro-eve-box span b {
}
.pro-eve-box span.ic-time,
.blog-bred-post-date span.ic-time {
  background: #8798a0;
}
.pro-eve-box span.ic-view {
  float: right;
}
.pro-eve-box span.ic-time:before,
.pro-eve-box span.ic-view:before,
.blog-bred-post-date span:before {
  left: 7px;
  font-weight: 500;
  color: #fff;
  top: 3px;
}
.pro-eve-box h2 {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  font-size: 20px;
}
.pro-eve-box p {
  font-size: 13px;
  padding: 0px 15px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  color: #dddcdc;
}
.pro-sm-box {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  width: 100%;
  transition: all 0.5s ease;
}
.pro-sm-box:hover {
  background: #f4f9ff;
  transition: all 0.5s ease;
}
.us-ppg-follow ul li {
  padding: 10px;
  width: 25%;
}
.pro-sm-box:hover p {
  color: #333;
  transition: all 0.5s ease;
}
.pro-sm-box img {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  object-fit: cover;
  float: left;
  margin-right: 10px;
}
.pro-sm-box h5 {
  font-size: 12px;
  /* float: left;
    */
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  font-weight: 500;
  color: #333;
  margin-bottom: 3px;
  padding-top: 4px;
}
.pro-sm-box p {
  font-size: 11px;
  line-height: 15px;
  white-space: pre;
  overflow: hidden;
  font-weight: 400;
  color: #919ca1;
  margin-bottom: 0px;
  transition: all 0.5s ease;
}
.pro-sm-box p b {
  font-weight: 500;
  color: #333;
}
.pro-sm-box a {
  position: absolute;
  cursor: pointer;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 5;
}
.us-ppg-follow .ud-rhs-sec-2 {
  border: 0px;
  margin-bottom: 0px;
}
.pro-bot-shar {
  float: left;
  width: 100%;
  border-top: 1px solid #e9eef3;
  padding-top: 25px;
  margin-top: 5px;
}
.pro-bot-shar h4 {
  font-size: 20px;
  padding: 0px 15px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 10px;
}
.pro-bot-shar ul {
  margin: 0 auto;
  display: table;
}
.pro-bot-shar ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}
.sh-pro-face {
  background: #3b5998;
}
.sh-pro-shar {
  color: #fff;
  border-radius: 3px;
}
.sh-pro-shar a {
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  padding: 8px 14px 8px 14px;
  display: inline-block;
  letter-spacing: 0.5px;
}
.sh-pro-shar a img {
  margin-right: 8px;
  width: 20px;
  display: none;
}
.sh-pro-twi {
  background: #55acee;
}
.sh-pro-link {
  background: #0e76a8;
}
.sh-pro-what {
  background: #55cd6c;
}
.blog-head {
  margin-top: var(--topspac);
  padding: 65px 0px 0px 0px;
  position: relative;
  float: left;
  width: 100%;
  background-color: #5200dd;
  background: -webkit-linear-gradient(to right, #00e0a2, #0074db);
  background: linear-gradient(to right, #00e0a2, #0074db);
}
.blog-head:before,
.ind10-home:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;

  background-repeat: repeat;
  opacity: 0.3;
  background-size: 400px;
  animation: blogbgani 300s linear 0s infinite both;
}
@keyframes blogbgani {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 0px 5000px;
  }
}
.eve-head {
  background: #9333d6;
  background: -webkit-linear-gradient(to right, #e09b00, #8e2de2);
  background: linear-gradient(to right, #e09b00, #8e2de2);
}
.eve-head:before {
  opacity: 0.2;
}
.eve-head-search .blog-sli {
  display: none;
}
.event-body.eve-head-search {
  padding-top: 50px;
}
.blog-head.eve-head-search .ban-search {
  padding-bottom: 50px;
}
.eve-head-search .blog-sli {
}
.blog-head-inn {
  text-align: center;
  /* color: #212529;
    */
  position: relative;
}
.blog-head-inn h1 {
  font-size: 46px;
  padding-bottom: 5px;
  color: #ffffff;
  font-weight: 700;
}
.blog-head-inn p {
  font-size: 26px;
  font-weight: 400;
  margin: 6px 0px 20px 0px;
  color: #fff;
}
.blog-body .us-ppg-com ul li {
  width: 33.333%;
}
.blog-body .pro-eve-box p {
  padding: 0px;
}
.blog-body .pro-eve-box {
  border: 8px solid #fff;
  border-radius: 5px;
  border-bottom: 0px;
}
.blog-body .pro-eve-box div img {
  height: 175px;
  border-radius: 5px;
}
.blog-body .us-ppg-blog .pro-eve-box h2 {
  font-size: 18px;
  font-weight: 600;
  padding: 8px 0px 15px 0px;
}
.blog-body .us-ppg-blog .pro-eve-box p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 6px;
  background: #607d8b;
  color: #fff;
  padding: 5px 8px;
  font-weight: 500;
  border-radius: 4px;
  display: inline-block;
}
.blog-head .ban-search {
  position: relative;
  width: 58%;
  background: none;
  padding: 0px;
  box-shadow: none;
}
.blog-head .ban-search .sr-sea {
  width: 100%;
}
.blog-head .ban-search .sr-btn {
  width: 28%;
}
.blog-sli {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: -130px;
  z-index: 1;
  position: relative;
  box-shadow: 0px 2px 24px -4px rgb(9 16 24 / 15%);
  margin-top: 50px;
}
.blog-sli ul {
  position: relative;
}
.blog-sli .slick-arrow {
  top: 177px;
  transition: all 0.2s ease;
  box-shadow: 0px 1px 11px 0px #33333340;
  outline: none;
}
.blog-sli .slick-arrow:hover {
  transform: scale(1.2);
}
.blog-sli ul li {
  float: left;
  width: 100%;
}
.blog-sli-box {
  float: left;
  width: 100%;
  background: #fff;
  box-shadow: 0px 8px 20px -6px rgb(0 0 0 / 5%);
  border-radius: 5px;
  position: relative;
}
.blog-sli .lhs {
  float: left;
  width: 50%;
  position: relative;
}
.blog-sli .lhs img {
  width: 100%;
  height: 333px;
  object-fit: cover;
  border-radius: 5px;
}
.blog-sli .lhs span.eve-date-sli,
.eve-deta-pg .dat {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  line-height: 36px;
  padding: 12px;
  border-radius: 5px;
  background: #cb356b;
  background: -webkit-linear-gradient(to right, #bd3f32, #cb356b);
  background: linear-gradient(to right, #bd3f32, #cb356b);
}
.blog-sli .lhs span.eve-date-sli b,
.eve-deta-pg .dat b {
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 0.5px;
  line-height: 30px;
}
.blog-sli .rhs {
  float: left;
  width: 50%;
  padding: 30px 30px 30px 50px;
  color: #10101e;
}
.blog-sli .rhs span.hig {
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  padding: 3px 10px;
  border-radius: 2px;
}
.blog-sli .rhs h4 {
  font-size: 34px;
  font-weight: 600;
  color: #10101e;
  padding-top: 15px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-sli .rhs p {
  color: #10101e;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
.blog-sli .rhs .sli-desc {
  max-height: 97px;
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-sli .rhs .auth {
  padding-top: 15px;
}
.blog-sli .rhs .auth img {
}
.blog-sli .rhs .auth b {
}
.blog-sli .rhs .auth h6 {
  font-size: 14px;
  line-height: 2px;
}
.event-body,
.blog-body {
  float: left;
  width: 100%;
  padding-bottom: 100px;
  padding-top: 150px;
  background: #eef5ff;
}
.event-body .us-ppg-com ul li {
}
.event-body .us-ppg-com ul li .eve-box {
  margin: 10px;
  padding: 8px;
  border-radius: 5px;
  border: 0px;
  box-shadow: 0px 2px 8px rgb(0 0 0 / 6%);
}
.event-body .eve-box div:nth-child(3) .auth {
  padding-left: 0px;
}
.event-body .eve-box div:nth-child(1) a img {
  height: 175px;
  border-radius: 5px;
}
.event-body .us-ppg-com ul li .eve-box .addr {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.event-body .us-ppg-com ul li .eve-box div:nth-child(2) {
  padding: 15px 25px 12px 25px;
}
.eve-deta-pg {
  margin-top: var(--topspac);
  float: left;
  width: 100%;
  background-color: #5200dd;
  background: -webkit-linear-gradient(to right, #00e0a2, #0074db);
  background: linear-gradient(to right, #00e0a2, #0074db);
  position: relative;
}
.eve-deta-pg1 {
  background: #9333d6;
  background: -webkit-linear-gradient(to right, #e09b00, #8e2de2);
  background: linear-gradient(to right, #e09b00, #8e2de2);
}
.eve-deta-pg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;

  background-repeat: repeat;
  opacity: 0.3;
  background-size: 400px;
  animation: blogbgani 300s linear 0s infinite both;
}
.eve-deta-pg .eve-deta-pg-main {
  position: relative;
  float: left;
  width: 100%;
  padding: 12px;
  background: #fff;
  margin: 50px 0px -200px 0px;
  border-radius: 15px 15px 0px 0px;
}
.eve-deta-pg .lhs {
  float: left;
  width: 100%;
  position: relative;
}
.eve-deta-pg-main .rhs + .lhs {
  width: 65%;
}
.eve-deta-pg .lhs .img {
  position: relative;
  overflow: hidden;
}
.eve-deta-pg .lhs .img:before {
}
.eve-deta-pg .lhs .img img {
  width: 100%;
  float: left;
  object-fit: cover;
  height: 422px;
  transition: all 0.5s ease;
  border-radius: 10px 0px 0 10px;
}
.eve-deta-pg .head {
  position: relative;
}
.eve-deta-pg .head .dat {
}
.eve-deta-body .eve-deta-body-main .lhs h1 {
  font-size: 30px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  color: #333;
  float: left;
  width: 100%;
  padding: 8px 0 12px;
}
.eve-deta-pg .head .addr {
  display: block;
}
.eve-deta-pg .head .pho {
}
.eve-deta-pg .rhs {
  float: right;
  width: 35%;
}
.eve-deta-pg .rhs .pglist-p-com {
  margin-bottom: 0px;
  border-radius: 0px;
  background: #fff;
}
.eve-deta-pg .rhs .quote-pop {
  padding: 15px 25px 15px 25px;
}
.eve-deta-pg .rhs .quote-pop h3 {
  background: #df9a02;
  margin-bottom: 0px;
}
.eve-deta-pg .rhs .quote-pop form {
  background: #fff;
}
.eve-deta-body {
  float: left;
  width: 100%;
  background: #fff;
  padding: 40px 0 150px 0;
}
.eve-deta-body .eve-deta-body-main {
  margin-top: 165px;
  float: left;
  width: 100%;
  padding: 0px 15px;
}
.eve-deta-body .eve-deta-body-main .lhs {
  float: left;
  width: 65%;
  padding-right: 50px;
  border-right: 1px solid #e7e7e7;
  font-size: 14px;
  line-height: 24px;
}
.eve-deta-body .eve-deta-body-main .lhs p {
  font-size: 14px;
  line-height: 24px;
}
.blog-bred-post-date {
  float: left;
  width: 100%;
  padding-bottom: 25px;
}
.blog-bred-post-date span {
}
.blog-bred-post-date span:before {
}
.list-pg-inn-abo h1,
.list-pg-inn-abo h2,
.list-pg-inn-abo h3,
.list-pg-inn-abo h4,
.list-pg-inn-abo h5,
.list-pg-inn-abo h6 {
  font-weight: 600;
}
.list-pg-inn-abo h6 {
  font-size: 12px;
}
.list-pg-inn-abo h5 {
  font-size: 14px;
}
.list-pg-inn-abo h4 {
  font-size: 16px;
}
.list-pg-inn-abo h3 {
  font-size: 18px;
}
.list-pg-inn-abo h2 {
  font-size: 20px;
}
.list-pg-inn-abo h1 {
  font-size: 22px;
}
.list-pg-inn-abo p img,
.list-pg-inn-abo img {
  width: 32px !important;
  height: auto !important;
  border-radius: 2px;
  padding: 4px;
}
.pro-pbox-4 h1,
.pro-pbox-4 h2,
.pro-pbox-4 h3,
.pro-pbox-4 h4,
.pro-pbox-4 h5,
.pro-pbox-4 h6 {
  font-weight: 600;
}
.pro-pbox-4 h6 {
  font-size: 12px;
}
.pro-pbox-4 h5 {
  font-size: 14px;
}
.pro-pbox-4 h4 {
  font-size: 16px;
}
.pro-pbox-4 h3 {
  font-size: 18px;
}
.pro-pbox-4 h2 {
  font-size: 20px;
}
.pro-pbox-4 h1 {
  font-size: 22px;
}
.pro-pbox-4 p img,
.pro-pbox-4 img {
  width: 100% !important;
  height: auto !important;
  border-radius: 2px;
}
.eve-deta-body .eve-deta-body-main .lhs h1,
.eve-deta-body .eve-deta-body-main .lhs h2,
.eve-deta-body .eve-deta-body-main .lhs h3,
.eve-deta-body .eve-deta-body-main .lhs h4,
.eve-deta-body .eve-deta-body-main .lhs h5,
.eve-deta-body .eve-deta-body-main .lhs h6 {
  font-weight: 600;
}
.eve-deta-body .eve-deta-body-main .lhs h6 {
  font-size: 14px;
}
.eve-deta-body .eve-deta-body-main .lhs h5 {
  font-size: 16px;
}
.eve-deta-body .eve-deta-body-main .lhs h4 {
  font-size: 18px;
}
.eve-deta-body .eve-deta-body-main .lhs h3 {
  font-size: 20px;
}
.eve-deta-body .eve-deta-body-main .lhs h2 {
  font-size: 22px;
}
.eve-deta-body .eve-deta-body-main .lhs p img,
.eve-deta-body .eve-deta-body-main .lhs img {
  width: 100% !important;
  height: auto !important;
  border-radius: 2px;
}
.eve-deta-body .eve-deta-body-main .rhs {
  float: left;
  width: 35%;
  padding-left: 50px;
  padding-top: 25px;
}
.eve-deta-body .pro-bot-shar {
  margin-bottom: 0px;
}
.eve-deta-body .rhs h4 {
  font-size: 18px;
  font-weight: 600;
}
.eve-deta-body .rhs .sec-1 {
  margin-bottom: 40px;
}
.eve-deta-body .rhs .sec-1 ul {
}
.eve-deta-body .rhs .sec-1 ul li {
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 15px;
}
.eve-deta-body .rhs .sec-1 ul li:before {
  content: "radio_button_checked";
  position: absolute;
  /* width: 6px;
    */
  /* height: 6px;
    */
  /* background: #d0d1c3;
    */
  border-radius: 50%;
  margin: 1px 0px 0px -20px;
  font-weight: 900;
  font-size: 12px;
  color: #47b83f;
}
.eve-deta-body .rhs .sec-1 ul li b {
}
.eve-deta-body .rhs .sec-2 {
  margin-bottom: 40px;
}
.eve-deta-body .rhs .sec-2 iframe {
  border: 0px;
  width: 100%;
  height: 150px;
  border: 5px solid #fff;
  box-shadow: 0px 3px 14px -8px rgba(42, 42, 42, 0.8);
}
.eve-deta-body .rhs .sec-3 {
  border-top: 1px solid #e7e7e7;
  padding-top: 25px;
}
.eve-deta-body .rhs .sec-3 .ud-lhs-s1 {
  padding-bottom: 0px;
}
.pro-rel-events,
.pro-rel-posts {
  float: left;
  width: 100%;
  border-top: 1px solid #e9eef3;
  padding-top: 45px;
  margin-top: 50px;
}
.pro-rel-events .event-body {
  background: none;
  padding-top: 0px;
}
.pro-rel-events h4,
.pro-rel-posts h4 {
  font-size: 20px;
  padding: 0px 15px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 0px;
  position: relative;
  /* color: #ff853c;
    */
}
.pro-rel-events h4:after {
}
.eve-deta-body .auth h4 {
  text-align: left;
  font-size: 12px;
  padding-left: 0px;
}
.eve-deta-body .rhs .sec-4 {
  float: left;
  width: 100%;
}
.eve-deta-body .rhs .sec-4 h4 {
  font-size: 16px;
}
.eve-deta-body .rhs .sec-4 ul {
  height: 320px;
  overflow: hidden;
}
.eve-deta-body .rhs .sec-4 ul:hover {
  overflow-y: auto;
}
.eve-deta-body .rhs .sec-4 ul li {
  padding-bottom: 8px;
}
.eve-deta-body .rhs .sec-4 input {
  border: 0px;
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
  margin: 15px 0px 20px 0px;
  font-size: 14px;
}
.eve-deta-body .rhs .sec-4 ul li a {
  font-size: 13px;
  color: #333;
  font-weight: 400;
  padding-left: 25px;
}
.eve-deta-body .rhs .sec-4 ul li a:before {
  content: "keyboard_arrow_right";
  margin: 4px 0 0 -25px;
  position: relative;
  top: 3px;
  left: -6px;
}
.eve-deta-body .rhs .sec-4 ul li a:hover {
  color: #0989e7;
  font-weight: 600;
}
.eve-deta-body.blog-deta-body .rhs .sec-3 {
  border-top: 0px solid #e7e7e7;
  padding-top: 0px;
  /* border-bottom: 1px solid #e7e7e7;
    */
  margin-bottom: 30px;
  padding-bottom: 0px;
  float: left;
  width: 100%;
}
.eve-deta-body.blog-deta-body .rhs .sec-3 .ud-lhs-s1 {
  padding-bottom: 25px;
}
.pro-rel-posts {
}
.pro-rel-posts .pro-eve-box p {
  padding: 0px;
}
.db-noti {
}
.db-noti ul {
}
.db-noti ul li {
  color: #969595;
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0;
  transition: all 0.5s ease;
}
.db-noti ul li:hover {
  transition: all 0.5s ease;
  /* background: #fafafa;
    */
  padding-left: 8px;
  /* box-shadow: 0px 0px 21px 2px rgba(157, 152, 152, 0.27);
    */
}
.db-noti ul li div {
  font-size: 11px;
  color: #4c5661;
  font-weight: 500;
}
.db-noti ul li div a {
  font-weight: 600;
  color: #128fcc;
  padding-right: 4px;
}
.db-noti ul li div a:hover {
  text-decoration: underline;
}
.db-noti ul li span {
  font-size: 10.5px;
}
.db-noti ul li p {
  font-size: 13px;
  margin-bottom: 0px;
  color: #646464;
}
.noti-clr-noti {
  font-size: 11px;
  color: #ea4f14;
  font-weight: 500;
  line-height: 22px;
  background: #ffe1de;
  padding: 2px 8px;
  margin: 10px 5px 5px 0px;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
}
.noti-clr-noti .material-icons {
  float: left;
  font-size: 16px;
  padding: 2px 3px 0px 0px;
}
.add-list-ser {
}
.add-list-ser ul li {
  border: 1px solid #bdc8d0;
  margin-bottom: 25px;
  padding: 20px 25px 15px 25px;
  border-radius: 10px;
  background: #f7f8f9;
}
/* .ui-datepicker {
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 500;
    color: #aaaaaa;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
    font-weight: 600;
} */
/* RTL support */
/* .ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker .ui-datepicker-prev {}
.ui-datepicker .ui-datepicker-next {}
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
    font-size: 21px;
    margin-top: 7px;
}
.ui-datepicker .ui-datepicker-prev:after {
    content: 'keyboard_arrow_left'
}
.ui-datepicker .ui-datepicker-next:after {
    content: 'keyboard_arrow_right'
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: none;
    padding: 0px;
} */
/* Component containers ----------------------------------*/
.ui-widget {
  /* font-family: Arial, Helvetica, sans-serif;
    */
  font-size: 13px;
  font-weight: 500;
  color: #5f6165;
  line-height: 18px;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  /* font-family: Arial, Helvetica, sans-serif;
    */
  font-size: 1em;
  border: 0px;
  height: 25px;
  padding: 0px 10px;
  border-radius: 3px;
  margin: 0px 5px !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px !important;
  font-weight: 600;
}
.ui-widget.ui-widget-content {
  /* border: 0px solid #c5c5c5;
    */
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
  padding: 10px 10px 5px 10px;
  /* width: 275px;
   */
  overflow: hidden;

  /* min-height: 150px;
   */
  /* max-height: 300px;
   */
}
/* Interaction states ----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0px solid #b4b4b4;
  background: #f1f4f5;
  font-weight: 500;
  color: #6e7d93;
  padding: 4px 2px 3px 2px;
  border-radius: 2px;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  font-weight: normal;
  border: 0px solid #dad55e;
  background: #13af11;
  color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  font-weight: normal;
  border: 0px solid #dad55e;
  background: #0445fa;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Icons ----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-state-disabled span {
  color: #aaaaaa !important;
}
.ad-pri-cal {
  margin-top: 10px;
  display: none;
}
.ad-pri-cal ul {
}
.ad-pri-cal ul li {
  float: left;
  width: 25%;
}
.ad-pri-cal ul li div {
  background: #fffce3;
  border: 1px solid #efebc8;
  padding: 20px;
  display: block;
  text-align: center;
  margin: 0px 10px;
}
.ad-pri-cal ul li:last-child div {
  border: 1px solid #16be7a;
  color: #fff;
}
.ad-pri-cal ul li span {
  font-size: 14px;
}
.ad-pri-cal ul li h5 {
  margin: 5px 0px 0px 0px;
  font-weight: 600;
  font-size: 22px;
}
.db-fol-grid {
}
.db-fol-grid ul {
}
.db-fol-grid ul li {
  float: left;
  width: 20%;
}
.pro-fol-gr {
  transition: all 0.5s ease;
  border: 1px solid #f9fcff;
  background: #fff;
  margin: 10px;
  /* height: 352px;
    */
  padding: 15px 15px;
  float: left;
  box-shadow: 0px 1px 11px -2px #9494945e;
  position: relative;
  width: 94%;
}
.pro-fol-gr img {
  width: 100%;
  height: 150px;
  border-radius: 0%;
  object-fit: cover;
  float: left;
}
.pro-fol-gr h4 {
  font-size: 12px;
  font-weight: 400;
  /* margin: 15px 0px;
    */
  color: #a7a7a7;
  text-align: left;
  /* padding-left: 85px;
    */
  padding-top: 20px;
  float: left;
  display: inline-block;
  width: 100%;
}
.comity-all-user .pro-fol-gr h4 {
  height: 55px;
}
.comity-all-user .pro-fol-gr img {
  border-radius: 5px;
}
.comity-all-user .pro-fol-gr .count-li {
  display: none;
}
.pro-fol-gr h4 b {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-ful-img {
  position: relative;
  float: left;
  width: 100%;
}
.pro-fol-gr ol {
  float: left;
  width: 100%;
  padding: 0px;
  position: absolute;
  background: #fff;
  left: 0px;
  top: 0px;
  padding: 10px 10px;
  transition: all 0.2s ease;
  background: linear-gradient(to bottom, #fff, #fcf6f3 70%);
  opacity: 0;
  transform: translateY(-10px);
}
.pro-fol-gr:hover ol {
  opacity: 1;
  transition: all 0.2s ease;
  transform: translateY(0px);
  text-align: center;
  background: #e5f5fb;
  box-shadow: 0px 18px 4px -13px #3333338f;
}
.pro-fol-gr ol li {
  color: #919191;
  display: block;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pro-fol-gr ol li b {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.pro-fol-gr span {
  width: 33.333%;
  float: left;
  font-size: 11px;
  color: #8d98a3;
  font-weight: 500;
  text-align: center;
}
.pro-fol-gr:hover {
  box-shadow: 0px 16px 11px -7px rgba(55, 63, 67, 0.45);
  transition: all 0.5s ease;
  /* transform: scale(1.01);
    */
}
.pro-fol-gr span.userfollow {
  background: #c7e3ff;
  color: #0865d4;
  font-size: 12px;
  font-weight: 600;
  float: left;
  padding: 3px 10px;
  border-radius: 2px;
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.enq-sav {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}
.enq-sav i {
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
  /* font-size: 16px;
    */
  padding: 1px 1px;
  text-align: center;
  /* line-height: 14px;
    */
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  transition: all 0.5s ease;
  border: 1px solid #f1f0ed;
  color: #4173ea;
  display: inline-block;
}
.enq-sav i img {
  width: 14px;
  height: 14px;
  filter: contrast(0.2);
  opacity: 0.5;
  transition: all 0.5s ease;
  vertical-align: initial;
}
.enq-sav i.sav-act {
  /* box-shadow: 0 0 0 rgb(246, 184, 0);
    */
  animation: pulse 1.5s 1;
  border-radius: 50%;
  /* border: 1px solid #bfd2ff;
    */
  /* background: #bfd2ff;
    */
  border: 1px solid #fdf5dd;
  /* border: 1px solid #f6b800;
    */
  /* color: #f6b800;
    */
  background: #fdf5dd;
}
.tooltip-inner {
  background-color: #00cc00;
}
.enq-sav i.sav-act img {
  opacity: 1;
  filter: contrast(1);
}
.enq-sav i:hover img {
  opacity: 1;
  filter: contrast(1);
}
.ldelik.sav-act {
  color: #ffffff;
  transition: all 0.5s ease;
}
.ldelik.sav-act b {
  color: #ffffff;
}
.ldelik.sav-act:before {
  color: #ffffff;
}
.list-pg-write-rev {
}
.list-pg-write-rev .col {
  padding: 0px;
}
.list-pg-write-rev .row .col {
  padding: 0px 15px;
}
span#Review_Disable,
div#pop_enq_success,
#pop_enq_same {
  display: block;
  text-align: center;
  padding: 20px 10px;
  border-radius: 2px;
  margin-bottom: 20px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}
span#Review_Disable {
  border: 1px solid #d2e0ef;
  background: #ecf5ff;
  color: #486b91;
}
div#pop_enq_success {
  border: 1px solid #8bf6bf;
  background: #d5ffea;
}
div#pop_enq_success p {
  color: #106e43;
  margin: 0px;
}
#pop_enq_same {
  border: 1px solid #ffd5d5;
  background: #ffd5d5;
  font-size: 12px;
}
#pop_enq_same p {
  color: #ac6c6c;
  margin: 0px;
  font-size: 12px;
}
/*-------------------------------------------------*/
/* TEMPLATE STYLES 
/*-------------------------------------------------*/
.template-comm {
  margin-top: 52px;
  padding-bottom: 100px;
  padding-top: 40px;
  color: #5e6673;
}
.template-def .container {
  max-width: 750px;
}
.templ-def {
}
.template-def .templ-def-rhs {
  display: none;
}
.template-comm img {
  width: 100%;
  margin: 0px 0px 20px 0px;
  border-radius: 5px;
}
.template-comm h1,
.template-comm h2,
.template-comm h3,
.template-comm h4,
.template-comm h5,
.template-comm h6 {
  margin: 5px 0px 20px 0px;
}
.template-comm h2 {
}
.template-comm h3 {
}
.template-comm h4 {
}
.template-comm h5 {
}
.template-comm h6 {
}
.template-comm p {
  font-size: 15px;
  line-height: 26px;
  color: #78808d;
}
.template-comm a {
}
.template-rhs {
}
.template-rhs .templ-def-cent {
  float: left;
  width: 70%;
}
.template-rhs .templ-def-rhs {
  float: left;
  width: 30%;
  padding-left: 50px;
}
.templ-def-rhs .box {
  padding-top: 25px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.templ-def-rhs .box h2 {
  font-size: 18px;
  font-weight: 600;
}
.templ-def-rhs .box ul {
}
.templ-def-rhs .box ul li {
}
.templ-def-rhs .box ul li .eve-box-list {
  margin-bottom: 5px;
}
.templ-def-rhs .box ul li .eve-box-list img {
  width: 65px;
  margin: 0px;
  border-radius: 0px;
  padding-right: 10px;
}
.templ-def-rhs .box ul li .eve-box-list h4 {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 14px;
  padding-top: 10px;
}
.templ-def-rhs .box ul li .eve-box-list p {
  font-size: 12px;
}
.templ-rhs-list {
}
.templ-rhs-list ul li {
  margin-bottom: 10px;
}
.templ-rhs-list div {
  border: 1px solid #efefef;
  border-radius: 5px;
  position: relative;
  padding-bottom: 10px;
}
.templ-rhs-list div img {
  border-radius: 5px 5px 0px 0px;
  height: 130px;
  object-fit: cover;
}
.templ-rhs-list div h3 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  padding: 0px 15px;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.templ-rhs-list div p {
  font-size: 13px;
  padding: 0px 15px;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  /* text-transform: lowercase;
    */
}
.templ-rhs-list div a {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.templ-rhs-list .pri {
  padding: 0px 15px;
  background: none;
  font-size: 14px;
}
.templ-rhs-list .pri b {
  color: #000;
  padding-right: 10px;
}
.template-rhs .hot-page2-hom-pre-1 {
  width: 15%;
}
.template-rhs .hot-page2-hom-pre-1 img {
  height: 40px;
  border-radius: 50px;
  object-fit: cover;
  margin: 0px;
}
.template-rhs .hot-page2-hom-pre-2 {
  padding-right: 0px;
}
.template-rhs .hot-page2-hom-pre-head h4 {
  margin: 0px;
}
.template-rhs .hot-page2-hom-pre-2 h5 {
  margin-bottom: 0px;
}
.template-rhs .hot-page2-hom-pre-2 p {
}
.template-rhs .hot-page2-hom-pre ul li {
  /* padding: 0px;
    */
}
.templ-def-rhs .hot-page2-hom-pre {
  padding-top: 5px;
}
.templ-def-rhs .hot-page2-hom-pre ul li:hover {
  box-shadow: none;
}
.templ-rhs-form {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 30px;
  margin-bottom: 5px;
  width: 100%;
  box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
  border-radius: 0px 0px 10px 10px;
}
.templ-rhs-form form {
}
.templ-rhs-form .form-group {
}
.templ-rhs-form .form-group input,
.templ-rhs-form .form-group select,
.templ-rhs-form .form-group textarea {
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 13px;
  line-height: 20px;
  color: #7a7b7f;
  border-radius: 5px;
}
.templ-rhs-form .form-group input {
  padding: 0px 0px 0px 40px;
}
.templ-rhs-form .form-group select {
}
.templ-rhs-form .form-group textarea {
}
.templ-rhs-form .btn-primary {
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 0px;
  transition: all ease 0.5s;
  display: block;
  width: 100%;
}
.templ-rhs-form .form-group:before {
  margin: 7px 0px 0px 15px;
  color: #2196f3;
  left: -2px;
}
/*-------------------------------------------------*/
/* ALL LISTING GRID VIEW 
/*-------------------------------------------------*/
.f2 {
  margin: -45px 0px 10px 0px;
  float: left;
  display: inline-block;
  width: 100%;
  padding: 0px 15px;
  position: absolute;
}
.vfilter {
  display: inline-block;
  float: right;
  background: #fff;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 2px 0px 9px 0px #33333321;
  display: none;
}
.vfilter i {
  vertical-align: sub;
  cursor: pointer;
  color: #93999b;
  font-size: 20px;
  padding: 0px 5px;
}
.vfilter i.act {
  color: #02acd2;
}
.vfilter i.ic1 {
  display: none;
}
.all-list-sh.cview1 .eve-box div:nth-child(1) {
  width: 100%;
}
.all-list-sh.cview1 ul li {
  float: left;
  width: 50%;
}
.all-list-sh.cview1 .eve-box div .auth {
  width: 50%;
}
.all-list-sh.cview1 .eve-box div .links {
  width: 50%;
}
.all-list-sh.cview1 .links a,
.all-list-sh.cview1 .links span {
  display: none;
}
.all-list-sh.cview1 .links a:first-child {
  display: block;
}
.all-list-sh.cview1 .addr {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.all-list-sh.cview3 .eve-box div:nth-child(1) {
  width: 100%;
}
.all-list-sh.cview3 ul li {
  float: left;
  width: 50%;
}
.all-list-sh.cview3 .eve-box div .auth {
  width: 50%;
}
.all-list-sh.cview3 .eve-box div .links {
  width: 50%;
}
.all-list-sh.cview3 .links a,
.all-list-sh.cview3 .links span {
  display: none;
}
.all-list-sh.cview3 .links a:first-child {
  display: block;
}
.all-list-sh.cview3 .addr {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.all-list-sh.cview3 .eve-box div:nth-child(3),
.all-list-sh.cview3 .addr,
.all-list-sh.cview3 .pho,
.all-list-sh.cview3 .mail {
  display: none;
}
.all-list-sh.cview3 .eve-box div:nth-child(2) {
  padding: 25px 25px 5px 25px;
}
.all-list-sh.cview3 .eve-box div:nth-child(1) img {
  height: 235px;
}
/*========== ALL SERVICES PAGE - SLIDER ===========*/
.cate-sli .carousel-inner a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cate-sli .carousel-control-prev-icon,
.cate-sli .carousel-control-next-icon {
  background-image: none;
  background: #fff;
  padding: 25px;
  border-radius: 50px;
  position: relative;
}
.cate-sli .carousel-control-prev-icon:before,
.cate-sli .carousel-control-next-icon:before {
  content: "";
  font-size: 42px;
  line-height: 0;
  text-align: center;
  left: 4px;
  color: #333;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.cate-sli .carousel-control-next-icon:before {
  margin: -10px 0px 0px 10px;
}
.cate-sli .carousel-control-prev-icon:before {
  transform: rotate(180deg);
  margin: -12px 0px 0px 8px;
}
/*========== PRODUCT - SLIDER ===========*/
.bpro-sli .carousel-inner a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bpro-sli .carousel-control-prev-icon,
.bpro-sli .carousel-control-next-icon {
  background-image: none;
  background: #fff;
  padding: 25px;
  border-radius: 50px;
  position: relative;
}
.bpro-sli .carousel-control-prev-icon:before,
.bpro-sli .carousel-control-next-icon:before {
  content: "";
  font-size: 42px;
  line-height: 0;
  text-align: center;
  left: 14px;
  top: 15px;
  color: #333;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.bpro-sli .cate-sli .carousel-control-next-icon:before {
  margin: -10px 0px 0px 10px;
}
.bpro-sli .cate-sli .carousel-control-prev-icon:before {
  transform: rotate(180deg);
  margin: -12px 0px 0px 8px;
}
.bpro-sli .carousel-control-prev-icon:before {
  transform: rotate(180deg);
  left: 11px;
}
/*========== LISTING DETAIL - SLIDER ===========*/
.list-pg-inn-sp .carousel-inner a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.list-pg-inn-sp .carousel-control-prev-icon,
.list-pg-inn-sp .carousel-control-next-icon {
  background-image: none;
  background: #fff;
  padding: 25px;
  border-radius: 50px;
  position: relative;
}
.list-pg-inn-sp .carousel-control-prev-icon:before,
.list-pg-inn-sp .carousel-control-next-icon:before {
  content: "";
  font-size: 42px;
  line-height: 0;
  text-align: center;
  left: 13px;
  top: 13px;
  color: #333;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-next-icon:before {
  margin: -10px 0px 0px 10px;
}
.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-prev-icon:before {
  transform: rotate(180deg);
  margin: -12px 0px 0px 8px;
}
.list-pg-inn-sp .carousel-control-prev-icon:before {
  transform: rotate(180deg);
}
.ani-quo {
  position: fixed;
  bottom: -10px;
  right: -400px;
  z-index: 10;
  transition: all 2s ease;
  cursor: pointer;
}
.ani-quo.ani-quo-act {
  right: 0px;
  transition: all 2s ease;
}
.ani-q1 {
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #fff3e2;
  transition: all 0.5s ease;
  box-shadow: 0 7px 23px -13px rgb(37, 39, 42);
  margin-right: 30px;
  position: relative;
  margin-bottom: 10px;
}
.ani-q1:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -1px;
  bottom: -20px;
  border: 12px solid;
  border-color: #ffffff #fec9a3 transparent transparent;
}
.ani-q1 h4 {
  font-size: 15px;
  color: #000;
  font-weight: 600;
}
.ani-q1 p {
  margin: 0px;
  font-size: 11px;
  font-weight: 400;
  padding-bottom: 8px;
}
.ani-q1 span {
  color: #fff;
  padding: 5px 12px;
  border-radius: 3px;
  border: 0px solid #333;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 11px;
}
.ani-q2 {
}
.ani-q2 img {
  width: 114px;
  float: right;
}
.ani-req-clo {
  color: #333;
  font-size: 25px;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.all-list-filt-form {
  float: left;
  width: 100%;
  background: #f5f7fb;
  padding-top: 30px;
  position: sticky;
  top: 50px;
}
.all-list-filt-form .tit {
  margin-bottom: 0px;
}
.all-list-filt-form .tit h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0px;
}
.all-list-filt-form .tit h3 span {
  display: block;
  font-weight: 600;
}
.all-list-filt-form form {
  padding: 20px 30px 30px 30px;
}
.all-list-filt-form .hom-col-req {
  background: #f5f7fb;
  margin: 0px;
  box-shadow: none;
}
.all-list-filt-form input,
.all-list-filt-form select,
.all-list-filt-form textarea {
  background: #fff;
  font-size: 12px;
}
.all-list-filt-form .form-group {
  margin-bottom: 10px;
}
#home_slide_enq_success {
  background: #fff;
  /* position: fixed;
    */
  /* right: 20px;
    */
  /* top: 60px;
    */
  /* z-index: 1;
    */
  /* border-radius: 3px;
    */
  padding: 10px 20px;
}
#home_slide_enq_success p {
  color: #27b347;
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
}
#home_slide_enq_success ~ .all-list-filt-form {
  position: inherit;
}
.soc-log .g-signin2 .abcRioButtonLightBlue {
  width: 100% !important;
  margin-bottom: 10px;
  color: #666;
  background: #fff;
  border: 1px solid #dadada;
  box-shadow: none;
}
.soc-log .abcRioButtonIcon {
  left: 32%;
  position: absolute;
}
.how-wrks {
  float: left;
  width: 100%;
  position: relative;
  /* display: none;
    */
}
.how-wrks-2 {
  padding-bottom: 180px;
}
.how-wrks .home-tit {
  margin-bottom: 40px;
}
.how-wrks .home-tit h2 {
}
.how-wrks .home-tit h2 span {
}
.how-wrks .home-tit p {
}
.how-wrks-inn {
}
.how-wrks-inn ul {
}
.how-wrks-inn ul li {
  float: left;
  width: 25%;
}
.how-wrks-inn ul li div {
  text-align: center;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  padding: 30px;
  margin: 0px 10px;
  position: relative;
  transition: all 0.5s ease;
}
.how-wrks-inn ul li div:hover {
  background: #fff;
  transform: translateY(-8px);
  box-shadow: 0 19px 46px -39px rgb(37, 39, 42);
}
.how-wrks-inn ul li div span {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  padding: 3px 0px;
  display: table;
  margin: 0 auto;
  margin-top: -44px;
}
.how-wrks-inn ul li div img {
  width: 72px;
  margin-top: 25px;
}
.how-wrks-inn ul li div h4 {
  font-weight: 600;
  font-size: 18px;
  padding: 20px 0px 2px 0px;
}
.how-wrks-inn ul li div p {
  margin: 0px;
  font-size: 13px;
  color: #636363;
}
.mob-app {
  float: left;
  width: 100%;
  padding-top: 100px;
  position: relative;
  z-index: 5;
}
.mob-app .lhs {
  float: left;
  width: 50%;
}
.mob-app .lhs img {
  width: 80%;
}
.mob-app .rhs {
  float: left;
  width: 50%;
}
.mob-app .rhs h2 {
  font-size: 32px;
  padding-bottom: 20px;
}
.mob-app .rhs h2 span {
}
.mob-app .rhs ul {
  padding-bottom: 20px;
}
.mob-app .rhs ul li {
  font-size: 15px;
  padding-bottom: 10px;
  padding-left: 30px;
}
.mob-app .rhs ul li:before {
  content: "chevron_right";
  margin: -2px 0px 0px -27px;
}
.mob-app .rhs ul ~ span {
  font-size: 14px;
  float: left;
  padding-bottom: 25px;
}
.mob-app .rhs form {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 20px;
  margin: 25px 0px 0px 0px;
  box-shadow: 0px 1px 20px -13px rgba(42, 42, 42, 0.86);
  width: 80%;
}
.mob-app .rhs form ul {
  padding: 0px;
  margin: 0px;
}
.mob-app .rhs form ul li {
  list-style-type: none;
  display: inline-block;
  float: left;
  padding: 0px;
}
.mob-app .rhs form ul li:before {
  display: none;
}
.mob-app .rhs form ul li input {
  width: 100%;
  background: #fff;
  border: 1px solid #f1f3f5;
  padding: 9px;
  font-size: 15px;
  font-weight: 500;
}
.mob-app .rhs form ul li input[type="submit"] {
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* background: linear-gradient(to bottom, #01a0d8, #0485b3);
    */
}
.mob-app .rhs form ul li:nth-child(1) {
  width: 65%;
}
.mob-app .rhs form ul li:nth-child(2) {
  width: 35%;
}
.mob-app .rhs a img {
  width: 150px;
  float: left;
  margin: 0px 5px 5px 0px;
}
/*---======================---*/
.soc-log {
  float: left;
  width: 100%;
  padding: 30px 30px 0px 30px;
}
.soc-log ul {
  max-width: 210px;
  margin: 0 auto;
}
.soc-log ul li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.soc-log ul li a {
  float: left;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  vertical-align: middle;
  padding: 7px 5px;
}
.soc-log ul li a img {
  width: 22px;
  padding-right: 5px;
}
.soc-log ul li a.login-goog {
  margin-bottom: 10px;
  color: #4f7083;
  background: #fff;
  border: 1px solid #ccc;
}
.soc-log ul li a.login-fb {
  color: #666;
  background: #fff;
  border: 1px solid #dadada;
}
/*--========================================--*/
.filt-alist-near {
}
.filt-alist-near .tit {
  background: #20344c;
  color: #fff;
  padding: 18px;
  margin-bottom: 0px;
  border-radius: 5px 0 0 0;
}
.filt-alist-near .tit h4 {
  font-size: 15px;
  margin: 0px;
  text-align: left;
  font-weight: 600;
}
.near-ser-list {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 0px 17px;
  min-height: auto;
  max-height: 300px;
  overflow: hidden;
}
.near-ser-list:hover {
  overflow-y: auto;
}
.near-ser-list ul {
}
.near-ser-list ul li {
  position: relative;
  overflow: hidden;
  padding: 10px 0px;
  border-bottom: 1px solid #e4e4e4;
  width: 100%;
}
.near-ser-list ul li .near-bx {
  position: relative;
  float: left;
  width: 100%;
}
.near-ser-list ul li .near-bx a {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.near-ser-list ul li .near-bx .ne-1 {
  width: 35px;
  float: left;
}
.near-ser-list ul li .near-bx .ne-1 img {
  width: 32px;
  height: 32px;
  border-radius: 28px;
  border: 1px solid #fff;
}
.near-ser-list ul li .near-bx .ne-2 {
  width: calc(100% - 60px);
  padding: 0px 15px;
  float: left;
}
.near-ser-list ul li .near-bx .ne-2 h5 {
  color: #20344c;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  margin-bottom: 4px;
  font-weight: 600;
}
.near-ser-list ul li .near-bx .ne-2 p {
  color: #7b868f;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  display: block;
  margin: 0px;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: unset;
}
.all-pro-pg .near-ser-list ul li .near-bx .ne-2 {
  width: 90%;
}
.near-ser-list ul li .near-bx .ne-3 {
  float: left;
  width: 25px;
}
.near-ser-list ul li .near-bx .ne-3 span {
  width: 24px;
  height: 24px;
  padding: 2px 3px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  font-weight: 400;
  font-size: 12px;
}
/*---======================---*/
.all-list-bre {
  margin-top: 148px;
  padding: 40px 0px 35px 0px;
  position: relative;
  /* background-size: cover;
    */
}
.all-pro-bre {
  background-size: cover;
  background-position: center center;
  margin-top: var(--topspac);
  padding-bottom: 80px;
}
.all-list-bre:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #0d598d05;
}
.map-error-box {
  margin: 0 auto;
  background: #ffddd2;
  border: 1px solid #ffc1bc;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 2px;
  color: #bb4c4c;
  position: absolute;
  box-shadow: 0px 2px 10px -2px #686868;
  font-weight: 500;
  width: 100%;
  text-align: center;
  z-index: 13;
}
.all-pro-bre:before {
  background: linear-gradient(to right, #866a05d6, #00000038);
}
.all-list-bre .sec-all-list-bre {
  opacity: 1 !important;
}
.all-pro-bre .sec-all-list-bre {
  padding-bottom: 40px;
}
.all-pro-bre .sec-all-list-bre h2 {
  display: none;
}
.all-list-bre h1,
.all-list-bre h2 {
  font-weight: 600;
  margin: 0px;
  font-size: 32px;
  line-height: 34px;
  width: 100%;
  color: #fff;
  padding-bottom: 10px;
  position: relative;
  text-transform: capitalize;
}
.all-list-bre ul,
.eve-bred-crum ul {
  float: left;
  position: relative;
}
.all-list-bre ul li,
.eve-bred-crum ul li {
  float: left;
  margin-right: 25px;
}
.eve-deta-body-main .eve-bred-crum ul {
  padding-left: 0px;
}
.eve-deta-body-main .eve-bred-crum ul li {
  padding-left: 0px;
}
.eve-bred-crum ul li:before {
  display: none;
}
.all-list-bre ul li:after,
.eve-bred-crum ul li:after {
  content: "keyboard_arrow_right";
  color: #fff;
  font-size: 16px;
  padding: 2px;
}
.eve-bred-crum {
  float: left;
  width: 100%;
  padding-top: 15px;
}
.eve-bred-crum ul li:after {
  color: #333;
}
.all-list-bre ul li:last-child:after,
.eve-bred-crum ul li:last-child:after {
  display: none;
}
.all-list-bre ul li a {
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
}
.eve-bred-crum ul li a {
  color: #333;
  font-size: 12px;
  text-transform: capitalize;
}
/*---======================================================---*/
.biz-pro {
  margin-top: -100px;
  position: relative;
}
.biz-pro .row {
  box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
  background: #fff;
  z-index: 9;
  padding-top: 17px;
  border-radius: 5px;
}
.biz-pro-bre:before {
}
.biz-pro .lhs {
  position: relative;
  padding-bottom: 65px;
}
.bpro-sli {
  position: sticky;
  top: 84px;
  margin-bottom: 20px;
  border: 1px solid #f0f0f0;
  padding: 25px 0px;
}
.bpro-sli .carousel-item:before {
  background: none;
}
.bpro-sli .carousel-item img {
  width: 100%;
  /* height: 125px;
    */
  object-fit: contain;
}
.biz-pro-btn {
  position: sticky;
  top: 455px;
}
.biz-pro-btn .btn {
  color: #fff;
  padding: 12px 20px;
  border-radius: 1px;
  width: 50%;
  display: block;
  text-align: center;
  float: left;
  font-weight: 500;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.biz-pro-btn .btn1 {
  color: #fff !important;
  cursor: pointer;
}
.biz-pro-btn .btn2 {
}
.biz-pro .rhs {
}
.pro-pri-box {
}
.pro-pbox-1 {
  margin-top: 0px;
  background: none;
  padding: 0px;
  float: left;
  width: 100%;
}
.pro-pbox-1:before {
  background: none;
}
.pro-pbox-1 ul {
}
.pro-pbox-1 ul li {
}
.pro-pbox-1 ul li:after {
  color: #333;
}
.pro-pbox-1 ul li a {
  color: #333;
}
.pro-pbox-2 {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}
.pro-pbox-2 h1 {
  font-size: 26px;
  font-weight: 600;
  padding: 12px 0 8px 0;
  margin-bottom: 0px;
}
.pro-pbox-2 .rat {
  padding: 4px;
  font-weight: 600;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  display: none;
}
.pro-pbox-2 .veri {
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pro-pbox-2 .veri:before {
}
.pro-pbox-2 .pro-cost {
  float: left;
  width: 100%;
  padding-top: 0px;
  font-size: 34px;
  font-weight: 600;
}
.pro-pbox-2 .pro-off {
  font-size: 18px;
  font-weight: 500;
}
.pro-pbox-com {
  margin-top: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  padding: 24px;
  color: #212121;
  float: left;
  width: 100%;
}
.pro-pbox-com h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}
.pro-pbox-com .ud-lhs-s1 h4 {
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
}
.pro-pbox-com .ud-lhs-s1 {
  padding-bottom: 0px;
}
.pro-pbox-com p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 12px;
  color: #333;
}
.pro-pbox-com p:last-child {
  padding-bottom: 0px;
}
.pro-pbox-3 {
}
.pro-pbox-3 h4 {
}
.pro-pbox-3 ul li {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 12px;
  color: #333;
  padding-left: 30px;
}
.pro-pbox-3 ul li:before {
  content: "arrow_drop_up";
  cursor: pointer;
  color: #3567d6;
  border-radius: 50%;
  background: #d2e0ff;
  font-size: 20px;
  padding: 0px 0px;
  text-align: center;
  width: 21px;
  height: 21px;
  box-sizing: border-box;
  transition: all 0.5s ease;
  transform: rotate(90deg);
  line-height: 20px;
  margin: 0px 0px 0px -28px;
}
.pro-pbox-5 {
}
.pro-pbox-5 ul li {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 12px;
  color: #0b253a;
}
.pro-pbox-5 ul li .pro-spe-li {
  width: 35%;
  display: inline-block;
  color: #909090;
  vertical-align: top;
}
.pro-pbox-5 ul li .pro-spe-po {
  width: 60%;
  display: inline-block;
}
.pro-pbox-7 a {
  background: #ebf7fd;
  color: #345361;
  font-weight: 500;
  font-size: 13px;
  margin: 0px 10px 10px 0px;
  padding: 3px 10px;
  border-radius: 3px;
}
.pro-bad-sml {
  position: relative;
}
.pro-bad-sml img {
  position: absolute;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50px;
}
.pro-bad-sml h4 {
  padding: 8px 0 0 50px;
  font-size: 13px;
  margin-bottom: 0px;
  line-height: 12px;
}
.pro-bad-sml b {
  padding-left: 50px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #333;
}
/*--================================================--*/
.list-det-fix {
  position: fixed;
  top: -100px;
  left: 0px;
  right: 0px;
  background: #fff;
  z-index: 99;
  padding: 0px 0px;
  box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.14);
  transition: all 0.5s ease;
  display: none;
}
.list-det-fix.list-det-fix-act {
  top: 0px;
  transition: all 0.5s ease;
}
.list-det-fix-inn {
  float: left;
  width: 100%;
}
.list-fix-pro {
  float: left;
  width: 5%;
}
.list-fix-pro img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: 4px;
  object-fit: cover;
}
.list-fix-tit {
  float: left;
  width: 72%;
  padding: 4px 0px 0px 12px;
}
.list-fix-tit h3 {
  margin: 0px;
  font-weight: 600;
  font-size: 19px;
  padding-bottom: 3px;
}
.list-fix-tit p {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  color: #3f4040;
}
.list-fix-tit p b {
  color: #333;
}
.list-fix-btn {
  float: left;
  width: 22%;
}
.list-fix-btn span {
  color: #ffffff;
  transition: all 0.5s ease;
  box-shadow: 0 0 0 rgb(244, 67, 54);
  padding: 7px 25px;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
  margin-top: 6px;
  animation: none;
  /* text-transform: uppercase;
    */
  float: right;
}
/*-------------------------------------------------*/
/* = CONTACT US & ABOUT US & FEEDBACK 
/*-------------------------------------------------*/
.con-us-map {
  margin-top: var(--topspac);
}
.con-us-map iframe {
  width: 100%;
  height: 250px;
  border: 0;
}
.con-us-loc {
  padding-top: 40px;
  padding-bottom: 100px;
}
.con-us-loc .tit h2 {
  font-weight: 600;
  font-size: 24px;
}
.con-us-loc .tit p {
  font-size: 14px;
}
.con-us-loc h4 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}
.con-us-loc h5 {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 10px;
}
.con-us-loc p {
  font-size: 13px;
}
.con-us-loc ul li {
  font-size: 13px;
  /* padding-left:30px;
    */
  padding-bottom: 10px;
  line-height: 22px;
}
.con-us-loc ul li:before {
  margin-left: -30px;
  display: none;
}
.con-us-loc ul li a {
  color: #000;
}
.fedback {
  margin-bottom: 160px;
}
.fedback img.fed {
  width: 100%;
  height: 280px;
  object-fit: cover;
  z-index: 0;
}
.fed-box {
  width: 60%;
  background: #fff;
  margin: 0 auto;
  display: table;
  margin-top: -100px;
  z-index: 2;
  position: relative;
  box-shadow: 0 0 38px -21px #333;
  border-radius: 5px;
}
.fed-box:before {
  content: "";
  position: absolute;
  background: #dcefff;
  width: 40%;
  height: 100%;
  right: 0;
}
.fed-box .lhs {
  float: left;
  width: 60%;
  padding: 50px;
  position: relative;
}
.fed-box .lhs h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 20px;
  color: #106ebd;
}
.fed-box .lhs form .form-group input {
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #ececec;
}
.fed-box .lhs form .form-group textarea {
  height: 90px;
  padding: 15px;
  border: 1px solid #ececec;
}
.fed-box .lhs form button {
  background: #04b1ff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.fed-box .rhs {
  float: left;
  width: 40%;
  padding: 50px;
  position: relative;
}
.fed-box .rhs h2 {
  font-size: 32px;
}
.fed-box .rhs p {
  font-size: 13px;
}
.fed-box .rhs ul li {
  float: left;
  padding: 0 10px 10px 0;
}
.fed-box .rhs ul li a img {
  width: 30px;
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #b7c8d6;
}
.fed-box .rhs h4 {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 6px;
}
.fed-box .rhs h4 ~ p {
  margin-bottom: 4px;
  font-size: 12px;
}
.commun-pg-main {
  background: #fff;
}
.abou-pg {
  text-align: left;
  padding: 50px;
  margin-top: var(--topspac);
  padding: 50px 0px 40px 0px;
  position: relative;
  background-color: #5200dd;
  background: -webkit-linear-gradient(to right, #700edb, #d51075);
  background: linear-gradient(to right, #700edb, #d51075);
}
.comunity-ban:before {
  /* background: linear-gradient(to top,#fff,#017cffe0 100%);
    */
}
.about-ban h1,
.about-ban input {
  position: relative;
  font-weight: 600;
}
.abou-pg1 {
  background: rgb(242, 248, 255);
}
.abou-pg1:before {
  display: none;
}
.comunity-ban {
  /* padding-bottom: 0px;
    */
}
.commun-pg-main input {
  border-radius: 30px;
  box-shadow: 0 5px 41px -14px rgb(60 63 66 / 32%);
  color: #40454a;
  max-width: 100%;
  width: 384px;
  border: 1px solid #e9e9ef;
  font-weight: 600;
  display: block;
  line-height: 40px;
  font-size: 15px;
  outline: none;
  height: 58px;
  background: #ffffff;
  box-sizing: border-box;
  padding: 0px 25px 0px 45px;
  margin: 0 auto;
  margin-top: 20px;
}
.about-ban p {
  position: relative;
  margin: 0;
  font-weight: 300;
  font-size: 18px;
}
.about-us {
  text-align: left;
  padding-top: 40px;
  width: 80%;
  margin: 0 auto;
}
.about-us h2 {
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 25px;
}
.about-us p {
  font-size: 14px;
}
.abou-pg .home-tit {
  padding-top: 50px;
}
.abou-pg .home-tit h2 span {
  font-size: 32px;
}
.abou-pg .home-tit p {
  font-size: 14px;
  padding-bottom: 15px;
}
.abou-pg .abo-memb {
}
.abou-pg .abo-memb ul li div {
  padding: 0px;
  padding-bottom: 20px;
}
.abou-pg .abo-memb ul li div img {
  width: 100%;
  margin: 0px;
}
.abou-pg .abo-memb ul li div h4 {
  font-size: 16px;
  font-weight: 600;
  padding-top: 20px;
}
.abou-pg .abo-memb ul li div p {
  padding: 0px 15px;
  font-size: 12px;
}
.abou-pg .about-ban {
  color: #fff;
  margin-bottom: -68px;
}
.abou-pg1 .about-ban {
  color: #333;
  margin-bottom: 0px;
}
/*-------------------------------------------------*/
/* = V2 HOME PAGE 
/*-------------------------------------------------*/
.h2-ban-ql {
  display: none;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding-top: 0px;
  margin-top: 50px;
}
.h2-ban-ql ul {
  margin: 0 auto;
  display: table;
}
.h2-ban-ql ul li {
  float: left;
  text-align: center;
}
.h2-ban-ql ul li div {
  border: 1px solid #485565;
  border-radius: 5px;
  position: relative;
  padding: 10px 5px;
  width: 115px;
  margin: 0px 5px 5px 5px;
  transition: all 0.5s ease;
  background: #20344c80;
}
.h2-ban-ql ul li div:hover {
  background: #20344c;
  /* border: 1px solid #122338;
    */
  box-shadow: 0px 6px 21px -6px #0b1017;
}
.h2-ban-ql ul li div img {
  width: 32px;
}
.h2-ban-ql ul li div h5 {
  color: #fff;
  font-size: 11px;
  padding: 7px 0px 0px 0px;
  margin: 0px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.h2-ban-ql ul li div h5 span {
  display: block;
  font-size: 28px;
  font-weight: 300;
}
.h2-ban-ql ul li div a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.hom-h2-pri {
  background: #fff;
  padding: 70px 0 0px 0px;
  float: left;
  width: 100%;
}
.hom-h2-pri .tit h2 {
}
.hom-h2-pri .tit p {
}
.hom-h2-pri .pri-box {
  background: #fafcfd;
  border-radius: 10px;
  box-shadow: 0px 1px 10px 4px #68769229;
}
/*--==================================================--*/
.all-products {
  margin-top: -50px;
  padding-bottom: 100px;
}
.all-products .col-md-3 {
  padding-top: 30px;
}
.all-product-total {
}
.all-product-total ul {
}
.all-product-total ul li {
  float: left;
  width: 33.3333%;
}
.all-pro-box {
  border: 1px solid #002f3433;
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  transition: all 0.5s ease;
}
.all-pro-box:hover {
  box-shadow: 0px 9px 27px -16px #33333387;
  transform: translateY(-3px);
}
.all-pro-img {
  padding: 15px 10px 10px 10px;
}
.all-pro-img img {
  width: 100%;
  height: 125px;
  object-fit: contain;
}
.all-product-total .all-pro-aut {
  display: none;
}
.all-product-total .all-pro-aut .auth {
  position: absolute;
  margin: -20px 0px 0px 12px;
}
.all-pro-txt {
  padding: 15px 15px 15px 15px;
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
}
.all-pro-txt h4 {
  font-weight: 500;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  float: left;
  width: 100%;
  color: #333;
  padding-bottom: 0px;
}
.all-pro-txt .pri {
  padding: 0px;
  background: none;
  line-height: 32px;
  color: #5c6369;
  font-size: 14px;
}
.all-pro-txt .pri b {
  font-size: 21px;
  font-weight: 600;
  color: #000;
}
.all-pro-txt .links {
  z-index: 9;
  right: 94px;
  position: absolute;
  bottom: 44px;
}
.all-pro-txt .links a {
  float: left;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 50px;
  cursor: pointer;
  background: #ffd500;
  color: #000;
  display: inline-block;
  z-index: 2;
  position: absolute;
  width: 86px;
  text-align: center;
}
.all-pro-box .pro-view-full {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  /* background: #333;
    */
  z-index: 1;
}
.pro-rel-pro-box {
  float: left;
  width: 100%;
}
.pro-rel-pro-box h4 {
  color: #000;
  text-align: center;
  margin-top: 50px;
}
.pro-rel-pro-box .pro-eve-box {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  box-shadow: 0px 2px 8px rgb(0 0 0 / 6%);
}
.pro-rel-pro-box .pro-eve-box img {
  object-fit: contain;
  padding: 15px;
  padding-bottom: 0px;
}
.pro-rel-pro-box .pro-eve-box span {
  background: #ff9800;
  padding: 4px 8px 4px 8px;
}
.pro-rel-pro-box .pro-eve-box h2 {
  color: #000;
  font-weight: 600;
  font-size: 15px;
  padding-top: 10px;
}
.pro-rel-pro-box .us-ppg-com {
  padding-top: 0px;
}
.btn-ser-need-ani {
  color: #fff;
  padding: 8px;
  border-radius: 33px;
  border: 4px solid #fff;
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 9;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 0 0 rgb(113 129 255);
  animation: pulse 1.5s infinite;
  background: #7181ff;
  transition: all 0.5s ease-in-out;
}
.btn-ser-need-ani img {
  width: 24px;
}
.btn-ser-need-ani:before {
}
.comity-all-user {
  padding: 60px 0px;
  float: left;
  width: 100%;
}
.comity-all-user ul {
}
.comity-all-user ul li {
  float: left;
  width: 16.5%;
}
.comity-all-user ul li .pro-fol-gr {
  /* border: 1px solid #f9fcff;
    */
  /* background: #fff;
    */
  /* margin: 10px;
    */
  /* height: 221px;
    */
  /* padding: 15px 15px;
    */
  /* float: left;
    */
}
.comity-all-user ul li .pro-fol-gr:hover {
  box-shadow: none;
  background: #ebf8ff;
  border: 1px solid #ebf8ff;
  /* transform: translateY(-6px);
    */
  box-shadow: 0px 5px 28px -5px rgba(55, 63, 67, 0.45);
}
.comity-all-user ul li .pro-fol-gr:hover ol {
  transform: translateY(-10px);
}
.pro-fol-gr .count-li {
  opacity: 1;
  position: relative;
  background: none;
  padding: 0px 0px 15px 0px;
  display: table;
  /* border-top: 1px solid #dee4ea;
    */
  transform: translateY(0px);
  margin: 15px 0px 15px 0px;
  border-bottom: 1px solid #eaeef3;
  float: left;
  width: 100%;
}
.pro-fol-gr .count-li span {
}
.pro-fol-gr .count-li span b {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.pro-fol-gr h4 {
  text-align: center;
  /* padding-left: 85px;
    */
}
.pro-fol-gr h4 b {
}
.pro-fol-gr ol li {
  width: 33.3333%;
  /* text-transform: capitalize;
    */
  letter-spacing: 1px;
}
.comity-all-user ul li .pro-fol-gr ol li b {
}
.comity-all-user ul li .pro-fol-gr span {
  cursor: pointer;
}
.pro-fol-gr .comm-viw-pro-btn {
  /* background: #008dff;
    */
  /* color: #fff;
    */
  /* font-weight: 600;
    */
  font-size: 10px;
  /* border-radius: 2px;
    */
  /* text-align: center;
    */
  /* cursor: pointer;
    */
  /* text-transform: uppercase;
    */
  /* display: inline-block;
    */
  /* letter-spacing: 0.5px;
    */
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.pro-fol-gr .pro-pg-msg {
  float: left;
  width: 100%;
}
.pro-fol-gr .pro-pg-msg span {
  float: left;
  color: #2196f3;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  width: auto;
  display: none;
}
.pro-fol-gr .pro-pg-msg span i {
  color: #2196f3;
  font-size: 14px;
  font-weight: 600;
  vertical-align: sub;
}
.pro-fol-gr .pro-pg-msg a,
.pro-fol-gr .pro-pg-msg .userfollow {
  background: #c7e3ff;
  color: #0865d4;
  font-size: 12px;
  font-weight: 600;
  float: left;
  padding: 3px 10px;
  border-radius: 2px;
  display: block;
  width: 100%;
  text-align: center;
}
/*---================ LISTING MAP VIEW =================---*/
.list-map {
  display: none;
}
.list-map {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 52px;
}
.list-map .list-map-resu {
  float: left;
  width: 78%;
  height: 200px;
  margin-left: 22%;
}
.list-map .list-map-resu iframe {
  height: 100%;
  width: 100%;
}
#list-map-resu-view {
}
.list-map-filt .map-fi-view {
  padding: 0 11px 0 0;
  margin-bottom: 15px;
}
.list-map-filt .map-fi-view .ic-map-3 {
}
.list-map .list-map-filt {
  position: absolute;
  bottom: 0px;
  top: 0px;
  background: #0b253a;
  z-index: 12;
  width: 22%;
  left: 0px;
  right: 0px;
  padding: 50px 15px 15px 15px;
  box-shadow: 0px -5px 25px -8px rgba(42, 42, 42, 0.24);
  transition: all 0.5s ease;
}
.list-map .list-map-filt:before {
  content: "filter_list";
  margin: 0px 0px 0px 10px;
  font-size: 24px;
  color: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 33px;
  border-radius: 2px;
  left: 15px;
}
.mob-map-filt {
  position: fixed;
  left: 24px;
  top: 70px;
  z-index: 15;
  display: none;
}
.mob-map-filt i {
  font-size: 24px;
  color: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 33px;
  border-radius: 2px;
}
.map-fi-com {
  float: left;
}
.map-fi-com select {
  font-size: 13px;
  height: 44px;
  color: #333;
  padding: 0px 8px;
  border: 1px solid #d1d1d1;
  width: 100%;
  border-radius: 2px;
  font-weight: 600;
  cursor: pointer;
}
.map-fi-com select option {
}
.map-fi-com {
  width: 100%;
  padding: 10px;
}
.map-fi-com .ic3 {
}
/*---================ NOTIFICATION POPUP =================---*/
.pop-noti {
  width: 300px;
  position: fixed;
  z-index: 34;
  top: 68px;
  background: #fff;
  padding: 15px;
  border-radius: 3px;
  right: 1%;
  box-shadow: 0px 0px 16px 0px rgba(42, 42, 42, 0.16);
  transition: all 0.5s ease;
}
.pop-noti.act {
  right: 1%;
}
.pop-noti:hover span {
  color: #000;
}
.pop-noti img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 50%;
  float: left;
}
.pop-noti h4 {
  font-size: 14.5px;
  font-weight: 600;
  margin: 0px;
  padding: 0px 0px 2px 50px;
}
.pop-noti p {
  font-size: 12px;
  color: #a4a4a4;
  margin: 0px;
  padding: 0px 0px 0px 50px;
}
.pop-noti span {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  transition: all 0.5s ease;
  letter-spacing: 1px;
}
.pop-noti a {
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
}
/*--============ MAP VIEW ============--*/
.list-map-resu .gm-style-iw {
  padding: 0px;
  width: 260px;
  border: 2px solid #fff;
  border-radius: 15px;
}
.list-map-resu .gm-style-iw-d {
  float: left;
  width: 100%;
  overflow: hidden !important;
}
.list-map-resu .gm-ui-hover-effect {
}
.list-map-resu .gm-ui-hover-effect img {
  background: #fff;
  opacity: 1;
  border-radius: 50%;
  padding: 2px;
  width: 20px !important;
  height: 20px !important;
  margin: 6px !important;
}
.list-map-resu .gm-style-iw-d div {
}
.list-map-resu .gm-style-iw-d div br {
  display: none;
}
.list-map-resu .gm-style-iw-d div a {
}
.list-map-resu .gm-style-iw-d div a img {
  width: 100%;
  height: 130px;
  object-fit: cover;
}
.list-map-resu .gm-style-iw-d div a strong {
  display: block;
  color: #000;
  font-weight: 600;
  padding: 13px 13px 2px 13px;
  font-size: 15px;
  /* */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.list-map-resu .gm-style-iw-d div text {
  display: block;
  padding: 0px 13px 8px 13px;
  color: #566064;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  font-size: 12px;
  /* text-transform: lowercase;
    */
}
.list-map-resu .gm-style img {
}
.list-map-resu .gm-style img:has {
}
.list-map-resu .gm-style img:parent {
}
.list-map-filt .chosen-container.chosen-with-drop .chosen-drop {
  top: initial;
  bottom: 100%;
  border: 0px;
  border-radius: 5px 5px 2px 2px;
  padding: 6px;
}
.list-map-filt .chosen-container {
  height: auto;
  border: 1px solid #d1d1d1;
  width: 100% !important;
}
.list-map-filt .chosen-container-single .chosen-single span {
  margin-right: 0px;
  padding: 2px 0px 0px 10px;
  font-size: 13px;
  font-weight: 500;
  box-sizing: border-box;
  height: 33px;
}
.list-map-filt .chosen-container-single .chosen-single {
  height: 33px;
  padding: 0px;
  line-height: 32px;
  border: 0px;
}
.list-map-filt .chosen-container-active .chosen-single {
}
.list-map-filt .chosen-container-single .chosen-drop {
}
.list-map-filt .chosen-container-single .chosen-search {
}
.list-map-filt .chosen-container-single .chosen-search-input {
}
.list-map-filt .chosen-container-single .chosen-results {
  padding: 0px;
}
.list-map-filt .chosen-container-single .chosen-results li {
  font-size: 13px;
  color: #2e3439;
}
.form-tip {
  opacity: 0;
  transition: all 0.5s ease;
}
.form-tip a {
  font-size: 11px;
  text-decoration: underline;
  right: 21px;
  top: 4px;
  position: absolute;
}
.form-group:hover .form-tip {
  opacity: 1;
}
.ui-menu .ui-menu-item-wrapper {
  font-size: 14px;
  color: #445667;
  border-bottom: 1px solid #f6f3ff;
  border-radius: 0px;
  padding: 12px 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  display: list-item;
  width: 100%;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active {
  background-color: #f6f3ff;
  background-image: none;
  color: #3d05c6;
  padding-left: 10px;
}
.ui-menu .ui-menu-item-wrapper:hover {
  background: #e5f3ff;
  color: #008eff;
}
.str-full {
  float: left;
  width: 100%;
  /* display: none;
    */
}
/*--============ JOB ============--*/
.all-jobs-ban {
  float: left;
  width: 100%;
  padding: 150px 0;
  margin-top: var(--topspac);
  position: relative;
  text-align: center;
  background-size: 100% !important;
  margin-bottom: 110px;
  background-position: center bottom;
  background: linear-gradient(180deg, #0e2e82 0%, #1a559b 100%) no-repeat !important;
}
.all-jobs-ban .ban-search {
  /* float: left;
    */
  /* display: block;
    */
  /* margin: initial;
    */
  width: 90%;
}
.jtit {
  width: 100%;
  padding-bottom: 15px;
  position: relative;
}
.all-jobs-ban h1 {
  font-size: 42px;
  line-height: 42px;
  font-weight: 700;
  margin: 0px 0px 15px 0px;
  color: #fff;
  position: relative;
  display: block;
  width: 100%;
  text-transform: capitalize;
}
.all-jobs-ban p {
  color: #fff;
  font-size: 18px;
}
.all-jobs-ban .ban-search ul li.sr-sea {
  width: 79%;
  margin: 0px 1% 0px 0%;
}
.all-jobs-ban .ban-search ul li.sr-cit {
  display: block;
  margin: 0;
}
.all-jobs-ban .ban-search ul li.sr-btn {
}
.all-jobs-ban .ban-search ul li.sr-btn input {
  background: #1637f0;
}
.job-sear {
  margin: 0 auto;
  display: table;
  width: 85%;
  position: relative;
  background: #fff;
  /* height: 70px; */
  line-height: 40px;
  border-radius: 10px;
  box-shadow: 0px 2px 22px -3px #1d1d216b;
}
.job-sear ul {
}
.job-sear ul li {
  float: left;
  padding: 0px 5px;
  width: 25%;
}
.job-sear ul li.sr-input {
  border-left: 1px solid #ddd;
}
.job-sear ul li input {
  border: 1px solid #bebaba00;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 12px 12px 45px;
  height: 59px;
}
.job-sear ul li select {
  border: 0px solid #97abb7;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 12px 12px 45px;
}
.job-sear ul li.sr-sea {
  width: calc(60% - 50px);
}
.job-sear ul li .chosen-container {
  border: 0px;
  width: 100% !important;
}
.job-sear ul li .chosen-container-single .chosen-single {
  /* border: 1px solid #97abb7;
    */
  border-radius: 4px 0 0 4px;
  padding-left: 41px;
  text-align: left;
  padding-top: 8px;
  height: 47px;
}
.job-sear ul li:before {
  margin: 10px 0px 0px 15px;
  font-size: 21px;
  color: #8592c1;
  z-index: 3;
}
.job-sear ul li.sr-sea:before {
  content: "business_center";
  margin: 9px 0px 0px 15px;
}
.job-sear ul li.sr-loc:before {
  content: "location_on";
}
.job-sear ul li.sr-sea .chosen-container-single .chosen-single div:before,
.job-sear .chosen-container-single .chosen-single div:before {
  top: 22px;
}
.plac-hom-search
  .job-sear
  ul
  li.sr-sea
  .chosen-container-single
  .chosen-single
  div:before {
  top: 30px;
}
.job-sear .chosen-container .chosen-results li.active-result {
  font-size: 14.5px;
  font-weight: 500;
  color: #445667;
  border-bottom: 1px solid #f6f3ff;
  border-radius: 0px;
  padding: 10px 5px;
  transition: all 0.3s ease;
  background-color: #fff;
  background-image: none;
  padding-left: 10px;
}
.job-sear .chosen-container .chosen-results li.highlighted {
  background-color: #f6f3ff;
  background-image: none;
  color: #3d05c6;
  padding-left: 10px;
}
.job-sear ul li.sr-btn:before {
  display: none;
}
.job-sear ul li.sr-loc {
  width: 40%;
}
.job-sear ul li.sr-btn {
}
.job-sear ul li:last-child {
  padding: 0 0;
}
.job-sear ul li.sr-btn button {
  border: 0px;
  padding: 5px 12px;
  border-radius: 0px 10px 10px 0px;
  line-height: 24px;
  float: left;
  width: 100%;
  color: #fff;
}
.job-sear ul li.sr-btn button i {
  color: #fff;
  /* padding-top: 5px;
    */
  line-height: 36px;
  font-size: 25px;
}
.job-pop-tag {
  position: relative;
  float: left;
  width: 100%;
  padding: 25px 0px 60px 0px;
}
.job-pop-tag h4 {
  color: #fff;
  font-size: 18px;
  float: left;
  font-weight: 600;
  margin: 0px 10px 0px 0px;
  line-height: 28px;
}
.job-pop-tag a {
  color: #def3ff;
  font-size: 12.5px;
  padding: 2px 8px;
  border-radius: 3px;
  font-weight: 500;
}
.job-counts {
  position: relative;
  /* float: left;
    */
  /* width: 100%;
    */
  margin: 0 auto;
  margin: 0 auto;
  display: table;
  background: #fff;
  border: 10px solid #ffffff;
  transition: all 0.5s ease;
  color: #fff;
  box-shadow: 0 19px 46px -39px rgb(37 39 42);
  border-radius: 4px;
  margin-bottom: -42px;
  padding: 5px 15px;
}
.job-counts ul {
}
.job-counts ul li {
  float: left;
  padding: 0px 20px 0px 25px;
  border-right: 1px solid #a79d9d2b;
}
.job-counts ul li:first-child {
  padding-left: 0px;
}
.job-counts ul li:last-child {
  border-right: 0px;
}
.job-counts ul li span {
  font-size: 32px;
  font-weight: 600;
}
.job-counts ul li h4 {
  font-size: 12px;
  color: #4a5c86;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.all-jobs {
  background: #f9fafb;
  float: left;
  width: 100%;
  margin-top: 54px;
  padding-bottom: 180px;
}
.all-jobs .row {
  /* box-shadow: none;
    */
  border-radius: 10px;
  background: #f6fbfd;
  position: relative;
  box-shadow: none;
}
.all-jobs .col-md-3 {
  background: #f9fafb;
  border-radius: 10px 0 0 0;
  padding: 20px 10px 30px 0px;
  border-right: 1px solid #e2e1e1;
}
.all-jobs .col-md-9 {
  background: #f9fafb;
  border-radius: 0 10px 0 0;
  padding-top: 20px;
  padding-left: 0px;
}
.all-jobs .all-list-sh {
  background: #fff;
}
.job-list {
  padding: 30px;
  float: left;
  width: 100%;
}
.job-list ul {
}
.job-list ul li {
  float: left;
  width: 33.333%;
  padding: 10px;
}
.job-box {
  float: left;
  width: 100%;
  background: #fff;
  /* border: 1px solid #f0f0f0;
    */
  padding: 14px;
  position: relative;
  box-shadow: 0px 1px 8px -2px #3333331a;
  border-radius: 5px;
  transition: all 0.5s ease;
  border: 1px solid #fff;
}
.job-box:hover {
  transition: all 0.5s ease;
  background: #f9fdff;
  /* box-shadow: 0px 16px 15px -9px #33333361;
    */
  /* transform: translateY(-2px);
    */
  border: 1px solid #d4dce2;
}
.job-box:hover .job-days span {
}
.job-box:hover .job-box-cta {
}
.job-full-cta {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.job-box-img {
  float: left;
  /* width: 20%;
   ;
   width: calc(20% - 65px);
   /* width: 20%;
    */
  background: #eff5f9;
  border-radius: 10px;
  width: 65px;
  position: relative;
  height: 65px;
}
.job-box-img img {
  width: 100%;
  padding: 10px;
  border-radius: 20px;
}
.job-box-con {
  float: left;
  width: 100%;
  padding: 18px 0px 10px 0px;
  min-height: 106px;
}
.job-box-con h4 {
  font-weight: 500;
  font-size: 14px;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.job-box-con span {
  font-size: 11px;
  font-weight: 500;
  float: left;
  line-height: 22px;
  background: #def3ff;
  padding: 0px 6px;
  margin: 0px 5px 5px 0px;
  border-radius: 3px;
  display: inline-block;
}
.job-box-con span:before {
  margin-left: -20px;
  color: #7187a2;
}
.job-box-apl span.job-box-cta {
  margin-right: 5px;
}
.job-box-apl {
  float: left;
  width: 100%;
}
.job-box-apl span,
.all-serexp .serexp-cta-more {
  background: #95adb9;
  color: #fff;
  font-size: 11px;
  padding: 7px 20px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  transition: all 0.5s ease;
  float: left;
}
.job-det-desc .job-box-con .job-box-cta {
  padding: 7px 30px;
  cursor: pointer;
}
.job-top {
  padding-right: 25px;
  /* border-left: 1px solid#e4e4e4;
    */
  /* padding-left: 25px;
    */
}
.job-top h3 {
  font-size: 14px;
  color: #677b89;
  /* padding-left: 25px;
    */
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.job-top ul {
}
.job-top ul li {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 10px;
}
.job-top-box {
  position: relative;
  transition: all ease 0.5s;
}
.job-top-box:hover {
  padding-left: 10px;
}
.job-top-box:hover h4 {
  color: #0961ea;
  text-decoration: underline;
}
.job-top-box img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
}
.job-top-box h4 {
  font-size: 13px;
  font-weight: 600;
  padding-left: 15px;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.job-top-box .compny {
  padding-left: 16px;
  font-size: 11px;
  color: #333;
  font-weight: 500;
  display: table;
}
.job-top-box .city {
  font-size: 11px;
  color: #7187a2;
  padding-left: 5px;
}
.job-det-pg {
  background: #fff;
  margin-top: 54px;
}
.job-det-desc {
  /* margin-top: -100px;
    */
  background: #fff;
  position: relative;
  padding: 30px 30px 30px 30px;
  border-radius: 5px 5px 0 0;
  color: #333;
  /* box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
    */
}
.job-det-desc .lhs {
  float: left;
  width: 100%;
  padding: 0 2px;
}
.job-det-desc .lhs h1 {
  font-size: 30px;
  font-weight: 600;
}
.job-det-desc .tit {
}
.job-det-desc .tit .job-box {
  margin-bottom: 25px;
  /* padding: 0px;
    */
  /* border: 0px;
    */
  /* border-bottom: 1px solid #f0f0f0;
    */
  padding-bottom: 25px;
}
.job-det-desc .tit .job-box-img {
}
.job-det-desc .tit .job-box-con {
  width: 100%;
  padding-bottom: 0px;
  text-align: left;
  /* padding: 0px;
    */
}
.job-det-desc .alpply {
  float: left;
  width: 100%;
  padding: 15px 0px;
}
.job-det-desc .alpply .cta-app {
  padding: 12px 35px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 14px;
  border: 1px solid rgba(36, 109, 248, 0.15);
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  transition: all 0.5s ease;
}
.job-det-desc .alpply .cta-app:hover {
  transition: all 0.5s ease;
  border-bottom: 4px solid #da8304;
}
.job-det-desc .desc {
}
.job-det-desc .desc p {
  font-size: 12.5px;
  line-height: 25px;
}
.job-det-desc .desc ul {
}
.job-det-desc .desc ul li {
}
.job-det-desc .desc span {
}
.job-det-desc .lhs h4 {
  font-size: 18px;
  font-weight: 600;
  /* padding-bottom: 8px;
    */
}
.job-det-desc .skills {
  padding-bottom: 25px;
}
.job-det-desc .skills h4 {
  padding-bottom: 8px;
}
.job-det-desc .skills ul li {
  color: #5d6781;
  font-size: 14px;
  padding-left: 20px;
  padding-bottom: 8px;
}
.job-det-desc .skills ul li:before {
  content: "check";
  margin-left: -20px;
  width: 15px;
  height: 15px;
  color: #fff;
  line-height: 15px;
  font-size: 10px;
  border-radius: 50%;
  font-weight: 600;
  padding: 1px 0px 0px 3px;
}
.job-det-desc .quali {
}
.job-det-desc .rhs {
  float: left;
  width: 100%;
  padding: 0px 25px 25px 25px;
  border: 8px solid #fff;
  -webkit-box-shadow: 0 5px 5px 0 rgba(154, 160, 185, 0.05),
    0 5px 30px 0 rgba(166, 173, 201, 0.22);
  box-shadow: 0 5px 5px 0 rgba(154, 160, 185, 0.05),
    0 5px 30px 0 rgba(166, 173, 201, 0.22);
  border-radius: 20px;
}
.job-det-desc .rhs h4 {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-bottom: 10px;
}
.job-det-desc .job-summ {
  margin-bottom: 25px;
  padding-top: 25px;
  /* background: #fafafa;
    */
  /* padding: 25px 25px 15px 25px;
    */
  /* border: 1px solid #f0f0f0;
    */
  /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    */
  /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    */
  /* background: #fff;
    */
  color: #fff;
}
.job-det-desc .job-summ .cta-app {
  padding: 7px 30px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  border: 1px solid rgba(36, 109, 248, 0.15);
  font-weight: 600;
  display: block;
  margin-top: 10px;
  cursor: pointer;
  /* text-transform: uppercase;
    */
  /* letter-spacing: 1px;
    */
  text-align: center;
  transition: all 0.5s ease;
}
.job-det-desc .job-summ .cta-app:hover {
  background: #fbaa33;
  /* color: #fff;
    */
  box-shadow: 0px 13px 11px -6px #3333337a;
}
.job-det-desc .job-summ ul {
}
.job-det-desc .job-summ ul li {
  font-size: 12px;
  color: #e9f1ff;
  padding-bottom: 8px;
  font-weight: 500;
}
.job-det-desc .job-summ ul li span {
  font-weight: 600;
  width: 105px;
  display: inline-block;
  color: #fff;
}
.job-det-desc .map {
  margin-bottom: 25px;
}
.job-det-desc .map iframe {
  border: 0px;
  width: 100%;
  height: 150px;
}
.job-det-desc .shar {
}
.job-det-desc .shar ul {
}
.job-det-desc .shar ul li {
  float: left;
}
.job-det-desc .shar ul li a {
}
.job-det-desc .shar ul li a img {
  width: 26px;
  margin-right: 5px;
}
.job-det-pg-ban {
  float: left;
  width: 100%;

  padding: 40px 0px 130px 0px;
  margin-top: 55px;
  position: relative;
}
.job-det-pg-ban:before {
  background: #364250b0;
}
.job-comp-pro {
}
.job-comp-img {
}
.job-comp-img img {
}
.job-det-desc .s1,
.job-det-desc .s2,
.job-det-desc .s3 {
  float: left;
}
.job-det-desc .s1 {
  width: 22%;
  padding-right: 25px;
  border-right: 1px solid #e2e1e1;
}
.job-det-desc .s3 .job-top {
  float: left;
  width: 100%;
  padding: 25px;
  margin-top: 25px;
}
.job-det-desc .s1 .job-lhs-tit {
  font-size: 14px;
  color: #677b89;
  /* padding-left: 25px;
    */
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.job-det-desc .s1 .job-comp-pro {
  border: 1px solid #f4f4f4;
  /* background: #f0f0f0;
    */
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.job-det-desc .s1 .job-comp-img {
}
.job-det-desc .s1 .job-comp-img img {
  width: 120px;
}
.job-det-desc .s2 {
  width: 53%;
  padding: 0px 25px;
}
.job-det-desc .s3 {
  width: 25%;
}
.job-comp-soc {
}
.job-comp-soc ul {
}
.job-comp-soc ul li {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  padding-left: 25px;
  margin-bottom: 8px;
}
.job-comp-soc ul li a {
}
.job-comp-soc ul li:before {
  margin: -4px 0px 0px -25px;
}
.job-comp-abo {
  border-top: 1px solid #f4f4f4;
  padding: 15px 0px;
  margin: 20px 0;
  border-bottom: 1px solid #f4f4f4;
}
.job-comp-abo p {
  font-size: 12px;
  line-height: 22px;
  margin: 0px;
}
.job-comp-abo .cta {
  padding: 7px 12px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
  margin-top: 15px;
}
.jobs-cate {
  float: left;
  width: 100%;
}
.sub-tit {
  float: left;
  width: 100%;
  text-align: center;
}
.sub-tit h2 {
  font-weight: 600;
  font-size: 36px;
}
.sub-tit p {
  font-size: 14px;
}
.job-cate-main {
  float: left;
  width: 100%;
  padding: 0px 100px 0px;
}
.job-cate-main ul {
}
.job-cate-main ul li {
  float: left;
  width: 25%;
  padding: 15px;
}
.job-cate-main ul li div {
  border: 1px solid #dddfe0;
  text-align: center;
  border-radius: 20px;
  padding: 20px 15px 15px;
  box-shadow: 0px 2px 8px -4px #33333359;
  position: relative;
  transition: all 0.3s ease;
}
.job-cate-main ul li div:hover {
  box-shadow: 0px 22px 23px -20px #333333d9;
  color: #fff;
  transform: translateY(-2px);
}
.job-cate-main ul li div h4 {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.job-cate-main ul li div span {
  font-size: 14px;
  font-weight: 400;
}
.job-cate-main ul li div a.fcli {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.mt55 {
  margin-top: 55px;
}
.job-form {
  padding-bottom: 100px;
}
.job-form:before {
  display: none;
}
.job-form .inn {
  /* background: #f5fcff;
    */
  /* box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
    */
  /* margin-bottom: 20px;
    */
  border-radius: 10px;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  float: left;
  padding: 15px 0px 25px 0px;
}
.job-form .tit {
  text-align: left;
  padding: 30px 0px 0px 25px;
  margin-bottom: 20px;
}
.job-form .tit h1 {
  font-size: 26px;
  font-weight: 600;
}
.job-form .tit p {
  font-size: 13px;
  color: #586271;
  margin-bottom: 0px;
}
.job-form .form-group {
  position: relative;
}
.job-form .form-group label.tit {
  padding: 0px 0px 10px;
  font-size: 13px;
  font-weight: 500;
  margin: 0px;
  color: #586271;
  /* text-transform: uppercase;
    */
}
.job-form .col-md-6,
.job-form .col-md-12 {
  float: left;
}
.job-form .form-group input {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
.job-form .col-md-12 .col-md-6 {
  padding: 0px;
}
.job-form .form-group input[type="range"] {
  padding: 0px;
}
.job-form .form-group select {
}
.job-form .form-group textarea {
  height: 70px;
}
button.blu-upp {
  color: #fff;
  border: 0px solid #005ba2;
  padding: 12px 30px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.5s ease;
  font-weight: 500;
}
.blu-upp:hover {
  background: #025dad;
  box-shadow: 0px 11px 14px -6px #3333339e;
}
.col-spl2 .col-md-6 {
  padding: 0px;
}
.col-spl2 .col-md-6:nth-child(2) {
  padding-left: 10px;
}
.salout {
  position: absolute;
  right: -26px;
  top: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 4px;
  border-radius: 4px;
  transition: all 0.5s ease;
  box-shadow: 0px 1px 5px 1px #3333332e;
}
.job-form .salout {
  top: 43px;
}
.job-form .chosen-container-single .chosen-single {
  height: 38px;
  padding: 2px 10px;
  font-size: 13px;
  border-radius: 3px !important;
}
.job-form .chosen-container-single .chosen-single span {
  font-weight: 500;
}
.job-form .chosen-container-single .chosen-search input[type="text"] {
}
.salout:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 6px;
  left: -3px;
  transform: rotateZ(45deg);
}
.job-form .chosen-container {
  /* border: 0px;
    */
  height: auto;
  width: 100% !important;
}
.job-days {
  position: absolute;
  right: 15px;
  top: 14px;
  text-align: right;
  width: 84px;
  z-index: 1;
}
.job-days span {
  font-size: 9.5px;
  color: #9ca2a9;
  font-weight: 500;
  float: right;
  line-height: 22px;
  border: 1px solid #ebeef3;
  padding: 0px 2px;
  border-radius: 4px;
  /* position: absolute;
    */
  /* right: 0px;
    */
  line-height: 16px;
  margin-bottom: 5px;
}
.job-days span.day {
}
.job-days span.apl {
}
.job-ser-cnt {
  float: left;
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #e2e1e1;
  padding: 0px 0px 5px 36px;
}
.job-alert {
  background: #def3ff;
  padding: 24px 20px;
  float: left;
  width: 100%;
  border-radius: 10px;
}
.job-alert h5 {
  font-size: 15px;
  font-weight: 600;
}
.job-alert p {
  font-size: 12px;
  font-weight: 400;
  color: #5a6c82;
}
.job-alert input {
  border: 0px;
  font-size: 12px;
  width: 100%;
  padding: 10px;
  font-weight: 500;
  border-radius: 3px;
  margin-bottom: 8px;
}
.job-alert a {
  color: #fff;
  font-size: 11px;
  padding: 7px 20px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  transition: all 0.5s ease;
  float: left;
  border: 0px;
}
.job-tre {
  float: left;
  width: 100%;
  padding-top: 30px;
}
.job-tre .inn {
  float: left;
  width: 100%;
  background: #fff;
  box-shadow: 0px 1px 9px -1px #3333330f;
  border-radius: 10px;
  border: 1px solid #e6e5e5;
  padding: 7px;
  position: relative;
}
.job-tre .inn div {
  width: 25%;
  float: left;
}
.job-tre ul {
  width: 90%;
  margin: 0 auto;
}
.job-tre ul li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.job-tre ul li:hover .jbtre-apl .job-box-cta {
}
.jbtre-img {
}
.job-tre .inn div.jbtre-img1 {
  float: left;
  width: 72px;
}
.job-tre .inn div.jbtre-img2 {
  width: calc(100% - 72px);
}
.jbtre-img1 img {
  float: left;
  background: #eff5f9;
  border-radius: 10px;
  width: 65px;
  position: relative;
  height: 65px;
  padding: 10px;
  object-fit: contain;
}
.jbtre-img2 h4 {
  font-weight: 500;
  font-size: 15px;
  color: #000;
  padding: 5px 0px 0px 12px;
  margin: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.jbtre-img2 span {
  font-size: 12px;
  color: #9ca2a9;
  font-weight: 400;
  padding: 0px 0px 0px 12px;
}
.jbtre-con {
  padding: 15px 10px 10px 10px;
}
.jbtre-con span {
  font-size: 11px;
  font-weight: 500;
  float: left;
  line-height: 22px;
  background: #def3ff;
  padding: 0px 6px;
  margin: 0px 5px 5px 0px;
  border-radius: 3px;
  display: inline-block;
}
.jbtre-sale {
  padding: 22px 10px 10px 10px;
}
.jbtre-sale span {
  font-size: 14px;
  color: #5c646d;
  font-weight: 500;
}
.jbtre-sale .empsal {
  font-size: 15px;
  font-weight: 600;
}
.jbtre-apl {
  padding: 18px 10px 8px 10px;
}
.jbtre-apl span,
.jbtre-apl a {
  background: #95adb9;
  color: #fff;
  font-size: 11px;
  padding: 7px 20px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  transition: all 0.5s ease;
  float: left;
}
.jbtre-apl .job-box-cta {
  margin-right: 5px;
}
.job-tre .inn div.jbtre-days {
  width: 100%;
  line-height: 10px;
}
.jbtre-days span {
  font-size: 9px;
  color: #9ca2a9;
}
.job-det-pg .job-tre {
  padding-bottom: 80px;
  border-top: 1px solid #f1f0f0;
  padding-top: 55px;
}
.job-det-pg .job-tre h2 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
}
.job-det-pg .job-tre ul {
  width: 100%;
}
.jb-skil-set {
  float: left;
  width: 100%;
  padding: 15px 0px 15px 0px;
}
.job-det-desc .lhs .jb-skil-set h4 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
.job-prof-pg {
  margin-top: 50px;
  float: left;
  width: 100%;
  background: #e9eef3;
  padding-top: 40px;
}
.job-prof-pg .lhs {
  float: left;
  width: 70%;
  padding: 0px 25px 0px 50px;
}
.job-prof-pg .lhs .profile {
  position: relative;
  float: left;
  width: 100%;
}
.defa-prof-pg .lhs .profile {
  margin-top: 0px;
}
.defa-prof-pg .jpro-ban-bg-img img {
  border-radius: 8px;
}
.jpro-ban-bg-img span {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #fff;
  font-size: 9px;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: 400;
  display: inline-block;
  background: #e18a09;
}
.jpro-ban-bg-img span b {
}
.jpro-ban-bg-img {
  position: relative;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
}
.jpro-ban-bg-img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #24222669;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #0b0b0bc7 30%, #07070705);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #0b0b0bc7 30%, #07070705);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  opacity: 0.9;
  border-radius: 5px;
}
.jpro-ban-bg-img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
}
.exp-prof-pg .jpro-ban-bg-img img {
  border-radius: 0px 0px 8px 8px;
}
.jpro-ban-tit {
  float: left;
  width: 100%;
  padding: 30px 10px 30px 25px;
  margin-top: -140px;
  position: relative;
}
.jpro-ban-tit .s1 {
  float: left;
  width: 22%;
}
.jpro-ban-tit .s1 img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
  height: 150px;
  object-fit: cover;
  z-index: 4;
  position: relative;
}
.jpro-ban-tit .s2 {
  float: left;
  width: 45%;
  padding: 0px 20px 0px 25px;
  color: #fff;
}
.jpro-ban-tit .s2 h1 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 0px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jpro-ban-tit .s2 span {
  font-size: 12px;
  color: #d5d4d4;
}
.jpro-ban-tit .s2 p {
  margin: 0px;
  font-size: 15px;
  font-weight: 600;
  color: #d5d4d4;
}
.jpro-ban-tit .s3 {
  float: left;
  width: 33%;
  padding: 35px 0px 0px 0px;
}
.jpro-ban-tit .s3 .cta {
  color: #fff;
  font-size: 12px;
  padding: 9px 15px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  transition: all 0.5s ease;
  float: right;
  background: #718995;
  cursor: pointer;
}
.jpro-ban-tit .s3 .cta:hover {
  background: #556c78;
}
.jpro-ban-tit .s3 .cta.fol {
  margin: 0px 8px;
}
.jpro-ban-tit .s3 .cta.fol:hover {
  background: #0534e1;
}
.jpro-ban-bg-img p {
  font-size: 9px;
  color: #35762a;
  position: absolute;
  left: 90px;
  top: 15px;
  margin: 0px;
  background: #fbfcfaeb;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: 400;
}
.jpro-ban-bg-img p b {
}
.jpro-bd {
  float: left;
  width: 100%;
  margin-bottom: 90px;
}
.jpro-bd-com {
  background: #fff;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
  margin-bottom: 40px;
  padding: 30px 30px 25px 30px;
  border-radius: 5px;
  float: left;
  width: 100%;
}
.jpro-bd-com h4,
.jb-pro-bio h4 {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}
.jpro-bd-com ul {
}
.jpro-bd-com ul li {
  font-size: 13px;
  font-weight: 400;
  color: #6a6a6a;
  padding: 2px 0px 2px 20px;
}
.jpro-bd-com ul li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  margin: 6px 0px 0px -17px;
}
.jpro-bd-com span {
  font-size: 11px;
  font-weight: 500;
  float: left;
  line-height: 22px;
  background: #def3ff;
  padding: 0px 6px;
  margin: 0px 5px 5px 0px;
  border-radius: 3px;
  display: inline-block;
}
.jpro-bd-com .lp-ur-all-rat {
  padding-top: 15px;
}
.jpro-bd-com .lp-ur-all-rat ul li {
  padding: 15px 0px 15px 0px;
}
.jpro-bd-com .lp-ur-all-rat ul li:before {
  display: none;
}
.jpro-bd-com .lp-ur-all-rat .lr-revi-date {
  background: no-repeat;
  color: #959494;
  padding: 0px;
}
.jpro-bd-com .lp-ur-all-rat ul li:last-child p {
  font-size: 13px;
  color: #61686c;
}
.jpro-bd-com .lr-user-wr-con h6 {
  color: #344355;
  font-weight: 500;
  font-size: 15px;
}
.jpro-bd-chat {
  float: left;
  width: 100%;
  background: #078cfe;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
  /* margin-bottom: 30px;
    */
  padding: 9px 22px;
  border-radius: 8px 8px 0 0;
  /* margin-top: -71px;
    */
  position: relative;
  z-index: 2;
}
.jpro-bd-chat h4 {
  text-align: center;
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 24px;
}
.jpro-bd-chat h4 b {
  color: #fff;
}
.jpro-bd-chat h4 span {
  background: #0bc845;
  font-weight: 500;
  padding: 1px 10px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
}
.jb-skil-set ul {
}
.jb-skil-set ul li {
  font-size: 11px;
  font-weight: 500;
  float: left;
  line-height: 22px;
  background: #def3ff;
  padding: 0px 6px;
  margin: 0px 5px 5px 0px;
  border-radius: 3px;
  display: inline-block;
}
.job-rel-pro {
  margin-bottom: 25px;
}
.job-rel-pro h4 {
  font-size: 15px;
  font-weight: 600;
  /* text-transform: uppercase;
    */
  /* letter-spacing: 0.5px;
    */
}
.job-rel-pro ul {
}
.job-rel-pro ul li .hot-page2-hom-pre-1 {
  width: 32px;
}
.job-rel-pro ul li .hot-page2-hom-pre-2 {
  width: calc(100% - 32px);
  padding-right: 0px;
  padding: 0px 0 0px 12px;
}
.que-deti-main .job-rel-pro ul li .hot-page2-hom-pre-2 {
  padding-left: 0;
  width: 100%;
}
.job-rel-pro .hot-page2-hom-pre {
  border-radius: 10px;
  padding: 25px;
}
.job-rel-pro ul li .hot-page2-hom-pre-2 span {
  font-weight: 400;
  font-size: 11px;
  color: #59595d;
}
.job-rel-pro ul li .hot-page2-hom-pre-2 span b {
  font-weight: 600;
}
.job-rel-pro ul li .hot-page2-hom-pre-2 span.rat {
  width: 25px;
  text-align: center;
  font-size: 10px;
  background: #e18a09;
  color: #fff;
  position: absolute;
  right: 6px;
  top: 2px;
  line-height: 12px;
  border-radius: 5px;
  font-weight: 500;
}
.jb-pro-bio {
  float: left;
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
  margin-bottom: 40px;
  padding: 30px 30px 25px 30px;
  border-radius: 5px;
}
.jb-pro-bio ul {
}
.jb-pro-bio ul li {
  float: left;
  /* width: 33.333%;
    */
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #859d93;
  margin: 0px 15px 15px 0px;
  background: #e9fcf4;
  padding: 20px;
  border-radius: 6px;
}
.jb-pro-bio ul li span,
.jb-pro-bio ul li a {
  display: block;
  font-size: 15px;
  color: #1f8f5f;
}
.jb-pro-bio ul li a:hover {
  color: #0484e9;
}
.jb-pro-bio ul li a i {
  vertical-align: middle;
  font-size: 20px;
}
.jb-pro-bio ul li a:hover i {
}
.jb-fm-box-hig {
  background: #daebff;
  padding: 10px 15px;
  border-radius: 5px;
}
.jb-fm-box-hig h4 {
}
.jb-fm-box-hig h4 label.tit {
}
.jb-fm-box-hig input {
}
.jb-fm-box-hig hr {
  /* display: none;
    */
}
.jb-fm-box-hig h5 {
  margin: 0px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}
.jb-fm-box-hig h5:after {
  content: "+";
  position: absolute;
  right: 0px;
  top: -5px;
  font-weight: 600;
  color: #3051c8;
}
.jb-fm-box-hig .coll-box {
  margin-top: 15px;
}
.job-rel-pro .pmenu-spri h4 {
  background: -webkit-linear-gradient(45deg, #2627fa, #ff544f 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 1px dashed #6835c6;
  border-radius: 15px;
  padding: 10px 0px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.job-rel-pro .pmenu-spri ul {
}
.job-rel-pro .pmenu-spri ul li {
  opacity: 1;
  transform: translateX(0px);
  padding: 10px 0px 2px 0px;
}
.job-rel-pro .pmenu-spri ul li a {
  padding: 4px 4px;
}
.job-rel-pro .pmenu-spri ul li a:hover {
  color: #49494c;
}
.job-rel-pro .pmenu-spri ul li a img {
  position: absolute;
}
.job-rel-pro .pmenu-spri ul li a .qui-acc-short {
  text-transform: capitalize;
  padding-left: 50px;
  display: inline-block;
}
.job-rel-pro .pmenu-spri ul li a h5 {
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}
.job-rel-pro .pmenu-spri ul li a p {
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  margin-bottom: 0px;
}
.job-rel-pro .pmenu-spri ul li a span {
  background: #ff798c;
  color: #fff;
  display: inline-block;
  padding: 26px 22px;
  font-weight: 400;
  font-size: 12px;
  border-radius: 4px;
  position: absolute;
  top: 0px;
  right: 0px;
  transition: all 0.4s ease;
  transform: translateX(20px);
  opacity: 0;
}
.job-rel-pro .pmenu-spri ul li:hover span {
  transform: translateX(0px);
  opacity: 1;
}
.job-rel-pro .pmenu-spri ul li:hover {
  background: #fceaed;
  background: -webkit-linear-gradient(to left, #ffd6dd, #fbfbfb);
  background: linear-gradient(to left, #ffd6dd, #fbfbfb);
}
.prfix-inp {
}
.prfix {
  position: absolute;
  left: 10px;
  top: 41px;
  font-style: normal;
  background: #eceef3;
  line-height: 20px;
  padding: 0px 4px;
  border-radius: 4px;
  color: #1c2638;
  font-weight: 400;
  font-size: 14px;
}
.job-form .prfix-inp input {
  padding-left: 30px;
}
.dir-hide {
  display: none;
}
.defa-prof-pg .jpro-ban-tit .s2 p {
  font-weight: 400;
  font-size: 12px;
  padding-top: 4px;
}
.defa-prof-pg .jpro-ban-tit .s2 span {
}
.defa-prof-pg .jpro-bd-com ul {
}
.defa-prof-pg .jpro-bd-com ul li {
  float: left;
  padding: 0px 0px 0px 0px;
  width: 33.333%;
}
.defa-prof-pg .jpro-bd-com ul li .pro-eve-box {
  margin: 15px 15px 15px 0;
}
.defa-prof-pg .pro-eve-box span {
  background: #029fed;
}
.defa-prof-pg .jpro-bd-com .pro-bot-shar ul li {
  width: auto;
}
.defa-prof-pg .pro-listing-box {
  margin: 7px;
}
.defa-prof-pg .pro-eve-box {
}
.defa-prof-pg .pro-eve-box1 {
}
.defa-prof-pg .pro-eve-box1 div:nth-child(2) {
  margin-top: -77px;
}
.defa-prof-pg .pro-eve-box1 span {
  font-size: 16px;
  background: #cb356b;
  background: -webkit-linear-gradient(to right, #bd3f32, #cb356b);
  background: linear-gradient(to right, #bd3f32, #cb356b);
  color: #fff;
}
.defa-prof-pg .pro-eve-box1 div:nth-child(2) h2 {
  margin-bottom: 0px;
}
.defa-prof-pg .pro-eve-box1 div:nth-child(2) p {
  display: none;
  padding: 0px;
  margin: 0px;
  font-size: 10px;
}
.defa-prof-pg .jpro-bd-com ul li:before {
  display: none;
}
.defa-prof-pg .pro-listing-box div:nth-child(1) h2 {
  font-size: 13px;
  font-weight: 500;
  padding: 20px 10px 8px 10px;
  color: #000;
}
.defa-prof-pg .pro-listing-box div:nth-child(1) img {
  height: 120px;
}
.defa-prof-pg .pro-listing-box div:nth-child(1) p {
  display: none;
}
.defa-prof-pg .pro-listing-box div:nth-child(1) label.rat {
  display: none;
}
.defa-prof-pg .pro-listing-box div:nth-child(2) span {
  margin: 0px;
  border-radius: 0px 0px 3px 3px;
}
.defa-prof-pg .pro-eve-box div img {
  height: 125px;
}
.defa-prof-pg .pro-eve-box:before {
  background: linear-gradient(to bottom, #24272c1c 23%, #171b45bf 96%);
}
.defa-prof-pg .pro-eve-box div:nth-child(2) {
  margin-top: -60px;
}
.defa-prof-pg .pro-eve-box .jpro-bd-com span {
}
.defa-prof-pg .pro-eve-box h2 {
  width: 100%;
  font-size: 14px;
}
/*--===== SERVICE EXPERT MODULE =====--*/
.all-serexp {
}
.all-serexp .job-box-img {
  width: 100%;
  height: auto;
  background: none;
}
.all-serexp .job-box-img img {
  padding: 0px;
  height: 150px;
  object-fit: cover;
  border-radius: 5px;
}
.all-serexp .job-days {
  right: 20px;
  top: 20px;
}
.all-serexp .job-days span {
  width: 30px;
  height: 30px;
  text-align: center;
}
.all-serexp .job-days span.rat,
.job-prof-pg .lhs .profile .job-days span.rat {
  background: #ffffffde;
  border: 0px;
  color: #08a10e;
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  margin-right: 5px;
}
.job-prof-pg .lhs .profile .job-days span.rat {
  width: 40px;
  text-align: center;
  font-size: 20px;
  background: #e18a09;
  color: #fff;
}
.all-serexp .job-days span.ver,
.job-prof-pg .lhs .profile .job-days span.ver {
  border: 0px;
}
.all-serexp .job-days span.ver i,
.job-prof-pg .lhs .profile .job-days span.ver i {
  color: #fff;
  padding: 5px;
  font-size: 18px;
}
.all-serexp .job-box-con h4 {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 3px;
}
.ser-exp-ave {
  position: absolute;
  left: 20px;
  top: 12px;
}
.ser-avail-yes {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50px;
  border: 2px solid #fff;
  position: relative;
  -webkit-animation: pulse 1s infinite cubic-bezier(0.4, 0, 0, 1);
  -moz-animation: pulse 1s infinite cubic-bezier(0.4, 0, 0, 1);
  -ms-animation: pulse 1s infinite cubic-bezier(0.4, 0, 0, 1);
  animation: pulse 1s infinite cubic-bezier(0.4, 0, 0, 1);
}
@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
  }
}
.all-serexp .serexp-cta-more {
  background: #241c55;
}
.all-serexp .job-box-con span {
  background: #faf5e9;
  color: #fab51c;
}
.all-serexp .job-box-apl span.job-box-cta {
  background: #ffb91b;
  cursor: pointer;
}
.all-serexp .job-box-apl span.job-box-cta:hover {
  background: #f78919;
}
.all-serexp .lhs-rati ul li .rbbox label {
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  color: #585e6b;
}
.ser-exp-wel {
  text-align: center;
  margin-top: -15px;
  padding-bottom: 15px;
  font-size: 16px;
  color: #567286;
}
.ser-exp-wel b {
  color: #1984d0;
  font-weight: 600;
}
.ser-exp-wel1 {
  font-size: 12px;
}
.quote-pop .ser-exp-wel {
  font-size: 13px;
  font-weight: 500;
}
.ser-confir {
}
.ser-confir-main {
  float: left;
  width: 70%;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 90px;
}
.ser-confir .full {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.ser-confir .full .serv-confi-succ {
  width: 100%;
  margin: 0 auto;
  display: table;
  border: 1px solid #6eb635;
  background: #f4ffeb;
  border-radius: 6px;
  padding: 20px 20px 20px 150px;
}
.ser-confir .full .serv-confi-succ .inn {
  position: relative;
}
.ser-confir .full .serv-confi-succ .inn h1 {
  font-size: 20px;
  font-weight: 600;
  color: #6eb635;
}
.ser-confir .full .serv-confi-succ .inn p {
  margin: 0px;
  color: #609d2f;
  font-size: 13px;
  font-weight: 400;
}
.ser-confir .lhs {
  float: left;
  width: 50%;
  border-right: 1px solid #d4d5d3;
  padding-right: 40px;
}
.ser-confir .exp-deta-1 {
  border-bottom: 1px solid #d4d5d3;
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.ser-confir .exp-deta-1 img {
  width: 230px;
  border-radius: 5px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
  height: 200px;
  object-fit: cover;
  margin-bottom: 15px;
}
.ser-confir h1,
.ser-confir h2,
.ser-confir h3,
.ser-confir h4,
.ser-confir h5,
.ser-confir h6 {
}
.ser-confir .exp-deta-1 h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 36px;
}
.ser-confir .exp-deta-1 span {
  font-size: 12px;
  color: #333;
}
.ser-confir .exp-deta-1 p {
  margin: 0px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
.ser-confir .exp-deta-con-com {
  border: 1px solid #cbd994;
  background: #fafcf2;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.ser-confir .exp-deta-con-com h4 {
  font-size: 16px;
}
.ser-confir .exp-deta-con-com p {
  margin: 0px;
  font-weight: 400;
  font-size: 13px;
  font-weight: 500;
  color: #a39a33;
}
.ser-confir .exp-deta-2 {
}
.ser-confir .exp-deta-4 {
}
.ser-confir .exp-deta-4 ul {
}
.ser-confir .exp-deta-4 ul li {
  font-size: 13px;
  font-weight: 500;
  color: #a39a33;
  float: left;
  padding: 0px 10px 10px 0px;
}
.ser-confir .rhs {
  float: left;
  width: 50%;
  padding-left: 40px;
}
.ser-confir .rhs h2 {
  padding-bottom: 15px;
  font-size: 28px;
}
.ser-confir .rhs ul {
  padding-left: 20px;
  padding-bottom: 20px;
}
.ser-confir .rhs ul li {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  padding: 0px 0px 15px 5px;
  list-style-type: disclosure-closed;
}
.ser-confir .rhs a {
  color: #333;
  font-size: 12px;
  padding: 9px 15px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  transition: all 0.5s ease;
  float: left;
  background: #fff;
  border: 1px solid #718995;
  cursor: pointer;
  width: 48%;
  text-align: center;
  margin: 0px 1%;
}
.ser-confir .rhs a.cta-wri-rev {
  background: #0534e1;
  color: #fff;
  border: 1px solid #0534e1;
}
.table thead th {
  border-bottom: 0px solid #dee2e6;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  /* display: block;
    */
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  /* margin: 10% auto;
    */
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.8s ease-in-out 0.8s forwards, scale 0.6s ease-in-out 2s both;
  position: absolute;
  left: -82px;
  top: 0px;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 2s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 50px #7ac142;
  }
}
/*--===== MESSAGE WINDOW =====--*/
.pop-mess {
  transition: all 0.5s ease;
  border: 1px solid #f9fcff;
  background: #fff;
  padding: 15px 15px;
  box-shadow: 0px 1px 11px -2px #737373c9;
  position: fixed;
  bottom: 15px;
  right: -500px;
  z-index: 12;
  border-radius: 10px;
  width: 350px;
}
.pop-mess.comm-msg-show {
  right: 20px;
}
.pop-mess .con {
}
.pop-mess .s1 {
  float: left;
  width: 100%;
}
.pop-mess .s1 img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
}
.pop-mess .s1 h4 {
  font-size: 12px;
  float: left;
  padding: 0px 0px 0px 12px;
  color: #969696;
}
.pop-mess .s1 h4 b {
  display: block;
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
}
.pop-mess .s2 {
  float: left;
  width: 100%;
}
.pop-mess .s2 h4 {
  font-size: 10px;
  text-transform: uppercase;
  padding: 10px 0px;
  margin-bottom: 0px;
}
.pop-mess .s2 h4 b {
}
.pop-mess .s2 .chosen-container {
  margin-bottom: 10px;
  border: 1px solid #f1eae5;
  height: 34px;
  border-radius: 5px;
}
.pop-mess .s2 .chosen-choices {
  height: 32px;
  padding-top: 0px;
  font-size: 13px;
  line-height: 20px;
  color: #7a7b7f;
  border-radius: 5px;
}
.pop-mess .s3 {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.pop-mess .s3 textarea {
  height: 120px;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
  color: #7a7b7f;
  border-radius: 5px;
}
.pop-mess .s4 {
}
.pop-mess .s4 button {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 20px;
  border-radius: 2px;
  text-transform: uppercase;
  background: #2196f3;
  border: 0px;
  letter-spacing: 1px;
  /* float: right;
    */
}
.pop-mess .s4 button i {
  font-size: 13px;
  font-weight: 500;
  vertical-align: bottom;
  line-height: 18px;
}
.pop-mess .s5 {
}
.pop-mess .s5 .comm-msg-pop-clo,
.comm-msg-pop-clo1,
.comm-msg-pop-clo2 {
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
}
.pop-mess .s5 .comm-msg-pop-clo i,
.comm-msg-pop-clo1 i,
.comm-msg-pop-clo2 i {
  color: #a6a6a6;
  background: #ededed;
  padding: 2px;
  box-sizing: border-box;
  border-radius: 50px;
  font-size: 16px;
}
/*--===== DASHBOARD MESSAGE =====--*/
.mess-dash {
}
.mess-tit {
  padding-bottom: 10px;
  float: left;
  width: 100%;
}
.mess-tit div {
  font-size: 13px;
  float: left;
  font-weight: 600;
}
.mess-tit .s1 {
  width: 3%;
  display: none;
}
.mess-tit .s2 {
  width: 20%;
}
.mess-tit .s3 {
  width: 63%;
}
.mess-tit .s4 {
  width: 8%;
}
.mess-tit .s5 {
  width: 6%;
}
.mess-tit .s6 {
  width: 6%;
}
.mess-bd {
  float: left;
  width: 100%;
}
.mess-bd .main {
  float: left;
  width: 100%;
  background: #fff;
  padding: 10px;
  margin-bottom: 7px;
  border-radius: 5px;
  box-shadow: 0px 0px 8px -5px rgb(150 150 150 / 68%);
  border-bottom: 1px solid #edeef3;
  border-left: 0px;
  border-right: 0px;
  transform: all 0.5s ease;
}
.mess-bd .main:hover {
  background: #f4f8fa;
  border-radius: 10px;
}
.mess-bd .se1 {
  font-size: 13px;
  float: left;
  width: 100%;
  cursor: pointer;
  z-index: 5;
  font-family: "Poppins", sans-serif;
}
.mess-bd .se1 div {
  float: left;
}
.mess-bd .se1 .s1 {
  width: 3%;
  display: none;
}
.mess-bd .se1 .s2 {
  font-weight: 600;
  font-size: 13px;
  width: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
}
.mess-bd .se1 .s2 img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  margin-right: 15px;
  /* border: 2px solid #ffffff;
    */
  /* box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
    */
}
.mess-bd .se1 .s2 span {
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.mess-bd .se1 .s3 {
  width: calc(100% - 50px);
  font-size: 12px;
  font-weight: 500;
  color: #4a4d54;
  padding: 6px 5px 0px 15px;
  position: relative;
}
.mess-bd .se1 .s3 h5 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 3px;
  text-transform: capitalize;
}
.mess-bd .se1 .s3 p {
  margin: 0px;
  color: #747884;
  font-weight: 500;
  font-size: 10px;
}
.mess-bd .se1 .s3 .msg-chat-lat-dt {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 9.5px;
  color: #747884;
  font-weight: 500;
}
.mess-bd .se1 .s4 {
  width: 8%;
}
.mess-bd .se1 .s4 a {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2093ef;
}
.mess-bd .se1 .s5 {
  width: 6%;
}
.mess-bd .se1 .s6 {
  width: 6%;
}
.mess-bd .se1 .s5 a {
}
.mess-bd .se2 {
  float: left;
  width: 100%;
  padding: 15px 0px 7px 0px;
  display: none;
  position: relative;
}
.mess-bd .se2:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 71%;
  background: #e0e0e0;
  left: 6.8%;
  top: 35px;
}
.mess-bd .se2 .mag-thrd {
  float: left;
  width: 100%;
  padding: 8px 0px 8px 5%;
  position: relative;
}
.mess-bd .se2 .mag-thrd .s1 {
  font-weight: 600;
  font-size: 12px;
  float: left;
  width: 17%;
}
.mess-bd .se2 .mag-thrd .s1 img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  margin-right: 15px;
  border: 4px solid #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
}
.mess-bd .se2 .mag-thrd .s1 span {
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.mess-bd .se2 .mag-thrd .s2 {
  font-size: 12px;
  float: left;
  width: 80%;
  padding-left: 6px;
}
/*-- EXPERT TALK WRITE REVIEW --*/
.exper-rev-box {
  border-radius: 5px;
  padding: 25px;
}
.exper-rev-box .close {
  right: 12px;
  top: 5px;
}
.exper-rev-box .tit {
  margin-bottom: 30px;
}
.exper-rev-box .tit h4 {
  font-size: 20px;
  color: #242f65;
  font-weight: 500;
}
.exper-rev-box .prof {
  text-align: center;
}
.exper-rev-box .prof img {
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 50px;
  margin-bottom: 15px;
  object-fit: cover;
}
.exper-rev-box .prof h3 {
  font-size: 18px;
  color: #242f65;
  font-weight: 500;
  margin-bottom: 0px;
}
.exper-rev-box .prof p {
  color: #8187a3;
  font-size: 14px;
  margin-bottom: 5px;
}
.exper-rev-box .rating-new-msg {
}
.exper-rev-box .rating-new-msg textarea {
  height: 80px;
  font-size: 14px;
  color: #333;
  padding: 15px;
  line-height: 24px;
  font-weight: 500;
}
.exper-rev-box .rating-new {
}
.exper-rev-box .rating-new .rating {
  margin: 0 auto;
  display: table;
  float: initial;
  width: 140px;
}
.exper-rev-box .rating-new-cta {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.exper-rev-box .rating-new-cta span {
  color: #495f6a;
  font-size: 14px;
  padding: 9px 15px;
  border-radius: 2px;
  font-weight: 500;
  display: inline-block;
  transition: all 0.5s ease;
  float: left;
  background: #f1f1f1;
  cursor: pointer;
  width: 48%;
  text-align: center;
  border: 1px solid #f1f1f1;
  margin-right: 4%;
}
.exper-rev-box .rating-new-cta button {
  color: #fff;
  font-size: 14px;
  padding: 9px 15px;
  border-radius: 2px;
  font-weight: 500;
  display: inline-block;
  transition: all 0.5s ease;
  float: left;
  cursor: pointer;
  width: 48%;
  text-align: center;
}
.job-form.exp-pop-form .quote-pop {
  background: #fff;
  padding: 30px;
}
.ad-int-sear {
  position: relative;
  /* display: none;
    */
  margin-bottom: 15px;
}
.ad-int-sear input {
  border: 1px solid #dbdbdb;
  /* border-bottom: 1px solid #dbdbdb;
    */
  width: 275px;
  font-size: 13px;
  text-align: center;
  margin: 0 auto;
  display: table;
}
.cta-blu-sml {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2093ef;
}
.cta-blu-sml:hover {
  background: #0666dd;
  border: 1px solid #0666dd;
}
/*-- TOOL TIP --*/
.ttip-com {
  position: absolute;
  z-index: 9;
}
.ttip-com i {
  width: 20px;
  height: 20px;
  background: #dde8fd;
  border-radius: 50px;
  color: #4d84ec;
  font-size: 15px;
  padding: 2px;
}
.ttip-com:hover div {
  opacity: 1;
}
.ttip-com div {
  background: #354558;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.5s ease;
  margin: -25px 0px 0px 28px;
  position: relative;
}
.ttip-com div:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #354558;
  transform: rotateZ(45deg);
  left: -4px;
  top: 10px;
}
.add-list-map .ttip-com {
  margin: -48px 0px 0px 402px;
}
.responsive-table {
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  /* white-space: nowrap;
    */
}
.responsive-table td,
.responsive-table th {
  padding: 8px;
}
.responsive-table td {
  font-size: 12px;
}
.responsive-table thead th {
  /* color: #ffffff;
    */
  /* background: #4FC3A1;
    */
}
.responsive-table thead th:nth-child(odd) {
  /* color: #ffffff;
    */
  /* background: #324960;
    */
}
.responsive-table tr:nth-child(even) {
}
.ad-table-inn .responsive-table {
  background: none;
}
/*--====== COUPONS ========--*/
.coup-sec .coup-hom-ban {
  padding: 70px 0 0 0;
  background-size: 100%;
  background-position: center bottom;
}
.coup-sec .plac-hom-search {
  padding-top: 10px;
}
.coup-sec,
.coup-sec1 {
  float: left;
  width: 100%;
}
.coup-sec1 img {
  width: 100%;
  float: left;
}
.coup-sec2 {
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
}
.coup-sec2 h1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 48px;
}
.coup-sec2 p {
  font-size: 14px;
  color: #787984;
}
.coup-sec2 span {
}
.coup-sec2 span:before {
  content: "search";
  z-index: 1;
  margin: 13px 0px 0px 25px;
  font-size: 22px;
}
.coup-sec2 input {
  border-radius: 30px;
  box-shadow: 0 5px 41px -14px rgba(60, 63, 66, 0.32);
  color: #40454a;
  max-width: 100%;
  min-height: 56px;
  position: relative;
  top: 0;
  width: 384px;
  padding: 10px 10px 10px 60px;
  border: 1px solid #e9e9ef;
  font-weight: 600;
  transition: all 0.5s ease;
  background: #fff;
}
.coup-sec2 input:focus {
  border: 1px solid #c3c9d2;
  box-shadow: 0 14px 29px -9px rgb(60 63 66 / 32%);
  background: #ffffff;
}
.coup-sec3 {
  float: left;
  width: 100%;
  margin: 50px 0 90px 0;
}
.coup-sec3 ul {
}
.coup-sec3 ul li {
  float: left;
  width: 33.333%;
  padding: 15px;
}
.coup-sec-log {
  text-align: center;
  margin-top: 30px;
  margin: 0 auto;
  display: table;
  width: 80%;
  border-radius: 5px;
  padding: 25px;
  transition: all 0.5s ease;
  border: 3px dashed #fba606;
  box-shadow: 0px 12px 18px -9px #33333394;
  margin-bottom: 180px;
}
.coup-sec-log h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 38px;
}
.coup-sec-log p {
  font-size: 16px;
  line-height: 28px;
  color: #79797b;
}
.coup-sec-log a {
  background: #4634b5;
  background: linear-gradient(to right, #3b33b2, #aa35ce);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 45px;
  display: inline-block;
  border-radius: 50px;
  cursor: pointer;
}
.coup-box {
  float: left;
  width: 100%;
  box-shadow: 0px 1px 14px -4px #33333352;
  border-radius: 5px;
  padding: 15px;
  border: 2px dashed #ededf1e0;
  transition: all 0.5s ease;
  height: 195px;
  position: relative;
  overflow: hidden;
}
.coup-box-1 {
  float: left;
  width: 90%;
  position: absolute;
  transition: all 0.5s ease;
}
.coup-box:hover {
  border: 2px dashed #4734b5;
  box-shadow: 0px 12px 18px -9px #33333394;
  transform: translateY(-3px);
}
.coup-box.act .coup-box-1 {
  transform: translateX(-110%);
}
.coup-box.act .coup-box-2 {
  transform: translateX(0%);
}
.coup-box:hover .coup-box-1 .s2 .rhs .get-coup-btn {
}
.coup-box-1 .s1 {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.coup-box-1 .s1 .lhs {
  float: left;
  width: 75px;
}
.coup-box-1 .s1 .lhs img {
  width: 65px;
  border-radius: 5px;
  object-fit: cover;
}
.coup-box-1 .s1 .rhs {
  float: left;
  width: 70%;
  width: calc(100% - 75px);
}
.coup-box-1 .s1 .rhs h4 {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 5px 5px 5px;
  line-height: 20px;
  height: 55px;
  overflow: hidden;
}
.coup-box-1 .s2 {
  float: left;
  width: 100%;
}
.coup-box-1 .s2 .lhs {
  float: left;
  width: 60%;
}
.coup-box-1 .s2 .lhs span {
  font-size: 11px;
  font-weight: 500;
  color: #474858;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.coup-box-1 .s2 .lhs h6 {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 20px;
}
.coup-box-1 .s2 .lhs a {
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  float: left;
}
.coup-box-1 .s2 .rhs {
  float: left;
  width: 40%;
  padding-top: 10px;
}
.coup-box-1 .s2 .rhs .get-coup-btn {
  background: #4634b5;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3b33b2, #aa35ce);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 15px;
  display: inline-block;
  float: right;
  border-radius: 50px;
  cursor: pointer;
}
.coup-box-2 {
  float: left;
  width: 90%;
  position: absolute;
  transition: all 0.5s ease;
  transform: translateX(110%);
  text-align: center;
  padding: 10px 0px 0px;
  height: 85%;
}
.coup-box-2 h4 {
  color: #4634b5;
  font-weight: 600;
  font-size: 18px;
}
.coup-box-2 p {
  font-size: 11.5px;
  margin-bottom: 0px;
  font-weight: 400;
  color: #28292b;
  line-height: 16px;
  padding-top: 5px;
  padding: 5px 30px 5px 30px;
}
.coup-box-2 span {
  font-size: 12px;
  font-weight: 500;
  color: #0056b3;
  cursor: pointer;
  padding-left: 20px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.coup-box-2 span:before {
  content: "arrow_back";
  margin: -4px 0px 0px -20px;
  color: #0056b3;
  font-weight: 600;
}
.coup-box-2 i {
  font-size: 30px;
  font-weight: 600;
  display: block;
  font-style: normal;
  /* letter-spacing: 1px;
    */
}
.coup-box-2 a {
  background: #4634b5;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3b33b2, #aa35ce);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 15px;
  display: inline-block;
  /* float: right;
    */
  border-radius: 50px;
  cursor: pointer;
}
.db-coupons {
  float: left;
  width: 100%;
  padding-top: 35px;
}
.db-coupons ul {
}
.db-coupons ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e6e5e5;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.db-coup-lhs {
  float: left;
  width: 40%;
}
.db-coup-rhs {
  float: left;
  width: 60%;
  padding: 0px 0px 0px 50px;
}
.db-coup-rhs h5 {
  /* padding-bottom: 15px;
    */
  position: relative;
}
.db-coup-rhs h5 b {
  font-size: 50px;
  font-weight: 600;
  line-height: 45px;
}
.db-coup-rhs h5 span {
  font-size: 16px;
  display: block;
}
.db-coup-rhs ol {
  padding: 5px 0px 0px 0px;
  float: left;
  width: 100%;
}
.db-coup-rhs ol li {
  margin: 0px;
  padding: 3px 0px;
  border: 0px;
  font-size: 12.5px;
  font-weight: 500;
  color: #8b909e;
}
.db-coup-rhs ol li b {
  color: #54575f;
}
.db-coup-rhs ol li a {
  border: 1px solid #007bff;
  padding: 1px 8px;
  border-radius: 3px;
  margin: 5px 5px 5px 0px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
}
.inp-ttip {
  position: absolute;
  background: #caffd3;
  width: 250px;
  padding: 10px;
  z-index: 9;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0px 9px 10px -13px #333;
  border: 1px solid #adf3b9;
  margin-top: 10px;
  line-height: 18px;
  font-weight: 400;
  display: none;
}
.inp-ttip b {
}
.inp-ttip:before {
  content: "";
  width: 9px;
  height: 9px;
  border: 1px solid #adf3b9;
  background: #caffd3;
  left: 10px;
  top: -5px;
  transform: rotate(45deg);
  border-bottom: 0px;
  border-right: 0px;
}
/*--====== COMPANY PROFILE ========--*/
.comp-pro-pg {
  padding: 0px;
}
.comp-pro-pg:before {
  display: none;
}
.com-pro-pg-head {
  position: fixed;
  background: #fff;
  width: 100%;
  top: 0px;
  left: 0;
  right: 0px;
  box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
  z-index: 10;
}
.db-unfol-user {
  position: relative;
  float: left;
  width: 100%;
}
.comp-head {
  width: 100%;
  padding: 10px 0px;
}
.com-pro-pg-head img {
  max-width: 200px;
  float: left;
}
.com-pro-pg-head ul {
  float: right;
  margin-top: 2px;
}
.com-pro-pg-head ul li {
  float: left;
  display: inline-block;
}
.com-pro-pg-head ul li a {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  padding: 8px;
  line-height: 28px;
}
.com-pro-pg-head ul li:last-child a {
  background: #6a8cbf;
  color: #fff;
  padding: 5px 20px;
  border-radius: 2px;
  margin-left: 8px;
}
.com-pro-pg-banner {
}
.com-pro-pg-banner img {
  width: 100%;
  float: left;
  height: 400px;
  object-fit: cover;
  background: #091220;
}
.com-pro-pg-bd {
  float: left;
  width: 100%;
  background: #f1f4f7;
}
.com-pro-pg-bd .templ-rhs-form .form-group textarea {
  height: 110px;
}
.com-pro-pg-bd .templ-rhs-form form {
  margin-bottom: 0px;
}
.comp-tax {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.comp-tax p {
  margin: 0px;
  border: 1px solid #c2def5;
  border-radius: 2px;
  padding: 10px;
  background: #ecf9ff;
  color: #0c6ab5;
  font-weight: 500;
  font-size: 18px;
}
.comp-tax p b {
  font-weight: 600;
  text-transform: uppercase;
}
.box-s1 {
  float: left;
  width: 100%;
  box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
  background: #fff;
  border-radius: 2px;
  margin-top: -125px;
  margin-bottom: 50px;
}
.pro-pg-logo {
  float: left;
  width: 23%;
  padding: 20px;
}
.pro-pg-logo img {
  width: 100%;
}
.pro-pg-bio {
  float: left;
  width: 57%;
  padding: 30px;
  text-align: left;
}
.pro-pg-bio h1 {
  font-size: 34px;
  font-weight: 600;
  padding-bottom: 10px;
}
.pro-pg-bio h1 i img {
  filter: hue-rotate(40deg);
  width: 32px;
  border: 1px solid #ededed;
  border-radius: 50px;
  height: 32px;
  padding: 5px;
  margin-top: -20px;
}
.pro-pg-bio .bio {
}
.pro-pg-bio .bio li {
  float: left;
  width: 50%;
  padding: 0px 10px 10px 0px;
}
.pro-pg-bio .bio li:first-child {
  width: 100%;
}
.pro-pg-bio .bio li span {
  font-size: 15px;
  color: #5f6673;
  font-weight: 500;
}
.pro-pg-bio .bio li span img,
.pro-pg-bio .bio li a img,
.pro-pg-bio .bio li img {
  width: 16px;
  margin-right: 5px;
  opacity: 0.8;
}
.pro-pg-bio .bio li a,
.pro-pg-bio .bio li {
  font-size: 15px;
  color: #5f6673;
  font-weight: 500;
}
.pro-pg-bio .bio li a:hover {
  color: #0a77ff;
}
.pro-pg-bio .bio li a img {
  /* margin-right: 5px;
    */
}
.pro-pg-bio .soc {
  padding-top: 10px;
  float: left;
  display: inline-block;
  width: 100%;
}
.pro-pg-bio .soc li {
  float: left;
  margin: 0px 5px 5px 0px;
}
.pro-pg-bio .soc li a {
}
.pro-pg-bio .soc li a img {
  width: 28px;
  background: #eceff3;
  padding: 6px;
  border-radius: 5px;
  opacity: 0.7;
  transition: all 0.5s ease;
}
.pro-pg-bio .soc li a:hover img {
  opacity: 1;
  background: #cee8f7;
  /* filter: invert(1);
    */
}
.pro-pg-cts {
  float: left;
  width: 20%;
  padding: 40px 25px 25px 0px;
}
.pro-pg-cts a {
  color: #fff;
  padding: 10px 20px;
  border-radius: 2px;
  display: block;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 13px;
}
.pro-pg-cts a.cta1 {
}
.pro-pg-cts a.cta2 {
  background: #5a6a7b;
}
.pro-pg-cts a.cta3 {
  background: #37b30e;
}
.box-s2 {
  padding-bottom: 50px;
  margin-bottom: 90px;
}
.box-s2 .lhs {
  float: left;
  width: 68%;
  box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
  background: #fff;
  padding: 30px;
  margin-right: 4%;
  text-align: left;
}
.box-s2 .lhs .comp-abo {
  padding-bottom: 20px;
}
.box-s2 .lhs .comp-abo h2 {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 15px;
}
.box-s2 .lhs .comp-abo h1 {
  font-size: 24px;
}
.box-s2 .lhs .comp-abo h3 {
  font-size: 19px;
}
.box-s2 .lhs .comp-abo h4 {
  font-size: 16px;
}
.box-s2 .lhs .comp-abo h5 {
  font-size: 14px;
}
.box-s2 .lhs .comp-abo h6 {
  font-size: 12px;
}
.box-s2 .lhs .comp-abo p {
  font-size: 14px;
  color: #5f6673;
  line-height: 28px;
}
.box-s2 .lhs .comp-pro {
  float: left;
  width: 100%;
  padding-bottom: 35px;
}
.box-s2 .lhs .comp-pro h2 {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 15px;
}
.box-s2 .lhs .comp-pro .all-pro-box {
  width: 32.3%;
  margin: 0.5%;
}
.box-s2 .lhs .comp-pro .land-pack-grid {
  width: 32.3%;
  margin: 0.5%;
  float: left;
}
.box-s2 .lhs .comp-pro .eve-box div:nth-child(1) img {
  height: 180px;
}
.box-s2 .rhs {
  float: left;
  width: 28%;
  /* box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    */
  /* background: #fff;
    */
  /* padding: 30px;
    */
  border-radius: 10px;
  position: relative;
}
.box-s2 .rhs .cpro-form {
  position: relative;
  /* width: 100%;
    */
  /* bottom: 0px;
    */
  /* top: 0px;
    */
  height: 100%;
}
.box-s2 .rhs .cpro-form .templ-rhs-eve {
  /* width: 100%;
    */
  position: sticky;
  top: 65px;
}
.comp-pro-edit {
}
.comp-pro-edit h6 {
  color: #333;
  font-weight: 600;
  padding: 0px 0px 5px 0px;
  font-size: 16px;
}
.edit-comp-pro {
  background: #edf6fd;
}
.edit-comp-pro:before {
  opacity: 0;
}
/*-- SEARCH --*/
.tser-res {
  position: absolute;
  background: #fff;
  box-shadow: 0px 10px 13px 1px #3333331a;
  width: 100%;
  border-radius: 4px;
  margin: 0px 0px 0px 0px;
  /* padding: 12px;
    */
  /* display: none;
    */
  max-height: 300px;
  overflow-y: auto !important;
  border: 1px solid #e1e3e8;
  border-top: 0px;
  padding: 4px 0px 0px 0px;
  transform: translateY(10px);
  transition: all 0.5s ease;
  visibility: hidden;
  opacity: 0;
}
.tser-res.act {
  transform: translateY(0px);
  transition: all 0.5s ease;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  width: 100%;
  border-radius: 0px 0px 4px 4px;
  margin-top: -2px;
}
.top-ser .tser-res.act {
  width: 100%;
}
.tser-res li {
  list-style-type: none;
  /* padding-bottom: 5px;
    */
  width: 100%;
}
.tser-res li:last-child {
  padding-bottom: 0px;
}
.tser-res li div {
  display: block;
  font-size: 12px;
  color: #5f6871;
  border-bottom: 1px solid #f3f4f6;
  padding: 7px 14px;
  font-weight: 500;
  position: relative;
}
.tser-res li div h4 {
  font-size: 13px;
  margin-bottom: 2px;
  font-weight: 600;
}
.tser-res li a em {
  font-style: normal;
  color: #008eff;
}
.tser-res li div:hover {
  background: #e5f3ff;
  color: #008eff;
  cursor: pointer;
}
.tser-res li.selected a {
  background: #e5f3ff;
  color: #008eff;
}
.tser-res li div span {
  font-size: 10px;
  display: block;
  text-transform: lowercase;
  color: #818a94;
}
.tser-res li div a {
}
.tser-res li div.match h5,
.tser-res li div.match span {
}
/*-------------------------------------------------*/
/* = EBOOK STYLES 
/*-------------------------------------------------*/
.ebk-ban {
  background-size: cover;
  margin-top: 52px;
  padding: 50px 0px;
  position: relative;
}
.ebk-ban:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #4b90cc;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #267ecfe6 14%, #1779d3ba 66%);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #134b7d9c 14%, #0e65b473 66%);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.ebk-ban .container {
  position: relative;
}
.ebk-ban .lhs {
  float: left;
  width: 65%;
  padding: 50px 50px 50px 100px;
}
.ebk-ban .lhs h1 {
  color: #fff;
  font-size: 52px;
  font-weight: 600;
  line-height: 60px;
  padding-bottom: 20px;
}
.ebk-ban .lhs p {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
  color: #fff;
}
.ebk-ban .lhs a.btn {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 30px;
  line-height: 20px;
  border-radius: 4px;
  letter-spacing: 2px;
}
.ebk-ban .lhs a.btn:hover {
  background: #c6ec07;
  box-shadow: 0px 9px 15px -3px #333;
}
.ebk-ban .rhs {
  float: left;
  width: 35%;
  padding-right: 100px;
}
.ebk-ban .rhs img {
  width: 100%;
  filter: drop-shadow(0px 1px 19px #333);
}
.ebk-con {
  padding: 50px 0px;
  margin-bottom: 100px;
}
.ebk-con .lhs {
  float: left;
  width: 35%;
  padding: 0px 20px 50px 80px;
}
.ebk-con .lhs h4 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding-bottom: 15px;
}
.ebk-con .lhs form {
  background: #f5f7fb;
  padding: 30px;
  border-radius: 5px;
  position: sticky;
  top: 50px;
  box-shadow: 0px 1px 19px #383b402b;
  border: 1px solid #e0e2e4;
}
.ebk-con .lhs form input,
.ebk-con .lhs form select,
.ebk-con .lhs form textarea {
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 13px;
  line-height: 20px;
  color: #7a7b7f;
  border-radius: 5px;
}
.ebk-con .lhs form input {
}
.ebk-con .lhs form select {
}
.ebk-con .lhs form textarea {
  height: 90px;
}
.ebk-con .lhs form .btn {
  width: 100%;
  border: 0px;
  font-weight: 500;
  font-size: 14px;
  padding: 10px;
}
.ebk-con .rhs {
  float: left;
  width: 65%;
  padding: 0px 100px 50px 50px;
}
.ebk-con .rhs h1 {
}
.ebk-con .rhs h2 {
}
.ebk-con .rhs h3 {
}
.ebk-con .rhs h4 {
  font-size: 24px;
  font-weight: 600;
  font-weight: 600;
}
.ebk-con .rhs h5 {
}
.ebk-con .rhs p,
.ebk-con .rhs li {
  font-size: 15px;
  line-height: 26px;
  color: #5b5d61;
}
.ebk-con .rhs img {
  width: 100%;
  margin: 5px 0px;
  border-radius: 2px;
}
.ebk-con .rhs p a {
}
.ebk-con .rhs ul {
  position: relative;
  padding: 8px 0px 15px 30px;
}
.ebk-con .rhs ul li {
  padding: 0px 0px 15px 30px;
  /* font-size: 14px;
    */
  /* font-weight: 500;
    */
  /* line-height: 24px;
    */
}
.ebk-con .rhs ul li:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #3a4cb0;
  margin-left: -34px;
  z-index: 2;
  border-radius: 50px;
  border: 3px solid #fff;
  box-sizing: border-box;
  margin-top: 5px;
  box-shadow: 0 0px 10px 0.6px rgba(40, 30, 20, 0.08);
}
.ebk-con .rhs ul li:nth-child(odd):before {
  background: #76cef1;
}
.ebk-con .rhs ul li:nth-child(even):before {
  background: #6ae697;
}
.ebk-con .rhs ul::after {
  content: "";
  background: #ececec;
  position: absolute;
  width: 1px;
  top: 15px;
  bottom: 0;
  height: 75%;
  left: 33px;
}
/*--==========================--*/
.pg-404 {
  padding: 150px 0 170px;
  background: #090b52;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  /* background: linear-gradient(to right, #142b6b, #4c288e);
    */
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pg-404 .inn1 {
  text-align: center;
  color: #ffffff;
  width: 100%;
}
.pg-404 .inn1 b {
  font-size: 120px;
  line-height: 90px;
  color: #fff;
}
.pg-404 .inn1 h1 {
  font-size: 40px;
  color: #e3c009;
}
.pg-404 .inn1 p {
}
.pg-404 .inn1 a.btn1 {
  font-size: 12px;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 3px;
  background: #186dd6;
  color: #fff;
}
.pg-404 .inn1 a.btn2 {
  font-size: 12px;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 3px;
  background: #607d8b;
  color: #fff;
}
/*--==========================--*/
.pg-install {
  background: #f0f2f5;
  padding: 30px;
}
.pg-install .inn {
  width: 580px;
  margin: 0 auto;
  background: #fff;
  padding: 25px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12);
  border-radius: 5px;
  /* margin-top: 50px;
    */
}
.pg-install .s1 {
  padding-bottom: 30px;
}
.pg-install .s1 img {
  margin: 0 auto;
  display: table;
  width: 160px;
}
.pg-install .s2 {
}
.pg-install .s2 h4 {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #667d9a;
}
.pg-install .s2 h4 b {
  color: #4e6582;
}
.pg-install .s2 p {
  font-size: 10.5px;
  margin: 0px 0px 15px 0px;
  background: #ebfff4;
  border: 1px solid #ccf1dd;
  padding: 10px;
  float: left;
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 16px;
  font-weight: 400;
}
.pg-install .s2 p a {
  text-decoration: underline;
  color: #09b155;
}
.pg-install .s2 table {
}
.pg-install .s2 table tr {
}
.pg-install .s2 table tr td {
  font-size: 11px;
  padding: 10px;
  color: #4e6582;
}
.pg-install .s2 table tr td h6 {
  font-size: 14px;
  margin: 0px;
  font-weight: 500;
  /* color: #333;
    */
}
.pg-install .s2 table tr td input,
.pg-install .s2 table tr td select {
  border: 1px solid #c6c8ca;
  font-size: 13px;
  padding: 5px;
  background: #f0f2f570;
  border-radius: 2px;
  font-weight: 500;
  width: 100%;
}
.pg-install .s2 table tr td b {
}
.pg-install .s2 table tr td button {
  font-size: 12px;
  padding: 10px;
  display: inline-block;
  border-radius: 2px;
  color: #fff;
  border: 0px;
  width: 100%;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s ease;
}
.pg-install .s2 table tr td button:hover {
  background: #3ca040;
  box-shadow: 0px 6px 7px -2px #3333338c;
}
.pg-install .s2-succ {
}
.pg-install .s2-succ h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #0c9c4d;
  font-family: "Roboto", sans-serif;
}
.pg-install .s2-succ p {
  text-align: center;
  color: #0c9c4d;
  font-size: 12.5px;
  line-height: 18px;
}
.user-act-code .login {
  text-align: center;
}
.user-act-code .login h4 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 5px;
  display: none;
}
.user-act-code .login p {
  font-size: 13px;
  font-weight: 500;
  color: #79797b;
  padding: 0px 30px;
}
.user-act-code .login p b {
  font-size: 22px;
  color: #0fb953;
}
.user-act-code .ud-notes {
}
.user-act-code .templ-acti {
  background: none;
  padding: 0px;
  margin-top: 10px;
}
.user-act-code .templ-acti ul {
  margin: 0 auto;
  width: 80%;
}
.user-act-code .templ-acti ul li {
}
.user-act-code .templ-acti input {
  font-size: 16px;
  font-weight: 500;
  padding: 8px;
  border: 0px;
  border-bottom: 1px solid #cacaca;
  height: 40px;
  border-radius: 2px;
  float: left;
  width: 100%;
  text-align: center;
}
.user-act-code .templ-acti button {
  height: 40px;
  float: left;
  background: #0fb953;
  border: 1px solid #0fb953;
  font-weight: 500;
  border-radius: 2px;
  width: 100%;
  margin-top: 10px;
}
.radi-v4 {
  float: left;
  padding: 0px 12px 5px 0px;
}
.radi-v4 input {
}
.radi-v4 label {
}
.radi-v4 [type="radio"]:checked,
.radi-v4 [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.radi-v4 [type="radio"]:checked + label,
.radi-v4 [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #333;
  font-weight: 600;
}
.radi-v4 [type="radio"]:checked + label:before,
.radi-v4 [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid #a8bdb4;
  border-radius: 100%;
  background: #fff;
}
.radi-v4 [type="radio"]:checked + label {
  color: #0ba265;
}
.radi-v4 [type="radio"]:checked + label:after,
.radi-v4 [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0ba265;
  position: absolute;
  top: 4px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.radi-v4 [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radi-v4 [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.buy-poin {
}
.buy-poin h5 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px 15px 8px 0px;
}
.buy-poin .notes {
  border: 1px solid #76eabb;
  background: #dffff2;
  color: #0b8c58;
  font-weight: 500;
  padding: 3px;
  border-radius: 5px;
  font-size: 13px;
}
.buy-poin .form-group label {
  font-weight: 500;
}
.buy-poin .form-group input {
  font-size: 32px !important;
  font-weight: 600;
}
.nme-list-deta-ban {
  padding: 20px 60px 20px 0px;
  margin: 0 auto;
  display: table;
  width: 80%;
  max-width: 100%;
}
.nme-les-det-lhs {
  float: left;
  width: 75%;
}
.cta-call {
  font-weight: 600;
  display: inline-block;
  padding: 12px 10px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #42a946;
  color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
/*--====== PAGENATION =======--*/
ul.simple-pagination {
  list-style: none;
}
.simple-pagination {
  display: block;
  overflow: hidden;
  padding: 20px 0px;
  margin: 0;
  width: 100%;
}
.simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: table;
}
.simple-pagination li {
  list-style: none;
  padding: 0 !important;
  margin: 0;
  float: left;
  width: auto !important;
}
.all-listing .simple-pagination {
  padding: 20px 0px 15px 0;
}
span.ellipse.clickable {
  cursor: pointer;
}
.ellipse input {
  width: 3em;
}
.compact-theme a,
.compact-theme span {
  float: left;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  border: 1px solid #aaa;
  border-left: none;
  min-width: 14px;
  padding: 0 7px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background: #efefef;
  background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fff),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
  background: -o-linear-gradient(top, #fff 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #fff 0%, #efefef 100%);
  background: linear-gradient(top, #fff 0%, #efefef 100%);
}
.compact-theme a:hover {
  text-decoration: none;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #bbb 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efefef),
    color-stop(100%, #bbb)
  );
  background: -webkit-linear-gradient(top, #efefef 0%, #bbb 100%);
  background: -o-linear-gradient(top, #efefef 0%, #bbb 100%);
  background: -ms-linear-gradient(top, #efefef 0%, #bbb 100%);
  background: linear-gradient(top, #efefef 0%, #bbb 100%);
}
.compact-theme li:first-child a,
.compact-theme li:first-child span {
  border-left: 1px solid #aaa;
  border-radius: 3px 0 0 3px;
}
.compact-theme li:last-child a,
.compact-theme li:last-child span {
  border-radius: 0 3px 3px 0;
}
.compact-theme .current {
  background: #bbb;
  background: -moz-linear-gradient(top, #bbb 0%, #efefef 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #bbb),
    color-stop(100%, #efefef)
  );
  background: -webkit-linear-gradient(top, #bbb 0%, #efefef 100%);
  background: -o-linear-gradient(top, #bbb 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #bbb 0%, #efefef 100%);
  background: linear-gradient(top, #bbb 0%, #efefef 100%);
  cursor: default;
}
.compact-theme .ellipse {
  background: #eaeaea;
  padding: 0 10px;
  cursor: default;
}
.light-theme a,
.light-theme span {
  float: left;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  border: 1px solid #bbb;
  min-width: 14px;
  padding: 0 7px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  /* box-shadow:0 1px 2px rgba(0,0,0,0.2);
    */
  background: #efefef;
}
.light-theme a:hover {
  text-decoration: none;
  background: #fcfcfc;
}
.light-theme .current {
  background: #1137bf;
  color: #fff;
  cursor: default;
}
.light-theme .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: 700;
  cursor: default;
}
.dark-theme a,
.dark-theme span {
  float: left;
  color: #ccc;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  border: 1px solid #222;
  min-width: 14px;
  padding: 0 7px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #555;
  background: -moz-linear-gradient(top, #555 0%, #333 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #555),
    color-stop(100%, #333)
  );
  background: -webkit-linear-gradient(top, #555 0%, #333 100%);
  background: -o-linear-gradient(top, #555 0%, #333 100%);
  background: -ms-linear-gradient(top, #555 0%, #333 100%);
  background: linear-gradient(top, #555 0%, #333 100%);
}
.dark-theme a:hover {
  text-decoration: none;
  background: #444;
}
.dark-theme .current {
  background: #222;
  color: #fff;
  border-color: #000;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  cursor: default;
}
.dark-theme .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: 700;
  cursor: default;
}
/*-------------------------------------------------*/
/* = IMAEGE DROG AND DROP 
/*-------------------------------------------------*/
.imageuploadify {
  border: 3px dashed #b6c1d2;
  position: relative;
  /* min-height:350px;
    */
  min-width: 100%;
  max-width: 1000px;
  margin: auto;
  display: flex;
  padding: 20px;
  flex-direction: column;
  text-align: center;
  background-color: #f7faff;
  color: #2a98ff;
  border-radius: 20px;
}
.imageuploadify .imageuploadify-overlay {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  flex-direction: column;
  top: 0;
  left: 0;
  display: none;
  font-size: 7em;
  background-color: rgba(242, 242, 242, 0.7);
  text-align: center;
  pointer-events: none;
}
.imageuploadify .imageuploadify-overlay i {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.imageuploadify .imageuploadify-images-list {
  display: inline-block;
  width: 100%;
  padding-top: 35px;
}
.imageuploadify .imageuploadify-images-list i {
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  /* vertical-align: text-top;
    */
}
.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
  font-size: 18px;
  padding: 10px;
  display: block;
  font-weight: 500;
  color: #43515d;
}
.imageuploadify .imageuploadify-images-list button.btn-default {
  /* display:block;
    */
  color: #05a2fd !important;
  background: none !important;
  border: 0px;
  font-size: 18px;
  line-height: 26px;
  text-decoration: underline;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin: 0px 0px 10px 0px;
  float: left;
  border-radius: 12px;
  box-shadow: 0 0 4px 0 #8888888c;
}
.imageuploadify
  .imageuploadify-images-list
  .imageuploadify-container
  button.btn-danger {
  position: absolute;
  top: -20px;
  right: 7px;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  font-size: 10px;
  line-height: 1.42;
  padding: 2px 0;
  text-align: center;
  z-index: 3;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.imageuploadify
  .imageuploadify-images-list
  .imageuploadify-container
  .imageuploadify-details {
  position: absolute;
  top: 0;
  padding-top: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #323452d1;
  z-index: 2;
  opacity: 0;
  padding: 40px 15px 5px 15px;
  bottom: 0px;
  transition: all 0.4s ease;
}
.imageuploadify
  .imageuploadify-images-list
  .imageuploadify-container
  .imageuploadify-details
  span {
  display: block;
  font-size: 10px;
  color: #cccdd8;
}
.imageuploadify .imageuploadify-images-list img {
  /* padding-bottom: 10px;
    */
}
.imageuploadify .imageuploadify-images-list span.img-notes {
  color: #6d7b90;
  font-size: 13px;
  font-weight: 400;
  display: block;
  padding-bottom: 15px;
}
/*BIZBOOK EDITOR*/
.bixedtr {
  border: 1px solid #c4c4c4;
  background: #fff;
  border-radius: 5px;
  width: 100%;
}
.bixedtr-tools a {
  cursor: pointer;
}
.bixedtr-tools .fa,
.bixedtr-tools .material-icons {
  font-size: 18px;
  font-weight: 500;
  color: #3e4a50;
}
#bizeditor {
  border-top: 1px solid #c4c4c4;
  min-height: 150px;
  overflow: auto;
  padding: 1em;
  resize: vertical;
  outline: none;
}
.biz-toolbar {
  text-align: center;
  padding: 10px 0;
  background: #f6f8f9;
  border-radius: 5px 5px 0 0;
}
.biz-toolbar a,
.fore-wrapper,
.back-wrapper {
  font-family: "Candal";
  color: #3e4a50;
  padding: 5px 1px 2px;
  width: 20px;
  margin: 0;
  display: inline-block;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 14px;
}
.biz-toolbar a:hover,
.fore-wrapper:hover,
.back-wrapper:hover {
  background: #e1e5e7;
}
a[data-command="redo"],
a[data-command="strikeThrough"],
a[data-command="justifyFull"],
a[data-command="insertOrderedList"],
a[data-command="outdent"],
a[data-command="p"],
a[data-command="superscript"] {
  margin-right: 5px;
  border-radius: 0 3px 3px 0;
}
a[data-command="undo"],
.fore-wrapper,
a[data-command="justifyLeft"],
a[data-command="insertUnorderedList"],
a[data-command="indent"],
a[data-command="h1"],
a[data-command="subscript"] {
  border-radius: 3px 0 0 3px;
}
a.palette-item {
  height: 1em;
  border-radius: 3px;
  margin: 2px;
  width: 1em;
  border: 1px solid #ccc;
}
a.palette-item:hover {
  border: 1px solid #ccc;
  box-shadow: 0 0 3px #333;
}
.fore-palette,
.back-palette {
  display: none;
}
.fore-wrapper,
.back-wrapper {
  display: inline-block;
  cursor: pointer;
}
.fore-wrapper:hover .fore-palette,
.back-wrapper:hover .back-palette {
  display: block;
  float: left;
  position: absolute;
  padding: 3px;
  width: 160px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 5px #ccc;
  height: 70px;
}
.fore-palette a,
.back-palette a {
  background: #fff;
  margin-bottom: 2px;
}
a[data-command="h2"],
a[data-command="h4"],
a[data-command="p"] {
  font-size: 16px;
  position: relative;
  top: -3px;
}
.news-details .news-com-tit h2 {
}
.share-new,
.list-sh .share-new {
  position: relative;
  background: #0364f4;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 30px;
  cursor: pointer;
  margin-top: 15px;
  display: inline-block;
  transition: all 0.4s ease;
}
.share-new:hover {
  background: #054bb3;
}
.share-new i {
  color: #fff;
  font-weight: 100;
  font-size: 20px;
  line-height: 35px;
  vertical-align: middle;
  margin-right: 5px;
}
.share-new-top {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.share-new-top i {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background: #0364f4;
  color: #fff;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
  transition: all 0.4s ease;
}
.share-ic-com {
  right: initial;
  top: initial;
  padding: 0;
  position: relative;
}
.share-ic-com i {
}
.job-det-desc .share-ic-com i {
  background: #0ba110;
}
.share-new-top i:hover {
  background: #054bb3;
}
.sharepop .modal-title {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}
.sharepop .modal-body {
  /* padding: 20px 30px;
    */
}
.sharepop .modal-body input {
  background: #eef5ff;
  border: 1px solid #d3d9e1;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 12px;
  float: left;
  width: 100%;
  color: #0364f4;
}
.sharepop .modal-body .shareurltip {
  /* background: #68c15a;
    */
  /* color: #fff;
    */
  /* font-size: 13px;
    */
  /* font-weight: 500;
    */
  padding: 0;
  width: 100%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
}
.sharepop .modal-body .shareurltip button {
  display: block;
  width: 100%;
  background: #0364f4;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border: 0px;
  padding: 10px;
}
.shareurltip {
  position: relative;
  display: inline-block;
}
.shareurltip .shareurltxt {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 115%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 11px;
}
.shareurltip .shareurltxt::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.shareurltip:hover .shareurltxt {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 1450px) {
  .ud-main .ud-main-inn {
    max-width: 950px;
  }
}
@media screen and (max-width: 1370px) {
  .ud-cen-s1 ul li div p {
  }
  .eve-box div:nth-child(2) h4 {
    font-size: 16px;
  }
  .all-list-sh .eve-box div:nth-child(2) span {
    font-size: 13px;
  }
  .all-list-sh .eve-box div:nth-child(3) .links a,
  .all-list-sh .eve-box div:nth-child(3) .links span {
    font-size: 12px;
  }
  .filt-com h4 {
    font-size: 14px;
  }
  .bb-text h4 {
    font-size: 22px;
  }
  .foot-supp h2 {
    font-size: 18px;
  }
  .db-list-ststus {
    padding: 2px 5px;
    font-size: 9px;
  }
  .db-list-rat {
    padding: 2px 5px;
    font-size: 9px;
  }
  .ud-cen-s2 table tr td:nth-child(2) img {
    width: 32px;
    height: 32px;
  }
  .ud-cen-s2 table tr td:nth-child(2) {
    font-size: 10px;
  }
  .ud-cen-s2 table tr td:nth-child(2) span {
    font-size: 9px;
  }
  .ud-cen-s2 table tr th {
    font-size: 10px;
    padding: 14px 8px 14px 0px;
  }
  .db-list-edit {
    font-size: 9px;
  }
  .ud-rhs-sec-2 ul li a p,
  .ud-rhs-sec-1 ul li a p {
    font-size: 11px;
  }
  .ud-rhs-sec-2 ul li a h5,
  .ud-rhs-sec-1 ul li a h5 {
    font-size: 11px;
  }
  .ud-cen-s3 ul li .db-eve a h5 {
    font-size: 12.5px;
  }
  .ud-cen-s2 h2,
  .ud-cen-s3 h2 {
    font-size: 13px;
  }
  .ud-cen-s2 {
    overflow: hidden;
    overflow-x: auto;
  }
  .ud-rhs-promo {
    padding: 20px;
  }
  .ud-rhs-promo h3 {
    font-size: 18px;
  }
  .ud-rhs-promo p {
    font-size: 11px;
  }
  .ud-rhs-promo a {
    font-size: 9px;
  }
  .add-list .steps,
  .udb-inst {
    font-size: 10px;
  }
  .ud-cen-s2 a.db-tit-btn,
  .ud-cen-s3 a.db-tit-btn {
    font-size: 9px;
  }
  .ud-lhs-s1 h4 {
    font-size: 15px;
  }
  .ud-lhs-s1 .ud-lhs-view-pro {
    font-size: 8px;
  }
  .ud-lhs-s2 ul li a {
    /* font-size: 12px;
        */
  }
  .ud-lhs-s2 ul li a img {
    width: 22px;
  }
  .ud-rhs-pay-inn h3 {
    font-size: 13px;
    padding: 10px 15px;
  }
  .ud-rhs-pay-inn ul {
    padding: 15px;
  }
  .ud-rhs-pay-inn ul li {
    font-size: 11px;
  }
  .ud-rhs-pay-inn ul li b {
    width: auto;
  }
  .ud-rhs-sec-1 ul,
  .ud-rhs-sec-2 ul,
  .ud-rhs-sec-3 ul,
  .ud-rhs-sec-4 ul {
    padding: 15px;
  }
  .ud-rhs-sec-1 ul li {
    padding-bottom: 6px;
    margin-bottom: 8px;
  }
  .blog-head-inn h1 {
    font-size: 38px;
  }
  .blog-head-inn p {
    font-size: 20px;
  }
  .blog-head {
    padding: 50px 0px 0px 0px;
  }
}
/*-------------------------------------------------*/
/* = PLACES 
/*-------------------------------------------------*/
.modu-hom-com-ban {
  margin-top: var(--topspac);
  padding: 80px 0 60px 0;
  background-color: #deeafc;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.que-hom-ban {
  background-color: #ffe7e7;
}
.modu-hom-com-ban-inn {
  float: left;
  width: 100%;
  text-align: center;
}
.modu-hom-com-ban-inn h1 {
  font-weight: 700;
  font-size: 42px;
  line-height: 48px;
}
.modu-hom-com-ban-inn p {
  font-size: 14px;
  color: #787984;
}
.plac-hom-ban {
  margin-top: var(--topspac);
  background: #deeafc;
  padding: 80px 0 60px 0;
  background-size: 100%;
  background-position: center bottom;
}
.plac-hom-ban h1 {
  color: #fff;
}
.plac-hom-ban-inn {
  float: left;
  width: 100%;
  text-align: center;
}
.plac-hom-ban-inn h1 {
  font-weight: 700;
  font-size: 42px;
  line-height: 48px;
}
.plac-hom-ban-inn p {
  font-size: 14px;
  color: #cecccc;
}
.plac-hom-bd {
  padding: 30px 0;
  float: left;
  width: 100%;
}
.plac-hom-tit {
  position: relative;
  padding-left: 15px;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
}
.hm3-auto-ban {
  background-size: 100%;
  background-position: center right;
  padding-top: 55px;
}
.h2-ban-ql {
  display: table;
}
.hm3-auto-ban .rhs .hom-col-req .log-bor {
  display: block;
}
.caro-home {
  float: left;
  width: 100%;
}
.carousel-item:before {
  background: none;
}
.ban-tit h1 {
  font-weight: 500;
  color: #fff;
  text-shadow: none;
}
.ban-tit h1 b {
  font-weight: 700;
  font-size: 42px;
  line-height: 49px;
  padding-bottom: 15px;
  color: #fff;
  text-shadow: none;
}
.h2-ban-ql ul li div {
  border: 1px solid #d9d9da;
  background: #fff;
}
.h2-ban-ql ul li div h5 {
  font-weight: 500;
  color: #383942;
}
.h2-ban-ql ul li div h5 span {
  font-weight: 700;
}
.home-tit h2 {
  font-weight: 400;
}
.home-tit h2 span {
  font-weight: 700;
  font-size: 32px;
  color: #4a5e95;
  position: relative;
  z-index: 2;
}
.home-tit h2 span:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 6px;
  background: #ff83bc;
  bottom: 1px;
  left: 30%;
  z-index: -1;
  transform: skew(51deg, 0deg);
}
.home-tit p {
  color: #4e6d8d;
}
.all-jobs-ban {
  margin-bottom: 0;
}
.job-sear ul li.sr-btn button {
  background: #ff9800;
  color: #fff;
  border: 0px solid #005ba2;
  padding: 0px 25px 0px 25px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.5s ease;
  /* background: linear-gradient(to bottom,#3384ff, #2170e8); */
  border-radius: 0 10px 10px 0;
}
.all-jobs-ban h1 {
  font-size: 58px;
  color: #fff;
  text-shadow: 0 1px 3px #333333f7;
}
.job-sear ul li.sr-sea:before {
  content: "people";
}
.all-jobs-ban p {
  color: #fff;
}

.all-jobs-ban:before {
  content: "";
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.h2-ban-ql ul li div:hover {
  background: #d3f0fb;
  box-shadow: 0 14px 22px -13px #0b1017ba;
}
.land-pack-grid-text h4 .dir-ho-cat {
  color: #f6f7f9;
  font-size: 11px;
  position: relative;
  width: 100%;
  display: inline-block;
}
.land-pack-grid-img {
  background: #333;
}
.home-tit {
  margin-bottom: 20px;
  padding-top: 60px;
}
.hom2-hom-ban:hover a {
  background: #d6c607;
}
.hom2-hom-ban h2 {
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 5px;
}
.hom2-hom-ban p {
  font-size: 14px;
}
.hom2-hom-ban a {
  background: #21d78d;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
}
.hom2-hom-ban p,
.hom2-hom-ban h2,
.hom2-hom-ban a {
  position: relative;
  color: #fff;
}
.hom2-hom-ban:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.8;
  background: #24c6dc;
  border-radius: 5px;
}
.hom2-hom-ban1:before {
  background-image: linear-gradient(
    140deg,
    #0c7ada 0%,
    #0761af 50%,
    #0f243e94 75%
  );
}
.hom2-hom-ban2:before {
  background-image: linear-gradient(
    140deg,
    #768404 0%,
    #768404 50%,
    #0f243e94 75%
  );
}
.testmo {
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 7px -3px #161d2926;
  border-radius: 5px;
  padding: 30px;
  position: relative;
}
.testmo img {
  width: 64px;
  height: 64px;
  border-radius: 50px;
  object-fit: cover;
  margin: -80px 0 0;
}
.testmo h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.testmo span {
  font-size: 11px;
  font-weight: 400;
  color: #727688;
}
.testmo span a {
  font-weight: 500;
  color: #4caf50;
  display: block;
  font-size: 12px;
}
.testmo p {
  color: #727688;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  font-weight: 400;
  height: 58px;
  overflow: hidden;
  border-top: 1px solid #f1eeee;
  padding-top: 15px;
  margin-top: 15px;
}
.testmo p:before {
  content: "format_quote";
  font-size: 21px;
  margin: -25px 0 0;
  background: #fff;
}
.hom2-cus {
  background: #f7f8f9;
  padding-bottom: 70px;
}
.testmo .rat {
  padding: 2px 2px 2px 10px;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 50px;
}
.testmo .rat i {
  color: #ff9800;
  font-size: 13px;
  width: 7px;
}
.slick-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #ededed;
  color: #ffffff03;
  position: absolute;
  z-index: 9;
  top: 38%;
}
.slick-arrow:before {
  content: "chevron_left";
  font-size: 27px;
  top: 4px;
  left: 9px;
}
.slick-prev {
  left: 14px;
}
.slick-next {
  right: 14px;
}
.slick-next:before {
  content: "chevron_right";
  font-size: 27px;
}
.hom4-prop-box {
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 14px -4px #161d2926;
  border: 1px solid #efefef;
}
.hom4-prop-box img {
  width: 100%;
  border-radius: 2px;
  margin: 0;
  height: 120px;
}
.hom4-prop-box div {
  padding: 25px;
}
.hom4-prop-box .rat {
  position: relative;
  top: initial;
  right: initial;
  padding: 2px 2px 2px 0;
  display: block;
  margin: 0;
  height: 17px;
  left: -2px;
}
.hom4-fea {
  background: #fff;
  padding-bottom: 40px;
  float: left;
  width: 100%;
}
.str {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.hom4-fea .home-tit {
  margin-bottom: 0;
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .land-pack-grid-text h4 {
    font-size: 16px;
  }
}
.hom-head .container {
  display: none;
}
.hom-head {
  background: none !important;
  padding: 0;
  margin: 0;
}
.hom-head .hom-top .container {
  display: block;
}
.dmact .top-ser {
  display: block;
}
.h2-ban-ql {
  display: table;
}
.hm3-auto-ban .rhs .hom-col-req .log-bor {
  display: block;
}
.caro-home {
  /* float: left; */
  width: 100%;
  display: flex;
  justify-content: center;
}
.carousel-item:before {
  background: none;
}
.ban-tit h1 {
  font-weight: 500;
  color: #fff;
  text-shadow: none;
}
.ban-tit h1 b {
  font-weight: 700;
  font-size: 42px;
  line-height: 49px;
  padding-bottom: 15px;
  color: #fff;
  text-shadow: none;
}
.h2-ban-ql ul li div {
  border: 1px solid #d9d9da;
  background: #fff;
}
.h2-ban-ql ul li div h5 {
  font-weight: 500;
  color: #383942;
}
.h2-ban-ql ul li div h5 span {
  font-weight: 700;
}
.home-tit h2 {
  font-weight: 400;
}
.home-tit h2 span {
  font-weight: 700;
}
.h2-ban-ql ul li div:hover {
  background: #d3f0fb;
  box-shadow: 0 14px 22px -13px #0b1017ba;
}
.land-pack-grid-text {
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to top, #000000c7, #00000008);
}
.land-pack-grid-text h4 {
  padding: 15px;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  bottom: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
}
.land-pack-grid-text h4 .dir-ho-cat {
  color: #f6f7f9;
  font-size: 11px;
  position: relative;
  width: 100%;
  display: inline-block;
}
.land-pack-grid-img {
  background: #333;
}
.home-tit {
  padding-top: 60px;
}
.hom2-hom-ban {
  float: left;
  width: 24%;
  transition: all 0.5s ease;
  background-size: cover;
  margin: 0 0.5%;
  background: #e6f6fb;
  padding: 20px;
  border-radius: 5px;
  position: relative;
}
.hom2-hom-ban:hover a {
  background: #d6c607;
}
.hom2-hom-ban h2 {
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 5px;
}
.hom2-hom-ban p {
  font-size: 14px;
}
.hom2-hom-ban a {
  background: #e7bc00;
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}
.hom2-hom-ban p,
.hom2-hom-ban h2,
.hom2-hom-ban a {
  position: relative;
  color: #fff;
}
.hom2-hom-ban:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.8;
  background: #24c6dc;
  border-radius: 5px;
}
.hom2-hom-ban1:before {
  background: #0000007d;
}
.hom2-hom-ban2:before {
  background: #0000007d;
}
.hom2-hom-ban-main {
  float: left;
  width: 100%;
  padding-bottom: 70px;
}
.hom2-cus-sli {
  float: left;
  width: 100%;
  padding-top: 0;
}
.hom2-cus-sli ul li {
  float: left;
  width: 20%;
  padding: 12px 20px;
}
.testmo {
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 7px -3px #161d2926;
  border-radius: 5px;
  padding: 30px;
  position: relative;
}
.testmo img {
  width: 64px;
  height: 64px;
  border-radius: 50px;
  object-fit: cover;
  margin: -80px 0 0;
}
.testmo h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.testmo span {
  font-size: 11px;
  font-weight: 400;
  color: #727688;
}
.testmo span a {
  font-weight: 500;
  color: #4caf50;
  display: block;
  font-size: 12px;
}
.testmo p {
  color: #727688;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  font-weight: 400;
  height: 58px;
  overflow: hidden;
  border-top: 1px solid #f1eeee;
  padding-top: 15px;
  margin-top: 15px;
}
.testmo p:before {
  content: "format_quote";
  font-size: 21px;
  margin: -25px 0 0;
  background: #fff;
}
.hom2-cus {
  background: #f7f8f9;
  padding-bottom: 70px;
}
.testmo .rat {
  padding: 2px 2px 2px 10px;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 50px;
}
.testmo .rat i {
  color: #ff9800;
  font-size: 13px;
  width: 7px;
}
.hom2-cus-sli ul {
  position: relative;
  overflow: hidden;
  padding: 30px;
}
.slick-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #180f5e7a;
  border: 1px solid #ededed;
  color: #ffffff03;
  position: absolute;
  z-index: 9;
  top: 38%;
}
.slick-arrow:before {
  content: "chevron_left";
  font-size: 27px;
  top: 4px;
  left: 9px;
}
.slick-prev {
  left: 14px;
}
.slick-next {
  right: 14px;
}
.slick-next:before {
  content: "chevron_right";
  font-size: 27px;
}
.hom4-prop-box {
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 14px -4px #161d2926;
  border: 1px solid #efefef;
}
.hom4-prop-box img {
  width: 100%;
  border-radius: 2px;
  margin: 0;
  height: 120px;
}
.hom4-prop-box div {
  padding: 25px;
}
.hom4-prop-box .rat {
  position: relative;
  top: initial;
  right: initial;
  padding: 2px 2px 2px 0;
  display: block;
  margin: 0;
  height: 17px;
  left: -2px;
}
.hom4-fea {
  background: transparent;
  padding-bottom: 0px;
  margin-top: 30px;
}
.hom4-fea .hom2-cus-sli ul li {
  padding: 12px 6px;
}
.hom4-fea .home-tit {
  margin-bottom: 0;
  padding-top: 70px;
}
.plac-hom-tit-ic-nws:before {
  background-size: 30px;
}
.plac-hom-tit-ic-ser:before {
  background-size: 30px;
}
.plac-hom-tit-ic-jbs:before {
  background-size: 30px;
}
.plac-hom-tit h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #333;
}
.plac-hom-tit p {
  color: #333;
  font-size: 15px;
  margin-bottom: 0;
}
.plac-hom-all-pla {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 8px;
}
.plac-hom-all-pla .slick-arrow {
  opacity: 0.2;
  transition: all 0.5s ease;
}
.plac-hom-all-pla .slick-prev {
  left: -28px;
}
.plac-hom-all-pla .slick-next {
  right: -32px;
}
.plac-hom-all-pla:hover .slick-arrow {
  opacity: 1;
  background: #0000007a;
  border: 1px solid #ffffff82;
}
.plac-hom-all-pla:hover .slick-prev {
  left: 1px;
}
.plac-hom-all-pla:hover .slick-next {
  right: 0px;
}
.plac-hom-all-pla ul li {
  float: left;
  width: 20%;
  padding: 10px;
}
.plac-hom-box {
  border: 1px solid #cfd7e5;
  border-radius: 10px;
  float: left;
  width: 100%;
  position: relative;
}
.plac-hom-box-im:before,
.plac-det-ban-im:before {
  content: "";
  position: absolute;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00000061;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #00000000, #00000033);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #00000000, #0000009c);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  z-index: 1;
}
.plac-hom-box:hover {
}
.plac-hom-box:hover .plac-hom-box-im img {
  transform: scale(1.1);
}
.plac-det-ban-im .share-new-top {
  z-index: 1;
}
.plac-hom-box-im {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.plac-hom-box-im img {
  width: 100%;
  height: 185px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
  transition: all 0.4s ease-in-out;
}
.plac-det-eve img,
.plac-det-eve .plac-hom-box-im:before {
  border-radius: 10px;
}
.plac-hom-box-im h4 {
  position: absolute;
  bottom: 18px;
  left: 18px;
  color: #fff;
  font-size: 22px;
  margin-bottom: 0;
  z-index: 2;
  white-space: break-spaces;
}
.plac-hom-box-txt {
  padding: 15px;
  float: left;
  width: 100%;
}
.plac-hom-box-txt span {
  float: left;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}
.plac-hom-box-txt span:nth-child(1) {
  width: 150px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  padding-right: 15px;
  color: #303c46;
}
.plac-hom-box-txt span:nth-child(2) {
  padding: 3px 0 0 15px;
  font-size: 13px;
}
.plac-hom-box-txt span:nth-child(2):after {
  content: "arrow_forward";
  position: absolute;
  line-height: 21px;
  padding-left: 5px;
  transition: all 0.4s ease-in-out;
}
.plac-hom-box:hover .plac-hom-box-txt span:nth-child(2):after {
  padding-left: 8px;
}
.plac-hom-tit-ic-sugg {
  margin-top: 50px;
  border: 1px solid #e1e8f3;
  border-radius: 15px;
  padding: 30px 15px 30px 100px;
  background: #f2f7ff;
  margin-bottom: 50px;
}
.plac-hom-tit-ic-sugg h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  color: #343940;
}
.plac-hom-tit-ic-sugg p {
  font-size: 13px;
}
.plac-hom-tit-ic-sugg span {
  position: absolute;
  background: #6981a9;
  color: #fff;
  right: 30px;
  top: 34px;
  padding: 10px 35px 10px 15px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.plac-hom-tit-ic-sugg span:after {
  content: "arrow_forward";
  position: absolute;
  line-height: 21px;
  padding-left: 5px;
  transition: all 0.4s ease-in-out;
  color: #fff;
}
.plac-hom-tit-ic-sugg span:hover {
  background: #264b87;
}
.plac-hom-tit-ic-sugg span:hover:after {
  padding-left: 10px;
}
.img-wrapper {
  position: relative;
  /* margin-top: 15px;
    */
}
.img-wrapper img {
  width: 100%;
}
.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}
#gallery {
  float: left;
  width: 100%;
}
#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 75%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}
#nextButton i,
#prevButton i {
  color: #000;
  font-size: 36px;
  line-height: 30px;
  margin: 9px 6px;
}
#nextButton {
  transition: opacity 0.8s;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #ededed;
  color: #ffffff03;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
  }
}
#prevButton {
  transition: opacity 0.8s;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #ededed;
  color: #ffffff03;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
  }
}
#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .plac-gal-imag img {
    height: 80px;
  }
  .plac-hom-bd {
    padding: 50px 0;
  }
  .plac-deta-sec-com {
    padding-top: 0;
  }
  .plac-det-ban {
    padding-bottom: 10px;
  }
  .plac-deta-sec .plac-hom-tit h2 {
    font-size: 16px;
  }
  .abou-pg,
  .all-jobs-ban {
    margin-top: -5px;
  }
  .all-jobs {
    overflow: hidden;
    overflow-y: auto;
  }
}
@media screen and (min-width: 481px) and (max-width: 521px) {
  .all-serexp .job-box-apl span.job-box-cta,
  .all-serexp .serexp-cta-more {
    width: 100%;
    text-align: center;
    margin: 0 0 5px 0;
  }
}
@media screen and (max-width: 400px) {
  .plac-hom-all-pla ul li {
    width: 100%;
    padding: 10px 0;
  }
  .plac-hom-box-im img {
    height: 120px;
  }
  .plac-gal-imag img {
    height: 60px;
  }
}
/* PLACE END */
/*-------------------------------------------------*/
/* = QUESTIONS 
/*-------------------------------------------------*/
@media screen and (max-width: 1250px) {
  .list-bann img {
    /* height:445px;
        */
  }
  .list-ban-btn {
  }
  .jpro-ban-tit .s3 .cta {
    padding: 9px 15px;
  }
  .job-box-con span {
    font-size: 10px;
  }
  .our-all-ser ul li a {
    font-size: 15px;
  }
  .que-hom-all ul.nav li a {
    font-size: 11px;
    padding: 0px 10px 9px 10px;
  }
  .que-hom-all ul.nav li a i {
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 19px;
  }
  .que-hom-cate-box h5 {
    font-size: 14px;
    padding-bottom: 0;
  }
  .que-has a,
  .que-has span,
  .que-cate-has span {
    font-size: 10px;
  }
  .tabmov {
    width: 119px;
    height: 40px;
    border-bottom: 2px solid #0333e3;
  }
}
@media screen and (max-width: 1200px) {
  .ud-lhs {
    /* width: 20%;
        */
    /* padding: 40px 0px 0px 0px;
        */
  }
  .ud-cen,
  .ud-enqu .ud-cen {
    width: 100%;
    padding: 0 60px;
  }
  .ud-rhs {
    width: 100%;
    padding: 40px 60px 0px 60px;
  }
  .ud-rhs-sec-1,
  .ud-rhs-sec-2,
  .ud-rhs-sec-3,
  .ud-rhs-sec-4 {
    width: 100%;
    float: left;
  }
  .ud-rhs-sec-3 .list-ri-peo-like ul li {
    width: 90px;
  }
  .ud-rhs-sec-2 ul li {
    float: left;
    width: 25%;
  }
  .ud-rhs-sec-1 ul li a p,
  .ud-rhs-sec-1 ul li a h5 {
    white-space: initial;
  }
  .ud-rhs-sec-3 {
    margin-bottom: 0px;
  }
  .us-pro-sec-1 {
  }
  .us-pro-sec-1-rhs h1 {
    font-size: 32px;
  }
  .job-box-apl span {
    padding: 7px 10px;
  }
  .que-deti-tit .que-deti-like,
  .que-deti-like {
    float: left;
    width: 100%;
    padding: 15px 0 10px 0;
  }
  .que-pro-sort {
    width: 180px;
  }
  .que-deti-tit h1 {
    font-size: 26px;
  }
  .que-deti-ans-bio {
    padding-top: 0;
  }
}
@media screen and (max-width: 1150px) {
  .ud-lhs-s2 ul li a {
    /* font-size: 13px;
        */
    /* padding: 8px 0px;
        */
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
  }
  .top-ser {
    width: 30%;
  }
  .jbtre-apl span,
  .jbtre-apl a {
    padding: 7px 10px;
  }
  .ban-short-links ul li {
    padding: 2px;
  }
  .ban-short-links ul li div {
    padding: 10px;
  }
  .ban-short-links ul li div h4 {
    font-size: 12.5px;
  }
}
@media screen and (max-width: 1100px) {
  .pg-list-1-left h3,
  .pg-list-1-left p {
    /* padding-left: 205px;
        */
  }
  .comity-all-user ul li {
    width: 33.333%;
  }
  .pg-list-1-left img {
    width: 175px;
    height: 175px;
  }
  .pag-p1-phone {
    /* padding-left:210px;
        */
  }
  .pg-list-1-left .stat {
    top: 44px;
    left: 49px;
  }
  .list-ban-btn ul li span:before {
    margin-top: -4px;
  }
  .list-ban-btn ul li span {
    font-size: 12px;
    padding: 8px 5px 8px 44px;
  }
  .list-ban-btn {
  }
  .login-main.add-list {
    width: 90%;
  }
  .list-fix-pro {
    width: 7%;
  }
  .list-fix-tit {
    width: 50%;
  }
  .list-fix-btn {
    width: 32%;
  }
  .top-ser {
    padding: 8px 0px 0px 15px;
    width: 26%;
  }
  .hom-nav .bl li a {
    font-size: 12px;
  }
  .coup-box-1 .s2 .lhs,
  .coup-box-1 .s2 .rhs {
    width: 50%;
  }
  .job-prof-pg .lhs {
    padding: 0px 25px 0px 0px;
  }
  .job-prof-pg .rhs {
    padding: 0px 0px 0px 25px;
  }
}
@media screen and (max-width: 1024px) {
  .all-list-sh .eve-box div:nth-child(3) .links a,
  .all-list-sh .eve-box div:nth-child(3) .links span {
    font-size: 12px;
    padding: 4px 8px;
  }
  .ebk-con .lhs {
    padding: 0px 20px 50px 0px;
  }
  .ebk-con .rhs {
    padding: 0px 0px 50px 50px;
  }
  .coup-box-2 p {
    padding: 5px 10px 5px 10px;
  }
  .job-cate-main {
    padding: 0px;
  }
}
@media screen and (max-width: 992px) {
  .ban-short-links ul li div {
    background: #000000ba;
  }
  .hom-mpop .col-md-3,
  .hom-mpop .col-md-9 {
    max-width: 100%;
  }
  .template-def .container {
    max-width: 90%;
  }
  .job-list {
    padding: 25px 15px 15px 15px;
  }
  .wed-foot-link-pop ul li {
    width: 25%;
  }
  .pop-menu {
    left: 0px;
    position: fixed;
    overflow-y: auto;
    height: 100%;
    bottom: 0px;
  }
  .blog-sli .rhs h4 {
    font-size: 26px;
    line-height: 32px;
  }
  .mv-pro-menu {
    display: block;
    padding-bottom: 30px;
  }
  .pmenu-spri,
  .sh-all-scat ul {
    width: 100%;
  }
  .coup-sec3 ul li {
    width: 50%;
  }
  .pmenu-spri ul li {
    width: 20%;
    text-align: center;
  }
  .pmenu-spri ul li a {
    border: 3px solid #ffffff;
    box-sizing: border-box;
    margin: 0px;
    background: #f0f0f0;
    padding: 24px 10px;
  }
  .job-rel-pro .pmenu-spri ul li a {
    padding: 10px;
    background: #eef1f5;
    border-radius: 10px;
  }
  .job-rel-pro .pmenu-spri ul li {
    border: 0px;
    padding: 0px;
    width: auto;
    text-align: left;
  }
  .pmenu-spri ul li a img {
    margin: 0 auto;
    display: table;
  }
  .pmenu-cat {
    border-top: 1px solid #d6d6d6;
    border-left: 0px;
    padding-top: 30px;
    padding-left: 0px;
    margin-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .dir-home-nav-bot ul li:nth-child(1) {
    width: 100%;
  }
  .dir-home-nav-bot ul li:nth-child(2),
  .dir-home-nav-bot ul li:nth-child(3) {
    width: 100%;
    margin: 0px 0px 5px 0px;
  }
  .ban-tit h1 b {
    font-size: 40px;
  }
  .ban-tit h1 {
    font-size: 20px;
    padding-top: 20px;
  }
  .ban-search {
    width: 85%;
  }
  .top-ser {
    width: 45%;
    padding: 6px 0px 0px 50px;
  }
  .hom-mpop .col-md-9 {
    padding-top: 20px;
  }
  .hom-col-req {
    margin: 0px;
  }
  .cate-sli {
    margin-top: 55px;
  }
  .hom-top {
    padding: 5px 0px 10px 0px;
    height: 55px;
  }
  .hom-head {
    padding: 100px 0px 30px 0px;
    margin-bottom: 0px;
  }
  .pmenu-cat ul li {
    width: 25%;
  }
  .ban-ql {
    margin-bottom: 0px;
    padding-top: 10px;
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .ban-ql ul li div {
    /* width: 145px;
        */
    padding: 20px 10px;
  }
  .pri ul li {
    width: 50%;
  }
  .pri-box .c4 ol li {
    font-size: 14px;
  }
  .land-pack ul li {
    width: 33.333%;
  }
  .hcity div:nth-child(1) img {
  }
  .inte ul li {
    width: 50%;
    padding: 5px 0px;
  }
  .ho-popu-bod .col-md-4 {
    max-width: 100%;
  }
  .hot-page2-hom-pre {
    margin-bottom: 30px;
  }
  .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre {
    margin-bottom: 0px;
  }
  .bb-img img {
    margin: -1px 0px 0px 0px;
  }
  .bb-text {
    padding: 0;
  }
  .bb-text p {
    font-size: 13px;
    line-height: 24px;
  }
  .bb-link {
    max-width: 100%;
    padding: 20px 0px 0px 18%;
  }
  .wed-foot-link ul li {
    width: 100%;
  }
  .wed-foot-link div {
    padding-left: 30px;
    width: 33.333%;
  }
  .eve-box div:nth-child(3),
  .v3-list-ql {
    display: none;
  }
  .list-pg-lt,
  .list-pg-rt {
    width: 100%;
    padding: 0px 20px;
  }
  .pg-list-1 .col-md-10,
  .pg-list-1 .col-md-2 {
    max-width: 100%;
    flex: 100%;
  }
  .list-ban-btn {
    border-left: 0px;
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 30px 0 25px 0;
  }
  .list-ban-btn ul li span {
    font-size: 14px;
    padding: 8px 15px 8px 44px;
  }
  .list-ban-btn ul li span:before {
    margin-top: -2px;
  }
  .list-ban-btn ul li {
    float: left;
    margin: 0px 5px 10px 5px;
  }
  .pg-list-1 .col-md-2 {
  }
  .pg-list-1-left {
    text-align: center;
    width: 100%;
    padding: 30px;
  }
  .pg-list-1-left img {
    width: 175px;
    height: 175px;
    float: initial;
    margin: initial;
    margin-top: -109px;
    position: relative;
  }
  .nme-list-deta-ban {
    width: 100%;
    padding: 20px 0px 20px 0px;
  }
  .nme-les-det-lhs {
    width: 100%;
    text-align: center;
  }
  .list-rat-all {
  }
  .pg-list-1-left .list-rat-all {
    position: relative;
    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
    top: initial;
    right: initial;
  }
  .pg-list-1-left .stat {
    top: initial;
    left: initial;
    position: relative;
    display: table;
    margin: 0 auto;
  }
  .pg-list-1-left h3 {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    /* margin-top: 15px;
        */
    color: #000;
  }
  .pg-list-1-left .rat {
    float: initial;
    padding: 13px 0px 3px 0px;
    display: table;
    margin: 0 auto;
  }
  .pg-list-1-left:before {
    left: -413px;
    transform: rotate(-10deg);
    width: 100%;
    right: 0px;
    height: 119px;
    top: -48px;
  }
  .pg-list-1 .list-number {
    padding: 10px 0px 0px 25%;
  }
  .pg-list-1-left p,
  .pag-p1-phone {
    padding-left: 0px;
    width: 100%;
    color: #333;
  }
  .pag-p1-phone ul {
    margin: 0 auto;
    display: table;
  }
  .wed-hom-footer {
    padding: 60px 0px 45px 0px;
  }
  .land-pack-grid-text h4 {
    padding: 15px 12px;
    font-size: 20px;
  }
  .hcity div:nth-child(2) h4 {
    font-size: 16px;
  }
  .pg-list-1-left .rat i {
    margin: 0px 2px;
  }
  .bl,
  .fil-mob-view,
  .db-open .al,
  .ud-lhs {
    display: none;
  }
  .mob-me-ic,
  .fil-mob {
    display: block;
    float: left;
  }
  .fil-mob.fil-mob-act {
    display: block;
  }
  .ud-cen,
  .ud-enqu .ud-cen {
    width: 100%;
    margin: 0px;
  }
  .ud-rhs {
    width: 100%;
    padding: 20px 150px;
  }
  .ud-rhs-sec-2 ul li {
    width: 33.333%;
  }
  .eve-deta-pg .rhs .quote-pop {
    padding: 40px 40px;
  }
  .us-ppg-blog .pro-eve-box h2 {
    font-size: 15px;
  }
  .pro-rel-posts .pro-eve-box p {
    font-size: 12px;
  }
  .blog-head-inn h1 {
    font-size: 36px;
  }
  .blog-head-inn p {
    font-size: 20px;
  }
  .blog-head .ban-search {
    width: 90%;
  }
  .blog-head .ban-search .sr-btn {
    margin-top: 0px;
  }
  .blog-body .us-ppg-com ul li {
    width: 33.333%;
  }
  .blog-head {
    margin-top: 55px;
  }
  .all-listing .col-md-3.fil-mob-view {
    margin-top: 78px;
    position: fixed;
    z-index: 9;
    background: #fff;
    left: -100%;
    top: 0px;
    overflow-y: auto;
    height: 100%;
    padding: 70px 40px 50px 30px;
    flex: 0 0 100%;
    max-width: 80%;
    transition: all 0.5s ease;
    display: block;
  }
  .all-jobs .col-md-3.fil-mob-view {
    padding: 25px 10px 30px 10px;
  }
  .fil-mmob-act .fil-mob-clo {
    display: block;
  }
  .all-listing .col-md-3.fil-mob-view.fil-mmob-act {
    transition: all 0.5s ease;
    left: 0%;
    padding: 70px 20px 40px;
  }
  .all-list-sh {
    background: none;
    padding-top: 20px;
    padding-bottom: 50px;
    width: 100%;
  }
  .all-listing .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .us-pro-sec-1 {
    width: 90%;
  }
  .pro-listing-box div:nth-child(1) h2,
  .us-ppg-blog .pro-eve-box h2 {
    font-size: 16px;
  }
  .pro-listing-box div:nth-child(1) img {
    height: 125px;
  }
  .pmenu-cat {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 50px;
  }
  .pmenu-eve {
    width: 100%;
  }
  .ser-head .ban-search {
    width: 90%;
  }
  .f2 {
    margin: 0px;
    padding: 0px;
  }
  .mob-app .lhs {
    display: none;
  }
  .mob-app .rhs {
    width: 100%;
    padding: 0px 30px;
  }
  .mob-app .rhs form {
    width: 100%;
    padding: 0px;
  }
  .pg-list-1-pro {
  }
  .fed-box .lhs {
    width: 100%;
  }
  .fed-box .rhs {
    width: 100%;
    padding-top: 0px;
  }
  .fed-box:before {
    width: 100%;
  }
  .all-list-bre {
    margin-top: var(--topspac);
    padding: 70px 0px 20px 0px;
  }
  .all-pro-bre {
    padding: 50px 0px 70px 0px;
  }
  .all-listing .col-md-9 {
    padding: 15px 0px 30px 15px;
    background: #f5f5f5;
    border-radius: 5px;
  }
  .all-jobs .col-md-9 {
    padding: 55px 0px 30px 0px;
  }
  .all-jobs .container {
    max-width: 100%;
  }
  .list-map .list-map-filt {
    position: fixed;
    left: -100%;
    width: 300px;
    padding: 72px 15px 15px 15px;
  }
  .list-map .list-map-filt.act {
    left: 0%;
  }
  .list-map .list-map-filt.act:before {
    display: none;
  }
  .list-map .list-map-resu {
    margin-left: 0px;
    width: 100%;
  }
  .mob-map-filt {
    display: block;
    cursor: pointer;
  }
  .list-bann {
    margin-top: 25px;
  }
  .list-bann img {
    height: 210px;
  }
  .pg-list-1 {
    margin: 0px;
  }
  .pg-list-1-pro {
    width: 100%;
  }
  .pg-list-1-pro img {
    margin: 0 auto;
    display: table;
    float: initial;
    margin-top: -115px;
  }
  .pg-list-1-pro .stat {
    position: relative;
    margin: 0 auto;
    display: table;
    left: 0px;
    float: initial;
    margin-top: -25px;
  }
  .pag-p1-phone ul a {
  }
  .pag-p1-phone ul a li {
    color: #157dd0;
  }
  .list-ban-btn ul {
    margin: 0 auto;
    display: table;
  }
  .pag-p1-phone ul li:before {
    color: #333;
  }
  .list-ban-btn ul li .cta {
    background: #ededed;
  }
  .ud {
    padding: 90px 0px 80px 0px;
  }
  .pro-pg-logo {
    width: 20%;
  }
  .pro-pg-bio {
    width: 80%;
  }
  .pro-pg-cts {
    width: 100%;
    padding: 0px 25px 25px 24%;
  }
  .pro-pg-cts a {
    display: inline-block;
  }
  .box-s2 .lhs {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .box-s2 .rhs .cpro-form .templ-rhs-eve {
    position: relative;
  }
  .box-s2 .rhs {
    width: 100%;
  }
  .box-s2 .lhs .comp-pro .all-pro-box {
    width: 32.3%;
    margin: 0.5%;
  }
  .box-s2 .lhs .comp-pro .land-pack-grid {
    width: 32.3%;
    margin: 0.5%;
  }
  .ud-inn {
    display: block;
    float: left;
    padding-bottom: 50px;
  }
  .ebk-ban .lhs {
    width: 100%;
    padding: 50px;
    text-align: center;
  }
  .ebk-ban .rhs {
    width: 100%;
    padding: 20px;
  }
  .ebk-ban .rhs img {
    width: 370px;
    margin: 0 auto;
    display: table;
  }
  .hm3-auto-ban .rhs {
    padding: 0px;
  }
  .hom2-hom-ban-main .hom2-hom-ban {
    padding: 30px;
  }
  .hom2-hom-ban-main .hom2-hom-ban h2 {
    font-size: 20px;
  }
  .all-products .all-pro-txt .links {
    position: relative;
    left: 0px;
    bottom: 0px;
    right: initial;
  }
  .all-products .all-pro-txt .links a {
    position: relative;
    width: 100%;
    border-radius: 2px;
    font-size: 15px;
  }
  .job-tre .inn div.jbtre-img {
    width: 100%;
  }
  .job-tre .inn div {
    width: initial;
  }
  .job-det-desc {
    display: flex;
    flex-direction: column;
  }
  .job-det-desc .s1,
  .job-det-desc .s2,
  .job-det-desc .s3 {
  }
  .job-det-desc .s1 {
    width: 70%;
    padding: 0px 0px 25px;
    border-right: 0px;
    order: 3;
  }
  .job-det-desc .s2 {
    width: 100%;
    padding: 40px 0px 30px 0px;
    order: 2;
  }
  .job-det-desc .s3 {
    width: 70%;
    order: 1;
  }
  .job-prof-pg .lhs {
    padding: 0px;
    width: 100%;
    margin-bottom: 30px;
  }
  .job-prof-pg .rhs {
    padding: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .jpro-bd {
    margin-bottom: 0px;
  }
  .ser-confir-main {
    width: 90%;
  }
  .eve-deta-pg .eve-deta-pg-main {
    display: flex;
    flex-direction: column;
  }
  .eve-deta-pg .lhs,
  .eve-deta-pg-main .rhs + .lhs {
    width: 100%;
    order: 1;
  }
  .eve-deta-pg .rhs {
    width: 100%;
    order: 2;
  }
  .eve-deta-pg .lhs .img img {
    border-radius: 10px;
  }
  .eve-deta-pg {
    margin-top: 45px;
  }
  .pri {
    padding: 60px 20px 50px 20px;
  }
  .pri .tit h2 {
    font-size: 14px;
  }
  .pri .tit h2 span {
    font-size: 22px;
    padding-top: 10px;
  }
  .pri .tit p {
    font-size: 14px;
    line-height: 22px;
  }
  .pri .tit {
    margin: 0px 0px 20px 0px;
  }
  .news-hom-ban-inn h1 {
    font-size: 28px;
  }
  .our-all-ser ul li {
    width: 25%;
  }
  .ud-inn:before {
    display: none;
  }
  .ud-main {
    width: 100%;
    padding-bottom: 0;
  }
  .que-hom-lhs {
    padding-right: 30px;
  }
  .que-hom-all .tab-content .que-hom-cate ul li {
    width: 50%;
  }
  .que-hom-all .que-has {
    width: 100%;
  }
  .que-hom-all .que-deti-like {
    width: 100%;
    padding: 12px 0 12px 0;
  }
  .que-hom-all .que-has {
  }
  .que-hom-all .que-has {
  }
  .que-deti-main .que-hom-rhs {
    width: 100%;
    margin-top: 50px;
  }
  .que-deti-main .que-hom-rhs .ud-rhs-promo {
    text-align: center;
  }
  .que-deti-full {
    width: calc(100% - 170px);
    padding: 0 0 0 30px;
  }
  .ban-search.ban-sear-all {
    width: 100%;
  }
  .ban-search.ban-sear-all li.sr-cate,
  .ban-search.ban-sear-all li.sr-cit,
  .ban-search.ban-sear-all.ser-oly-place li.sr-nor,
  .ban-search.ban-sear-all.ser-oly-event li.sr-nor,
  .ban-search.ban-sear-all.ser-oly-blog li.sr-nor,
  .ban-search.ban-sear-all.ser-oly-product li.sr-nor {
    width: 100%;
    margin-bottom: 10px;
  }
  .ban-search.ban-sear-all li.sr-cate select {
    border-radius: 10px 0 0 10px;
  }
  .ban-search.ban-sear-all.ser-oly-place li.sr-nor select,
  .ban-search.ban-sear-all.ser-oly-event li.sr-nor select,
  .ban-search.ban-sear-all.ser-oly-blog li.sr-nor select,
  .ban-search.ban-sear-all.ser-oly-product li.sr-nor select {
    border-radius: 0 10px 10px 0;
  }
  .ban-search.ban-sear-all li.sr-cit select {
    border-radius: 0px;
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 15px;
    outline: none;
    height: 60px;
    background: #ffffff;
    box-sizing: border-box;
    color: #1a2a38;
    border: 0px solid #d5d5d5;
    padding: 0px 25px 0px 25px;
    font-weight: 500;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
  }
  .ban-search.ban-sear-all li,
  .ban-search.ban-sear-all li.sr-nor,
  .ban-search.ban-sear-all li.sr-btn {
    width: 100%;
    margin-bottom: 10px !important;
  }
  .ban-search.ban-sear-all li select {
    padding-left: 15px;
  }
  .ban-search.ban-sear-all li select,
  .ban-search ul li.lft input,
  .ban-search ul li input[type="submit"] {
    border-radius: 10px !important;
  }
  .ban-search ul li:before {
    display: none;
  }
  .all-pro-bre .sec-all-list-bre {
    padding: 0;
  }
  .all-products {
    padding-bottom: 0;
  }
  .job-rel-pro .pmenu-spri ul li a p {
    white-space: initial;
    text-overflow: initial;
    overflow: initial;
  }
}
@media screen and (max-width: 768px) {
  .commun-pg-main {
    padding-top: 80px;
  }
  .our-all-ser ul li {
    width: 33.333%;
  }
  .ind2-home .ban-tit {
    padding-top: 70px;
  }
  .job-det-desc .s1,
  .job-det-desc .s3 {
    width: 100%;
  }
  .how-wrks-inn ul li {
    width: 50%;
  }
  .how-wrks-inn ul li div {
    margin: 10px;
  }
  .carousel-indicators,
  .top-ser,
  .land-pack-grid-text h4 .dir-ho-cat {
    display: none;
  }
  .hom2-hom-ban-main .hom2-hom-ban {
    width: 100%;
    margin: 15px 0px;
  }
  .ban-ql ul li div h4 {
    font-size: 14px;
  }
  .blog-sli .lhs {
    width: 100%;
  }
  .blog-sli .lhs img {
    height: 250px;
  }
  .blog-sli .rhs {
    width: 100%;
  }
  .ban-ql ul li div p {
    font-size: 13px;
    display: none;
  }
  .home-tit h2 {
    font-size: 30px;
  }
  .land-pack-grid-text h4 {
    text-align: center;
    font-size: 16px;
  }
  .pmenu-cat ul li,
  .wed-foot-link-pop ul li {
    width: 50%;
  }
  .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2),
  .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(3) {
    /* display:none;
        */
  }
  .all-list-sh .eve-box div:nth-child(2) .links {
    padding-top: 20px;
    border-top: 1px solid #ededed;
    margin-top: 20px;
  }
  .dmact .top-ser {
    display: none !important;
  }
  .ban-search ul li.sr-cit {
    width: 30%;
  }
  .hm3-auto-ban:before {
    background: linear-gradient(to right, #030b19d6, #0000006e);
  }
  .hom-cre-acc-left h3 {
    font-size: 18px;
  }
  .hom-cre-acc-left h3 span {
    display: block;
    font-size: 32px;
  }
  .commun-pg-main input {
    width: 75%;
  }
  .list-foot-abo,
  .list-foot-faq {
    width: 90%;
  }
  .ban-search ul li.sr-sea {
    width: calc(100% - 110px);
    margin: 0px;
  }
  .fed-box {
    width: 100%;
  }
  .ban-search ul li.sr-btn {
    width: 110px;
    margin-top: 0px;
  }
  .land-pack ul li {
    width: 50%;
  }
  .country iframe,
  .country img {
    width: 100%;
  }
  .country img {
    height: auto;
    object-fit: cover;
  }
  .land-pack-grid {
    width: 100%;
    margin: 0px 5% 20px 5%;
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
  }
  .land-pack-grid-text {
    margin-top: 0px;
  }
  .ind2-home .hom-head {
    padding: 0 0 50px 0 !important;
  }
  .ban-tit h1 b {
    font-size: 40px;
    line-height: 45px;
    padding-bottom: 15px;
    padding-top: 10px;
  }
  .ban-tit h1 {
    font-size: 20px;
    margin-bottom: 0px;
    padding: 0px 0px 20px;
  }
  .ban-ql ul li {
    margin: 0px;
    width: 100%;
    padding: 0px 0 20px 0 !important;
  }
  .ban-ql ul li div {
    width: 100%;
    padding: 20px 10px 30px 10px;
    margin: 1px 0px;
    border-radius: 10px;
  }
  .hom-eve-lhs-2 {
    width: 100%;
    padding-left: 15px;
    margin-top: 25px;
  }
  .eve-box div:nth-child(1) img {
    height: 150px;
  }
  .home-tit {
    padding-top: 70px;
  }
  .home-tit h2 {
    font-size: 32px;
  }
  .login-main.add-list {
    width: 90%;
  }
  .bot-book {
    text-align: center;
    margin-bottom: 55px;
  }
  .bot-book .bb-img {
    float: initial;
    max-width: 100%;
  }
  .bb-text {
    max-width: 100%;
    margin-top: 30px;
  }
  .bb-link {
    padding: 20px 0px 0px 0px;
  }
  .biz-pro .lhs {
    margin-bottom: 0px;
  }
  .biz-pro-btn {
    position: relative;
    top: initial;
  }
  .country-inn h4 {
    font-size: 24px;
    line-height: 34px;
  }
  .country .cont1 {
    font-size: 24px;
  }
  .country .cont2 {
    font-size: 24px;
  }
  .foot-supp h2 {
    font-size: 16px;
    line-height: 28px;
  }
  .foot-supp h2 span {
    display: flex;
    justify-content: center;
  }
  .foot-supp h2 .nd {
    display: none;
  }
  .wed-hom-footer h4 {
    padding-bottom: 5px;
    padding-top: 0px;
  }
  .btn {
    margin-top: 0 !important;
  }
  .wed-foot-link-1 {
    text-align: center;
  }
  .fot-app {
    border-top: 1px solid #e9e9e9;
    padding: 30px 0px;
    margin-top: 15px;
  }
  .fot-app ul,
  .wed-foot-link-1 ul {
    margin: 0 auto;
    display: table;
  }
  .foot-count {
    margin-top: 30px;
  }
  .all-list-sh ul li {
    float: left;
    width: 50%;
  }
  .list-filt-v2 ul li {
    width: 16.6666666%;
  }
  .pro-listing-box div:nth-child(1) img {
    height: 150px;
  }
  .us-ppg-com ul li {
    width: 50%;
  }
  .all-list-sh .eve-box div:nth-child(1) {
    width: 100%;
  }
  .all-list-sh .list-con {
    width: 100%;
    padding-top: 40px !important;
  }
  .all-list-sh .eve-box {
    margin: 0px;
    float: left;
    width: 100%;
  }
  .all-list-sh .rat {
    position: relative;
    right: 48px;
    top: 0px;
    left: 0px;
  }
  .eve-box div:nth-child(2) {
    padding: 15px;
  }
  .pro-rel-events .eve-box div:nth-child(2) {
    padding: 20px 20px 15px 20px;
  }
  .hom-event .eve-box div:nth-child(2) {
    padding: 20px;
  }
  .eve-box div:nth-child(2) h4 {
    font-size: 15px;
  }
  .all-listing .col-md-9 {
    padding: 0px;
    /* background: none;
        */
  }
  .all-listing .col-md-3 {
    padding: 30px 0px 0px 15px;
  }
  .lhs-ads {
    margin-bottom: 0px;
  }
  .list-bann img {
    height: 175px;
  }
  .pag-p1-phone ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .pag-p1-phone ul li:last-child {
    margin-bottom: 0px;
  }
  .list-bann {
    margin-top: 45px;
  }
  .pg-list-1 {
  }
  .carousel-item img {
    height: 235px;
  }
  .home-list-pop img {
    margin-bottom: 20px;
  }
  .list-rom-pric {
    right: 25px;
    top: -158px;
    font-size: 16px;
  }
  .list-room-deta p {
    padding-right: 0px;
  }
  .lr-user-wr-con {
    width: 85%;
  }
  .lr-user-wr-con p {
    font-size: 13px;
    line-height: 22px;
  }
  .lp-ur-all-left {
    width: 60%;
  }
  .lp-ur-all-right {
    width: 40%;
    padding-right: 0px;
  }
  .lp-ur-all-right h5 {
    padding-top: 0px;
  }
  .lp-ur-all-right p label i {
    width: 15px;
    font-size: 21px;
  }
  .lp-ur-all-right p span {
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
  }
  .pglist-off-last .home-list-pop-desc {
    padding-left: 0px;
  }
  .pglist-off-last .home-list-pop .col-md-3 {
    padding-right: 0px;
  }
  .db-open .al {
    display: none;
  }
  .ud-cen-s3 ul li {
    width: 50%;
  }
  .ud-pro-link .pay-rhs ul li:last-child {
    width: 100%;
  }
  .ud-pro-link .pay-rhs ul li:nth-child(3),
  .ud-pro-link .pay-rhs ul li:nth-child(4) {
    width: 100%;
  }
  .ud-rhs-sec-3 .list-ri-peo-like ul li {
    width: 72px;
  }
  .ud-cen-s1 ul li div {
    text-align: center;
    padding: 20px 15px 15px;
  }
  .ud-cen-s1 ul li div p {
    margin-bottom: 15px;
  }
  .ud-cen-s1 ul li div b {
    font-size: 38px;
    position: relative;
    padding: 5px 8px;
    width: auto;
    height: auto;
    top: auto;
    border-radius: 10px;
  }
  .ud-cen-s1 ul li div h4 {
    padding: 15px 10px 5px;
    font-size: 13px;
  }
  .ud-cen-s1 ul li div p {
    padding: 0px;
    margin-bottom: 0px;
    font-size: 14px;
  }
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  .pro-fol-gr span {
    padding: 5px 25px;
    font-size: 10px;
  }
  .pro-fol-gr ol li {
    font-size: 9px;
  }
  .pay-rhs ul li .ud-stat-pay-btn {
    font-size: 12px;
  }
  .ud-payment .pay-rhs ul li {
    width: 100%;
  }
  .pay-rhs ul li:nth-child(2) {
    font-size: 22px;
  }
  .ud-cen-s2 a.db-tit-btn,
  .ud-cen-s3 a.db-tit-btn {
    position: relative;
    right: initial;
    top: initial;
  }
  .ud-cen-s2 a.db-tit-btn-2-ads {
    right: initial;
  }
  .login-main,
  .login-main.add-list {
    width: 100%;
  }
  .login-main {
    margin: initial;
    display: initial;
  }
  .how-to-coll li h4 {
    font-size: 13px;
  }
  .cre-dup a {
    margin-bottom: 15px;
  }
  .add-list-ste-inn ul li a b {
    display: none;
  }
  .add-list-ste-inn ul li a {
    width: 44px;
    height: 44px;
    padding: 10px 0px 0px 0px;
  }
  .add-list-ste-inn ul li a span {
    font-size: 11px;
    text-transform: uppercase;
  }
  .add-list-ste-inn ul:after {
    height: 1px;
    top: 25px;
  }
  .add-list-add-btn,
  .add-list-rem-btn {
    width: 30px;
    height: 30px;
    line-height: 29px;
    padding-left: 1px;
    font-size: 21px;
    top: 5px;
  }
  .add-list-rem-btn {
    right: 35px;
  }
  .add-list-add-btn {
    right: 75px;
  }
  .add-lis-done .btn-primary {
    margin-bottom: 10px;
  }
  .login-reg {
    padding: 100px 0 150px 0;
  }
  .log h4 {
    font-size: 18px;
    /* text-align: left;
        */
  }
  .add-lis-done h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .add-lis-done p {
    font-size: 14px;
  }
  .eve-deta-pg .lhs {
    margin-bottom: 20px;
  }
  .eve-deta-pg .lhs,
  .eve-deta-pg .rhs,
  .eve-deta-pg-main .rhs + .lhs {
    width: 100%;
  }
  .eve-deta-pg .lhs .img img {
    height: 250px;
  }
  .eve-deta-pg .lhs .img img {
    border-radius: 10px;
  }
  .eve-deta-body .eve-deta-body-main .lhs {
    width: 100%;
    padding-right: 0px;
    border-right: 0px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .eve-deta-body .eve-deta-body-main .rhs {
    padding-left: 0px;
    width: 100%;
  }
  .eve-deta-pg .head h1,
  .eve-deta-pg .head .dat {
    font-size: 22px;
  }
  .blog-body .us-ppg-com ul li {
    width: 50%;
  }
  .pro-rel-events .event-body .us-ppg-com ul li,
  .event-body .us-ppg-com ul li {
    width: 50%;
  }
  .event-body .eve-box div:nth-child(2) {
    padding: 20px;
  }
  .blog-head {
    padding: 45px 0px 0px 0px;
    margin-top: 45px;
  }
  .blog-head-inn h1 {
    font-size: 28px;
  }
  .blog-head-inn p {
    font-size: 18px;
  }
  .ad-pri-cal ul li div {
    padding: 10px;
    margin: 0px 2px;
  }
  .ad-pri-cal ul li span {
    font-size: 12px;
  }
  .ad-pri-cal ul li h5 {
    margin: 5px 0px 0px 0px;
    font-size: 18px;
  }
  .us-pro-sec-1 {
    width: 100%;
  }
  .us-pro-sec-1-rhs h1 {
    font-size: 24px;
    display: block;
  }
  .us-pro-sec-1-rhs button {
    padding: 5px 30px;
    top: 7px;
  }
  .us-pro-sec-1-rhs ul.lis-cou li {
    font-size: 14px;
  }
  .us-pro-nav ul li span {
    font-size: 14px;
    padding: 16px 5px;
  }
  .user-tc-diff ul li .pri-box {
    margin: 0px;
  }
  .user-tc-diff ul li .pri-box .c4 ol {
    width: 90%;
  }
  .ser-head .ban-search ul li.sr-btn {
    margin-top: 0px;
    width: 40%;
  }
  .list-det-fix {
  }
  .list-fix-pro,
  .list-fix-tit {
    display: none;
  }
  .list-fix-btn {
    width: 100%;
  }
  .list-fix-btn span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px 5px;
  }
  .list-det-fix {
    bottom: -100px;
    top: initial;
    padding: 0px;
  }
  .list-det-fix.list-det-fix-act {
    bottom: 0px;
    top: initial;
  }
  .comity-all-user ul li {
    width: 49%;
  }
  .list-ban-btn ul li .cta-get {
  }
  .pmenu-spri ul li {
    width: 31%;
  }
  .pmenu-spri ul li a img {
    margin-bottom: 10px;
  }
  .eve-box div:nth-child(2) span,
  .eve-box div:nth-child(2) span.pho,
  .eve-box div:nth-child(2) span.mail,
  .all-list-sh .eve-box div:nth-child(2) span.pho,
  .all-list-sh .eve-box div:nth-child(2) span.mail {
    width: 100%;
  }
  .responsive-table {
    display: block;
    width: 100%;
  }
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table thead th {
    display: block;
  }
  .responsive-table thead th:last-child {
    border-bottom: none;
  }
  .responsive-table thead {
    float: left;
    width: 30%;
  }
  .responsive-table tbody {
    width: auto;
    position: relative;
    overflow-x: auto;
  }
  .responsive-table td,
  .responsive-table th {
    padding: 20px 0.625em 0.625em 0.625em;
    height: 60px;
    vertical-align: middle;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    width: 120px;
    font-size: 13px;
    text-overflow: ellipsis;
  }
  .responsive-table thead th {
    text-align: left;
    border-bottom: 1px solid #f7f7f9;
  }
  .responsive-table tbody tr {
    display: table-cell;
  }
  .responsive-table tbody tr:nth-child(odd) {
    background: none;
  }
  .responsive-table tr:nth-child(even) {
    background: transparent;
  }
  .responsive-table tr td:nth-child(odd) {
    background: #e5f3ff;
    border-right: 1px solid #e6e4e4;
  }
  .responsive-table tr td:nth-child(even) {
    border-right: 1px solid #e6e4e4;
  }
  .responsive-table tbody td {
    display: block;
    text-align: center;
  }
  .com-pro-pg-head img {
  }
  .hom-top {
    display: block;
    background: linear-gradient(to bottom, #fff, #fff) !important;
    padding: 0px 7px;
    height: 47px;
  }
  .hom-top.act {
    top: 0;
  }
  .com-pro-pg-head {
    display: none;
  }
  .pro-pg-logo,
  .pro-pg-bio .bio li {
    width: 100%;
  }
  .pro-pg-logo img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: table;
  }
  .pro-pg-bio {
    width: 100%;
  }
  .pro-pg-cts {
    width: 100%;
    padding: 0px 25px 25px 24px;
  }
  .pro-pg-cts a {
    display: inline-block;
  }
  .box-s2 .lhs .comp-pro .all-pro-box {
    width: 48%;
    margin: 1%;
  }
  .box-s2 .lhs .comp-pro .land-pack-grid {
    width: 48%;
    margin: 1%;
  }
  .ebk-ban .lhs h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .ebk-ban .lhs {
    padding-top: 0px;
  }
  .ebk-con .lhs {
    width: 100%;
    padding: 30px;
  }
  .ebk-con .rhs {
    width: 100%;
    padding: 0px 30px 0px 30px;
  }
  .hcity div:nth-child(2) {
    left: 0px;
    padding-left: 20px;
  }
  .str .land-pack ul li {
    padding: 0px 15px;
  }
  .full-bot-book {
    padding: 40px 25px 0px 25px;
  }
  .hom-event {
    padding: 0px 20px;
  }
  .all-list-sh .links a {
    margin: 1.5%;
    float: left;
    width: 46%;
    text-align: center;
    margin-bottom: 7px !important;
  }
  .all-products .all-list-sh .links a {
  }
  .eve-box div:nth-child(2) span.addr {
    min-height: 50px;
  }
  .pmenu-spri {
    display: none;
  }
  .job-rel-pro .pmenu-spri {
    display: block;
  }
  .pmenu-cat {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
  }
  .btn-ser-need-ani.fsbtn {
    /* display: block;
        */
    /* position: relative;
        */
    padding: 6px;
    /* bottom: auto;
        */
    right: auto;
    /* background: #007bff;
        */
    /* animation: none;
        */
    border-radius: 50%;
    /* width: 60px;
        */
    height: 60px;
    margin: 0 auto;
    display: table;
    margin-top: -20px;
    box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 46%);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* border: 5px solid var(--gray);
        */
  }
  .btn-ser-need-ani.fsbtn:before {
    display: none;
  }
  .fqui-menu.act {
    bottom: 0;
  }
  .ani-quo-form.ani-quo-form-act {
    right: 0px;
    top: 0;
    bottom: 0;
    border-radius: 0;
    overflow: hidden;
    overflow-y: auto;
  }
  .btn-ser-need-ani.act {
    bottom: 65px;
  }
  .menu {
    display: none;
  }
  .db-coup-lhs,
  .db-coup-rhs {
    width: 100%;
  }
  .db-coup-rhs {
    padding: 30px 0px 0px 0px;
  }
  .top-ser {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 10px 20px;
    background: #0e0e0ec4;
    box-shadow: 0px 12px 18px 4px #33333354;
    transition: all 0.5s ease;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    height: 100%;
  }
  .top-ser.top-ser-act {
    /* top: 54px;
        */
    visibility: visible;
    opacity: 1;
    display: block !important;
  }
  .top-ser.top-ser-act input {
    background: #f4f5f7;
    padding: 7px 40px 7px 20px;
  }
  .mess-bd .se1 .s2 {
    width: 100%;
    padding: 0px 0px 1px 0px;
    font-size: 14px;
  }
  .mess-bd .se1 .s3 {
    width: 100%;
    padding-left: 58px;
    color: #3b434e;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .mess-tit {
    display: none;
  }
  .ud-cen-s2 a.comm-msg-act-btn {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .h2-ban-ql ul li div {
    margin: 5px;
  }
  .ban-search {
    width: 90%;
  }
  .hm3-auto-ban .lhs {
    padding: 50px 50px 0px 0px;
  }
  .hm3-auto-ban .rhs {
    padding: 0px;
  }
  .hm3-auto-ban .lhs h1 {
    font-size: 44px;
    line-height: 50px;
  }
  .hm3-auto-ban {
    background-size: cover !important;
  }
  .all-listing .f2 {
    display: none;
  }
  .about-ban {
    padding: 0px 50px 0px 50px;
  }
  .about-ban h1 {
    font-size: 28px;
  }
  .about-ban p {
    font-size: 14px;
  }
  .pg-list-1 .list-number {
    padding: 10px 0px 0px 0%;
  }
  .list-det-rel-pre ul li,
  .job-list ul li {
    width: 50%;
  }
  .job-cate-main ul li {
    width: 33.333%;
  }
  .job-sear {
    width: 85%;
    background: #06060696;
    padding: 20px;
  }
  .jpro-ban-tit {
    /* background: #fff;
        */
    margin-top: -185px;
    padding-bottom: 50px;
  }
  .jpro-ban-tit .s1,
  .jpro-ban-tit .s2,
  .jpro-ban-tit .s3 {
    width: 100%;
  }
  .jpro-ban-tit .s1 {
  }
  .jpro-ban-tit .s1 img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: table;
    border-radius: 50%;
  }
  .jpro-ban-bg-img img {
    height: 170px;
  }
  .jpro-ban-tit {
    margin-top: -120px;
  }
  .jb-pro-bio {
    width: 88%;
    margin: 0px 6%;
    margin-bottom: 30px;
  }
  .jpro-bd-com h4,
  .jb-pro-bio h4 {
    font-size: 14px;
    font-weight: 600;
  }
  .jpro-ban-tit .s2 {
    text-align: center;
    color: #333;
    padding-top: 25px;
  }
  .jpro-ban-tit .s2 span,
  .jpro-ban-tit .s2 p {
    color: #333;
    font-size: 16px;
  }
  .jpro-ban-tit .s3 {
    text-align: center;
    float: initial;
    margin: 0 auto;
    display: table;
  }
  .jpro-ban-tit .s3 .cta {
    float: initial;
    padding: 9px 25px;
  }
  .ser-confir-main {
    width: 100%;
    padding: 0px 30px;
  }
  .ser-confir .rhs a {
    width: 100%;
    margin: 5px 0%;
  }
  .plainpg {
    padding: 0px 30px;
  }
  .fqui-menu ul li a {
    font-size: 9px;
  }
  .all-jobs-ban h1 {
    font-size: 30px !important;
  }
  .all-jobs .col-md-9 {
    padding-top: 50px;
  }
  .job-ser-cnt {
    padding: 0px 0px 5px 36px;
    font-size: 14px;
  }
  .jpro-bd {
    padding: 0px 20px;
  }
  .all-list-sh .list-rat-all {
    top: -70px;
  }
  .all-list-item .eve-box div:nth-child(2) span.addr {
    padding-right: 0px;
    padding-bottom: 15px;
  }
  .all-list-item .eve-box div:nth-child(2) span.pho {
    padding-bottom: 15px;
  }
  .news-menu ul {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* height: 50px;
        */
    display: block;
  }
  .news-menu ul li {
    float: initial;
    display: contents;
  }
  .news-hban-box .im img {
    height: 400px;
  }
  .ban-short-links ul li {
    width: 25%;
  }
  .que-hom-lhs {
    width: 100% !important;
    padding: 0 0 40px 0;
  }
  .que-hom-rhs {
    width: 100%;
  }
  .que-hom-all ul.nav li a i,
  .tabmov {
    display: none;
  }
  .que h4 {
    font-size: 15px;
  }
  .que-user {
    font-size: 10px;
  }
  .que-deti-full {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .que-mob-nav {
    display: block;
  }
  .que-deti-links {
    position: fixed;
    z-index: 1;
    background: #fff;
    left: -400px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 260px;
    padding: 62px 20px 20px 50px;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
  }
  .que-deti-links.act {
    left: 0;
  }
  .hom-more-modu .plac-hom-box h4 {
    font-size: 26px;
  }
  .eve-deta-body .eve-deta-body-main .lhs h1 {
    text-overflow: initial;
    white-space: initial;
    overflow: initial;
  }
  .near-ser-list {
    padding: 0;
  }
  .quote-pop {
    padding: 25px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    max-width: 90%;
    padding: 0px;
  }
  .all-list-sh .eve-box div:nth-child(2) h4,
  .all-list-sh .eve-box div:nth-child(2) h4 a {
    text-overflow: initial;
    white-space: initial;
    overflow: initial;
  }
  .all-list-sh .eve-box div:nth-child(2) h4 {
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }
  .our-all-ser ul li a {
    margin: 3px;
  }
  .job-sear ul li.sr-input {
    border-left: none;
  }
  .shrt-add-cta {
    right: 102px;
  }
  .shrt-add-inn {
    width: initial;
    left: -201px;
  }
  .how-wrks-inn ul li {
    width: 100%;
  }
  .inte ul li,
  .coup-sec3 ul li {
    width: 100%;
  }
  .wed-foot-link div {
    padding-left: 15px;
    width: 33.333%;
  }
  .list-room-deta .list-enqu-btn ul li {
    width: 50%;
  }
  .lr-user-wr-con {
    display: contents;
  }
  .lr-user-wr-img {
    margin: 0px 10px 20px 0px;
  }
  .pri ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .pri ul li .pri-box ol li {
    margin-bottom: 0px;
  }
  .ud-rhs-sec-2 ul li {
    width: 50%;
  }
  .db-fol-grid ul li {
    width: 50%;
  }
  .pro-fol-gr ol li {
    font-size: 7px;
    width: 33.333%;
  }
  .pro-fol-gr h4 b {
    font-size: 14px;
  }
  .pro-fol-gr img {
    width: 75px;
    height: 75px;
  }
  .comity-all-user .pro-fol-gr img {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    display: table;
    float: initial;
    border-radius: 50px;
    /* margin-top: -65px;
        */
  }
  .comity-all-user {
    padding: 50px 8px;
  }
  .comity-all-user .pro-fol-gr h4 {
    padding-top: 15px;
  }
  .pro-rel-events .event-body .us-ppg-com ul li {
    width: 100%;
  }
  .pro-rel-events .eve-box div:nth-child(3) {
    display: block;
  }
  .event-body .us-ppg-com ul li .eve-box {
    margin: 10px;
  }
  .user-tc-diff ul li {
    width: 100%;
  }
  .user-tc-diff ul li:first-child {
    margin-bottom: 20px;
  }
  .user-tc-diff ul li .pri-box .c4 ol li:first-child {
    margin-bottom: 0px;
  }
  .dir-home-nav-bot ul li span {
    padding-bottom: 20px;
    font-size: 24px;
  }
  .dir-home-nav-bot {
    text-align: center;
  }
  .box-s2 .lhs .comp-pro .all-pro-box {
    width: 100%;
    margin: 1% 0px;
  }
  .box-s2 .lhs .comp-pro .land-pack-grid {
    width: 100%;
    margin: 1% 0px;
  }
  .ebk-ban .lhs {
    padding: 15px;
  }
  .hm3-auto-ban .lhs {
    padding: 40px 20px 20px 20px;
    width: 100%;
    text-align: center;
  }
  .hm3-auto-ban .rhs {
    width: 100%;
    padding: 30px 30px 0px 30px;
  }
  .ud-rhs {
    padding: 20px 30px;
  }
  .all-list-sh ul li {
    width: 100%;
  }
  .all-listing .col-md-9 {
    background: none;
  }
  .all-listing .row {
    box-shadow: none;
  }
  .all-list-sh .eve-box {
    border-radius: 8px;
    border: 0px solid #fff;
  }
  .all-list-sh .eve-box div:nth-child(2) {
    padding: 30px;
  }
  .all-list-sh .eve-box div:nth-child(2) h4 a {
    font-size: 16px;
    line-height: 24px;
  }
  .all-list-sh span.addr,
  .all-list-sh span.pho,
  .all-list-sh span.mail {
    font-size: 14px !important;
  }
  .all-list-bre {
    padding: 70px 20px 20px 20px;
  }
  .all-pro-bre {
    padding: 60px 20px 55px 20px;
  }
  .ser-re-cout {
    top: 90px;
    z-index: 11;
    width: 80%;
    left: 10%;
  }
  .soc-log .abcRioButtonIcon {
    left: 27%;
  }
  .ud-cen-s3 ul li .db-eve a h5 {
    font-size: 16px;
  }
  .job-list {
    padding: 25px;
  }
  .job-tre .inn div.jbtre-apl {
    width: 100%;
  }
  .jbtre-sale {
    padding: 0px 10px 0px 10px;
  }
  .job-cate-main ul li {
    width: 50%;
    padding: 10px;
  }
  .job-sear ul li {
    padding: 0px;
    border-left: none;
  }
  .job-sear ul li.sr-sea,
  .job-sear ul li.sr-loc,
  .job-sear ul li.sr-input {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .job-sear ul li .chosen-container-single .chosen-single {
    border-radius: 4px;
  }
  .job-sear ul li.sr-btn {
    width: 100%;
  }
  .job-sear ul li.sr-btn button {
    border-radius: 4px;
    margin-left: 0px;
    width: 100%;
  }
  .ser-confir .lhs {
    width: 100%;
    padding: 0px 0px 25px 0px;
    border-bottom: 1px solid #d4d5d3;
    border-right: 0px solid #d4d5d3;
  }
  .ser-confir .rhs {
    width: 100%;
    padding: 25px 0px 0px 0px;
  }
  .ser-confir .full .serv-confi-succ {
    padding: 20px 20px 20px 100px;
  }
  .eve-deta-pg .rhs .quote-pop {
    padding: 0px;
  }
  .news-hom-ban-inn h1 {
    font-size: 22px;
  }
  .cd-cen-intr-inn:before {
    display: none;
  }
  .cd-cen-intr-inn {
    padding: 30px;
    text-align: center;
    background: linear-gradient(to right, #3ee4b6, #429dde, #7b4ffc);
  }
  .cd-cen-intr {
    padding: 15px 0 0 0;
  }
  .ud-cen,
  .ud-enqu .ud-cen {
    padding: 0 20px;
  }
  .que-deti-main {
    padding: 50px 15px;
  }
  .hom-more-modu .plac-hom-box h4 {
    font-size: 20px;
  }
  .hom-more-modu .plac-hom-box img {
    height: 250px;
  }
}
@media screen and (max-width: 526px) {
  .job-det-pg .job-tre {
    padding: 40px 20px 40px 20px;
  }
  .lp-ur-all-left {
    width: 100%;
    border-right: 0px solid #6b7f8a;
    padding-right: 0px;
    border-bottom: 2px solid #6b7f8a;
    padding-bottom: 20px;
  }
  .lp-ur-all-right {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  .frmtip {
    font-size: 11px;
    right: 12px;
    top: -8px;
    background: #fff;
    padding: 0px 10px;
  }
  .job-sear ul li select {
    border: 0px solid #97abb7;
    border-radius: 4px;

    height: 59px;
  }
  .log-bot ul li span {
    font-size: 12px;
  }
  .log-bot ul li {
    padding: 0px 4px;
  }
  .msg-op {
    width: 100%;
    height: 100%;
    top: 0px;
  }
  .msg-op.msg-sho-act {
    right: 0px;
  }
  .msg-op .s3 form textarea {
    width: 70%;
  }
  .msg-op .s3 form button {
    width: 30%;
  }
  .coup-sec2 h1 {
    font-size: 28px;
    line-height: 28px;
  }
  .coup-sec2 {
    padding: 30px;
  }
  .mob-app {
    padding-top: 50px;
  }
  .mob-app .rhs h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .ban-short-links ul li {
    width: 33.333%;
  }
  .ban-ql ul li div a {
    padding: 2px 5px;
    font-size: 11px;
  }
  .ban-tit h1 {
    font-size: 16px;
  }
  .pmenu-cat ul li,
  .str .land-pack ul li {
    width: 100%;
  }
  .hm3-auto-ban .lhs h1 {
    font-size: 34px;
    line-height: 38px;
  }
  .wed-foot-link-pop ul li {
    width: 50%;
  }
  .hom-eve-lhs-1 {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .hom-eve-lhs-2 {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .ban-search ul li.sr-cit {
    width: 100%;
  }
  .commun-pg-main input {
    width: 95%;
  }
  .sh-all-scat-box .lhs {
    width: 100%;
  }
  .sh-all-scat-box .lhs img {
    height: 160px;
  }
  .sh-all-scat-box .rhs {
    width: calc(100% - 0px);
    width: 100%;
  }
  .ban-search ul li.lft .sr-sea {
    /* width: 100%;
        */
    /* margin: 10px 0px 0px 0px;
        */
  }
  .ban-search {
    width: 95%;
    padding-top: 12px;
  }
  .ban-tit h1 b {
    font-size: 30px;
    line-height: 32px;
  }
  .home-tit {
    padding-top: 60px;
  }
  .home-tit h2 {
    font-size: 28px;
  }
  .hcity div:nth-child(2) h4 {
    font-size: 14px;
  }
  .wed-foot-link div {
    width: 50%;
  }
  .wed-foot-link div:nth-child(2) {
    border-right: 0px solid #dadada;
    border-top: 1px solid #dadada;
    width: 100%;
    margin-top: 35px;
    padding-top: 35px;
  }
  .wed-foot-link div:last-child {
    border-right: 0px solid #dadada;
    border-top: 1px solid #dadada;
    width: 100%;
    margin-top: 35px;
    padding-top: 35px;
  }
  .wed-foot-link div:last-child ul li {
    width: 100%;
  }
  .wed-foot-link {
    padding: 35px 0px 30px 0px;
  }
  .all-list-sh ul li {
    width: 100%;
  }
  .list-bann img {
    height: 150px;
  }
  .pg-list-1-left h3 {
    font-size: 20px;
    padding: 12px 0px;
  }
  .list-det-rel-pre ul li {
    width: 100%;
  }
  .pg-list-1-left img {
    width: 125px;
    height: 125px;
    margin-top: -79px;
  }
  .fot-app ul li a img {
    width: 125px;
    height: 50px;
  }
  .list-filt-v2 ul li {
    width: 16.6666666%;
  }
  .list-filt-v2 .chbox label {
    padding: 4px 2px 0px 2px;
    font-size: 10px;
  }
  .hom-eve-com {
    float: initial;
  }
  .carousel-item img {
    height: 180px;
  }
  .home-list-pop-desc h3 {
    font-size: 16px;
  }
  .list-pg-write-rev form .row {
    margin: 0px;
  }
  .list-pg-write-rev form .col {
    display: contents;
  }
  .list-pg-write-rev form .rating {
    margin: 0px 0px 10px 0px;
  }
  .ud-cen-s3 ul li {
    width: 100%;
  }
  .ud-rhs-sec-2 ul li {
    width: 100%;
  }
  .ud-cen-s1 ul li {
  }
  .ud-cen-s1 ul li:nth-child(2) div {
    /* margin:0px;
        */
  }
  .ud-cen-s1 {
    padding: 30px 0 5px 0;
  }
  .cd-cen-intr {
    padding: 30px 30px 0 30px;
  }
  .ud-cen-s3 ul li:nth-child(2n + 2) div {
    margin: 0px 0px;
  }
  .ud-pro-link .pay-lhs,
  .ud-payment .pay-lhs {
    width: 100%;
    margin-bottom: 15px;
  }
  .ud-pro-link .pay-lhs img,
  .ud-payment .pay-lhs img {
    object-fit: cover;
    height: 135px;
    width: 135px;
    border-radius: 50%;
    margin: 0 auto;
    display: table;
    float: initial;
  }
  .ud-pro-link .pay-rhs,
  .ud-payment .pay-rhs {
    width: 100%;
    padding-left: 0px;
    text-align: center;
  }
  .pay-rhs ul li:nth-child(2) {
    font-size: 18px;
  }
  .ud-payment {
    box-shadow: 0px 0px 0px 1px rgba(157, 152, 152, 0.06);
  }
  .ud-cen-s1 ul li div {
    padding: 15px 8px 5px 8px;
    /* border: 3px solid #fff;
        */
  }
  .ud-cen-s1 ul li div h4 {
    font-size: 12px;
  }
  .ud-cen-s1 ul li div b {
    font-size: 32px;
  }
  .ud-cen-s1 ul li div p {
    display: none;
  }
  .ud-rhs-sec-3 .list-ri-peo-like ul li {
    width: 45px;
  }
  .db-noti ul li div {
    font-size: 13px;
  }
  .db-noti ul li p {
    font-size: 12px;
  }
  .ud-cen-s2 a.db-tit-btn,
  .ud-cen-s3 a.db-tit-btn {
    padding: 3px 5px;
    font-size: 11px;
  }
  .cre-dup a,
  .cre-dup span {
    font-size: 13px;
  }
  .add-list .skip {
    font-size: 11.5px;
    letter-spacing: 1px;
  }
  .add-list-ste-inn ul li {
    margin: 0px 5px;
  }
  .blog-head .ban-search .sr-sea {
  }
  .blog-head .ban-search {
    width: 100%;
  }
  .blog-head .ban-search .sr-btn {
    width: 35%;
  }
  .blog-body .us-ppg-com ul li,
  .event-body .us-ppg-com ul li {
    width: 100%;
  }
  .event-body .eve-box div:nth-child(3) {
    display: block;
  }
  .event-body .eve-box div:nth-child(1) a img {
    height: 165px;
  }
  .ad-pri-cal ul li {
    width: 50%;
  }
  .ad-pri-cal ul li div {
    margin: 5px;
  }
  .us-pro-sec-1-lhs {
    width: 100%;
  }
  .us-pro-sec-1-lhs img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    display: table;
  }
  .us-pro-sec-1-rhs {
    float: left;
    width: 100%;
    padding-left: 0px;
    text-align: center;
    padding-top: 30px;
  }
  .us-pro-sec-1-rhs ul.lis-cou {
    float: initial;
    border-bottom: 1px solid #efd0d0;
    padding-bottom: 17px;
    margin: 0 auto;
    display: table;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .us-pro-sec-1-rhs h1 {
    padding-right: 0px;
  }
  .us-pro-sec-1-rhs p {
    float: initial;
    text-align: center;
  }
  .us-pro-sec-1-rhs ul.pro-soci {
    float: initial;
    width: auto;
    margin: 0 auto;
    display: table;
    margin-top: 25px;
  }
  .us-pro-sec-1 {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 19px 0px rgba(42, 42, 42, 0.08);
  }
  .us-pro-sec-1-rhs ul.lis-cou li {
    font-size: 12px;
    padding-right: 4px;
  }
  .us-ppg-com ul li {
    width: 100%;
  }
  .all-list-sh .links {
  }
  .list-ban-btn ul li {
    width: 48%;
    margin: 0px 1% 10px 1%;
  }
  .list-ban-btn ul li .cta {
    background: #ededed;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
  .pmenu-spri ul li {
    width: 43%;
  }
  .menu {
    margin: 10px 10px 8px 1px;
  }
  .hom-nav .ic-logo {
    width: 170px;
  }
  .all-list-sh ul li {
    width: 100%;
    padding: 15px 15px 15px;
  }
  .bb-text h4 {
    font-size: 18px;
  }
  .list-filt-v2 ul li {
    padding: 2px;
  }
  .ud-cen a.db-tit-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px 5px !important;
    font-size: 13px !important;
  }
  .ud-rhs-pay-inn h3 {
    font-size: 14px;
  }
  .ud-rhs-status ul li span {
    font-size: 13px;
  }
  .ud-cen-s2 table tr th {
    font-size: 12px;
  }
  .ud-cen-s2 table tr td {
    font-size: 11px;
  }
  .ud-cen-s2 table tr td:nth-child(2) {
    font-size: 11px;
    text-align: left;
  }
  .ud-lhs-s2 ul li a {
    font-size: 14px;
    padding: 8px 0px;
    font-weight: 500;
  }
  .ud-lhs-s1 h4 {
    font-size: 18px;
    padding-top: 0px;
    margin-top: 15px;
  }
  .job-list ul li {
    width: 100%;
  }
  .all-jobs-ban h1 {
    font-size: 22px !important;
  }
  .all-jobs-ban {
    padding: 60px 0px 0px 0px;
  }
  .all-jobs-ban p {
    font-size: 14px;
  }
  .job-counts {
    width: 95%;
    border: 1px solid #e6e5e5;
  }
  .job-counts ul li {
    padding: 0px 5px;
    width: 33.333%;
  }
  .job-counts ul li h4 {
    font-size: 10px;
    letter-spacing: 0.5px;
  }
  .sub-tit h2 {
    font-size: 24px;
  }
  .hom2-hom-ban-main,
  .how-wrks {
    padding: 0px 20px 0px;
  }
  .hom2-cus-sli ul {
    padding: 0px 20px;
  }
  .all-listing-pg {
    background: #f1f1f1;
  }
  .que-hom-all ul.nav li a {
    font-size: 11px;
    padding: 5px;
  }
}
@media screen and (max-width: 420px) {
  .pmenu-cat ul li,
  .pmenu-eve ul li {
    width: 100%;
  }
  .pmenu-eve ul li:nth-child(odd) div {
    margin: 0px 0px 15px 0px;
  }
  .pmenu-eve ul li:nth-child(even) div {
    margin: 0px 0px 15px 0px;
  }
  .comity-all-user ul li {
    width: 49%;
  }
  .blog-head .ban-search ul li.sr-sea input {
    width: 100%;
  }
}
.demo .home-city ul li {
  width: 33.3333%;
}
.demo .home-city ul li div {
}
.demo .hcity div:nth-child(1) img {
  margin: 0px;
}
.demo .hcity div:nth-child(1) img {
  height: 225px;
}
.country.demo {
  background-position: center bottom;
  background-size: 45%;
  margin-top: 60px;
}
.demo .home-tit {
  padding-top: 65px;
}
.wed-hom-footer.demo .home-tit {
  padding-top: 0px;
}
.demo .inte ul li div h4 {
  padding-bottom: 0px;
}
.demo .hcity div:nth-child(2) img {
  border: 5px solid #fff;
  background: #fff;
}
.foot-count ul li a {
  color: #e1dff3;
  font-size: 12px;
  text-transform: capitalize;
}
/*-----------------------------------------
 [MASTER STYLE SHEET]
 * Project: Bizbook Business Directory Template
 * Version: v5.3
 * Copyright 2020-2022 rn53themes
 * Last Changes: 1 jan 2021
 * Author: RN53 Themes
 * Email:      rn53themes@gmail.com
 * Website:    www.rn53themes.net
 * Website:    www.directoryfinder.net
 -----------------------------------------------*/
/*-------------------------------------------------
 =  Table of CSS
	1.All Pages Common CSS Styles
    2.
-------------------------------------------------*/
/*-------------------------------------------------*/
/* =  1.All Pages Common CSS Styles
/*-------------------------------------------------*/
:root {
  --blue: #0070d2;
  --bluehover: #0a6cb7;
  --bluelig: #03a9f4;
  --red: #f44336;
  --red-hov: #da2013;
  --yel1: #ffea31;
  --yel2: #ffbe5e;
  --yel3: #ffc107;
  --gray: #0a2236;
  --green: #149f5c;
  --greenlig: #7dc34a;
  --hom-sear-btn: #0070d2;
  --hom-sear-btn-hov: #0664b7;
  --hom-exp-now-btn: #3f4550;
  --hom-exp-now-btn-hov: #0070d2;
  --hom-vi-all-ser: #075376;
  --hom-vi-all-ser-hov: #0070d2;
  --hom-sub-reg-btn: #21d78d;
  --hom-sub-reg-btn-hov: #149f5c;
  --job-blue: #0337f4;
  --job-blue-com: #246df8;
  --org: #ff9800;
#status,
#loadingmessage1 {
  border-top: 5px solid var(--bluelig);
}
.status_message {
  background: var(--hom-sub-reg-btn);
}
.ser-head {
  margin-top: var(--topspac);
}
.ser2.ser-bl {
  background: var(--blue);
}
.menu i {
  background: var(--job-blue-com);
}
.hom-nav .bl li:last-child a {
  border: 1px solid var(--job-blue);
  background: var(--job-blue);
}
.ban-search ul li input[type="submit"] {
  background: var(--hom-sear-btn);
}
.ban-search ul li input[type="submit"]:hover {
  background: var(--hom-sear-btn-hov);
}
.land-pack .more {
  background: var(--hom-vi-all-ser);
}
.land-pack .more:hover {
  background: var(--hom-vi-all-ser-hov);
}
.hot-page2-hom-pre-3 span {
  background-color: var(--green);
}
.hot-page2-hom-pre-head {
  background: var(--blue);
}
.hot-page2-hom-pre-head:after {
  border-top-color: var(--blue);
}
.list-pop .img span {
  background-color: var(--green);
}
.hcity div:nth-child(2) .list-rat-all i {
  color: var(--org);
}
.full-bot-book {
  background: var(--gray);
}
.bot-book {
  background: var(--yel1);
}
.bb-link a {
  background: var(--gray);
}
.hom-mpop .col-md-9 .rat-sh {
  background: var(--green);
}
.testmo span a {
  color: var(--green);
}
.testmo .rat i {
  color: var(--org);
}
.hom-col-req button {
  background: var(--red);
  border: 1px solid var(--red);
}
.hom-col-req button:hover {
  background: var(--red);
  border: 1px solid var(--red);
}
.eve-box div:nth-child(1) span {
  background: var(--bluelig);
}
.rbbox input[type="radio"]:checked + label:before {
  border-color: var(--green);
}
.rbbox input[type="radio"]:checked + label:after {
  background: var(--green);
}
#star-value {
  background: var(--yel3);
}
.ads-box span,
.ban-ati-com span {
  background: var(--red);
}
.all-list-sh .al-img .open-stat {
  background: var(--green);
}
.all-list-sh .rat i {
  color: var(--org);
}
.all-list-sh .eve-box div:nth-child(2) .links .quo {
  background: var(--red);
  border: 1px solid var(--red);
}
.all-list-sh .eve-box:hover div:nth-child(2) .links a:first-child {
  background: var(--yel3);
  border: 1px solid var(--yel3);
}
.list-foot {
  background: var(--gray);
}
.list-qview .more a {
  background: var(--bluelig);
}
.list-rat-all b {
  background: var(--org);
}
.pg-list-1-left .rat i {
  color: var(--org);
}
.list-foot-abo .list-rat-all .rat i {
  color: var(--org);
}
.pg-list-1-left h1 i {
  color: var(--green);
}
.lp-ur-all-right p label i {
  color: var(--bluelig);
}
.lr-user-wr-con .rat i {
  color: var(--org);
}
.list-pg-write-rev form input[type="submit"] {
  background: var(--bluelig);
}
.list-pg-guar ul li .clim-edit {
  background: var(--red);
}
.list-pg-upro a {
  background: var(--red);
}
.list-red-btn {
  background: var(--red);
}
.lis-pro-badg div .by {
  background: var(--green);
}
.lis-comp-badg .s1 .by {
  background: var(--green);
}
.list-enqu-btn ul li:last-child a {
  background: var(--red);
  border: 1px solid var(--red);
}
.list-ban-btn ul li span.pulse {
  background: var(--red);
  border: 1px solid var(--red);
}
t-ban-btn ul li .cta:hover {
  background: var(--job-blue-com);
  border: 1px solid var(--job-blue-com);
}
.all-list-pro-bad .cntat {
  background: var(--red);
  border: 1px solid var(--red);
}
.all-list-pro-bad .by {
  background: var(--green);
}
.list-det-rel-pre ul li .land-pack-grid .rat i {
  color: var(--org);
}
.fqui-menu {
  background: var(--gray);
}
.pri ul li:nth-child(4) .pri-box .c3 a {
  background: var(--blue);
}
.log div button.btn {
  background: var(--blue);
}
.log div button.btn:hover {
  background: var(--bluehover);
  box-shadow: var(--btnshadow);
}
.log div a.btn {
  background: var(--bluelig);
}
.login-new {
  box-shadow: var(--btnshadow1);
}
.ud-cen .rat i {
  color: var(--bluelig);
}
.add-list .steps,
.udb-inst {
  background: var(--hom-sub-reg-btn);
}
.add-list-ste-inn ul li a.act {
  background: var(--hom-sub-reg-btn);
}
.add-prod-oth ul li i {
  color: var(--hom-sub-reg-btn);
}
.add-lis-oth i {
  color: var(--hom-sub-reg-btn);
}
.add-lis-done .succ {
  background: var(--hom-sub-reg-btn);
}
.db-menu ul li a:hover:before {
  background: var(--bluelig);
}
.ud-lhs-s1 h4 {
  color: var(--bluelig);
}
.ud-lhs-s1 .ud-lhs-view-pro {
  background: var(--hom-sub-reg-btn);
}
.db-menu-clo {
  background: var(--org);
}
.cre-dup a {
  background: var(--bluelig);
}
.cre-dup span {
  background: var(--hom-sub-reg-btn);
}
.ud-lhs-s2 ul li a.db-lact:before {
  background: var(--bluelig);
}
.ud-lhs-s2 ul li a:hover {
  color: var(--bluelig);
}
.ud-cen-s1 ul li div:hover b {
  background: var(--hom-sub-reg-btn);
}
.ud-cen-s1 ul li div b {
  background: var(--bluelig);
}
.ud-cen-s2 a.db-tit-btn,
.ud-cen-s3 a.db-tit-btn {
  background: var(--bluelig);
}
.ud-rhs-promo:hover a {
  background: var(--org);
}
.ud-rhs-promo a {
  background: var(--yel1);
}
.ud-rhs-promo-1 a {
  background: var(--bluelig);
}
.db-pro-bot-btn {
  background: var(--bluelig);
}
.ud-rhs-pay-inn h3 {
  background: var(--bluelig);
}
.ud-rhs-pay-inn .btn {
  background: var(--red);
}
.ud-rhs-pay-inn .btn2 {
  background: var(--green);
}
.ad-table-inn .db-list-rat:hover {
  background: var(--bluelig);
}
.pay-rhs ul li:nth-child(2) {
  color: var(--bluelig);
}
.pay-rhs ul li .ud-stat-pay-btn {
  background: var(--hom-sub-reg-btn);
}
.pay-note button {
  background: var(--bluelig);
}
.ud-rhs-poin2 a.cta {
  background: var(--red);
}
.use-act-err {
  background: linear-gradient(to bottom, var(#ffea31), var(--yel2) 100%);
}
.sub-btn {
  background: var(--bluelig);
}
.com-noti {
  background: var(--hom-sub-reg-btn);
}
.ud-pro-link .pay-rhs ul li.pre a {
  background: var(--blue);
  background: -webkit-linear-gradient(to top, var(--blue), var(--bluehover));
  background: linear-gradient(to top, var(--blue), var(--bluehover));
}
.pro-listing-box div:nth-child(1) label.rat i {
  color: var(--bluelig);
}
.blog-sli .rhs span.hig {
  background: var(--bluelig);
}
.ad-pri-cal ul li:last-child div {
  background: var(--hom-sub-reg-btn);
}
.ldelik.sav-act {
  background: var(--job-blue-com);
  border: 1px solid var(--job-blue-com);
}
.templ-rhs-form .btn-primary {
  background: var(--hom-sub-reg-btn);
  border: 1px solid var(--hom-sub-reg-btn);
}
.ani-q1 span {
  background: var(--green);
}
.how-wrks-inn ul li div span {
  background: var(--bluelig);
}
.mob-app .rhs ul li:before {
  color: var(--blue);
}
.mob-app .rhs form ul li input[type="submit"] {
  background: var(--blue);
}
.near-ser-list ul li .near-bx .ne-3 span {
  background: var(--greenlig);
}
.all-list-bre {
  margin-top: 150px;
  padding: 40px 0 35px;
  position: relative;
}
.all-pro-bre {
  margin-top: var(--topspac);
}
.biz-pro-bre:before {
  background: var(--job-blue-com) de;
}
.biz-pro-btn .btn1 {
  background: var(--blue);
}
.biz-pro-btn .btn2 {
  background: var(--org);
}
.pro-pbox-2 .rat {
  background: var(--green);
}
.pro-pbox-2 .veri {
  background: var(--green);
}
.pro-pbox-2 .pro-off {
  color: var(--green);
}
.list-fix-btn span {
  background: var(--red);
}
.fed-box .lhs form button {
  border: 0 solid var(--blue);
}
.abou-pg {
  margin-top: var(--topspac);
}
.hom-h2-pri .pri-box .c2 {
  background: var(--job-blue);
}
.btn-ser-need-ani {
  background: var(--hom-sub-reg-btn);
}
.list-map-filt .map-fi-view .ic-map-3 {
  color: var(--job-blue-com);
}
.list-map .list-map-filt:before {
  background: var(--job-blue-com);
}
.mob-map-filt i {
  background: var(--job-blue-com);
}
.map-fi-com .ic3 {
  color: var(--job-blue-com);
}
.pop-noti:hover span {
  background: var(--yel3);
}
.pop-noti span {
  background: var(--red);
}
.all-jobs-ban {
  margin-top: var(--topspac);
}
.job-sear ul li.sr-btn button {
  background: var(--job-blue);
}
.job-pop-tag a {
  background: var(--job-blue);
}
.job-counts ul li span {
  color: var(--job-blue);
}
.job-box:hover .job-box-cta {
  background: var(--org);
}
.job-box-con span {
  color: var(--job-blue);
}
.job-box-apl span.job-box-cta {
  background: var(--job-blue-com);
}
.job-det-desc .job-box-con .job-box-cta {
  background: var(--job-blue-com);
}
.job-det-desc .alpply .cta-app {
  background: var(--job-blue-com);
  border-bottom: 4px solid var(--job-blue);
}
.job-det-desc .alpply .cta-app:hover {
  background: var(--org);
}
.job-det-desc .skills ul li:before {
  background: var(--green);
}
.job-det-desc .rhs {
  background: var(--job-blue-com);
}
.job-det-desc .job-summ .cta-app {
  background: var(--org);
}
.job-comp-abo .cta {
  background: var(--green);
}
.sub-tit h2 {
  color: var(--job-blue);
}
.job-cate-main ul li div:hover {
  background: var(--job-blue-com);
  border: 1px solid var(--job-blue-com);
}
button.blu-upp {
  background: var(--blue);
}
.salout {
  background: var(--green);
}
.salout:before {
  background: var(--green);
}
.job-alert a {
  background: var(--job-blue);
}
.job-tre ul li:hover .jbtre-apl .job-box-cta {
  background: var(--org);
}
.jbtre-con span {
  color: var(--job-blue);
}
.jbtre-sale .empsal {
  color: var(--org);
}
.jbtre-apl .job-box-cta {
  background: var(--job-blue-com);
}
.jpro-ban-tit .s3 .cta.fol {
  background: var(--job-blue-com);
}
.jpro-bd-com ul li:before {
  background: var(--job-blue-com);
}
.jpro-bd-com span {
  color: var(--job-blue);
}
.jb-skil-set ul li {
  color: var(--job-blue);
}
.all-serexp .job-days span.ver,
.job-prof-pg .lhs .profile .job-days span.ver {
  background: var(--green);
}
.ser-avail-yes {
  background: var(--green);
  box-shadow: 0 0 0 0 var(--green);
}
.exper-rev-box .rating-new-cta button {
  background: var(--job-blue-com);
  border: 1px solid var(--job-blue-com);
}
.pro-pg-cts a.cta1 {
  background: var(--red);
}
.tser-res li div h4 {
  color: var(--bluelig);
}
.pg-install .s2 table tr td button {
  background: var(--green);
}
.cta-call {
  background: var(--green);
}
@media screen and (max-width: 992px) {
  .all-list-bre {
    margin-top: var(--topspac);
  }
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
    format("woff2");
}