* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
::before,
::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
body {
  word-wrap: break-word !important;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
img,
video {
  max-width: 100%;
  vertical-align: middle;
}
img {
  max-width: 100%;
  display: block;
  height: auto;
}
select {
  background: none;
}

header .wrapper {
  width: 100%;
  height: auto;
}
header .nav-wrapper {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  top: 0;
  box-shadow: 1px 1px 5px 1px rgba(98, 98, 98, 0.3);
  background-color: #fff;
  position: relative;
  z-index: 9999;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
header .navbar {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  height: 90px;
  overflow: hidden;
}
header .menu-toggle {
  justify-self: end;
  margin-right: 25px;
  display: none;
}
header .menu-toggle .bar {
  width: 25px;
  height: 3px;
  background-color: #3f3f3f;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
header .nav {
  transform: translate(0);
  transition: transform 0.7s ease-in-out;
}
header .navbar ul {
  list-style: none;
  display: block ruby;
  grid-template-columns: repeat(6, 1fr);
  justify-self: end;
}
header .nav-item {
  list-style: none;
  text-align: center;
  margin: auto;
  padding: 0 0 0 27px;
}
header .nav-item a {
  color: #000;
  font-size: 0.9rem;
  font-weight: 400;
  text-align: center;
  margin: auto;
  padding: 7px 0 5px;
  text-transform: uppercase;
  transition: color 0.3s ease-out;
}
header .menu-toggle.active .bar:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}
header .menu-toggle.active .bar:nth-child(2) {
  opacity: 0;
}
header .menu-toggle.active .bar:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}
@media screen and (max-width: 767px) {
  header .navbar {
    height: 87px;
    grid-template-columns: 2fr 2fr;
  }
  header .menu-toggle,
  .bar {
    display: block;
    cursor: pointer;
  }
  header .navbar ul {
    display: flex;
    flex-direction: column;
    position: fixed;
    justify-content: start;
    top: 87px;
    background-color: #fff;
    width: 100%;
    height: calc(100vh - 55px);
    transform: translate(-101%);
    text-align: center;
    overflow: hidden;
    right: 0;
  }
  header .mob-nav {
    transform: translate(0%) !important;
  }
  header .navbar li {
    padding: 10px;
    margin: 0;
  }
  header .nav-item a {
    border-bottom: 2px solid #e8e8e8;
    float: left;
    text-align: left;
    width: 100%;
  }
}

main {
  margin-top: 20px;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col {
  position: relative;
  width: 100%;
}

.main-content {
  padding: 30px 0;
}
.content-section {
  padding-top: 30px;
}
.content {
  padding: 30px 0;
}
.content p {
  margin-bottom: 10px;
}
.whatsapp {
  background: #39a453
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat right 8px center;
}
.phone {
  background: #39a453
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M18.907 351.25L127.392 304.749C140.173 299.218 155.188 302.937 163.876 313.718L207.923 367.531C277.173 333.531 333.47 277.249 367.454 208.029L313.626 163.935C302.876 155.154 299.204 140.279 304.642 127.497L351.173 18.934C357.267 5.027 372.345 -2.598 387.032 0.809L487.782 24.059C502.032 27.309 512.001 39.84 512.001 54.497C512.001 306.78 306.767 512.001 54.517 512.001C39.845 512.001 27.313 502.032 24.048 487.782L0.798 387C-2.577 372.406 5.001 357.25 18.907 351.25Z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat right 8px center;
}
.whatsapp,
.phone {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 3px;
  position: relative;
  background-size: 23px 26px;
}
@media only screen and (max-width: 767px) {
  .list-cities ul li {
    width: auto;
    display: inline-block;
  }
}

.contact > * {
  color: #fff;
  border-radius: 3px;
  font-size: 17px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 50%);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px rgb(0 0 0 / 50%);
  text-align: center;
  margin-bottom: 20px;
  transition: 0.5s;
  padding: 13px 12px;
  display: block;
  color: #fff;
  text-decoration: none;
}
.tel {
  background: #ff66cc;
}
.tel span {
  background: #ff66cc
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M511.203 387L487.953 487.782C484.688 502.032 472.156 512.001 457.484 512.001C205.234 512.001 0 306.78 0 54.497C0 39.84 9.969 27.309 24.219 24.059L124.969 0.809C139.656 -2.598 154.734 5.027 160.828 18.934L207.359 127.497C212.797 140.279 209.125 155.154 198.375 163.935L144.547 208.029C178.531 277.249 234.828 333.531 304.078 367.531L348.125 313.718C356.813 302.937 371.828 299.218 384.609 304.749L493.094 351.25C507 357.25 514.578 372.406 511.203 387Z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat right 8px center;
  position: relative;
  background-size: 14px 15px;
  display: inline-block;
  height: 20px;
  width: 23px;
  bottom: -3px;
}
.wa {
  background: #ff66cc;
}
.wa span {
  background: #ff66cc
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat right 8px center;
  position: relative;
  background-size: 16px 18px;
  display: inline-block;
  height: 20px;
  width: 23px;
  bottom: -3px;
}

footer {
  background-color: #ff66cc;
  padding: 45px 0 20px;
  line-height: 24px;
  color: #fff;
  border-top: 1px solid #438800;
}
footer ._bx {
  margin-bottom: 15px;
}
footer ._bxcp {
  padding: 15px 0;
  border-top: 1px solid #fff;
}
footer ._bx a {
  color: #fff;
}
.btn-float {
  display: inline-block;
  position: fixed;
  bottom: 5px;
  font-size: 18px;
  border-radius: 3px;
  z-index: 1;
}
.fa-btn {
  width: 70px;
  height: 70px;
  padding: 15px 20px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.to-top {
  right: 15px;
  width: 50px;
  height: 50px;
  bottom: 60px;
  padding: 13px 15px;
  display: none;
  background: #3a6f07;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .contact_float {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contact_float.contact > * {
    margin: 0;
    position: relative;
    width: 50%;
  }
  footer {
    margin-bottom: 50px;
  }
}

.mb2 {
  margin-bottom: 15px;
}
.py1 {
  padding: 7.5px 0;
}
.py2 {
  padding: 15px 0;
}
.px2 {
  padding: 0 15px;
}
.c1 {
  flex: 0 0 auto;
  width: 8.333333%;
}
.c6 {
  flex: 0 0 auto;
  width: 50%;
}
.c10 {
  flex: 0 0 auto !important;
  width: 83.333333% !important;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
  .sm6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .sm10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  .md4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
  }
  .md7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .md8 {
    flex: 0 0 auto;
    width: 66.666666%;
  }
  .md6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .md-pl1 {
    padding-left: 8px;
  }
  .md-pr1 {
    padding-right: 8px;
  }
  .md-pl2 {
    padding-left: 16px;
  }
  .md-pr2 {
    padding-right: 16px;
  }
  .filter_sortby.t2 button {
    display: none;
  }
  .listing-desc .listing-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .listing-desc .listing-text {
    margin-bottom: 10px;
  }
  .contact_float.contact {
    display: none;
  }
  .filter_sortby button:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .filter_sortby button:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 900px;
  }
  .dn_lg {
    display: none;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}
