/*------------------------------------------------------------------------
# mod_mx_course Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2019 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/

.la-member{
  position: relative;
}

.mxc-item-boxarea {
 position:relative;
 z-index:1;
 overflow:hidden;
 border-radius:30px;
 background:var(--bg-2,#f1f2f3);
 padding:16px;
 margin-bottom:30px;
 transition:all .4s
}
.mxc-item-boxarea:hover {
 transition:all .4s
}

.mxc-item-boxarea:hover .img1 {
 border-radius:30px
}
.mxc-item-boxarea:hover .img1 img {
 transform:scale(1.1) rotate(-4deg);
 transition:all .4s
}
.mxc-item-boxarea:hover .btn-area1 {
 visibility:visible;
 opacity:1;
 transition:all .6s;
 bottom:0;
 margin-top:24px;
 height:60px
}
.mxc-item-boxarea .mx-imga-img-area {
 position:relative;
 z-index:1
}

.mxc-item-boxarea .mx-imga-img-area .img1 {
 position:relative;
 z-index:1;
 border-radius:30px;
 transition:all .4s;
 overflow:hidden
}
.mxc-item-boxarea .mx-imga-img-area .img1 img {
 height:100%;
 width:100%;
 object-fit:cover;
 border-radius:30px;
 transition:all .4s
}
.mxc-item-boxarea .image-anime {
 position:relative;
 overflow:hidden
}
.mxc-item-boxarea .image-anime:after {
 content:"";
 position:absolute;
 width:200%;
 height:0;
 left:50%;
 top:50%;
 background-color:hsla(0,0%,100%,.3);
 transform:translate(-50%,-50%) rotate(-45deg);
 z-index:1
}
.mxc-item-boxarea .image-anime:hover:after {
 height:250%;
 transition:all .3s linear;
 background-color:transparent
}
.mxc-item-boxarea .property-price {
 background:var(--mxco-bg-bg-1);
 padding:16px 12px;
 border-radius:16px;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.mxc-item-boxarea ul {
  margin-top: 0;
  margin-bottom: 0rem;
  padding-left: 0rem;
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
 .mxc-item-boxarea .property-price {
  display:block
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .mxc-item-boxarea .property-price {
  display:block
 }
}
@media (max-width:767px) {
 .mxc-item-boxarea .property-price {
  display:block
 }
}
.mxc-item-boxarea .property-price .text a {
 color:var(--mxco-text-text-2);
 font-size:var(--mxco-font-size-font-s20);
 font-style:normal;
 font-weight:var(--mxco-weight-semibold);
 line-height:20px;
 text-transform:capitalize;
 display:inline-block;
 transition:all .4s
}
.mxc-item-boxarea .property-price .text a:hover {
 color:var(--mxco-maincolor);
 transition:all .4s
}
.mxc-item-boxarea .property-price .text p {
 color:var(--mxco-text-text-3);
 font-size:var(--mxco-font-size-font-s16);
 font-style:normal;
 font-weight:var(--mxco-weight-regular);
 line-height:16px
}
.mxc-item-boxarea .love-share a {
 color:var(--mxco-maincolor);
 }
.mxc-item-boxarea .property-price .price {
 color:var(--mxco-maincolor);
 font-size:var(--mxco-font-size-font-s20);
 font-style:normal;
 font-weight:var(--mxco-weight-semibold);
 line-height:20px;
 text-transform:capitalize;
 display:inline-block;
 transition:all .4s;
 padding:14px 16px;
 border:1px solid var(--mxco-maincolor);
 border-radius:44px
}
.mxc-item-boxarea .property-price .price:hover {
 background:var(--mxco-maincolor);
 transition:all .4s;
 color:var(--mxco-text-text-1)
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
 .mxc-item-boxarea .property-price .price {
  margin-top:16px
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .mxc-item-boxarea .property-price .price {
  margin-top:16px
 }
}
@media (max-width:767px) {
 .mxc-item-boxarea .property-price .price {
  margin-top:16px
 }
}
.mxc-item-boxarea .property-other-widget {
 position:relative;
 z-index:1;
 background:var(--mxco-bg-bg-1);
 border-radius:30px;
 padding:16px
}
.mxc-item-boxarea .property-other-widget ul {
 padding-bottom:24px;
 border-bottom:1px solid #f1f2f3
}
.mxc-item-boxarea .property-other-widget ul li {
 display:inline-block;
 color:var(--mxco-text-text-3);
 font-size:var(--mxco-font-size-font-s16);
 font-style:normal;
 font-weight:var(--mxco-weight-medium);
 line-height:16px;
 margin:0 20px 0 0
}
.mxc-item-boxarea .property-other-widget ul li:last-child {
 margin:0
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
 .mxc-item-boxarea .property-other-widget ul li:last-child {
  margin-top:10px
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .mxc-item-boxarea .property-other-widget ul li:last-child {
  margin-top:10px
 }
}
@media (max-width:767px) {
 .mxc-item-boxarea .property-other-widget ul li:last-child {
  margin-top:10px
 }
}
@media only screen and (min-width:1400px) and (max-width:1599px) {
 .mxc-item-boxarea .property-other-widget ul li {
  margin:0 10px 0 0
 }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
 .mxc-item-boxarea .property-other-widget ul li {
  margin:0 10px 0 0
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .mxc-item-boxarea .property-other-widget ul li {
  margin:0 10px 0 0
 }
}
@media (max-width:767px) {
 .mxc-item-boxarea .property-other-widget ul li {
  margin:0 10px 0 0
 }
}
.mxc-item-boxarea .property-other-widget ul li span {
 height:40px;
 width:40px;
 display:inline-block;
 transition:all .4s;
 border-radius:50%;
 background:#f1f2f3;
 line-height:40px;
 text-align:center;
 margin:0 6px 0 0
}
.mxc-item-boxarea .property-other-widget .btn-area {
 display:flex;
 align-items:center;
 justify-content:space-between
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .mxc-item-boxarea .property-other-widget .btn-area {
  display:inline-block
 }
}
@media (max-width:767px) {
 .mxc-item-boxarea .property-other-widget .btn-area {
  display:inline-block
 }
}
.mxc-item-boxarea .property-other-widget .btn-area .name-area {
 display:flex;
 align-items:center
}
.mxc-item-boxarea .property-other-widget .btn-area .name-area .img img {
 height:40px;
 width:40px;
 object-fit:cover;
 border-radius:50%
}
.mxc-item-boxarea .property-other-widget .btn-area .name-area .text {
 color:var(--mxco-text-text-2);
 font-size:var(--mxco-font-size-font-s16);
 font-style:normal;
 font-weight:var(--mxco-weight-medium);
 line-height:16px;
 display:inline-block;
 transition:all .4s;
 padding-left:6px
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .mxc-item-boxarea .property-other-widget .btn-area .love-share {
  margin-top:16px
 }
}
@media (max-width:767px) {
 .mxc-item-boxarea .property-other-widget .btn-area .love-share {
  margin-top:16px
 }
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart {
 height:40px;
 width:40px;
 text-align:center;
 line-height:40px;
 display:inline-block;
 transition:all .4s;
 background:#fdf3eb;
 border-radius:50%;
 position:relative
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart.active .heart2 {
 visibility:hidden;
 opacity:0;
 transition:all .4s
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart.active .heart1 {
 visibility:visible;
 opacity:1;
 transition:all .4s
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart:hover {
 transition:all .4s
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart:hover .heart2 {
 visibility:hidden;
 opacity:0;
 transition:all .4s
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart:hover .heart1 {
 visibility:visible;
 opacity:1;
 transition:all .4s
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart .heart2 {
 visibility:visible;
 opacity:1;
 transition:all .4s;
 height:21px;
 width:21px;
 object-fit:contain;
 display:inline-block
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .heart .heart1 {
 visibility:hidden;
 opacity:0;
 transition:all .4s;
 position:absolute;
 top:12px;
 left:10px;
 height:18px;
 width:18px;
 object-fit:contain;
 display:inline-block
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .share {
 height:40px;
 width:40px;
 text-align:center;
 line-height:37px;
 display:inline-block;
 transition:all .4s;
 background:#fdf3eb;
 border-radius:50%;
 position:relative;
 color:var(--mxco-text-text-7)
}
.mxc-item-boxarea .property-other-widget .btn-area .love-share .share svg {
 height:22px;
 width:22px;
 object-fit:cover
}
.mxc-item-boxarea .rent-sale-area {
 display:flex;
 align-items:center;
 justify-content:space-between;
 position:absolute;
 left:40px;
 top:40px;
 z-index:1;
 right:40px
}
.mxc-item-boxarea .rent-sale-area ul li {
 display:inline-block
}
.mxc-item-boxarea .rent-sale-area ul li:last-child {
 margin-left:6px
}
.mxc-item-boxarea .rent-sale-area ul li:last-child a {
 background:var(--mxco-maincolor);
 color:var(--mxco-text-text-1);
 transition:all .4s
}
.mxc-item-boxarea .rent-sale-area ul li a {
 color:var(--mxco-text-text-2);
 font-size:var(--mxco-font-size-font-s16);
 font-style:normal;
 font-weight:var(--mxco-weight-medium);
 line-height:16px;
 display:inline-block;
 transition:all .4s;
 background:var(--mxco-bg-bg-1);
 padding:6px 12px;
 border-radius:28px
}
.mxc-item-boxarea .rent-sale-area ul li a:hover {
 background:var(--mxco-maincolor);
 color:var(--mxco-text-text-1);
 transition:all .4s
}
.mxc-item-boxarea .rent-sale-area .camera {
 border-radius:28px;
 background:var(--mxco-bg-bg-1);
 padding:6px 12px;
 color:var(--mxco-text-text-2);
 font-size:var(--mxco-font-size-font-s16);
 font-style:normal;
 min-width: 150px;
 text-align: center;
 font-weight:var(--mxco-weight-medium);
 line-height:16px
}
.mxc-item-boxarea .rent-sale-area .camera svg {
 height:16px;
 width:16px;
 object-fit:contain;
 margin:-4px 0 0
}
.mxc-item-boxarea .btn-area1 {
 transition:all .4s;
 visibility:hidden;
 opacity:0;
 transition:all .6s;
 bottom:-100px;
 height:0
}
.vl-btn1 {
 display:inline-block;
 padding:20px 16px 20px 24px;
 color:var(--mxco-text-text-1);
 font-weight:var(--mxco-weight-bold);
 line-height:16px;
 z-index:2;
 border:none;
 overflow:hidden;
 background-color:var(--mxco-maincolor);
 position:relative;
 z-index:1
}
.vl-btn1,
.vl-btn1:after {
 transition:all .4s;
 border-radius:70px
}
.vl-btn1:after {
 position:absolute;
 content:"";
 height:100%;
 left:50%;
 top:0;
 background:var(--mxco-bg-bg-2);
 width:10px;
 z-index:-1;
 visibility:hidden;
 opacity:0
}
.vl-btn1 span {
 display:inline-block;
 transform:rotate(-45deg) translateX(0) translateY(1px);
 transition:all .4s
}
.vl-btn1 .arrow2 {
 transform:translateY(-4px) rotate(-45deg) translateX(-48px);
 transition:all .4s;
 opacity:0
}
.vl-btn1 .arrow1,
.vl-btn1:hover .arrow2 {
 transition:all .4s;
 opacity:1
}
.vl-btn1:hover .arrow2 {
 transform:translateY(-12px) rotate(-45deg) translateX(-18px)
}
.vl-btn1:hover .arrow1 {
 transition:all .4s;
 transform:translateY(-7px) rotate(-45deg) translateX(45px);
 opacity:0
}
.vl-btn1:hover {
 color:var(--mxco-text-text-1);
 transition:all .4s
}
.vl-btn1:hover:after {
 visibility:visible;
 opacity:1;
 transition:all .4s;
 left:0;
 width:100%
}
.space16 {
  height: 16px;
}
.space20 {
  height: 20px;
}
.space24 {
  height: 24px;
}
:root{--mxco-text-text-1:#fff;--mxco-text-text-2:#1b1b1b;--mxco-text-text-3:#5c5d62;--mxco-maincolor:#ed8438;--mxco-bg-bg-1:#fff;--mxco-bg-bg-2:#1b1b1b;--mxco-border-border-1:#e5e7eb;--mxco-border-border-2:#dfdcdc;--mxco-font-size-font-s10:10px;--mxco-font-size-font-s12:12px;--mxco-font-size-font-s14:14px;--mxco-font-size-font-s16:16px;--mxco-font-size-font-s18:18px;--mxco-font-size-font-s20:20px;--mxco-font-size-font-s22:22px;--mxco-font-size-font-s24:24px;--mxco-font-size-font-s26:26px;--mxco-font-size-font-s28:28px;--mxco-font-size-font-s30:30px;--mxco-font-size-font-s32:32px;--mxco-font-size-font-s34:34px;--mxco-font-size-font-s36:36px;--mxco-font-size-font-s38:38px;--mxco-font-size-font-s40:40px;--mxco-font-size-font-s42:42px;--mxco-font-size-font-s44:44px;--mxco-font-size-font-s46:46px;--mxco-font-size-font-s48:48px;--mxco-font-size-font-s50:50px;--mxco-font-size-font-s52:52px;--mxco-font-size-font-s54:54px;--mxco-font-size-font-s56:56px;--mxco-font-size-font-s58:58px;--mxco-font-size-font-s60:60px;--mxco-font-size-font-s62:62px;--mxco-font-size-font-s64:64px;--mxco-font-size-font-s66:66px;--mxco-font-size-font-s68:68px;--mxco-font-size-font-s70:70px;--mxco-specing-height6:6px;--mxco-specing-height8:8px;--mxco-specing-height10:10px;--mxco-specing-height12:12px;--mxco-specing-height14:114px;--mxco-specing-height16:16px;--mxco-specing-height18:18px;--mxco-specing-height20:20px;--mxco-specing-height22:22px;--mxco-specing-height24:24px;--mxco-specing-height26:26px;--mxco-specing-height28:28px;--mxco-specing-height30:30px;--mxco-specing-height32:32px;--mxco-specing-height34:34px;--mxco-specing-height36:36px;--mxco-specing-height38:38px;--mxco-specing-height40:40px;--mxco-specing-height42:42px;--mxco-specing-height44:44px;--mxco-specing-height46:46px;--mxco-specing-height48:48px;--mxco-specing-height50:50px;--mxco-specing-height52:52px;--mxco-specing-height54:54px;--mxco-specing-height56:56px;--mxco-specing-height58:58px;--mxco-specing-height60:60px;--mxco-specing-height70:70px;--mxco-specing-height80:80px;--mxco-specing-height90:90px;--mxco-specing-height100:100px;--mxco-specing-height110:110px;--mxco-specing-height120:120px;--mxco-specing-height130:130px;--mxco-weight-regular:400;--mxco-weight-medium:500;--mxco-weight-semibold:600;--mxco-weight-bold:700;--mxco-weight-black:800;}