.list {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M80 368H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm0-320H16A16 16 0 0 0 0 64v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16zm0 160H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm416 176H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z'%3E%3C/path%3E%3C/svg%3E");
}
.map-marker {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'%3E%3C/path%3E%3C/svg%3E");
}
.txt_f {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32zM128 272c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z'%3E%3C/path%3E%3C/svg%3E");
}
.lips {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23fff' d='M631.14 195.68C579.47 109.99 466.31 32 417.72 32c0 0-32.57 0-97.72 50-65.15-50-97.72-50-97.72-50-48.59 0-161.75 77.99-213.42 163.68-10.32 17.11-11.63 37.99-3.89 56.38C32.95 318.51 117.59 480 279.28 480h81.43c161.69 0 246.33-161.49 274.32-227.95 7.74-18.38 6.43-39.26-3.89-56.37zm-40.34 37.74C565.65 293.13 492.91 432 360.72 432h-81.43C147.09 432 74.35 293.13 49.2 233.42c-1.84-4.38-1.57-9.1.76-12.96C96.28 143.65 191.9 83.43 220.33 80.14 250 87.12 290.29 119.71 320 142.5c33.12-25.41 70.35-55.46 99.67-62.36 28.47 3.31 124.06 63.53 170.37 140.32 2.32 3.86 2.6 8.59.76 12.96zm-57.83-2.18C512.72 223.25 465.99 208 404 208c-33.36 8.34-51.13 14-84 14-32.53 0-49.47-5.37-84-14-61.99 0-108.72 15.25-128.96 23.24-5.51 2.17-6.8 9.23-2.41 13.2C128.18 265.73 199.97 320 320 320s191.82-54.27 215.37-75.56c4.39-3.97 3.1-11.03-2.4-13.2z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat right 0.34rem center;
  background-size: 20px 16px;
  height: 20px;
  width: 30px;
}
.city-list {
  padding: 0 20px 16px 20px;
  margin-top: 20px;
  border-top: 3px solid #f37200;
  -moz-box-shadow: 0px 3px 4px 4px rgba(18, 168, 255, 0.17);
  box-shadow: 0px 3px 4px 4px rgba(18, 168, 255, 0.17);
}
.city-list h3,
.city-list h4 {
  font-weight: 600;
  line-height: 1.3;
  color: #000;
  font-size: 16px;
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #f37200;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.list-cities ul li {
  display: inline-block;
  padding: 0;
  margin: auto;
  min-width: 16%;
  list-style: none;
}
.list-cities ul li a {
  display: inline-block;
  padding: 0;
  margin: auto;
  color: #000;
  display: block;
  padding: 10px;
  padding-left: 20px;
  display: block;
}
._ct.map-marker {
  position: relative;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 12px 12px;
}
.content-section > div {
  border: 0;
}
ol {
  margin-left: 25px;
}
.banner_bg {
  background: #ff66cc;
  padding: 30px 0;
}
.banner-content {
  text-align: center;
  color: #fff;
}
.search {
  float: left;
  width: 100%;
  position: relative;
  background: #ececec;
  padding: 7px;
}
.search_inn {
  float: left;
  width: 100%;
  background: #fff;
}
form {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.search_inn div.select,
.search_inn div.search_fild {
  float: left;
  width: 28%;
  height: 50px;
  border-right: 1px solid #dde6ef;
  position: relative;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 20px 22px;
}
.search_inn div.select::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 29px;
  height: 60px;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
input,
select,
textarea {
  border: 1px solid #ccc;
  font-family: inherit;
  padding: 0.428571428rem;
}
.search_inn div.select select {
  width: 100%;
  height: 50px;
  border: none;
  cursor: pointer;
  color: #6b7c8a;
  font-size: 15px;
  padding-left: 40px;
}
.search_inn div.search_fild input[type="text"] {
  float: right;
  width: calc(100% - 40px);
  height: 50px;
  background: transparent;
  border: none;
  color: #6b7c8a;
  font-size: 15px;
}
.search_inn input[type="submit"] {
  float: right;
  width: 17.5%;
  height: 50px;
  background: #60072e;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .search_inn div.select {
    width: 50%;
  }
  .search_inn div.search_fild {
    width: 100%;
    border-top: 1px solid silver;
  }
  .search_inn input[type="submit"] {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .search_inn form {
    display: flex;
  }
}

nav._nav {
  margin-top: 40px;
}
.box {
  position: relative;
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 15px;
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background: #f4f4f4;
}
.box-transparent {
  position: relative;
  padding: 15px 0;
  width: 100%;
}
.crumb-container {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 14px;
  color: #5a5a5a;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  padding: 10px 15px;
}
.breadcrumb li {
  display: inline-block;
}
.crumb {
  padding-top: 4px;
}
main {
  margin-top: 0;
}

.listing-desc .listing-title,
.listing-desc .listing-text {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.listing-desc .listing-text {
  -webkit-line-clamp: 4;
  font-size: 13px;
}
.content-section > div {
  border: 1px solid #cecece;
  margin-bottom: 15px;
}
.listing-desc .card-body {
  padding: 0.44rem;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
}
.listing-desc .card-body > a {
  float: left;
  margin-right: 8px;
}
.age {
  max-width: 65px;
}

.content-section .listing {
  flex: 0 0 auto;
  max-width: initial;
  width: 160px;
  min-width: 160px;
  max-height: 155px;
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
}

.content-section .listing-desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: inherit;
  max-width: inheri;
}

.col {
  position: relative;
  width: 100%;
}

.listing-desc .card-body {
  padding: 0.44rem;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
}

.listing-desc .listing-title,
.listing-desc .listing-text {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.listing-desc .card-body > a {
  float: left;
  margin-right: 8px;
}

.whatsapp {
  background: #39a453
   
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat right 8px center;
}

.whatsapp,
.phone {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 3px;
  position: relative;
  background-size: 23px 26px;
}

.md-pr2 {
  padding-right: 16px;
}

.md8 {
  flex: 0 0 auto;
  width: 66.666666%;
}

.mb2 {
  margin-bottom: 15px;
}

.col {
  position: relative;
  width: 100%;
}

.md4 {
  flex: 0 0 auto !important;
  width: 33.333333% !important;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mt2 {
  margin-top: 15px;
}

.immg {
  max-height: 250px;
  padding: 7.5px;
  overflow: hidden;
}

.immg span {
  overflow: hidden;
  border-radius: 30px;
  display: inline-block;
  max-height: 100%;
}
.zoom-in {
  cursor: zoom-in;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
}

.c6 {
  flex: 0 0 auto;
  width: 50%;
}

.col.md8.md-pr2.mb2 {
  flex: 0 0 auto;
  width: 66.666666%;
}

.col.md6.md-pr1.immg {
  flex: 0 0 auto;
  width: 50%;
}

.image-preview-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.3s;
  display: none;
  color: #fff;
  will-change: transform;
  user-select: none;
}
.image-preview-container.show {
  animation: show 0.5s forwards;
  -webkit-animation: show 0.5s forwards;
}
.image-preview-container.hiding .preview-header {
  animation: opacityAnimation 0.5s forwards reverse;
}
.image-preview-container img {
  transition: all 0.5s;
  transform: translateX(var(--offsetX)) translateY(var(--offsetY)) translateZ(0)
    scale(var(--scale), var(--scale)) rotate(var(--rotate));
}
.image-preview-container .image-container {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.image-preview-container .preview-header {
  height: 60px;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2vw 0 1vw;
  position: relative;
  z-index: 90;
  animation: opacityAnimation 0.5s forwards;
}
.image-preview-container .preview-header .nums {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.image-preview-container .preview-header .nums p {
  font-weight: 300;
  padding: 4px 8px;
  font-size: 16px;
}
.image-preview-container .preview-header button {
  background: 0 0;
  border: none;
  outline: 0;
  font-size: 18px;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
}
.image-preview-container .preview-header .tool-btn button {
  margin-left: 2vw;
}
.image-preview-container .preview-header button:hover::after,
.image-preview-container .preview-header button:hover::before {
  display: block;
}
.image-preview-container .preview-header button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(130% - 5px);
  transform: translateX(-50%);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #000;
  display: none;
}
.image-preview-container .preview-header button::after {
  content: attr(data-tooltip);
  font-size: 12px;
  position: absolute;
  left: 50%;
  top: 130%;
  transform: translateX(-50%);
  background: #000;
  padding: 2px 5px;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  display: none;
}
.image-preview-container .preview-header button:hover {
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
#next,
#prev {
  background: 0 0;
  border: none;
  outline: 0;
  position: absolute;
  top: 50%;
  color: #f6f6f6;
  padding: 20px 10px;
  cursor: pointer;
  z-index: 1;
}
#next i,
#prev i {
  font-size: 24px;
  display: block;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23ffffff' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
}
#prev i {
  transform: rotate(180deg);
}
#prev {
  left: 1%;
}
#next {
  right: 1%;
}
.zoom-in {
  cursor: zoom-in;
}
.moving {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
@keyframes show {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.6);
  }
}
@keyframes opacityAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@font-face {
  font-family: iconfont;
  src: url("../t/font_2387568_7n96d4x0sva.eot");
  src: url("../t/font_2387568_7n96d4x0sva.eot#iefix")
      format("embedded-opentype"),
    url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAT4AAsAAAAACjAAAASqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXgqGXIUtATYCJAMcCxAABCAFhG0HgQEbpggRFaRXkP0ocPcUUIQJE35oLZsytsFlXASH/P8RD//tx7pvZr5g2iCR4Ee6SRMNieSNBom6Ftqmsknrnm272avZT+9ZL5kSyYL4OoAruFgmd66mB+uXQDZXayVUeGYizL6S8eBfX0r6fOmkWbj7n2OmS2uw/GubS2VStY2Ge+MBDSj7ovRADvhO7OjUTwN23crPBD1NoNe0MMTq2MmzoVUomwJxWlKUA23IouSQQ6uvU04WiPvA16YB8ixwz/75+CwmRCCpMijP2j4Zkw+L7+B5CdJxOkjPRtC154JwjowOKMRdqucWkJvpIL2f38mzj0GtpH7nOfl84rnP88DnJRxHuFMZDYNqI1lRSfP650UNjKYf2ONszTvQ+WTekXwK72g+Fe981PK0gTAJaEugtaroRjfYQ+4XiC1gO03ah+KQ5TFC3eUXpVJ4eStVbZRJRxfkGzdsYh2LrHqHQgtDtdFmHZVfQKaNTFilT3OzdF0G0kGdnyuv4KJps6gqMFSOWW9us9rXr6UkV1/Pvn498caNJPbaDAmzUbeJllq3OBKWzX6YguvX3+Rr1xLeW6dgjjqR+Ji/csMJV2Q/nm6iFBYHpLdKlayZzmngvuuzh1ntmxlqtgnTCWZ2i91h6I2EisXmdRuWpJmwqXJswnMjYfLQkUnViZa9TjZ6yPXZHewsMNNK1kogvUWiMFFkVoByzJnUHd29/jiBVpzQ1LmB3RWXlpSWWkWjXbHRiI3NBuNGVxuEP3KDAVcmGbfJMNfmuhEG34wYcdbnLOiqEUrsrPdZlRc66nNUFZSkSDNvhEFXse7f92aFE849J7fOIZajy6/QclVoCo1DyYvHD52t8HH3ubj5oY98sztTkT54wvaE4iPo188M5RFWiMesI9+99FgG1zjWCyvfDOGP7Ed7JhXnrGMXiN+UBD6r34Y8Jrr3HrnSH18T0ozGDoijnXFWvsXWn5Vqc9V+mTe1grLglsj1h50bB08xXwW46p6Z0gd7tm3Y3xRSEVzPl1ldfVxwTrLNpT87727g9KijCa2oNqQ36vB5X0a0TrQA8xJ4/yv8QbxAzKlJ2OuskoO7nvjjWfgPm6Ed/H+TnuYAlvolz0Ey6tN8CA3K3fIQ0j97L/M45NqZLOXgbyIpD+BtdnM9LNz/ch4jwAOkVVr6pJkKkYP4p/jKFWtT3n10UeklCDQWZUol9KpDPF+BUffb0070JjF9rQkfksYUZK0ZZMF2UOkzD7XWAvSaM+58nzG1sihiYFYPQRi2A5JBTyAbdg5ZsPegMukd1IaxgUAiMbQ3SgVEiRrFqAU/8P6HYKhazS7KKb2h27PmoNymvJB7iMMaERXNX7Eit7Gnf90mYsEyFbjQ8zBngsYU0cjkRdp5jixM+6TJUBmUURjSBPoAb/9AYJDKmuOFin3/DXJ2mcY5PT+CL4h1YXqwmiwlkFdNLdVzLPO7L2cjhGXXWYwU4AIXymqGgJa+LEKGmPgaqeZsZgbZspqpf105zhPQS/lgEylylKiijiZawuug/4PDY53X1bmzTtoY2quMjUm0XzfhmLF3qqPJ1PHQ6qk6oygcm3ddbREMynWvwwAA")
      format("woff2"),
    url("../t/font_2387568_7n96d4x0sva.woff") format("woff"),
    url("../t/font_2387568_7n96d4x0sva.ttf") format("truetype"),
    url("../t/font_2387568_7n96d4x0sva.svg") format("svg");
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-account-practice-lesson-close:before {
  content: "\e600";
}
.icon-zhongzhi:before {
  content: "\e602";
}
.icon-xuanzhuan:before {
  content: "\e615";
}
.icon-xuanzhuan1:before {
  content: "\e669";
}
@media screen and (max-width: 768px) {
  .preview-header .iconfont,
  .preview-header .nums p {
    font-size: 12px !important;
  }
}
.ec {
  position: relative;
}
.ec .ec__holder {
  overflow: hidden;
}
.ec .ec__track {
  will-change: transform;
}
.ec .ec__track:after {
  content: "";
  display: table;
  clear: both;
}
.ec .ec__item {
  float: left;
  overflow: hidden;
  padding: 0 5px;
  max-height: 200px;
}
.ec .ec__pagination {
  text-align: center;
  margin-top: 10px;
}
.ec .ec__pagination .pagination__dot {
  width: 8px;
  height: 8px;
  background-color: transparent;
  display: inline-block;
  border: 1px solid #000;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
}
.ec .ec__pagination .pagination__dot--active {
  background-color: #000;
}
.ec .ec__nav:before {
  content: "";
}
.ec .ec__nav--prev {
  left: 3px;
  transform: rotate(180deg);
}
.ec .ec__nav--next {
  right: 3px;
}
.ec .ec__nav {
  position: absolute;
  bottom: 35%;
  cursor: pointer;
  height: 50px;
  width: 40px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%238b8b8b' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
}
@media screen and (max-width: 380px) {
  .ec .ec__item {
    max-height: 160px;
  }
}
@media screen and (max-width: 480px) {
  .ec .ec__item {
    max-height: 160px;
  }
}
.rp {
  background: #64173b;
}

.cloud-tag-block.html_tag a {
  border: #999 1px solid;
  border-radius: 10px;
  background: #fff;
  padding: 4px 13px;
  margin: 5px 18px;
  font-size: 12px;
  display: inline-block;
  color: #ff66cc;
}

.container {
  max-width: 1100px;
}

.login {
  min-height: 350px;
  max-width: 700px;
  margin: auto;
}

.sm10 {
  flex: 0 0 auto;
  width: 83.333333%;
}

.form-control,
.input-group-text,
.custom-select {
  padding-top: 2px;
  padding-bottom: 3px;
}

.form-control {
  height: calc(2.25rem + 2px);
  display: block;
  width: 100%;
  padding: 0.25rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

button.btn.bg-match.b-shadow.cursor.g-recaptcha {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.45rem 0.55rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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;
  cursor: pointer;
  background: #f37200;
  color: #fff;
}

.form-group.row {
  margin-bottom: 15px;
}

button.btn.bg-match.b-shadow.cursor {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.45rem 0.55rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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;
  cursor: pointer;
  background: #f37200;
  color: #fff;
}