@charset "UTF-8";
/* CSS Document */

/** HEADER **/
#top{
        padding: 20px 0 17px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
        box-shadow: 0px 4px 16px rgba(9, 55, 99, 0.08);
}
body.is-on-top:not(.head-shadow) #top{
        box-shadow: 0px 4px 16px rgba(9, 55, 99, 0);
}
#top .rowflex{
        justify-content: space-between;
        align-items: center;
}
#top .logo{
        flex: 105px;
        max-width: 105px;
        position: relative;
        top: -3px;
}
#top .mainmenu{
        flex: calc(100% - 450px);
        max-width:  calc(100% - 450px);
        text-align: center;
}
#top .mainmenu li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 13px;
        position: relative;
}
#top .mainmenu li.current:before{
        width: 18px;
        height: 11px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/current-menu.svg);
        content: '';
        position: absolute;
        left: calc(50% - 9px);
        top: -15px;
        display: block;
}
#top .mainmenu li.has-children > b{
        width: 10px;
        height: 6px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/arrow-down-black.svg);
        display: inline-block;
        position: relative;
        margin: 0 0 0 5px;
        position: relative;
        top: -1px;
        cursor: pointer;
}
#top .mainmenu li.has-children b.expanded,
#top .mainmenu li.has-children:hover > b{
        transform: rotate(180deg);
}
#top .mainmenu li a{
        color: #434343;
        transition:color 0.2s ease-in;
}
#top .mainmenu li.current > a{
        color: #175282;
}
#top .mainmenu li:not(.current) a:hover{
        color: #EB8023;
}
#top .mainmenu li ul{
        position: absolute;
        background: #fff;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
        padding: 17px 15px 18px;
        text-align: left;
        margin-top: 40px;
        left: -15px;
        min-width: 190px;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
#top .mainmenu li:hover ul{
        opacity: 1;
        margin-top: 36px;
        visibility: visible;
}
#top .mainmenu li ul:after,
#top .mainmenu li ul:before{
        position: absolute;
        left: 0;
        top: -4px;
        width: 100%;
        height: 4px;
        content: '';
        background: #EB8023;
        width: 120px;
}
#top .mainmenu li ul:after{
        width: 100%;
        height: 36px;
        top: -36px;
        background: none;
}
#top .mainmenu li ul li{
        display: block;
        margin: 15px 0 0;
        padding: 14px 0 0;
        border-top: 1px solid #D9D9D9;
}
#top .mainmenu li ul li:first-child{
        margin: 0;
        padding: 0;
        border: none;
}
#top .mainmenu li ul li a:hover{
        color: #EB8023;
}
#top .util{
        flex: 260px;
        max-width: 260px;
        text-align: right;
}
#top .util > *{
        display: inline-block;
        vertical-align: middle;
}
#top .util .lang{
        position: relative;
        margin-right: 20px;
}
#top .util .lang span{
        cursor: pointer;
        color: #093763;
        font-weight: 500;
        text-transform: uppercase;
        position: relative;
        padding-right: 18px;
}
#top .util .lang span:after{
        width: 10px;
        height: 6px;
        background-image: url(../img/icon/arrow-down-blue.svg);
        position: absolute;
        right: 0;
        top: 5.5px;
        transform: rotate(0deg);
}
#top .util .lang:hover span:after{
        transform: rotate(180deg);
}
#top .util .lang ul{
        position: absolute;
        background: #fff;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
        text-align: left;
        left: -8px;
        margin-top: 5px;
        padding: 5px 0;
        opacity: 0;
        visibility: hidden;
        margin-top: 8px;
        transition:all 0.2s ease-in;
        
}
#top .util .lang:hover ul{
        visibility: visible;
        opacity: 1;
        margin-top: 5px;
}
#top .util .lang ul:after,
#top .util .lang ul:before{
        display: block;
        position: absolute;
        top: -5px;
        left: 0;
        width: 100%;
        height: 5px;
        content: '';
}
#top .util .lang ul:after{
        height: 2px;
        top: -2px;
        background: #EB8023;
}
#top .util .lang ul a{
        display: block;
        padding: 5px 10px;
        color: #093763;
        transition:color 0.2s ease-in;
}
#top .util .lang ul a:hover{
        color: #EB8023;
}
#top .util .profile > *{
        display: inline-block;
        vertical-align: middle;
}
#top .util .profile .ic-chat{
        width: 24px;
        height: 24px;
        background-image: url(../img/icon/chat.svg);
        position: relative;
}
#top .util .profile .account a.ic-bell b,
#top .util .profile .ic-chat b{
        width: 20px;
        height: 20px;
        display: block;
        background: #EB5757;
        border: 2px solid #FFFFFF;
        border-radius: 10px;
        line-height: 16px;
        padding-left: 1px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        position: absolute;
        top: -10px;
        right: -10px;
        font-size: 10px;
}
#top .util .profile .account a.ic-bell{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 23px;
        height: 24px;
        background-image: url(../img/icon/bell.svg);
        margin: 0 30px 0 45px;
        position: relative;
        top: 1px;
}
#top .util .profile .account a.ic-bell:before{
        width: 1px;
        height: 48px;
        background: #D9D9D9;
        content: '';
        position: absolute;
        left: -21px;
        top: -12px;
        content: '';
        display: block;
}
#top .util .profile .account a.trigger-account{
        display: inline-block;
        vertical-align: middle;
}
#top .util .profile .account figure{
        flex: 40px;
        max-width: 40px;
}
#top .util .profile .account figure img{
        box-shadow: 0px 4px 6px rgba(30, 77, 110, 0.16);
        border-radius: 50%;
}
#top .util .profile .account .caption{
        flex: calc(100% - 54px);
        max-width:  calc(100% - 54px);
        text-align: left;
}
#top .util .profile .account span,
#top .util .profile .account strong{
        display: block;
        line-height: 100%;
        font-size: 12px;
}
#top .util .profile .account span{
        font-weight: 600;
        color: #C4C4C4;
}
#top .util .profile .account strong{
        color: #093763;
        font-size: 14px;
        font-weight: 600;
        margin-top: 7px;
}
#body{
        padding-top: 90px;
}
/** FOOTER **/
#bottom .footnav{
        background: #F5F5F5;
        padding: 80px 0 30px;
}
.footnav .rowflex{
        margin: 0 -30px;
}
.footnav .rowflex .item{
        flex: calc(33.333333333333333333333% - 60px);
        max-width:  calc(33.333333333333333333333% - 60px);
        margin: 0 30px 60px;
}
.footnav .item h3{
        color: #093763;
        font-size: 18px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 25px;
}
.footnav .item li{
        display: block;
        margin-top: 25px;
        line-height: 140%;
}
.footnav .item li:first-child{
        margin: 0;
}
.footnav .item li a{
        color: #555;
        font-size: 16px;
        font-family: 'Montserrat';
        transition:color 0.2s ease-in;
}
.footnav .item li a:hover{
        color: #EB8023;
}
#bottom .footbar{
        background: #093763;
        padding: 40px 0 25px;
        position: relative;
        z-index: 99;
}
.footbar .topline{
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(255,255,255,.5);
        margin-bottom: 25px;
}
.footbar .logo{
        float: left;
}
.footbar .footer-menu{
        float: right;
        position: relative;
        top: 23px;
}
.footer-menu li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 55px 10px 0;
}
.footer-menu li:last-child{
        margin-right: 20px;
}
.footer-menu li a{
        color: #fff;
        transition:color 0.2s ease-in;
}
.footer-menu li a:hover{
        color: #F4BE39
}
.footbar .botline{
        color: #fff;
        font-family: 'Montserrat';
}
.footbar .botline > *{
        display: inline-block;
        vertical-align: middle;
}
.footbar .botline a{
        color: #fff;
        transition:color 0.2s ease-in;
}
.footbar .botline a:hover{
        color: #F4BE39
}
.footbar .botline ul{
        margin: 0 130px;
}
.footbar .botline li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
}
.footbar .social a,
.footbar .store a{
        display: inline-block;
        vertical-align: middle;
}
.footbar .store{
        position: relative;
        top: 1px;
}
.footbar .store a{
        width: 94px;
        height: 28px;
}
.footbar .store a.as{
        background-image: url(../img/icon/as.png);
        margin-right: 12px;
}
.footbar .store a.ps{
        background-image: url(../img/icon/ps.png);
}
.footbar .social{
        float: right;
        position: relative;
        top: 4px;
}
.footbar .social a{
        width: 20px;
        height: 20px;
        margin-right: 20px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.footbar .social a:hover{
        opacity: .7;
}
.footbar .social a:last-child{
        margin: 0;
}
.footbar .social a.fb{
        background-image: url(../img/icon/fb.svg);
}
.footbar .social a.in{
        background-image: url(../img/icon/in.svg);
}
.footbar .social a.ig{
        background-image: url(../img/icon/ig.svg);
}
.footbar .social a.yb{
        background-image: url(../img/icon/yb.svg);
}
.footer-chat{
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 99;
}
.footer-chat a.trigger-chat{
        width: 112px;
        height: 112px;
        background-image: url(../img/icon/sticky-chat.svg);
        display: block;
        position: relative;
        right: 0;
        bottom: 0;
        z-index: 1;
}
.footer-chat .box{
        width: 360px;
        background: #F5F5F5;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
        border-radius: 2px;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
        position: absolute;
        right: 0;
        bottom: -10px;
        z-index: 2;
}
.footer-chat.open-box .box{
        opacity: 1;
        visibility: visible;
        bottom: 0;
}
.footer-chat .box h2{
        background: rgba(235, 128, 35, .9);
        border-radius: 2px 2px 0px 0px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        padding: 16px;
}
.footer-chat .box h2 a{
        width: 14px;
        height: 14px;
        background-image: url(../img/icon/close-white.svg);
        position: absolute;
        right: 16px;
        top: 18px;
}
.footer-chat .chat{
        position: relative;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+0,f5f5f5+99,f3f3f3+100 */
        background: #f5f5f5; /* Old browsers */
        background: -moz-linear-gradient(top,  #f5f5f5 0%, #f5f5f5 99%, #f3f3f3 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f5f5f5 99%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #f5f5f5 0%,#f5f5f5 99%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
        padding: 16px 16px 60px;
        font-family: 'Montserrat';
        font-weight: 400;
}
.footer-chat .chat .list{
        margin-bottom: 5px;
}
.footer-chat .chat span.date{
        display: block;
        text-align: center;
        font-size: 10px;
        margin-bottom: 20px;
        line-height: 100%;
        color: #7B7B7B;
}
.footer-chat .chat .item{
        margin-top: 16px;
}
.footer-chat .chat .item:first-child{
        margin: 0;
}
.footer-chat .chat .item > *{
        display: inline-block;
        vertical-align: middle;
}
.footer-chat .chat .item p{
        max-width: 235px;
        line-height: 130%;
        padding: 16px;
        background: #E9E9E9;
        border-radius: 4px 24px 24px 24px;
        margin-right: 12px;
        font-size: 13px;
}
.footer-chat .chat .item em{
        font-size: 10px;
        line-height: 100%;
        color: #7B7B7B;
}
.footer-chat .tags a{
        display: inline-block;
        margin: 15px 8px 0 0;
        color: #093763;
        font-size: 13px;
        height: 40px;
        line-height: 38px;
        padding: 0 16px;
        border-radius: 20px;
        border: 1px solid #3E749C;
        transition:all 0.2s ease-in;
}
.footer-chat .tags a:hover{
        color: #fff;
        border-color: #EB8023;
        background: #EB8023;
}
.footer-chat .type input{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
        
        display: block;
        width: 100%;
        background: #fff;
        border: none;
        height: 60px;
        padding: 0 24px;
        color: #9D9D9D;
        font-size: 13px;
        font-weight: 500;
        font-family: 'Montserrat';
        box-shadow: 0px -1px 6px rgba(9, 55, 99, 0.08);
}
/** PAGE EVENT **/
.inner-event{
        padding: 35px 0 120px;
}
.inner-event .filter{
        margin: 0 0 25px;
}
.inner-event .filter .holder{
        max-width: 876px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-savprop .filter fieldset,
.inner-event .filter form fieldset{
        max-width: 31.5%;
        flex: 31.5%;
        position: relative;
}
.inner-savprop .filter select,
.inner-event .filter form select,
.inner-event .filter input{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
        background: none;
        
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #EB8023;
        padding: 0 0 15px;
        color: #7B7B7B;
        font-size: 16px;
        font-family: 'Libre Franklin';
        font-weight: 500;
        position: relative;
        z-index: 2;
        cursor: pointer;
}
.inner-savprop .filter fieldset.select:after,
.inner-event .filter form fieldset.select:after{
        position: absolute;
        top: 3px;
        right: 12px;
        width: 16px;
        height: 10px;
        background-image: url(../img/icon/arrow-down-grey.svg);
        z-index: 1;
}
.popup-form fieldset.date:after,
.inner-event .filter form fieldset.date:after{
        background-image: url(../img/icon/calendar-grey.svg);
        width: 14px;
        height: 15px;
        top: 3px;
        right: 10px;
        position: absolute;
}
.inner-event .filter input::placeholder{
        color: #7B7B7B;
        opacity: 1;
        font-family: 'Libre Franklin';
        font-weight: 500;
}
.detail-prop .content .fotem.event .rowflex,
.inner-event .main .rowflex{
        margin: 0 -15px;
        flex-wrap: wrap;
}
.detail-prop .content .fotem.event .item,
.inner-event .main .item{
        flex: calc(33.333333333333333333% - 30px);
        max-width:  calc(33.333333333333333333% - 30px);
        margin: 0 15px 55px;
        border-radius: 2px;
        overflow: hidden;
        background: #FFFFFF;
        box-shadow: 0px 1px 16px rgba(9, 55, 99, 0.12);
}
.detail-prop .content .fotem.event figure,
.inner-event .main .item figure{
        position: relative;
}
.detail-prop .content .fotem.event .item .caption,
.inner-event .main .item .caption{
        padding: 16px 24px;
}
.detail-prop .content .fotem.event .item figcaption,
.inner-event .main .item figcaption{
        position: absolute;
        display: inline-block;
        top: 0;
        right: 0;
        color: #fff;
        padding: 7px 12px;
        border-radius: 0 0 0 2px;
        font-weight: 500;
        font-size: 12px;
}
.detail-prop .content .fotem.event .item .caption h2,
.inner-event .main .item .caption h2{
        text-align: center;
        color: #093763;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        margin: 0 0 15px;
}
.detail-prop .content .fotem.event .item .meta,
.inner-event .main .item .meta{
        padding: 15px 0 0;
        border-top: 1px solid #E9E9E9;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
.detail-prop .content .fotem.event .item .meta span,
.inner-event .main .item .meta span{
        flex: 32%;
        font-size: 14px;
        color: #7B7B7B;
        font-family: 'Montserrat';
        font-weight: 400;
}
.detail-prop .content .fotem.event .item .meta span:first-child,
.inner-event .main .item .meta span:first-child{
        text-align: left;
}
.detail-prop .content .fotem.event .item .meta span:last-child,
.inner-event .main .item .meta  span:last-child{
        text-align: right;
}
.detail-prop .content .fotem.event .item .meta span:before,
.inner-event .main .item .meta  span:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 5px;
        top: -2px;
}
.detail-prop .content .fotem.event .item span.ic-loc:before,
.inner-event .main .item span.ic-loc:before{
        width: 13px;
        height: 15px;
        background-image: url(../img/icon/marker-orange.svg);
}
.detail-prop .content .fotem.event .item span.ic-date:before,
.inner-event .main .item span.ic-date:before{
        width: 12px;
        height: 13px;
        background-image: url(../img/icon/calendar-orange.svg);
}
.detail-prop .content .fotem.event .item span.ic-clock:before,
.inner-event .main .item span.ic-clock:before{
        width: 12px;
        height: 12px;
        background-image: url(../img/icon/clock-orange.svg);
}
.inner-event .pagination{
        padding-top: 20px;
}
.popup-event{
        max-width: 875px;
        box-shadow: 0px 4px 24px rgba(23, 82, 130, 0.12);
        border-radius: 4px;
}
.popup-event h2{
        text-align: center;
        max-width: 635px;
        margin: 0 auto 40px;
        color: #093763;
        font-size: 32px;
        font-weight: 700;
        line-height: 130%;
        padding-bottom: 30px;
        border-bottom: 1px solid #E9E9E9;
}
.popup-event .content{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
}
.popup-event .content figure{
        max-width: 44%;
        flex: 44%;
}
.popup-event .content .copy{
        max-width: 50%;
        flex: 50%;
}
.popup-event .content .txt{
        line-height: 145%;
        font-family: 'Montserrat';
        padding-bottom: 10px;
}
.popup-event .content .txt > * {
        margin-bottom: 20px;
}
/** INNER FAQ **/
.inner-faq{
        padding: 40px 0 120px;
}
.inner-faq .search{
        text-align: center;
        margin-bottom: 55px;
}
.inner-prop .hero .query,
.inner-home .hero .query,
.inner-faq .search form{
        position: relative;
        display: inline-block;
        text-align: left;
        width: 100%;
        max-width: 715px;
}
.inner-prop .hero .query,
.inner-home .hero .query{
        max-width: none;
}
.inner-prop .hero .query input,
.inner-home .hero .query input,
.inner-faq .search form input{
        width: 100%;
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
        
        background: #fff;
        box-shadow: 0px 2px 12px rgba(23, 82, 130, 0.12);
        border-radius: 0px 2px 2px 2px;
        color: #9D9D9D;
        font-family: 'Libre Franklin';
        font-size: 16px;
        font-weight: 400;
        border: none;
        height: 64px;
        padding-left: 60px;
        padding-right: 145px;
}
.inner-prop .hero .query input::placeholder,
.inner-home .hero form .query::placeholder,
.inner-faq .search form input::placeholder{
        opacity: 1;
        color: #9D9D9D;
}
.inner-prop .hero .query i,
.inner-home .hero .query i,
.inner-faq .search form i{
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        background-image: url(../img/icon/search.svg);
        left: 25px;
        top: 22px;
}
.inner-prop .hero .query .button,
.inner-home .hero form .button,
.inner-faq .search form .button{
        position: absolute;
        right: 12px;
        top: 12px;
        height: 40px;
        line-height: 40px;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
}
.inner-faq .main .rowflex{
        justify-content: space-between;
        align-items: flex-start;
}
.inner-faq .sidebar{
        border-right: 1px solid #D9D9D9;
        flex: 20%;
        max-width: 20%;
}
.inner-faq .sidebar h3{
        color: #262626;
        font-size: 18px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 30px;
}
.inner-faq .sidebar li{
        display: block;
        margin-top: 25px;
        line-height: 140%;
}
.inner-faq .sidebar li:first-child{
        margin: 0;
}
.inner-faq .sidebar li a{
        color: #201E1B;
        font-size: 16px;
        transition:color 0.2s ease-in;
}
.inner-faq .sidebar li.current a,
.inner-faq .sidebar li a:hover{
        color: #EB8023;
}
.inner-faq .sidebar li.current a{
        font-weight: 600;
}
.inner-faq .content{
        max-width: 74%;
        flex: 74%;
}
.inner-faq .content h2{
        color: #262626;
        font-size: 24px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 24px;
}
.inner-faq .list .accord-item{
        margin-top: 24px;
}
.inner-faq .list .accord-item:first-child{
        margin: 0;
}
/** INNER CONTACT **/
.inner-contact .cta{
        background: #F5F5F5;
        padding: 70px 0 0;
        -webkit-box-shadow: inset  0 15px 20px -20px rgba(0,0,0,0.2);
        -moz-box-shadow: inset  0 15px 20px -20px rgba(0,0,0,0.2);
        box-shadow: inset 0 15px 20px -20px rgba(0,0,0,0.2);
}
.inner-contact .rowflex{
        justify-content: space-between;
        align-items: center;
}
.inner-contact .cta figure{
        order: 2;
        max-width: 50%;
        flex: 50%;
        padding-right: 40px;
}
.inner-contact .cta .caption{
        order: 1;
        max-width: 40%;
        flex: 40%;
}
.inner-contact h2{
        color: #093763;
        font-size: 40px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 20px;
}
.inner-contact .cta .txt{
        line-height: 160%;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Montserrat';
        margin-bottom: 50px;
}
.inner-contact .cta a{
        display: inline-block;
        vertical-align: middle;
        width: 214px;
        height: 67px;
        margin-right: 16px;
}
.inner-contact .cta a.ps{
        background-image: url(../img/icon/ps2.png);
}
.inner-contact .cta a.as{
        background-image: url(../img/icon/as2.png);
        margin: 0;
}
.inner-contact .touch{
        padding: 80px 0 120px;
}
.inner-contact .touch h2{
        margin-bottom: 50px;
        text-align: center;
}
.inner-contact .form-basic{
        max-width: 49%;
        flex: 49%;
}
.inner-contact .form-basic form{
        background: #FFFFFF;
        border: 1px solid #EB8023;
        box-shadow: 0px 4px 24px rgba(9, 55, 99, 0.12);
        border-radius: 4px;
        padding: 40px;
}
.inner-contact .form-basic .button{
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        float: right;
        padding: 0 50px;
}
.inner-contact .touch .caption{
        max-width: 45%;
        flex: 45%;
        font-family: 'Montserrat';
        font-size: 16px;
        color: #555;
        font-weight: 500;
}
.inner-contact .touch .item a{
        color: #555;
        transition:color 0.2s ease-in;
}
.inner-contact .touch .item a:hover{
        color: #EB8023;
}
.inner-contact .touch h3{
        color: #093763;
        font-size: 28px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 15px;
        font-family: 'Libre Franklin';
}
.inner-contact .touch .txt{
        line-height: 180%;
        margin-bottom: 45px;
}
.inner-contact .touch .item{
        position: relative;
        margin-top: 35px;
        line-height: 180%;
        padding-left: 43px;
}
.inner-contact .touch .item > *:first-child,
.inner-contact .touch .item:first-child{
        margin: 0;
}
.inner-contact .touch .item > *{
        margin-top: 10px;
}
.inner-contact .touch .item:before{
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.inner-contact .touch .item.ic-loc:before{
        width: 18px;
        height: 24px;
        background-image: url(../img/icon/loc-orange.svg);
}
.inner-contact .touch .item.ic-ml:before{
        width: 21px;
        height: 18px;
        background-image: url(../img/icon/mail-orange.svg);
}
.inner-contact .touch .item.ic-ph:before{
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/phone-orange.svg);
        top: 2px;
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
}
.inner-contact .social{
        text-align: center;
        margin-top: 60px;
}
.inner-contact .social a{
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        margin: 0 10px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.inner-contact .social a:hover{
        opacity: .7;
}
.inner-contact .social a.fb{
        background-image: url(../img/icon/fb-blue.svg);
}
.inner-contact .social a.in{
        background-image: url(../img/icon/in-blue.svg);
}
.inner-contact .social a.ig{
        background-image: url(../img/icon/ig-blue.svg);
}
.inner-contact .social a.yb{
        background-image: url(../img/icon/yb-blue.svg);
}
/** POPUP LOGIN REGISETR **/
#login-register{
        width: 100%;
        max-width: 465px;
        padding: 24px 35px;
        border-radius: 2px;
        overflow: hidden;
}
#forgot-pass .fancybox-close-small,
#login-register .fancybox-close-small{
        display: none;
}
#forgot-pass h2,
#login-register h2{
        color: #093763;
        font-size: 32px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 27px;
        text-align: center;
        display: none;
}
#login-register.login-active h2.for-login,
#login-register.regis-active h2.for-regis{
        display: block;
}
#login-register .navtab{
        display: flex;
        position: relative;
        border-bottom:  1px solid rgba(23, 82, 130, .2);
        margin-bottom: 40px;
}
#login-register .navtab:after{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 120px;
        height: 2px;
        background: #093763;
        content: '';
        transition:left 0.2s ease-in;
}
#login-register.login-active .navtab:after{
        left: 38px;
}
#login-register.regis-active .navtab:after{
        left: 234px;
}
#login-register .navtab a{
        flex: 1;
        text-align: center;
        color: #9D9D9D;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 12px;
        transition:color 0.2s ease-in;
}
#login-register .navtab a:hover,
#login-register .navtab a.active{
        color: #093763;
}
#login-register .form-basic .fgroup > label{
        font-size: 14px;
        margin-bottom: 8px;
}
#login-register .form-basic a.forgot{
        display: inline-block;
        color: #4D8FB9;
        font-size: 12px;
        font-weight: 500;
        margin-top: 18px;
        line-height: 100%;
}
#login-register .form-basic a.forgot:hover{
        text-decoration: underline;
}
#login-register .form-basic .checky{
        margin-bottom: 25px;
}
#forgot-pass .form-basic .button,
#login-register .form-basic .button{
        width: 100%;
        text-align: center;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
}
#login-register .item.active{
        display: block;
}
#login-register .item{
        display: none;
}
#login-register .gap{
        display: flex;
        justify-content: space-between;
}
#login-register .gap > *{
        max-width: 48%;
        flex: 48%;
}
#forgot-pass{
        width: 100%;
        max-width: 780px;
}
#forgot-pass h2{
        display: block;
        margin-bottom: 20px;
}
#forgot-pass .txt{
        color: #262626;
        font-family: 'Montserrat';
        font-weight: 400;
        margin-bottom: 40px;
        text-align: center;
}
#forgot-pass .form-basic{
        max-width: 400px;
        margin: 0 auto;
}
#forgot-pass .has-mail{
        position: relative;
}
#forgot-pass .has-mail b{
        background-image: url(../img/icon/mail-hollow.svg);
        width: 22px;
        height: 16px;
        position: absolute;
        left: 18px;
        top: 18px;
}
#forgot-pass .has-mail input{
        padding-left: 50px;
}
/** HOMEPAGE **/
.inner-home{
        padding-bottom: 120px;
}
.inner-home .hero{
        position: relative;
        background: rgba(245, 245, 245, .8);
        -webkit-box-shadow: inset  0 15px 20px -20px rgba(0,0,0,0.2);
        -moz-box-shadow: inset  0 15px 20px -20px rgba(0,0,0,0.2);
        box-shadow: inset 0 15px 20px -20px rgba(0,0,0,0.2);
}
.inner-home .hero .item{
        position: relative;
}
.inner-home .hero .caption{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 50px 0 0;
}
.inner-home .hero .holder{
        max-width: 550px;
}
.inner-home .hero .caption h2{
        color: #093763;
        font-size: 56px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 15px;
}
.inner-home .hero .caption .txt{
        max-width: 480px;
        font-weight: 500;
        font-size: 16px;
        line-height: 200%;
        font-family: 'Montserrat';
}
.inner-home .hero figure{
        float: right;
        max-width: 50%;
}
.inner-home .hero .search{
        position: absolute;
        left: 0;
        bottom: 35px;
        width: 100%;
}
.inner-home .hero .search form{
        max-width: 715px;
}
.inner-home .hero .search .type label{
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
}
.inner-home .hero .search .type label span{
        background: #E9E9E9;
        border-radius: 2px 0px 0px 0px;
        color: #262626;
        font-size: 400;
        font-family: 'Montserrat';
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        min-width: 155px;
        text-align: center;
        display: block;
}
.inner-home .hero .search .type label input:checked + span{
        color: #fff;
        font-weight: 500;
        background: #093763;
}
.inner-home .hero .search .type label input{
        display: none;
}
.inner-home .hero .query{
        margin-bottom: 10px;
}
.inner-home .hero .query input{
        padding-left: 55px;
}
.inner-prop .hero .query i,
.inner-home .hero .query i{
        width: 14px;
        height: 20px;
        background-image: url(../img/icon/loc-grey.svg);
        top: 21px;
}
.inner-prop .hero .filter,
.inner-home .hero .amenities{
        display: flex;
        background: #fff;
        box-shadow: 0px 6px 10px rgba(9, 55, 99, 0.08);
        border-radius: 2px;
        padding: 8px 16px;
        align-items: center;
}
.inner-prop .hero .filter > *,
.inner-home .hero .amenities > *{
        flex: 20.5%;
        max-width: 20.5%;
        position: relative;
        border-left: 1px solid #d9d9d9;
        padding: 0 15px;
}
.inner-home .hero .amenities > *:last-child{
        padding-right: 0;
        flex: 18%;
        max-width: 18%;
}
.inner-home .hero .amenities.buy .rent-period{
        display: none;
}
.inner-home .hero .amenities.buy > *{
        flex: 25%;
        max-width: 25%;
        padding: 0 30px;
}
.inner-prop .hero .filter > *:first-child,
.inner-home .hero .amenities fieldset:first-child{
        padding-left: 0;
        border: none;
}
#popup-addprop fieldset:after,
.inner-prop .hero .filter fieldset:after,
.inner-home .hero .amenities fieldset:after{
        position: absolute;
        top: 14px;
        right: 9px;
        width: 10px;
        height: 5px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/arrow-down-black2.svg);
        z-index: 1;
        filter: brightness(0%);
        display: block;
        content: '';
}
.inner-home .hero .amenities.buy fieldset:after{
        right: 15px;
}
.inner-home .hero .amenities fieldset:last-child:after{
        right: -10px;
}
.inner-home .hero .amenities.buy fieldset:last-child:after{
        right: 0;
}
.inner-prop .hero .filter fieldset select,
.inner-home .hero .amenities select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        background: none;
        display: block;
        width: 100%;
        border: none;
        color: #262626;
        font-size: 14px;
        font-family: 'Montserrat';
        font-weight: 400;
        position: relative;
        z-index: 2;
        cursor: pointer;
        height: 32px;
}
.inner-home .copytxt{
        padding-top: 80px;
}
.inner-home .copytxt.has-slider{
        padding-bottom: 30px;
}
.inner-home .copytxt.has-slider .slider{
        position: absolute;
        bottom: -32px;
        right: -34px;
        width: 100%;
        max-width: 435px;
        box-shadow: 0px 10px 10px rgba(218, 224, 230, 0.3);
        border-radius: 6px;
        background: #fff;
        padding: 25px 25px 20px 0;
}
.inner-home .copytxt.has-slider .slider .item{
        padding-left: 40px;
}
.inner-home .copytxt.has-slider .slider .txt{
        margin-bottom: 25px;
        font-size: 14px;
        position: relative;
        display: block;
        line-height: 180%;
        letter-spacing: 0;
}
.inner-home .copytxt.has-slider .slider .txt:before{
        width: 3px;
        height: 57px;
        background:  #EB8023;
        content: '';
        display: block;
        position: absolute;
        left: -20px;
        top: 14px;
        z-index: 2;
        border-radius: 4px;
}
.inner-home .copytxt.has-slider .slider h3{
        color: #555;
        font-weight: 600;
        font-size: 14px;
        font-family: 'Montserrat';
        line-height: 100%;
}
.inner-home .copytxt.has-slider .slider .slick-dots{
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: right;
}
.inner-home .copytxt .rowflex{
        justify-content: space-between;
        align-items: center;
}
.inner-home .copytxt figure{
        position: relative;
        max-width: 42.3%;
        flex: 42.3%;
}
.inner-home .copytxt figure img{
        border-radius: 4px;
}
.inner-home .copytxt.img-right figure{
        order: 2;
}
.inner-home .copytxt .caption{
        max-width: 49%;
        flex: 49%;
}
.inner-home .copytxt.img-right .caption{
        order: 1;
        text-align: right;
}
.inner-home .service h2,
.inner-home .copytxt h2{
        color: #093763;
        font-size: 40px;
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 20px;
}
.inner-home .copytxt .txt{
        max-width: 525px;
        line-height: 175%;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Montserrat';
        margin-bottom: 30px;
        letter-spacing: .5px;
        display: inline-block;
}
.inner-prop .property .list .action .button,
.inner-home .property .list .action .button,
.inner-home .copytxt .button{
        min-width: 160px;
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 14px;
        padding: 0 24px;
}
.inner-home .copytxt .button:first-child + .button{
        margin-left: 15px;
}
.inner-home .property{
        padding: 55px 0 85px;
        background: rgba(245, 245, 245, .5);
        margin-top: 95px;
}
.detail-prop .property h2,
.inner-prop .property h2,
.inner-home .property h2{
        color: #093763;
        font-size: 28px;
        line-height: 130%;
        font-weight: 700;
        margin-bottom: 25px;
}
.detail-prop .property .list{
        overflow: hidden;
}
.inner-prop .property .list,
.inner-home .property .list{
        margin-top: 90px;
        overflow: hidden;
}
.inner-prop .property .list:first-child,
.inner-home .property .list:first-child{
        margin: 0;
}
.inner-prop .property .list .action,
.inner-home .property .list .action{
        text-align: center;
        padding-top: 35px;
}
.detail-prop .property .slider,
.inner-prop .property .slider,
.inner-home .property .slider{
        position: relative;
        margin-right: -50vw;
}
.detail-prop .property .slider .slidenav,
.inner-prop .property .slider .slidenav,
.inner-home .property .slider .slidenav{
        position: absolute;
        left: -70px;
        top: calc(50% - 35px);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0;
        width: calc(1180px + 140px);
}
.detail-prop .property .slider .slidenav a,
.inner-prop .property .slider .slidenav a,
.inner-home .property .slider .slidenav a{
        width: 48px;
        height: 48px;
        position: relative;
}
.detail-prop .property .slider .slidenav a:hover,
.inner-prop .property .slider .slidenav a:hover,
.inner-home .property .slider .slidenav a:hover{
        width: 80px;
        height: 80px;
}
.detail-prop .property .slider .slidenav a.prev,
.inner-prop .property .slider .slidenav a.prev,
.inner-home .property .slider .slidenav a.prev{
        float: left;
        background-image: url(../img/icon/slide-grey.svg);
}
.detail-prop .property .slider .slidenav a.prev:hover,
.inner-prop .property .slider .slidenav a.prev:hover,
.inner-home .property .slider .slidenav a.prev:hover{
        background-image: url(../img/icon/slide-orange.svg);
        transform: rotate(-180deg);
        left: -16px;
        top: -19px;
}
.detail-prop .property .slider .slidenav a.next,
.inner-prop .property .slider .slidenav a.next,
.inner-home .property .slider .slidenav a.next{
        float: right;
        background-image: url(../img/icon/slide-grey.svg);
        transform: rotate(-180deg);
}
.detail-prop .property .slider .slidenav a.next:hover,
.inner-prop .property .slider .slidenav a.next:hover,
.inner-home .property .slider .slidenav a.next:hover{
        background-image: url(../img/icon/slide-orange.svg);
        transform: rotate(0deg);
        right: -16px;
        top: -12px;
}
.inner-savprop .list .item,
.detail-prop .property .item,
.inner-prop .property .item,
.inner-home .property .item{
        background: #fff;
        box-shadow: 0px 1px 16px rgba(9, 55, 99, 0.12);
        border-radius: 2px;
        overflow: hidden;
        margin: 0 10px;
        float: none;
        height: auto;
        width: 100%;
        max-width: 380px;
}
.detail-prop .property .slick-track,
.inner-prop .property .slick-track,
.inner-home .property .slick-track{
        display: flex;
}
.detail-prop .property .slick-list,
.inner-prop .property .slick-list,
.inner-home .property .slick-list{
        padding: 0 0 20px;
}
.detail-prop .property .item figure,
.inner-savprop .list .item figure,
.inner-prop .property .item figure,
.inner-home .property .item figure{
        position: relative;
        box-shadow: 0px 2px 8px rgba(26, 32, 148, 0.12);
}
.detail-prop .gallery .item a.type,
.inner-savprop .list .item a.type,
.detail-prop .property .item a.type,
.inner-prop .property .item a.type,
.inner-home .property .item a.type{
        display: inline-block;
        position: absolute;
        z-index: 2;
        left: 16px;
        top: 16px;
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        min-width: 90px;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        text-align: center;
}
.inner-savprop .list .item a.bookmark,
.detail-prop .property .item a.bookmark,
.inner-prop .property .item a.bookmark,
.inner-home .property .item a.bookmark{
        position: absolute;
        width: 40px;
        height: 40px;
        background-image: url(../img/icon/bookmark.svg);
        z-index: 2;
        right: 16px;
        top: 16px;
}
.inner-savprop .list .item a.bookmark.marked,
.inner-prop .property .item a.bookmark.marked,
.detail-prop .property .item a.bookmark.marked,
.inner-home .property .item a.bookmark.marked{
        background-image: url(../img/icon/bookmark-marked.svg);
}
.inner-savprop .list .item .caption,
.detail-prop .property .item .caption,
.inner-prop .property .item .caption,
.inner-home .property .item .caption{
        padding: 16px 16px 25px;
}
.inner-savprop .list .item h3,
.detail-prop .property .item h3,
.inner-prop .property .item h3,
.inner-home .property .item h3{
        color: #262626;
        font-size: 18px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 10px;
}
.inner-savprop .list .item h3 a,
.detail-prop .property .item h3 a,
.inner-prop .property .item h3 a,
.inner-home .property .item h3 a{
        color: #262626;
        transition:color 0.2s ease-in;
}
.detail-prop .property .item h3 a:hover,
.inner-prop .property .item h3 a:hover,
.inner-savprop .list .item h3 a:hover,
.inner-home .property .item h3 a:hover{
        color: #EB8023;
}
.detail-prop-book .prop .location,
.detail-trx .item .prop .location,
.inner-trx .list .item .location,
.detail-prop .content .location,
.inner-savprop .list .item .location,
.inner-chat .box .pitem .location,
.inner-chat .box .hyper .location,
.detail-prop .property .item .location,
.inner-prop .property .item .location,
.inner-home .property .item .location{
        color: #7B7B7B;
        font-size: 14px;
        letter-spacing: 0.2px;
        font-family: 'Montserrat';
        font-weight: 400;
        margin-bottom: 27px;
}
.detail-prop-book .prop .location:before,
.detail-trx .item .prop .location:before,
.inner-trx .list .item .location:before,
.detail-prop .content .location:before,
.inner-savprop .list .item .location:before,
.inner-chat .box .pitem .location:before,
.inner-chat .box .hyper .location:before,
.detail-prop .property .item .location:before,
.inner-prop .property .item .location:before,
.inner-home .property .item .location:before{
        width: 14px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        background-image: url(../img/icon/marker-grey.svg);
        margin-right: 6px;
}
.detail-prop-book .prop .location > *,
.detail-trx .item .prop .location > *,
.inner-trx .list .item .location > *,
.detail-prop .content .location > *,
.inner-savprop .list .item .location > *,
.inner-chat .box .pitem .location > *,
.inner-chat .box .hyper .location > *,
.detail-prop .property .item .location > *,
.inner-prop .property .item .location > *,
.inner-home .property .item .location > *{
        display: inline-block;
        vertical-align: middle;
}
.detail-prop-book .prop .location span:after,
.detail-trx .item .prop .location span:after,
.inner-trx .list .item .location span:after,
.detail-prop .content .location span:after,
.inner-savprop .list .item .location span:after,
.inner-chat .box .pitem .location span:after,
.inner-chat .box .hyper .location span:after,
.detail-prop .property .item .location span:after,
.inner-prop .property .item .location span:after,
.inner-home .property .item .location span:after{
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        height: 4px;
        background: #7B7B7B;
        border-radius: 2px;
        content: '';
        margin: 0 5px 0 8px;
        position: relative;
        top: -1px;
}
.detail-prop-book .prop .location span:last-child:after,
.detail-trx .item .prop .location span:last-child:after,
.inner-trx .list .item .location span:last-child:after,
.detail-prop .content .location span:last-child:after,
.inner-savprop .list .item .location span:last-child:after,
.inner-chat .box .pitem .location span:last-child:after,
.inner-chat .box .hyper .location span:last-child:after,
.detail-prop .property .item .location span:last-child:after,
.inner-prop .property .item .location span:last-child:after,
.inner-home .property .item .location span:last-child:after{
        display: none;
}
.detail-prop .submis .pricing strong.price,
.inner-savprop .list .item strong.price,
.detail-prop .property .item strong.price,
.inner-prop .property .item strong.price,
.inner-home .property .item strong.price{
        color: #EB8023;
        letter-spacing: 0.5px;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 18px;
        display: block;
        line-height: 130%;
        margin-bottom: 17px;
}
.detail-prop .submis .pricing strong.price small,
.inner-savprop .list .item strong.price small,
.detail-prop .property .item strong.price small,
.inner-prop .property .item strong.price small,
.inner-home .property .item strong.price small{
        color: #7B7B7B;
        font-size: 14px;
        font-weight: 400;
}
.detail-prop .submis .pricing strong.price em,
.inner-savprop .property .item strong.price em,
.inner-home .property .item strong.price em,
.detail-prop .property .item strong.price em,
.inner-prop .property .item strong.price em,
.inner-savprop .list .item strong.price b,
.detail-prop .property .item strong.price b,
.inner-prop .property .item strong.price b,
.inner-home .property .item strong.price b{
        display: inline-block;
        position: relative;
}
.detail-prop .submis .pricing strong.price em,
.inner-savprop .property .item strong.price em,
.inner-home .property .item strong.price em,
.detail-prop .property .item strong.price em,
.inner-prop .property .item strong.price em{
        padding-left: 10px;
        margin-left: 9px;
        color: #093763;
}
.inner-savprop .list .item strong.price b + b,
.inner-home .property .item strong.price b + b{
        padding-left: 13px;
        margin-left: 12px;
}
.detail-prop .submis .pricing strong.price em:before,
.inner-savprop .property .item strong.price em:before,
.inner-home .property .item strong.price em:before,
.inner-prop .property .item strong.price em:before,
.inner-detail .property .item strong.price em:before,
.inner-savprop .list .item strong.price b + b:before,
.detail-prop .property .item strong.price b + b:before,
.inner-prop .property .item strong.price b + b:before,
.inner-home .property .item strong.price b + b:before{
        background: #C4C4C4;
        width: 1px;
        height: 28px;
        position: absolute;
        left: 0;
        top: -2px;
        display: block;
        content: '';
}
.inner-savprop .list .item .amen,
.detail-prop .property .item .amen,
.inner-prop .property .item .amen,
.inner-home .property .item .amen{
        /*padding-top: 23px;*/
        border-top: 1px solid #E9E9E9;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-savprop .list .item .amen span,
.detail-prop .property .item .amen span,
.inner-prop .property .item .amen span,
.inner-home .property .item .amen span{
        display: inline-block;
        vertical-align: middle;
        color: #262626;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Montserrat';
        letter-spacing: 0.5px;
        flex: 49%;
        max-width: 49%;
        margin-top: 23px;
}
.inner-savprop .list .item .amen span:first-child,
.detail-prop .property .item .amen span:first-child,
.inner-prop .property .item .amen span:first-child,
.inner-home .property .item .amen span:first-child{
        /*margin: 0;*/
}
.inner-savprop .list .item .amen span sup,
.inner-home .property .item .amen span sup{
        position: relative;
        font-size: 8px;
        vertical-align: top;
        top: 2px;
}
.inner-savprop .list .item .amen span:before,
.detail-prop .property .item .amen span:before,
.inner-prop .property .item .amen span:before,
.inner-home .property .item .amen span:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 10px;
        top: -1px;
}
.inner-savprop .list .item .amen span.ic-bed:before,
.detail-prop .property .item .amen span.ic-bed:before,
.inner-prop .property .item .amen span.ic-bed:before,
.inner-home .property .item .amen span.ic-bed:before{
        width: 22px;
        height: 16px;
        background-image: url(../img/icon/bed.svg);
}
.inner-savprop .list .item .amen span.ic-bath:before,
.detail-prop .property .item .amen span.ic-bath:before,
.inner-prop .property .item .amen span.ic-bath:before,
.inner-home .property .item .amen span.ic-bath:before{
        width: 24px;
        height: 18px;
        background-image: url(../img/icon/bath.svg);
        top: -2px;
}
.inner-savprop .list .item .amen span.ic-land:before,
.detail-prop .property .item .amen span.ic-land:before,
.inner-prop .property .item .amen span.ic-land:before,
.inner-home .property .item .amen span.ic-land:before{
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/land.svg);
        top: -2px;
}
.inner-savprop .list .item .amen span.ic-build:before,
.detail-prop .property .item .amen span.ic-build:before,
.inner-prop .property .item .amen span.ic-build:before,
.inner-home .property .item .amen span.ic-build:before{
        width: 18px;
        height: 18px;
        background-image: url(../img/icon/building.svg);
}
.inner-home .service{
        padding-top:100px;
}
.inner-home .service h2{
        text-align: center;
        margin-bottom: 55px;
}
.inner-home .service .rowflex{
        margin: 0 -50px;
}
.inner-home .service .item{
        flex: calc(50% - 100px);
        max-width:  calc(50% - 100px);
        margin: 0 50px;
        text-align: center;
}
.inner-home .service .item figure{
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        margin-bottom: 30px;
}
.inner-home .service .item .hover{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.inner-home .service .item:hover .hover{
        opacity: 1;
        visibility: visible;
}
.inner-home .service .item .button{
        min-width: 160px;
        text-align: center;
}
.inner-home .service .item h3{
        color: #093763;
        font-size: 32px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 20px;
}
.inner-home .service .item .txt{
        font-size: 16px;
        font-weight: 500;
        font-family: 'Montserrat';
        line-height: 175%;
        max-width: 480px;
        margin: 0 auto;
}
/** ACCOUNT MOBILE **/
.mobile-account .hentry{
        background-image: url(../img/bg/mobile-account.jpg);
        text-align: center;
        color: #fff;
        padding: 25px 0  16px;
}
.mobile-account .hentry .txt{
        line-height: 160%;
        letter-spacing: 0.5px;
        margin: 25px 0;
        font-size: 14px;
}
.mobile-account .hentry .action{
        display: flex;
        justify-content: space-between;
        max-width: 500px;
        margin: 0 auto;
}
.mobile-account .hentry .action > *{
        max-width: 48.5%;
        flex: 48.5%;
        text-align: center;
        font-family: 'Montserrat';
        font-size:12px;
        font-weight: 600;
        height: 38px;
        line-height: 38px;
}
.mobile-account .navi{
        padding-top: 30px;
}
.mobile-account .navi li{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #E9E9E9;
        display: block;
        line-height: 100%;
        padding-left: 35px;
        position: relative;
}
.mobile-account .navi li:last-child{
        margin: 0;
}
.mobile-account .navi li:before{
        position: absolute;
        left: 0;
        width: 20px;
        height: 20px;
        top: -3px;
}
.mobile-account .navi li.ic-faq:before{
        background-image: url(../img/icon/list.svg);
}
.mobile-account .navi li.ic-contact:before{
        background-image: url(../img/icon/help.svg);
}
.mobile-account .navi li.ic-version:before{
        background-image: url(../img/icon/info.svg);
}
.mobile-account .navi li.ic-prop:before{
        background-image: url(../img/icon/prop.svg);
        height: 22px;
        top: -4px;
}
.mobile-account .navi li.ic-cons:before{
        background-image: url(../img/icon/cons.svg);
}
.mobile-account .navi li.ic-mort:before{
        background-image: url(../img/icon/mort.svg);
        width: 18px;
        left: 1px;
}
.mobile-account .navi li.ic-event:before{
        background-image: url(../img/icon/event.svg);
        width: 16px;
        height: 16px;
        top: -1px;
        left: 3px;
}
.mobile-account .navi li a{
        color: #262626;
        font-size: 14px;
        font-weight: 500;
        display: block;
        position: relative;
}
.mobile-account .navi li a:after{
        width: 7px;
        height: 12px;
        background-image: url(../img/icon/arrow-right-grey.svg);
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        display: block;
}
/** MOBILE SEARCH **/
.mobile-search{
        padding: 25px 0 100px;
}
.mobile-search .radiobtn label{
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
}
.mobile-search .radiobtn label:first-child{
        margin-left: 0;
}
.mobile-search .radiobtn label input{
        display: none;
}
.mobile-search .radiobtn label span{
        cursor: pointer;
        border: 1px solid #E9E9E9;
        border-radius: 2px;
        height: 26px;
        line-height: 24px;
        text-align: center;
        color: #262626;
        font-size: 12px;
        font-family: 'Montserrat';
        padding: 0 14px;
        font-weight: 400;
        display: block;
}
.mobile-search .radiobtn label input:checked + span{
        background: #093763;
        border-color: #093763;
        color: #fff;
}
.mobile-search .fgroup:first-child .radiobtn label{
        width: 31%;
        max-width: 110px;
}
.mobile-search .fgroup:first-child .radiobtn label span{
        padding: 0 5px;
        height: 32px;
        line-height: 30px;
}
.mobile-search .form-basic .fgroup > label{
        font-weight: 500;
        font-size: 14px;
}
.mobile-search .form-basic .fgroup > label b{
        color: #093763;
        font-size: 16px;
        font-weight: 700;
        font-family: 'Libre Franklin';
}
.mobile-search .form-basic fieldset.ic-loc{
        position: relative;
}
.mobile-search .form-basic fieldset.ic-loc:before{
        width: 13px;
        height: 17px;
        display: inline-block;
        margin-right: 6px;
        background-image: url(../img/icon/loc-orange.svg);
        position: absolute;
        left: 0;
        top: 8px;
}
.mobile-search .form-basic input[type='text']{
        border: none;
        border-bottom: 1px solid #E9E9E9;
        box-shadow: 0px 0 2px rgba(30, 30, 30, 0);
        font-size: 12px;
        padding: 0;
        height: 35px;
}
.mobile-search .form-basic input[type='text']::placeholder{
        color: #555;
}
.mobile-search .form-basic fieldset.ic-loc input{
        padding: 0 0 0 23px;
}
.mobile-search .form-basic .button{
        height: 38px;
        line-height: 38px;
        padding: 0 24px;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 12px;
}
/** INNER ABOUT **/
.inner-about{
        padding-bottom: 90px;
}
.inner-about .pusher{
        max-width: 976px;
        margin: 0 auto;
}
.inner-about .pusher > *{
        margin-top: 16px;
}
.inner-about .pusher > *:first-child{
        margin: 0;
}
.inner-about .pusher .item{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        border-radius: 5px;
        overflow: hidden;
}
.inner-about .pusher .item .cvr-bg{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: block;
        transition:transform 0.3s ease-in;
        transform: scale(1);
}
.inner-about .pusher .item:hover .cvr-bg{
        transform: scale(1.05);
}
.inner-about .pusher .item h3{
        position: relative;
        z-index: 2;
        flex: 1;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        flex: 1;
        text-align: center;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.inner-about .pusher .item:hover h3{
        opacity: 0;
}
.inner-about .pusher .item .action{
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        z-index: 3;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.inner-about .pusher .item:hover .action{
        opacity: 1;
        visibility: visible;
}
.inner-about .pusher .item .action .button{
        min-width: 127px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
}
.inner-about .rowflex{
        justify-content: space-between;
}
.inner-about .col-2 > *{
        flex: calc(50% - 8px);
        max-width: calc(50% - 8px);
}
.inner-about  .block > *{
        margin-top: 16px;
}
.inner-about  .block > *:first-child{
        margin: 0;
}
.inner-about .col-3-2 > *:first-child + *,
.inner-about .col-2-3 > *:first-child{
        max-width: calc(30% - 8px);
        flex: calc(30% - 8px);
}
.inner-about .col-3-2 > *:first-child,
.inner-about .col-2-3 > *:first-child + *{
        max-width: calc(70% - 8px);
        flex: calc(70% - 8px);
}
/** INNER SIDEBAR **/
.inner-sidebar {
        padding: 40px  0 95px;
}
.inner-sidebar > .rowflex{
        justify-content: space-between;
}
.inner-sidebar .sidebar{
        max-width: 15%;
        flex: 15%;
}
.inner-sidebar .sidebar h3{
        color: #093763;
        font-weight: 700;
        font-size: 16px;
        line-height: 160%;
}
.inner-sidebar .sidebar li{
        display: block;
        line-height: 185%;
        margin-top: 16px;
}
.inner-sidebar .sidebar li a{
        color: #262626;
        transition:color 0.2s ease-in;
}
.inner-sidebar .sidebar li.current > a,
.inner-sidebar .sidebar li a:hover{
        color: #EB8023;
}
.inner-sidebar .sidebar li.current > a{
        font-weight: 600;
}
.inner-sidebar .main{
        max-width: 79%;
        flex: 79%;
}
.inner-sidebar .main.wider{
        max-width: 83%;
        flex: 83%;
}
.inner-sidebar .main > * > .hentry{
        max-width: 730px;
        margin: 0 auto 50px;
        line-height: 175%;
        text-align: center;
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.32px;
}
.inner-sidebar .main > * > .hentry.wider{
        max-width: 770px;
}
.inner-sidebar .main > * > .hentry > *{
        margin-top: 20px;
}
.inner-sidebar .main > * > .hentry > *:first-child{
        margin: 0;
}
/** INNER WAW **/
.inner-waw{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-waw > figure{
        max-width: 47%;
        flex: 47%;
}
.inner-waw .caption{
        flex: 100%;
        max-width: 100%;
}
.inner-waw > figure + .caption{
        max-width: 48.5%;
        flex: 48.5%;
}
/** INNER WRB **/
.inner-wrb .list .item{
        margin-top: 40px;
        background: #fff;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0px 1px 16px rgba(9, 55, 99, 0.12)
}
.inner-wrb .list .item:first-child{
        margin: 0;
}
.inner-wrb .list .item .htitle{
        background: #093763;
        padding: 20px 40px;
        color: #fff;
}
.inner-wrb .list .item .htitle > *{
        display: inline-block;
        vertical-align: middle;
}
.inner-wrb .list .item .htitle figure{
        margin-right: 24px;
        width: 64px;
}
.inner-wrb .list .item .htitle h3,
.inner-wrb .list .item .htitle h2{
        font-weight: 700;
        font-size: 24px;
        width: calc(85% - 100px);
        line-height: 150%;
}
.inner-wrb .list .item .htitle h3{
        font-size: 20px;
}
.inner-wrb .list .item .caption{
        padding: 30px 25px 30px 40px;
}
/** INNER WSUR **/
.inner-wsur{
        padding-bottom: 120px;
}
.inner-wsur .tb-item{
        margin-top: 80px;
        padding-top: 80px;
        border-top: 1px dashed #093763;
}
.inner-wsur .tb-item:first-child{
        margin: 0;
        padding: 0;
        border: none;
}
.inner-wsur .tb-item h2{
        text-align: center;
        color: #093763;
        font-size: 32px;
        line-height: 130%;
        margin-bottom: 30px;
        font-weight: 700;
}
.inner-wsur .tb-item table{
        width: calc(100% + 20px );
        border-spacing: 10px;
        border-collapse: separate;
        position: relative;
        left: -10px;
}
.inner-wsur .tb-item td,
.inner-wsur .tb-item th{
        text-align: center;
        background: #f3f8fb;
        border-radius: 3px;
        border-bottom: none;
        padding: 17px 16px 15px;
        overflow: hidden;
        vertical-align: middle;
        font-family: 'Montserrat';
        max-width: 22%;
        width: 100%;
}
.inner-wsur .tb-item th:first-child{
        background: none;
        max-width: 12%;
}
.inner-wsur .tb-item td b,
.inner-wsur .tb-item figure figcaption{
        display: block;
        text-align: center;
        color: #093763;
        font-weight: 700;
        font-size: 14px;
        margin-top: 10px;
}
.inner-wsur .tb-item td b{
        margin: 0;
        text-align: left;
        display: inline;
}
.inner-wsur .tb-item td{
        color: #093763;
        font-size: 14px;
        text-align: left;
        line-height: 170%;
        max-width: 22%;
        padding: 15px 12px 15px 16px;
}
.inner-wsur .tb-item td:first-child{
        background: #093763;
        color: #fff;
        text-align: center;
        font-weight: 700;
        max-width: 12%;
        line-height: 190%;
        padding: 10px 16px;
}
/** INNER RTO **/
.inner-market .copy,
.inner-rto .copy{
        max-width: 780px;
        margin: 0 auto 50px;
}
.inner-market .copy h2,
.inner-rto .copy h2{
        text-align: center;
        color: #093763;
        font-weight: 700;
        font-size: 32px;
        margin-bottom: 20px;
        line-height: 130%;
}
.inner-market .copy h2 span,
.inner-rto .copy h2 span{
        padding-bottom: 16px;
        border-bottom: 1px solid #093763;
        display: inline-block;
}
.inner-rto .copy .format-text{
        font-size: 16px;
}

.inner-rto .list{
        margin-bottom: 80px;
        padding-bottom: 80px;
        border-bottom: 1px dashed #093763;
}
.inner-market .list .item,
.inner-rto .list .item{
        margin-top: 65px;
        position: relative;
        box-shadow: 0px 1px 16px rgba(9, 55, 99, 0.12);
        position: relative;
        background: #fff;
        padding: 24px 30px 24px 100px;
        border-radius: 4px;
}
.inner-market .list .item:first-child,
.inner-rto .list .item:first-child{
        margin: 0;
}
.inner-market .list .item:before,
.inner-rto .list .item:before{
        display: block;
        position: absolute;
        left: 50%;
        top: -65px;
        height: 65px;
        width: 1px;
        border-left: 2px dashed #093763;
        content: '';
}
.inner-market .list .item:first-child:before,
.inner-rto .list .item:first-child:before{
        display: none;
}
.inner-market .list .item b,
.inner-rto .list .item b{
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        background: #093763;
        color: #fff;
        font-family: 'Montserrat';
        font-size: 18px;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        width: 40px;
        text-align: center;
        border-radius: 4px 0 0 0;
}
.inner-market .list .item .wrap > *,
.inner-rto .list .item .wrap > *{
        display: inline-block;
        vertical-align: middle;
}
.inner-market .list .item figcaption,
.inner-rto .list .item figure{
        width: 110px;
}
.inner-market .list .item .format-text,
.inner-rto .list .item .format-text{
        width: calc(100% - 120px);
        padding-left: 65px;
}
.inner-rto .accord h2{
        color: #093763;
        font-size: 28px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 30px;
        text-align: center;
}
.inner-rto .accord .accord-item{
        margin-top: 24px;
}
.inner-rto .accord .accord-item:first-child{
        margin: 0;
}
.inner-rto .accord .accord-item .format-text li{
        padding-bottom: 25px;
}
.inner-rto .accord .accord-item .format-text li:last-child{
        padding-bottom: 5px;
}
/** INNER VISI MISI **/
.inner-vimi .item{
        color: #fff;
        padding: 45px 50px;
        margin-top: 38px;
}
.inner-vimi .item:first-child{
        margin: 0;
}
.inner-vimi .item h2{
        text-align: center;
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 125%;
        font-weight: 700;
}
.inner-vimi .item h2 span{
        display: inline-block;
        min-width: 320px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255,255,255,.5);
}
.inner-vimi .item .format-text{
        font-size: 16px;
}
.inner-vimi .item .format-text ol{
        padding-left: 20px;
}
.inner-vimi .item .format-text ol li{
        padding-bottom: 20px;
}
.inner-vimi .item .format-text ol li:last-child{
        padding: 0;
}
/** INNER ARTICLE **/
.inner-article .list{
        margin: 0 -10px;
        padding-bottom: 20px;
}
.inner-article .list .item{
        max-width: calc(33.333333333333333333% - 20px);
        flex: calc(33.333333333333333333% - 20px);
        margin: 0 10px 40px;
        box-shadow: 0px 1px 16px rgba(9, 55, 99, 0.12);
        border-radius: 4px;
        overflow: hidden;
}
.inner-article .list .item .caption{
        padding: 20px 17px 18px 16px;
}
.inner-article .list .item h3{
        color: #093763;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 12px;
}
.inner-article .list .item h3 a{
        color: #093763;
        transition:color 0.2s ease-in;
}
.inner-article .list .item h3 a:hover{
        color: #EB8023;
}
.inner-article .list .item span{
        display: block;
        line-height: 100%;
        font-size: 13px;
        font-weight: 400;
        color: #555;
        margin-bottom: 14px;
}
.inner-article .list .item .format-text{
        line-height: 142%;
        margin-bottom: 20px;
}
.inner-article .list .item .more{
        color: #EB8023;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
}
.inner-article .list .item .more:after{
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 10px;
        background-image: url(../img/icon/arrow-right-orange.svg);
        margin-left: 12px;
        position: relative;
        right: 0;
        transition:right 0.2s ease-in;
}
.inner-article .list .item .more:hover:after{
        right: -5px;
}
/** DETAIL ARTICLE **/
.detail-article{
        padding: 30px 0 120px;
}
.detail-article .crumb{
        margin-bottom: 40px;
}
.detail-article .crumb > *{
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: #EB8023;
}
.detail-article .crumb > a{
        color: #7B7B7B;
}
.detail-article .crumb > a:hover{
        text-decoration: underline;
}
.detail-article .crumb > i{
        background-image: url(../img/icon/angle-right-grey.svg);
        width: 7px;
        height: 12px;
        margin: 0 14px;
        position: relative;
        top: 1px;
}
.detail-article .rowflex{
        justify-content: space-between;
}
.detail-article .main{
        max-width: 59.3%;
        flex: 59.3%;
}
.detail-article .main figure{
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 24px;
}
.detail-article .main h1{
        color: #093763;
        font-size: 40px;
        font-weight: 600;
        line-height: 160%;
        margin-bottom: 24px;
}
.detail-article .util{
        margin-bottom: 32px;
}
.detail-article .util .share > *,
.detail-article .util > *{
        display: inline-block;
        vertical-align: middle;
}
.detail-article .util .share b,
.detail-article .util span{
        color: #434343;
        font-size: 14px;
        position: relative;
}
.detail-article .util span:after{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 6px;
        height: 6px;
        background: #434343;
        border-radius: 50%;
        content: '';
        margin: 0 25px 0 20px;
        top: -2px;
}
.detail-article .util .share b{
        margin-right: 23px;
}
.detail-article .util .share b:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 20px;
        height: 22px;
        background-image: url(../img/icon/share.svg);
        margin-right: 11px;
        top: -1px;
}
.detail-article .util .share a{
        width: 40px;
        height: 40px;
        margin-bottom: 4px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.detail-article .util .share a:hover{
        opacity: .8;
}
.detail-article .util .share a.fb{
        background-image: url(../img/icon/fb-share.svg);
}
.detail-article .util .share a.tw{
        background-image: url(../img/icon/tw-share.svg);
}
.detail-article .util .share a.gp{
        background-image: url(../img/icon/gp-share.svg);
}
.detail-article .util .share a.in{
        background-image: url(../img/icon/in-share.svg);
}
.detail-article .main .format-text{
        font-size: 16px;
        line-height: 175%;
        font-family: 'Libre Franklin';
}
.detail-article .main .format-text > *{
        margin-top: 30px;
}
.detail-article .main .format-text > *:first-child{
        margin: 0;
}
.detail-article .sidebar{
        max-width: 33.8%;
        flex: 33.8%;
}
.detail-article .sidebar .widget{
        box-shadow: 0px 2px 16px rgba(9, 55, 99, 0.12);
        background: #fff;
        border-radius: 4px;
        margin-top: 40px;
        padding: 24px;
}
.detail-article .sidebar .widget:first-child{
        margin: 0;
}
.detail-article .sidebar .widget h2{
        color: #093763;
        font-size: 24px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 17px;
}
.detail-article .widget .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 24px;
}
.detail-article .widget .item:first-child{
        margin: 0;
}
.detail-article .widget .item figure{
        max-width: 25%;
        flex: 25%;
}
.detail-article .widget .item figure img{
        border-radius: 4px;
}
.detail-article .widget .item  .caption{
        max-width: 70%;
        flex: 70%;
}
.detail-article .widget .item h3{
        color: #093763;
        font-size: 14px;
        line-height: 160%;
        margin-bottom: 8px;
        font-weight: 600;
}
.detail-article .widget .item h3 a{
        color: #093763;
        transition:color 0.2s ease-in;
}
.detail-article .widget .item h3 a:hover{
        color: #EB8023;
}
.detail-article .widget .item span{
        display: block;
        line-height: 100%;
        font-size: 13px;
        color: #7b7b7b;
}
/** NNER MORTGAGE **/
.inner-mort .intro{
        padding: 80px 0 200px;
        color: #fff;
        text-align: center;
}
.inner-mort .intro h2{
        font-size: 39px;
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 30px;
}
.inner-mort .intro h2 small{
        font-size: 30px;
}
.inner-mort .intro  .format-text{
        max-width: 850px;
        margin: 0 auto;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.3px;
}
.inner-mort  .filter{
        margin: -120px 0 100px;
        position: relative;
        z-index: 3;
}
.inner-mort  .filter .wrapper{
        max-width: 1113px;
}
.inner-mort  .filter a.button{
        border-radius: 4px 4px 0 0;
        min-width: 160px;
        padding: 0 5px;
        height: 44px;
        line-height: 44px;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 5px;
}
.inner-mort  .filter .layer{
        background: #fff;
        border-radius: 2px;
        box-shadow: 0px 1px 15px rgba(9, 55, 99, 0.12);
        padding: 30px 30px 38px;
}
.inner-mort  .filter form{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-mort  .filter form > *{
        max-width: 20%;
        flex: 20%;
}
.inner-mort  .filter form > *:last-child{
        max-width: 14%;
        flex: 14%;
}
.inner-mort  .filter form .button{
        display: block;
        width: 100%;
}
.inner-cons .intro .layer form > * > label,
.inner-mort .calc form > * label,
.inner-mort  .filter form > * label{
        display: block;
        color: #4D8FB9;
        font-size: 12px;
        font-weight: 600;
        margin: 0 0 8px;
}
.inner-reqprop form textarea,
.inner-reqprop form .fgroup input[type='text'],
.inner-trx .filter .field-select select,
.inner-trx .filter form input,
.popup-form input,
#popup-addprop fieldset select,
#popup-addprop .fgroup input,
.inner-acc-setting textarea,
.inner-acc-setting input[type='text'],
.inner-acc-setting input[type='tel'],
.inner-acc-setting input[type='email'],
.inner-acc-setting input[type='password'],
.inner-savprop .search form input,
.inner-chat .util form input,
.inner-market .intro form textarea,
.inner-market .intro form select,
.inner-market .intro form input,
.inner-cons .intro .field-select select,
.inner-mort .calc input,
.inner-mort .calc select,
.inner-mort  .filter form select,
.inner-mort  .filter form input{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	display: block;
        width: 100%;
        background: #fff;
        border: 1px solid #D9D9D9;
        color: #262626;
        font-family: 'Libre Franklin';
        font-size: 14px;
        font-weight: 400;
        height: 48px;
        padding: 0 12px;
}
.inner-market .intro form select,
.inner-market .intro form input{
        height: 40px;
        border-radius: 2px;
}
.inner-reqprop form textarea,
.inner-market .intro form textarea{
        border-radius: 2px;
        min-height: 80px;
        resize: vertical;
        padding: 12px;
}
.inner-reqprop form textarea{
        min-height: 110px;
}
.inner-reqprop form .field-price,
.inner-market .intro form .field-price,
.inner-market .intro form .field-select{
        border-radius: 2px;
        overflow: hidden;
}
.inner-reqprop form .fgroup input[type='text'],
.inner-mort .calc input,
.inner-mort .calc select{
        height: 36px;
}
.inner-reqprop form .field-price,
.inner-trx .filter .field-select,
#popup-addprop .gap .field-size,
.inner-market .intro form .field-price,
.inner-market .intro form .field-select,
.inner-cons .intro .field-select,
.inner-mort .calc .field-select,
.inner-mort .calc .field-price,
.inner-mort .filter .field-depe,
.inner-mort .filter .field-price,
.inner-mort .filter .field-select{
        position: relative;
}
.inner-trx .filter .field-select,
.inner-mort .calc .field-select{
        background: #fff;
}
.inner-trx .filter .field-select select,
.inner-market .intro form .field-select select,
.inner-cons .intro .field-select select,
.inner-mort .calc .field-select select,
.inner-mort .filter .field-select select{
        cursor: pointer;
        position: relative;
        z-index: 2;
        background: none;
}
.inner-trx .filter .field-select:after,
.inner-market .intro form .field-select:after,
.inner-cons .intro .field-select:after,
.inner-mort .calc .field-select:after,
.inner-mort .filter .field-depe span:after,
.inner-mort .filter .field-select:after{
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 12px;
        height: 8px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/arrow-down-filter.svg);
        content: '';
        z-index: 1;
}
.inner-market .intro form .field-select:after,
.inner-mort .calc .field-select:after{
        right: 15px;
}
.inner-reqprop form .field-price b,
#popup-addprop .gap .field-size b,
.inner-market .intro form .field-price b,
.inner-mort .calc .field-price b,
.inner-mort .filter .field-depe span,
.inner-mort .filter .field-price b{
        position: absolute;
        left: 0;
        top: 0;
        background: #F5F5F5;
        height: 100%;
        padding: 0 12px;
        line-height: 46px;
        color: #9D9D9D;
        border: 1px solid #D9D9D9;
        display: inline-block;
        font-size: 14px;
}
.inner-market .intro form .field-price b{
        line-height: 38px;
}
.inner-reqprop form .field-price b,
.inner-mort .calc .field-price b{
        line-height: 34px;
}
.inner-reqprop form .field-price.toright b,
#popup-addprop .gap .field-size b,
.inner-market .intro form .field-price.toright b,
.inner-mort .calc .field-price.toright b{
        left: auto;
        right: 0;
}
.inner-reqprop form .field-price input[type='text'],
.inner-market .intro form .field-price input,
.inner-mort .calc .field-price input,
.inner-mort .filter .field-price input{
        padding-left: 55px;
}
.inner-reqprop form .field-price.toright input[type='text']{
        padding: 0 65px 0 12px;
}
.inner-market .intro form .field-price.toright input,
.inner-mort .calc .field-price.toright input{
        padding: 0 55px 0 12px;
}
.inner-market .intro form .field-price.toright.wider input,
.inner-mort .calc .field-price.toright.wider input{
        padding-right: 75px;
}
.inner-mort .filter .field-depe span{
        padding:0 12px 0 0;
}
.inner-mort .filter .field-depe span:after{
        right: 7px;
        margin-top: 1px;
}
.inner-mort .filter .field-depe span select{
        background: none;
        border: none;
        color: #EB8023;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
.inner-mort .filter .field-depe input{
        padding-left: 66px;
}
.inner-mort .calc{
        margin-bottom: 80px;
}
.inner-mort .calc .hentry{
        text-align: center;
        margin-bottom: 32px;
}
.inner-mort .calc .hentry h2{
        color: #093763;
        font-size: 40px;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 20px;
}
.inner-mort .calc .hentry .format-text{
        max-width: 735px;
        margin: 0 auto;
        font-size: 16px;
        letter-spacing: 0.3px;
}
.inner-mort .calc .pusher{
        max-width: 500px;
        margin: 0 auto;
}
.inner-mort .calc .layer{
        background: #F5F5F5;
        border: 1px solid #D9D9D9;
        padding: 32px;
}
.inner-mort .calc form > *{
        margin-top: 24px;
}
.inner-mort .calc form > *:first-child{
        margin: 0;
}
.inner-market .intro form .gap,
.inner-mort .calc form .gap{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
.inner-mort .calc form .gap.last{
        margin-top: 48px;
        align-items: center;
}
.inner-market .intro form .gap > *,
.inner-mort .calc form .gap > *{
        flex: 49%;
        max-width: 49%;
}
.inner-mort .calc form .gap.col-3-2 > *{
        flex: 34%;
        max-width: 34%;
}
.inner-mort .calc form .gap.col-3-2 > *:first-child{
        max-width: 63%;
        flex: 63%;
}
.inner-mort .calc form .gap .button{
        display: block;
        width: 100%;
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 14px;
        padding: 0 5px;
}
.inner-mort .calc form .gap strong{
        display: block;
        color: #093763;
        font-size: 18px;
        font-weight: 700;
        line-height: 100%;
}
.inner-mort .calc .pusher small{
        display: block;
        line-height: 200%;
        font-family: 'Montserrat';
        font-weight: 400;
        font-style: italic;
        color: #555;
        margin-top: 16px;
}
.inner-mort .info{
        padding: 55px 0 80px;
        background: #fafbfc;
}
.inner-mort .info .wrapper{
        max-width: 976px;
}
.inner-mort .info h2{
        color: #093763;
        text-align: center;
        font-weight: 700;
        font-size: 28px;
        line-height: 140%;
        margin-bottom: 30px;
}
.inner-mort .info .accord-item{
        margin-top: 20px;
}
.inner-mort .info .accord-item:first-child{
        margin: 0;
}
.inner-mort .info .accord-item .format-text ol{
        list-style: lower-alpha;
}
.inner-mort .info .accord-item .format-text li{
        padding-bottom: 5px;
}
.inner-mort .info .accord-item .format-text li ol,
.inner-mort .info .accord-item .format-text li ul{
        padding: 10px 0 0 25px;
}
.inner-mort .info .accord-item .format-text > * + ul,
.inner-mort .info .accord-item .format-text > * + ol{
        margin-top: 5px;
}
/** INNER CONSTRUCTION **/
.inner-cons .intro{
        padding: 100px 0 0;
        margin: 0 0 150px;
}
.inner-market .intro .rowflex,
.inner-cons .intro .rowflex{
        justify-content: space-between;
}
.inner-cons .intro .caption{
        color: #fff;
        max-width: 44.5%;
        flex: 44.5%;
}
.inner-market .intro .caption h2,
.inner-cons .intro .caption h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 150%;
        margin-bottom: 20px;
}
.inner-market .intro .caption .format-text,
.inner-cons .intro .caption .format-text{
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.3px;
        line-height: 175%;
}
.inner-cons .intro .layer{
        max-width: 43.5%;
        flex: 43.5%;
        background: #fff;
        border-radius: 2px;
        box-shadow:  0px 1px 16px rgba(9, 55, 99, 0.12);
        padding: 30px 40px;
        margin: 0 0 -70px;
}
.inner-cons .intro .layer h2{
        color: #093763;
        font-size: 28px;
        font-weight: 700;
        line-height: 150%;
        margin-bottom: 25px;
}
.inner-cons .intro .field-check{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 10px;
}
.inner-cons .intro .field-check label{
        cursor: pointer;
        flex: 56%;
        max-width: 56%;
        color: #262626;
        font-size: 14px;
        margin: 0 0 20px;
}
#popup-addprop .field-check label input,
.inner-reqprop form .field-check label input[type='checkbox'],
.inner-market .intro form .field-check label input,
.inner-cons .intro .field-check label input[type='checkbox']{
        display: none;
}
.inner-cons .intro .field-check label:nth-child(odd){
        max-width: 33%;
        flex: 33%;
}
#popup-addprop .field-check label span,
.inner-reqprop form .field-check span,
.inner-market .intro form .field-check span,
.inner-cons .intro .field-check span{
        display: block;
        position: relative;
}
#popup-addprop .field-check label span:before,
.inner-reqprop form .field-check span:before,
.inner-market .intro form .field-check span:before,
.inner-cons .intro .field-check span:before{
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/field-check.svg);
        display: inline-block;
        vertical-align: middle;
        content: '';
        position: relative;
        top: -1px;
        margin-right: 8px;
}
#popup-addprop .field-check label input:checked + span:before,
.inner-reqprop form .field-check input:checked + span:before,
.inner-market .intro form .field-check input:checked + span:before,
.inner-cons .intro .field-check input:checked + span:before{
        background-image: url(../img/icon/field-check-checked.svg);
}
.inner-cons .intro .field-check span input{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
        border: none;
        border-bottom: 1px solid #262626;
        display: inline-block;
}
.inner-cons .intro .layer form > * > label{
        font-size: 14px;
}
.inner-cons .intro form > *{
        margin-top: 20px;
}
.inner-cons .intro form button{
        display: block;
        width: 100%;
        font-family: 'Montserrat';
        font-weight: 500;
}
.inner-cons .info,
.inner-cons .service{
        margin-bottom: 80px;
}
.inner-cons .service .hentry{
        margin-bottom: 60px;
        text-align: center;
}
.inner-cons .service .hentry h2{
        color: #093763;
        font-weight: 700;
        font-size: 30px;
        line-height: 140%;
        margin-bottom: 15px;
}
.inner-cons .service .hentry .format-text{
        font-weight: 500;
        font-size: 16px;
}
.inner-cons .service .rowflex{
        margin: 0 -13px;
}
.inner-cons .service .item{
        max-width: calc(33.3333333333333% - 26px);
        flex: calc(33.3333333333333% - 26px);
        margin: 0 13px 40px;
        box-shadow: 0px 1px 15px rgba(9, 55, 99, 0.12);
        border-radius: 4px;
        background: #fff;
        padding: 30px 24px 24px;
        position: relative;
        overflow: hidden;
}
.inner-cons .service .item:before{
        background: #093763;
        width: calc(100% - 24px);
        height: 6px;
        right: 0;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
}
.inner-cons .service .item h3{
        color: #093763;
        font-size: 16px;
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 14px;
}
.inner-cons .service .item .format-text{
        border-bottom: 1px dotted #093763;
        padding-bottom: 18px;
        margin-bottom: 20px;
}
.inner-cons .service .item span{
        display: block;
        line-height: 170%;
        color: #EB8023;
        font-family: 'Montserrat';
        font-weight: 500;
        margin-bottom: 20px;
        min-height: 48px;
}
.inner-cons .service .item li{
        display: block;
        position: relative;
        font-weight: 500;
        font-family: 'Montserrat';
        font-size: 14px;
        line-height: 170%;
        margin-top: 20px;
        color: #555;
        padding: 0 5px 0 32px;
}
.inner-cons .service .item li:first-child{
        margin: 0;
}
.inner-cons .service .item li:before{
        position: absolute;
        left: 0;
        top: 3px;
        display: block;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/check.svg);
        content: '';
        width: 16px;
        height: 16px;
}
.inner-cons .service .item li b{
        font-weight: 700;
}
.inner-cons .service .button{
        font-family: 'Montserrat';
        font-weight: 500;
        min-width: 315px;
        padding: 0 5px;
        height: 56px;
        line-height: 56px;
}
.inner-cons .info .layer h3,
.inner-cons .info h2{
        color: #093763;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 30px;
        line-height: 130%;
}
.inner-cons .info .rowflex{
        justify-content: space-between;
        align-items: flex-start;
}
.inner-cons .info .caption{
        max-width: 47.5%;
        flex: 47.5%;
}
.inner-cons .info .caption .format-text{
        font-weight: 500;
        font-size: 16px;
}
.inner-cons .info .layer{
        background: #fafbfc;
        max-width: 46.3%;
        flex: 46.3%;
        text-align: center;
        padding: 45px 20px 40px;
}
.inner-cons .info .layer .format-text{
        max-width: 435px;
        margin: 0 auto 20px;
}
.inner-cons .info .layer h3{
        font-size: 20px;
        margin-bottom: 20px;
}
.inner-cons .info .layer .button{
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 400;
        min-width: 298px;
}
/** INNER MARKET **/
.inner-market .intro{
        padding: 80px 0 160px;
        margin-bottom: 80px;
}
.inner-market .intro .caption{
        max-width: 40%;
        flex: 40%;
        color: #fff;
}
.inner-market .intro .caption h2{
        font-size: 40px;
}
.inner-market .intro .submis{
        max-width: 46%;
        flex: 46%;
        position: relative;
}
.inner-market .intro .submis .layer{
        background: #fff;
        border-radius: 2px;
        box-shadow:  0px 1px 16px rgba(9, 55, 99, 0.12);
        padding: 30px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
}
.inner-market .intro form > *{
        margin-top: 25px;
}
.inner-market .intro form > *:first-child{
        margin: 0;
}
.inner-market .intro form label{
        display: block;
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 8px;
        color: #555;
        font-family: 'Montserrat';
}
.inner-market .intro form label sup{
        color: #eb5757;
}
.inner-market .intro form label small{
        font-size: 12px;
        font-weight: 400;
}
.inner-market .intro form .field-check{
        padding-top: 5px;
}
.inner-reqprop form .field-check label,
.inner-market .intro form .field-check label{
        display: inline-block;
        vertical-align: middle;
        color: #262626;
        cursor: pointer;
        margin: 0 30px 0 0;
        font-family: 'Libre Franklin';
        font-weight: 400;
}
.inner-market .intro form .field-select span{
        position: absolute;
        left: 12px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #EB5757;
        font-size: 12px;
        font-style: italic;
        display: none;
}
.inner-market .intro form .field-select select:invalid + span{
        display: inline-block;
}
.inner-market .intro form input::placeholder{
        color: #EB5757;
        font-size: 12px;
        font-style: italic;
        opacity: 1;
}
.inner-market .intro form .button{
        min-width: 256px;
        font-family: 'Montserrat';
        font-weight: 500;
        margin-top: 20px;
}
.inner-market .reason .caption{
        max-width: 570px;
}
.inner-market .reason .caption h2{
        font-weight: 700;
        font-size: 40px;
        line-height: 150%;
        margin-bottom: 20px;
        color: #093763;
}
.inner-market .reason .format-text{
        font-size: 16px;
        font-weight: 500;
}
.inner-market .emul{
        padding: 300px 0 120px;
}
.inner-market .list{
        max-width: 975px;
        margin: 0 auto;
}
/** INNER ACCOUNT **/
.inner-acc{
        padding: 40px 0 80px;
}
.inner-acc .rowflex{
        justify-content: space-between;
        align-items: flex-start;
}
.inner-acc .sidebar{
        max-width: 18.7%;
        flex: 18.7%;
        min-height: 570px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0px 2px 8px rgba(23, 82, 130, 0.08);
        border: 1px solid #E9E9E9;
        position: relative;
        padding: 24px;
}
.inner-acc .sidebar li{
        padding-bottom: 14px;
        margin-bottom: 20px;
        border-bottom: 1px solid #E0E0E0;
        display: block;
        position: relative;
}
.inner-acc .sidebar li:before{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 90px;
        height: 4px;
        background: #EB8023;
        content: '';
        display: none;
}
.inner-acc .sidebar li.current:before{
        display: block;
}
.inner-acc .sidebar .logout a,
.inner-acc .sidebar li a{
        color: #175282;
        transition:color 0.2s ease-in;
        font-weight: 500;
}
.inner-acc .sidebar .logout a:hover,
.inner-acc .sidebar li.current > a,
.inner-acc .sidebar li a:hover{
        color: #EB8023;
}
.inner-acc .sidebar .logout{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0 24px 24px;
}
.inner-acc .sidebar .logout a:before{
        display: inline-block;
        position: relative;
        width: 19px;
        height: 18px;
        background-image: url(../img/icon/signout.svg);
        margin-right: 10px;
        top: -1px;
}
.inner-acc .main{
        max-width: 78.2%;
        flex: 78.2%;
}
.inner-chat{
        border: 1px solid #E9E9E9;
        background: #fff;
        border-radius: 4px;
        overflow: hidden;
        min-height: 570px;
        display: flex;
        flex-wrap: wrap;
}
.inner-chat .util{
        max-width: 30%;
        flex: 30%;
        border-right: 1px solid #E9E9E9;
        position: relative;
        padding: 16px;
}
.inner-chat .util span.empty{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        color: #7B7B7B;
}
.inner-chat .util h2{
        color: #175282;
        font-weight: 500;
        font-size: 24px;
        margin-bottom: 15px;
}
.inner-trx .filter form,
.inner-savprop .search form,
.inner-chat .util form{
        position: relative;
        display: block;
        width: 100%;
}
.inner-savprop .search form{
        display: inline-block;
        vertical-align: middle;
        width: 250px;
}
.inner-trx .filter form input,
.inner-savprop .search form input,
.inner-chat .util form input{
        height: 32px;
        font-size: 12px;
        padding: 0 40px 0 8px;
}
.inner-trx .filter form input::placeholder,
.inner-savprop .search form input::placeholder,
.inner-chat .util form input::placeholder{
        color: #555;
        opacity: 1;
        font-size: 12px;
}
.inner-trx .filter form button,
.inner-savprop .search button,
.inner-chat .util form button{
        background: none;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        cursor: pointer;
        border: 1px solid #D9D9D9;
        background-image: url(../img/icon/search3.png);
        width: 32px;
        height: 32px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
}
.inner-chat .util .list{
        margin: 25px -16px 0;
}
.inner-chat .util .list .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 12px;
        position: relative;
        align-items: center;
        cursor: pointer;
}
.inner-chat .util .list .item.active{
        background: #F5F7F9;
}
.inner-chat .util .list .item figure{
        max-width: 32px;
        flex: 32px;
}
.inner-chat .util .list .item figure img{
        border-radius: 50%;
}
.inner-chat .util .list .item .caption{
        max-width: calc(100% - 43px);
        flex: calc(100% - 43px);
}
.inner-chat .util .list .item h3{
        color: #262626;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Montserrat';
        line-height: 100%;
        margin-bottom: 2px;
}
.inner-chat .box .user h3 b,
.inner-chat .util .list .item h3 b{
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        font-family: 'Libre Franklin';
        color: #EB8023;
        background: #FEFDE8;
        border-radius: 4px;
        padding: 3px 6px;
        line-height: 100%;
        top: -2px;
        position: relative;
        margin-left: 2px;
}
.inner-chat .box .user h3 b.lo,
.inner-chat .util .list .item h3 b.lo{
        color: #9B51E0;
        background: #EDE7F1;
}
.inner-chat .util .list .item p{
        font-size: 12px;
        font-family: 'Montserrat';
        color: #7B7B7B;
}
.inner-chat .util .list .item .timing{
        position: absolute;
        right: 12px;
        top: 12px;
        text-align: right;
}
.inner-chat .util .list .item .timing span{
        display: block;
        font-size: 12px;
        font-family: 'Montserrat';
        line-height: 100%;
        margin-bottom: 4px;
        color: #9D9D9D;
}
.inner-chat .util .list .item .timing  b{
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: #fff;
        background: #EB5757;
        font-weight: 700;
        font-size: 10px;
        line-height: 21px;
        text-align: center;
        font-family: 'Montserrat';
}
.inner-chat .box{
        max-width: 70%;
        flex: 70%;
        background: #f5f7f9;
        position: relative;
}
.inner-chat .box.flexed{
        display: flex;
        align-items: center;
        justify-content: center;
}
.inner-chat .box.flexed > *{
        flex: 1;
}
.inner-chat .box .scrollbar-inner{
        max-height: 400px;
        padding: 24px 16px 0;
}
.inner-chat .box span.date{
        display: block;
        text-align: center;
        margin-bottom: 30px;
        line-height: 100%;
        color: #7B7B7B;
        font-size: 12px;
        font-family: 'Montserrat';
        font-weight: 400;
}
.inner-chat .box .user{
        display: flex;
        background: #fff;
        border-bottom: 1px solid #E9E9E9;
        padding: 12px 16px;
        align-items: center;
        justify-content: space-between;
}
.inner-chat .box .user figure{
        max-width: 40px;
        flex: 40px;
        position: relative;
}
.inner-chat .box .user figure:after{
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 11px;
        height: 11px;
        box-shadow: 0px 0 0 2px #fff;
        content: '';
        background: #27AE60;
        border-radius: 50%;
}
.inner-chat .box .user figure.offline:after{
        background: #ddd;
}
.inner-chat .box .user h3{
        max-width: calc(100% - 62px);
        flex: calc(100% - 62px);
        color: #262626;
        font-weight: 600;
        font-size: 18px;
}
.inner-chat .box .user h3 b{
        margin-left: 8px;
}
.inner-chat .box .user img{
        border-radius: 50%;
}
.inner-chat .box .item{
        display: flex;
        align-items: center;
}
.inner-chat .box .scroll-content > *{
        margin-top: 16px;
}
.inner-chat .box .scroll-content > *:first-child{
        margin-top: 0;
}
.inner-chat .box .item.onright{
        justify-content: flex-end;
}
.inner-chat .box .item >* {
        display: inline-block;
        vertical-align: middle;
}
.inner-chat .box .item p{
        color: #262626;
        font-family: 'Montserrat';
        background: #fff;
        padding: 8px 16px;
        border-radius: 4px 18px 18px 18px;
        border: 1px solid #D9D9D9;
        margin-right: 16px;
        max-width: calc(100% - 95px);
        line-height: 160%;
}
.inner-chat .box .item.onleft p{
        max-width: calc(100% - 80px);
}
.inner-chat .box .item.onright p{
        border-radius: 18px 4px 18px 18px;
        border: 1px solid #E9E9E9;
        background: #E9E9E9;
        order: 2;
        margin: 0 0 0 16px;
}
.inner-chat .box .item time{
        font-family: 'Montserrat';
        font-size: 12px;
        color: #7B7B7B;
        position: relative;
}
.inner-chat .box .item time.read:before{
        width: 16px;
        height: 8px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background-image: url(../img/icon/read.svg);
        content: '';
        margin-right: 9px;
        top: -1px;
}
.inner-chat .box .item.onright time{
        order: 1;
}
.inner-chat .box .help{
        margin-top: 20px;
}
.inner-chat .box .help a{
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        line-height: 38px;
        padding: 0 17px;
        border: 1px solid #175282;
        border-radius: 20px;
        font-family: 'Montserrat';
        transition:all 0.2s ease-in;
        margin: 0 16px 16px 0;
        color: #175282;
}
.inner-chat .box .help a:hover{
        color: #fff;
        background: #175282;
}
.inner-chat .box .input{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
}
.inner-chat .box .hyper{
        border-top: 1px solid #E9E9E9;
        padding: 10px 16px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #fff;
}
.inner-chat .box .pitem figure,
.inner-chat .box .hyper figure{
        flex: 60px;
        max-width: 60px;
}
.inner-chat .box .pitem figure img,
.inner-chat .box .hyper figure img{
        border-radius: 5px;
}
.inner-chat .box .pitem .caption,
.inner-chat .box .hyper .caption{
        max-width: calc(100% - 75px);
        flex: calc(100% - 75px);
}
.inner-chat .box .pitem h3,
.inner-chat .box .hyper h3{
        color: #262626;
        font-size: 15px;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 5px;
}
.inner-chat .box .pitem h3 a,
.inner-chat .box .hyper h3 a{
        color: #262626;
        transition:color 0.2s ease-in;
}
.inner-chat .box .pitem h3 a:hover,
.inner-chat .box .hyper h3 a:hover{
        color: #EB8023;
}
.inner-chat .box .pitem .location,
.inner-chat .box .hyper .location{
        margin: 0;
}
.inner-chat .box form{
        display: block;
        background: #fff;
        padding: 14px;
        border-top: 1px solid #E9E9E9;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-chat .box form input{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
        display: block;
        flex: calc(100% - 88px);
        max-width: calc(100% - 88px);
        height: 36px;
        border: 1px solid #C4C4C4;
        padding: 0 15px;
        color: #262626;
        font-size: 14px;
        font-family: 'Montserrat';
        font-weight: 400;
}
.inner-chat .box form button{
        max-width: 80px;
        flex: 80px;
        cursor: pointer;
        height: 36px;
        border: none;
        transition:background 0.2s ease-in;
        text-align: center;
        color: #fff;
        background: #093763;
        font-size: 14px;
}
.inner-chat .box form button:hover{
        background: #EB8023;
}
.inner-chat .box .pitem h3{
        margin-bottom: 10px;
        font-size: 14px;
}
.inner-chat .box .onright.pitem{
        text-align: right;
}
.inner-chat .box .pitem .holder{
        display: inline-flex;
        width: 390px;
        justify-content: space-between;
        background: #fff;
        padding: 10px 16px;
        border-radius: 16px 4px 16px 16px;
        border: 1px solid #E9E9E9;
        text-align: left;
}
.inner-chat .box .info{
        text-align: center;
}
.inner-chat .box .info .button{
        width: 160px;
        margin: 0 10px;
        font-family: 'Montserrat';
        font-weight: 500;
}
.inner-chat .box .info .action{
        margin: 0 0 45px;
}
.inner-chat .box .info h2{
        color: #093763;
        font-weight: 700;
        font-size: 20px;
        letter-spacing: 0.6px;
        line-height: 130%;
        margin: 0 0 14px;
}
.inner-chat .box .info p{
        color: #262626;
        font-family: 'Montserrat';
        margin-bottom: 24px;
}
.popup-logout{
        width: 90%;
        max-width: 450px;
        padding: 26px 24px 36px;
        text-align: center;
}
.popup-logout.popup-offer{
        max-width: 515px;
}
.popup-logout h2{
        color: #175282;
        font-size: 24px;
        font-weight: 600;
        padding-bottom: 26px;
        margin-bottom: 34px;
        border-bottom: 1px solid #d1dce6;
        line-height: 134%;
}
.popup-logout .fancybox-close-small {
        display: none;
}
.popup-logout .button{
        min-width: 160px;
        margin: 0 6px;
}
.popup-logout .button.btn-cancel:not(:hover){
        background: #F5F5F5;
        color: #7B7B7B;
        box-shadow: 0px 0 2px rgba(30, 30, 30, 0);
}
/** SAVED PROPERTY **/
.inner-savprop .search{
        margin-bottom: 40px;
}
.inner-savprop .search a.cvr-bg-bf{
        display: inline-block;
        vertical-align: middle;
        color: #262626;
        margin-left: 30px;
}
.inner-savprop .search a.cvr-bg-bf:before{
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/trash.svg);
        vertical-align: middle;
        display: inline-block;
        position: relative;
        margin-right: 10px;
        top: -2px;
}
.inner-savprop .filter{
        margin-bottom: 40px;
}
.inner-savprop .filter form{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 95%;
}
.inner-savprop .filter form > *{
        max-width: 31.5%;
        flex: 31.5%;
}
.inner-savprop .list {
        margin: 0 -20px;
        display: flex;
        flex-wrap: wrap;
}
.inner-savprop .list .item{
        margin: 0 20px 40px;
        max-width: 376px;
        flex: 48%;
}
.inner-savprop .list .item strong.price{
        font-size: 17px;
}
.inner-savprop .empty{
        text-align: center;
        padding-top: 50px;
}
.inner-savprop .empty h2{
        color: #093763;
        font-weight: 700;
        font-size: 40px;
        padding-bottom: 32px;
        border-bottom: 1px solid #d1dce6;
        max-width: 720px;
        margin: 0 auto 64px;
}
.inner-savprop .empty .button{
        font-family: 'Montserrat';
        font-weight: 500;
        min-width: 160px;
}
/** ACCOUNT SETTINGS **/
.inner-acc-setting .nav{
        border-bottom: 1px solid #E0E0E0;
        margin-bottom: 24px;
}
.inner-acc-setting .nav a{
        display: inline-block;
        vertical-align: middle;
        margin-left: 40px;
        color: #C4C4C4;
        font-weight: 500;
        transition:all 0.2s ease-in;
        padding-bottom: 12px;
        border-bottom: 4px solid #fff;
}
.inner-acc-setting .nav a:hover,
.inner-acc-setting .nav a.current{
        color: #EB8023;
}
.inner-acc-setting .nav a.current{
        border-color: #EB8023;
}
.inner-acc-setting .nav a:first-child{
        margin: 0;
}
.inner-acc-setting h3{
        color: #175282;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 17px;
}
.acc-setting-detail .change-pp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px;
}
.acc-setting-detail .change-pp figure{
        padding: 2px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0px 2px 4px rgba(56, 42, 100, 0.24);
        width: 116px;
        max-width: 116px;
}
.acc-setting-detail .change-pp figure img{
        border-radius: 4px;
}
.acc-setting-detail .change-pp .caption{
        max-width: calc(100% - 160px);
        flex: calc(100% - 160px);
}
.acc-setting-detail .change-pp h2{
        color: #175282;
        font-size: 28px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 15px;
}
.acc-setting-detail .change-pp .upload{
        position: relative;
        display: inline-block;
}
.acc-setting-detail .change-pp .upload input{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: red;
        cursor: pointer;
        opacity: 0;
}
.acc-setting-detail .change-pp .upload span{
        display: inline-block;
        background: #F5F5F5;
        border: 1px solid #D9D9D9;
        color: #7B7B7B;
        font-size: 12px;
        font-weight: 500;
        height: 34px;
        padding: 0 14px;
        line-height: 32px;
}
.acc-setting-detail .change-pp .upload span:before{
        width: 16px;
        height: 14px;
        background-image: url(../img/icon/camera.svg);
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 9px;
        top: -1px;
}
.acc-setting-detail .change-pp small{
        display: block;
        color: #7B7B7B;
        font-size: 12px;
        line-height: 160%;
        margin-top: 8px;
}
.inner-acc-setting textarea,
.inner-acc-setting input[type='text'],
.inner-acc-setting input[type='tel'],
.inner-acc-setting input[type='email'],
.inner-acc-setting input[type='password']{
        height: 50px;
        border-radius: 2px;
        box-shadow: 0px 4px 12px rgba(9, 55, 99, 0.06);
        padding: 0 22px;
}
.inner-acc-setting .member-point .emul > *,
.inner-acc-setting .gap > * > fieldset:first-child + fieldset{
        margin-top: 24px;
}
.inner-acc-setting .member-point .emul > *:first-child{
        margin-top: 0;
}
.inner-acc-setting textarea{
        padding: 22px;
        resize: vertical;
        min-height: 150px;
}
.inner-acc-setting textarea::placeholder,
.inner-acc-setting input::placeholder{
        color: #262626;
        opacity: 1;
        font-family: 'Montserrat';
        font-weight: 400;
}
.inner-acc-setting fieldset > label{
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 8px;
        display: block;
        color: #555;
}
.inner-acc-setting fieldset > label sup{
        color: #eb5757;
}
.inner-acc-setting .gap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-acc-setting .gap > *{
        max-width: 48%;
        flex: 48%;
}
.inner-acc-setting .emul > *{
        margin-top: 32px;
}
.inner-acc-setting .emul > *:first-child{
        margin: 0;
}
.inner-acc-setting .field-pass,
.inner-acc-setting .field-date{
        position: relative;
}
.inner-acc-setting .field-date:after {
        background-image: url(../img/icon/calendar-acc.svg);
        width: 16px;
        height: 18px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 16px;
        position: absolute;
}
.inner-acc-setting .field-pass b{
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        cursor: pointer;
        z-index: 2;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/eye-pass.png);
        border: 1px solid #D9D9D9;
        border-radius: 0 2px 2px 0;
}
.inner-acc-setting .field-pass b.merem{
        background-image: url(../img/icon/eye-pass2.png);
}
.acc-setting-password,
.acc-setting-detail{
        max-width: 845px;
}
.acc-setting-detail .verify > *{
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: #262626;
}
.acc-setting-detail .verify > .button{
        height: 36px;
        line-height: 36px;
        color: #fff;
        border-radius: 18px;
        padding: 0 22px;
        font-weight: 400;
        margin-left: 40px;
}
.inner-acc-setting form button.button{
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        min-width: 160px;
}
.acc-setting-notif .item{
        padding-bottom: 20px;
}
.acc-setting-notif .item strong{
        display: block;
        background: #F5F5F5;
        border-radius: 1px;
        color: #EB8023;
        font-size: 16px;
        font-weight: 500;
        padding: 18px 24px;
        margin: 0 0 30px;
}
.acc-setting-notif .item label{
        cursor: pointer;
}
.acc-setting-notif .item label span{
        color: #555;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Montserrat';
        display: block;
        position: relative;
}
.acc-setting-notif .item input{
        display: none;
}
.acc-setting-notif .item .field-radio{
        padding-left: 40px;
}
.acc-setting-notif .item .field-radio label{
        display: inline-block;
        vertical-align: middle;
        margin-right: 55px;
}
.acc-setting-notif .item .field-radio span:before{
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background-image: url(../img/icon/radio-acc.svg);
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        content: '';
        top: -1px;
        margin-right: 13px;
}
.acc-setting-notif .item .field-radio input:checked + span:before{
        background-image: url(../img/icon/radio-checked-acc.svg);
}
.acc-setting-notif .item .field-check label{
        display: block;
        margin-bottom: 24px;
        border-bottom: 1px solid #E0E0E0;
        padding: 0 30px 24px 40px;
}
.acc-setting-notif .item .field-check span{
        padding-right: 30px;
}
.acc-setting-notif .item .field-check span:after{
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/check-acc.svg);
        content: '';
}
.acc-setting-notif .item .field-check input:checked + span:after{
        background-image: url(../img/icon/checked-acc.svg);
}
.acc-setting-delete p{
        color: #262626;
        margin-bottom: 25px;
}
.acc-setting-delete table{
        width: 100%;
        max-width: 700px;
}
.acc-setting-delete table td{
        vertical-align: middle;
        color: #262626;
        font-weight: 500;
        font-size: 16px;
        padding: 0 80px 50px 0;
}
.acc-setting-delete table td:last-child{
        padding-right: 0;
}
.acc-setting-delete table td > a{
        display: block;
        color: #4D8FB9;
        font-size: 14px;
        margin-bottom: -15px;
        position: relative;
        top: 10px;
}
.acc-setting-delete table td > a:hover{
        text-decoration: underline;
}
.inner-acc-setting .acc-setting-delete form button.button{
        background: #EB5757;
        min-width: 295px;
}
.inner-acc-setting .acc-setting-delete form button.button:hover{
        background: #d21717;
}
.acc-setting-delete .fselect{
        width: 297px;
}
/** MEMBER POINT **/
.member-point .card{
        margin-bottom: 60px;
}
.member-point .card .layer{
        width: 447px;
        height: 258px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border-radius: 10px;
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
        padding: 17px 25px 20px;
}
.member-point .card .hcard{
        margin-bottom: 30px;
}
.member-point .card .hcard img{
        float: left;
}
.member-point .card .hcard a{
        float: right;
        color: #fff;
        position: relative;
        top: 22px;
}
.member-point .card .hcard a:hover{
        text-decoration: underline;
}
.member-point .card .hcard a:after{
        width: 14px;
        height: 14px;
        background-image: url(../img/icon/info2.svg);
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
}
.member-point .card strong{
        text-align: center;
        font-size: 50px;
        display: block;
        font-weight: 700;
        color: #fff;
}
.member-point .card strong small{
        font-weight: 400;
        font-size: 14px;
        font-style: italic;
        position: relative;
        top: -5px;
}
.member-point .card b{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0 20px 20px;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
}
.member-point .card .info{
        display: inline-block;
        vertical-align: bottom;
        margin-left: 20px;
        padding-bottom: 15px;
}
.member-point .card .info > *{
        display: block;
        line-height: 120%;
        font-style: italic;
        font-size: 12px;
}
.member-point .card .info >  em{
        font-size: 14px;
        margin-top: 10px;
}
.member-point .hentry{
        margin-bottom: 20px;
}
.member-point .hentry h2{
        color: #175282;
        font-weight: 500;
        font-size: 24px;
}
.member-point .hentry p{
        color: #7B7B7B;
        margin-top: 8px;
}
.member-point .history{
        margin-bottom: 60px;
}
.member-point .history .tbody table,
.member-point .history .thead table{
        width: 100%;
}
.member-point .history .thead td{
        color: #EB8023;
        font-weight: 500;
        background: #F5F5F5;
        padding: 20px 40px;
        width: 25%;
}
.member-point .history .tbody td{
        padding: 20px 40px;
        border-bottom: 1px solid #E0E0E0;
        width: 25%;
        color: #7B7B7B;
        font-family: 'Montserrat';
}
.member-point .history .tbody td a{
        color: #4D8FB9;
        font-weight: 600;
        text-decoration: underline;
}
.member-point .history .tbody td  b{
        color: #27AE60;
        font-weight: 600;
}
.member-point .history .tbody .scrollbar-inner{
        max-height: 272px !important;
}
.member-point .history .tbody .scrollbar-inner > .scroll-element.scroll-y{
        right: 0;
}
.member-point .filter{
        margin-bottom: 30px;
}
.member-point .filter .left{
        float: left;
}
.member-point .filter .left > *{
        display: inline-block;
        margin-left: 20px;
}
.member-point .filter .left > *:first-child{
        margin: 0;
}
.member-point .right{
        float: right;
        width: 230px;
        position: relative;
        top: 5px;
}
.member-point .redeem .hentry{
        margin-bottom: 30px;
}
.member-point .filter input[type='text']{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
        height: 40px;
        border: none;
        border-bottom: 1px solid #EB8023;
        padding: 0 0 10px;
        color: #7B7B7B;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Libre Franklin';
        width: 145px;
}
.member-point .filter input[type='text']::placeholder{
        color: #7B7B7B;
        opacity: 1;
        font-weight: 500;
        font-family: 'Libre Franklin';
}
.member-point .filter .left .fselect{
        width: 225px;
}
.member-point .filter .fselect span{
        border: none;
        border-bottom: 1px solid #EB8023;
        background: none;
        box-shadow: 0px 0 2px rgba(30, 30, 30, 0);
        color: #7B7B7B;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Libre Franklin';
        padding: 0 35px 15px 0;
        border-radius: 0;
}
.member-point .filter .fselect span:after{
        width: 16px;
        height: 10px;
        background-image: url(../img/icon/arrow-point.svg);
        top: 10px;
        right: 5px;
}
.member-point .filter .fselect label {
        cursor: pointer;
        display: block;
}
.member-point .filter .fselect label input{
        display: none;
}
.member-point .filter .fselect label b{
        display: block;
        position: relative;
        color: #262626;
        font-weight: 500;
        font-family: 'Montserrat';
}
.member-point .filter .fselect label b:after{
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/check-acc.svg);
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '';
        display: block;
}
.member-point .filter .fselect label input:checked + b:after{
        background-image: url(../img/icon/checked-acc.svg);
}
.member-point .list{
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
}
.member-point .list .item{
        max-width: calc(25% - 24px);
        flex: calc(25% - 24px);
        margin: 0 12px 40px;
        background: #fff;
        box-shadow: 0px 1px 8px rgba(9, 55, 99, 0.12);
        border-radius: 4px;
        overflow: hidden;
}
.member-point .list .item .caption{
        padding: 17px;
}
.member-point .list .item h3{
        color: #262626;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 5px;
}
.member-point .list .item p{
        color: #7B7B7B;
        font-size: 12px;
        margin-bottom: 15px;
}
.member-point .list .item strong{
        color: #27AE60;
        font-size: 16px;
        font-weight: 600;
}
.popup-redeem{
        padding: 0;
        max-width: 735px;
        width: 90%;
        border-radius: 5px;
        overflow: hidden;
}
.popup-redeem .holder{
        display: flex;
        flex-wrap: wrap;
}
.popup-redeem .big{
        max-width: 45%;
        flex: 45%;
        position: relative;
}
.popup-redeem .big .slick-dots{
        display: block;
        position: absolute;
        left: 0;
        bottom: 16px;
        width: 100%;
        text-align: center;
}
.popup-redeem .caption{
        max-width: 55%;
        flex: 55%;
        padding: 30px;
}
.popup-redeem .small .slick-carousel{
        max-width: 190px;
}
.popup-redeem .small figure{
        cursor: pointer;
        margin-right: 8px;
}
.popup-redeem .small figure figcaption{
        display: block;
        text-align: center;
        color: #7B7B7B;
        font-size: 12px;
        margin: 6px 0 0;
}
.popup-redeem .small img{
        border: 1px solid #d9d9d9;
        width: 100%;
}
.popup-redeem .small .slick-current img{
        border: 1px solid #f1a731;
}
.popup-redeem .big .slick-carousel:not(.slick-initialized){
        max-height: 414px;
        overflow: hidden;
}
.popup-redeem .small .slick-carousel:not(.slick-initialized){
        max-height: 56px;
        overflow: hidden;
        opacity: 0;
}
.popup-redeem span,
.popup-redeem .phead{
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #E9E9E9;
}
.popup-redeem .phead strong,
.popup-redeem .phead h2{
        color: #262626;
        font-size: 20px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 5px;
}
.popup-redeem .phead p{
        color: #7B7B7B;
        margin-bottom: 12px;
}
.popup-redeem .phead strong{
        color: #27AE60;
        font-size: 24px;
        margin: 0;
}
.popup-redeem span{
        display: block;
        color: #919191;
}
.popup-redeem span b{
        font-weight: 600;
        color: #353535;
}
.popup-redeem .small{
        margin-bottom: 30px;
}
.popup-redeem .small h3{
        color: #7B7B7B;
        margin-bottom: 8px;
}
.popup-redeem .button{
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        width: 100%;
}

.member-point .crumb{
        margin-bottom: 25px;
}
.detail-prop .util .crumb > *,
.inner-deprop .crumb > *,
.member-point .crumb > *{
        display: inline-block;
        vertical-align: middle;
        color: #093763;
        font-weight: 500;
        font-family: 'Montserrat';
}
.detail-prop .util .crumb a,
.inner-deprop .crumb a,
.member-point .crumb a{
        color: #7B7B7B;
        font-weight: 400;
}
.detail-prop .util .crumb a:hover,
.inner-deprop .crumb a:hover,
.member-point .crumb a:hover{
        text-decoration: underline;
}
.detail-prop .util .crumb i,
.inner-deprop .crumb i,
.member-point .crumb i{
        width: 7px;
        height: 12px;
        background-image: url(../img/icon/angle-right-grey.svg);
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0 15px;
        position: relative;
}
.inner-deprop{
        padding: 40px 0 80px;
}
.inner-deprop .crumb{
        margin-bottom: 40px;
}
.inner-deprop .layer{
        padding: 30px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0px 1px 16px rgba(9, 55, 99, 0.12)
}
.inner-deprop .layer table {
        width: calc(100% + 20px );
        border-spacing: 10px;
        border-collapse: separate;
        position: relative;
        left: -10px;
        font-family: 'Montserrat';
}
.inner-deprop .layer table th{
        color: #fff;
        background: #093763;
        padding: 20px;
        text-align: left;
        font-weight: 700;
        border-radius: 3px;
        font-size: 16px;
}
.inner-deprop .layer table td{
        color: #093763;
        font-size: 14px;
        font-weight: 500;
        padding: 15px 20px;
        border-radius: 3px;
        background: #f3f8fb;
        line-height: 190%;
        vertical-align: middle;
        width: 26.8%;
}
.inner-deprop .layer table td:first-child{
        background: #e2eef4;
        color: #093763;
        font-weight: 700;
        width: 16.6%;
}
.inner-deprop .layer table li{
        display: block;
        margin-top: 3px;
}
.inner-deprop .layer table li:first-child{
        margin: 0;
}
.inner-deprop .layer table td b{
        font-weight: 600;
        color: #EB8023;
}
/** INNER PROPERTY **/
.inner-prop{
        padding-bottom: 120px;
}
.inner-prop .hero{
        position: relative;
        background: #fff;
        padding-top: 80px;
        margin-bottom: 60px;
}
.inner-prop .hero > span.cvr-bg{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100% - 90px);
        z-index: 1;
}
.inner-prop .hero .wrapper{
        position: relative;
        z-index: 2;
}
.inner-prop .hero .hentry{
        text-align: center;
        color: #fff;
        margin-bottom: 55px;
}
.inner-prop .hero h2{
        font-weight: 700;
        font-size: 56px;
        line-height: 115%;
}
.inner-prop .hero .txt{
        font-family: 'Montserrat';
        font-size: 16px;
        line-height: 120%;
        margin-top: 15px;
        letter-spacing: 0.8px;
}
.inner-prop .hero .holder{
        max-width: 800px;
        margin: 0 auto;
}
.inner-prop .hero .nav{
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
}
.inner-prop .hero .nav a{
        flex: 25%;
        max-width: 25%;
        transition:all 0.2s ease-in;
        height:40px;
        line-height: 40px;
        color: #093763;
        font-size: 14px;
        font-family: 'Montserrat';
        text-align: center;
        background: #fff;
}
.inner-prop .hero .nav a.current{
        background: #093763;
        color: #fff;
        font-weight: 600;
}
.inner-prop .hero .nav a:not(.current):hover{
        color: #EB8023;
}
.inner-prop .hero .filter{
        justify-content: space-between;
        margin-top: 10px;
        flex-wrap: wrap;
}
.inner-prop .hero .filter > *:first-child,
.inner-prop .hero .filter > *{
        flex: 23%;
        max-width: 23%;
        text-align: center;
        padding: 0 20px;
}
.inner-prop .hero .filter.penta > *,
.inner-prop .hero .filter.penta > *:first-child{
        flex: 19%;
        max-width: 19%;
}
.inner-prop .hero .filter.penta > *:first-child{
        padding-left: 10px;
}
.inner-prop .hero .filter > *:last-child:after{
        display: none;
}
.inner-prop .hero .filter a{
        height: 32px;
        line-height: 32px;
        color: #262626;
        font-size: 14px;
        font-family: 'Montserrat';
}
.inner-prop .hero .filter a:after{
        width: 10px;
        height: 8px;
        display: block;
        position: absolute;
        right: 3px;
        top: 12px;
        background-image: url(../img/icon/sort.svg);
}
.inner-prop .info{
        text-align: center;
        margin-top: 60px;
        color: #262626;
        font-family: 'Montserrat';
        font-weight: 400;
        font-size: 15px;
        line-height: 160%;
        letter-spacing: 0.8px;
}
.inner-prop .info a{
        color: #2f80ed;
        text-decoration: underline;
        font-weight: 600;
}
.inner-prop .property .wrapitem{
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
}
.inner-prop .property .wrapitem > .item{
        flex: calc(33.33333333333333333% - 24px);
        max-width: calc(33.33333333333333333% - 24px);
        margin: 0 12px 24px;
}
.inner-prop .sorting{
        text-align: right;
        margin: -10px 0 25px;
}
.inner-prop .sorting .fselect{
        display: inline-block;
        width: 155px;
        text-align: left;
}
#popup-addprop{
        width: 100%;
        max-width: 515px;
        padding: 25px 40px;
}
#popup-addprop .fancybox-close-small{
        display: none;
}
#popup-addprop h3{
        color: #093763;
        font-size: 28px;
        font-weight: 700;
        padding-bottom: 12px;
        line-height: 160%;
        margin-bottom: 20px;
        border-bottom: 1px solid #D9D9D9;
}
.inner-prop .pagination{
        margin-top: 50px;
}
.inner-reqprop form .fgroup > label,
#popup-addprop .input-size input::placeholder,
#popup-addprop label{
        display: block;
        color: #4D8FB9;
        font-size: 12px;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 8px;
}
#popup-addprop fieldset{
        display: block;
        position: relative;
}
#popup-addprop fieldset select,
#popup-addprop .fgroup input{
        height: 36px;
}
#popup-addprop fieldset:after{
        right: 15px;
        top: 15px;
}
#popup-addprop .fgroup{
        margin-bottom: 24px;
}
#popup-addprop .input-size input{
        border: none;
        border-bottom: 1px solid #D9D9D9;
        padding: 0 0 6px;
        height: auto;
}
#popup-addprop .gap{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
#popup-addprop .gap > *{
        flex: calc(50% - 8px);
        max-width: calc(50% - 8px);
}
#popup-addprop .gap .field-size input{
        padding-right: 65px;
}
#popup-addprop .gap .field-size b{
        line-height: 34px;
}
#popup-addprop .toright{
        text-align: right;
}
#popup-addprop .toright .button{
        min-width: 160px;
        margin-left: 40px;
}
#popup-addprop .toright a:not(.button){
        color: #EB8023;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Montserrat';
}
#popup-addprop .field-check{
        padding: 5px 0 0;
}
#popup-addprop .field-check label{
        display: inline-block;
        vertical-align: middle;
        margin: 0 38px 0 0;
        cursor: pointer;
        color: #262626;
        font-size: 14px;
        font-weight: 400;
        font-family: 'Libre Franklin';
}
#popup-addprop .field-check label:last-child{
        margin: 0;
}
#popup-addprop .scrollbar-inner{
        max-height: 340px !important;
        margin: 0 0 25px;
        padding-bottom: 20px;
        border-bottom: 1px solid #D9D9D9;
        width: calc(100% + 10px);
        padding-right: 10px;
}
#popup-addprop .scrollbar-inner > .scroll-element.scroll-y{
        right: 0;
        width: 2px;
}
#popup-addprop .field-check label span:before{
        top: -2px;
}
/** DETAIL PROPERTY **/
.detail-prop{
        padding: 30px 0 95px;
}
.detail-prop .util{
        margin-bottom: 30px;
}
.detail-prop .util .crumb{
        float: left;
}
.detail-prop .util .report{
        float: right;
        color: #EB8023;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Montserrat';
}
.detail-prop .util .report:hover{
        text-decoration: underline;
}
.detail-prop .gallery img{
        border-radius: 2px;
}
.detail-prop .gallery {
        margin-bottom: 30px;
}
.detail-prop .gallery .item{
        display: block;
        position: relative;
}
.detail-prop .gallery .rowflex{
        justify-content: space-between;
}
.detail-prop .gallery .big{
        flex: calc(67.8% - 5px);
        max-width: calc(67.8% - 5px);
}
.detail-prop .gallery .small{
        flex: calc(32.2% - 5px);
        max-width: calc(32.2% - 5px);
}
.detail-prop .gallery .small .item + .item{
        margin-top: 10px;
}
.detail-prop .gallery .item a.type{
        top: 20px;
        left: 20px;
}
.detail-prop .gallery .item a.bookmark{
        position: absolute;
        right: 20px;
        display: block;
        width: 66px;
        height: 66px;
        bottom: -33px;
        background-image: url(../img/icon/prop/bookmark.png);
}
.detail-prop .gallery .item a.bookmark.marked{
        background-image: url(../img/icon/prop/bookmark-marked.png);
}
#popup-gallery a.has-video,
.detail-prop .gallery .item a.has-video{
        display: block;
        position: relative;
}
#popup-gallery a.has-video span,
.detail-prop .gallery .item a.has-video span{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        width: 100%;
}
#popup-gallery a.has-video span i,
.detail-prop .gallery .item a.has-video span i{
        width: 50px;
        height: 50px;
        display: inline-block;
        background-image: url(../img/icon/prop/play.svg);
}
.detail-prop .gallery .item a.show-gallery{
        display: inline-block;
        position: absolute;
        right: 15px;
        bottom: 15px;
        background: #fff;
        color: #7B7B7B;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Montserrat';
        height: 28px;
        line-height: 28px;
        border-radius: 2px;
        padding: 0 15px 0 12px;
}
.detail-prop .gallery .item a.show-gallery:before{
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 10px;
        background-image: url(../img/icon/prop/grid.svg);
}
.detail-prop .main{
        margin-bottom: 80px;
}
.detail-prop .main > .rowflex{
        justify-content: space-between;
}
.detail-prop .main .content{
        max-width: 61.8%;
        flex: 61.8%;
}
.detail-prop .main .submis{
        max-width: 35.4%;
        flex: 35.4%;
}
.detail-prop .content h1{
        color: #262626;
        font-size: 32px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 10px;
}
.detail-prop .content .format-text{
        line-height: 220%;
}
.detail-prop .content .format-text ul{
        list-style: none;
        padding: 0;
}
.detail-prop .content .format-text li{
        padding-bottom: 5px;
}
.detail-prop .content .fotem{
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid #E9E9E9;
}
.detail-prop .content .fotem > h3{
        color: #262626;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 30px;
}
.detail-prop .content .fotem.near > ul,
.detail-prop .content .fotem.detail ul{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: -25px;
}
.detail-prop .content .fotem.detail li{
        flex: 35%;
        max-width: 35%;
        margin-bottom: 25px;
}
.detail-prop .content .fotem.detail li:nth-child(3n + 2){
        flex: 30%;
        max-width: 30%;
}
.detail-prop .content .fotem.detail li > *{
        display: inline-block;
        vertical-align: middle;
        font-family: 'Montserrat';
        font-size: 14px;
}
.detail-prop .content .fotem.detail  i{
        width: 22px;
        text-align: center;
        margin-right: 12px;
}
.detail-prop .content .fotem.detail em{
        display: inline-block;
        position: relative;
        top: 1px;
}
.detail-prop .content .fotem.detail em.ic1{
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/prop/1.svg);
}
.detail-prop .content .fotem.detail em.ic2{
        width: 22px;
        height: 16px;
        background-image: url(../img/icon/prop/2.svg);
}
.detail-prop .content .fotem.detail em.ic3{
        width: 18px;
        height: 18px;
        background-image: url(../img/icon/prop/3.svg);
}
.detail-prop .content .fotem.detail em.ic4{
        width: 18px;
        height: 17px;
        background-image: url(../img/icon/prop/4.svg);
}
.detail-prop .content .fotem.detail em.ic5{
        width: 22px;
        height: 16px;
        background-image: url(../img/icon/prop/5.svg);
}
.detail-prop .content .fotem.detail em.ic6{
        width: 17px;
        height: 17px;
        background-image: url(../img/icon/prop/6.svg);
}
.detail-prop .content .fotem.detail em.ic7{
        width: 12px;
        height: 18px;
        background-image: url(../img/icon/prop/7.svg);
}
.detail-prop .content .fotem.detail em.ic8{
        width: 22px;
        height: 14px;
        background-image: url(../img/icon/prop/8.svg);
}
.detail-prop .content .fotem.detail b{
        font-weight: 600;
        margin-right: 7px;
}
.detail-prop .content .fotem.detail b sup{
        font-size: 8px;
        vertical-align: top;
}
.detail-prop .content .fotem.near > ul > li{
        flex: 35%;
        max-width: 35%;
        position: relative;
        padding-left: 16px;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 30px;
        letter-spacing: 0.3px;
}
.detail-prop .content .fotem.near > ul > li:nth-child(3n + 2){
        flex: 30%;
        max-width: 30%;
}
.detail-prop .content .fotem.fees li:before,
.detail-prop .content .fotem.near > ul > li:before{
        position: absolute;
        left: 0;
        top: 7px;
        width: 6px;
        height: 6px;
        background: #262626;
        border-radius: 3px;
        content: '';
}
.detail-prop .content .fotem.near > ul ul li{
        padding-top: 12px;
}
.detail-prop .content .fotem.near li b{
        display: inline-block;
        border: 1px solid #C4C4C4;
        background: #F5F5F5;
        border-radius: 4px;
        padding: 3px 7px;
        font-family: 'Montserrat';
        font-size: 12px;
        letter-spacing: 0.3px;
        margin-left: 5px;
}
.detail-prop .content .fotem.fees li{
        display: block;
        position: relative;
        padding-left: 16px;
        margin-top: 25px;
        line-height: 160%;
        font-family: 'Montserrat';
        font-weight: 500;
}
.detail-prop .content .fotem.fees li:first-child{
        margin: 0;
}
.detail-prop .content .fotem.event .rowflex{
        margin: 0 -5px;
}
.detail-prop .content .fotem.event .item{
        flex: calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin: 0 5px;
}
.detail-prop .content .fotem.event .item .caption h2{
        font-size: 17px;
}
.detail-prop .content .fotem.map .iframe-holder{
         position: relative;
        padding-bottom: 40%;
        height: 0;
        border: 2px solid #D9D9D9;
        border-radius: 3px;
        overflow: hidden;
}
.detail-prop .content .fotem.map .iframe-holder > *{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.detail-prop .submis .layer{
        box-shadow: 0px 1px 16px rgba(9, 55, 99, 0.12);
        border-radius: 2px;
        overflow: hidden;
        padding: 20px 23px 23px;
        margin-bottom: 25px;
}
.detail-prop .submis .layer .item{
        display: none;
}
.detail-prop .submis .layer .item.current{
        display: block;
}
.detail-prop .submis h3{
        color: #555;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Montserrat';
        margin-bottom: 12px;
        line-height: 100%;
}
.detail-prop .submis .htype{
        margin-bottom: 25px;
}
.detail-prop .submis .radio-inline label{
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px 10px 0;
}
.detail-prop .submis .radio-inline label input{
        display: none;
}
.detail-prop .submis .radio-inline label span{
        display: block;
        color: #262626;
        font-size: 14px;
        font-weight: 400;
        font-family: 'Montserrat';
        padding: 15px 16px;
        border: 1px solid #E9E9E9;
        cursor: pointer;
        text-align: center;
}
.detail-prop .submis .radio-inline label input:checked + span{
        background: #093763;
        border-color: #093763;
        color: #fff;
        font-weight: 500;
}
.detail-prop .submis .radio-inline label input:disabled + span{
        cursor: default;
        background: #F5F5F5;
}
.detail-prop .submis .radio-inline.type-switch span{
        min-width: 100px;
}
.detail-prop .submis .item > *{
        margin-top: 25px;
}
.detail-prop .submis .item > *:first-child{
        margin: 0;
}
.detail-prop .submis .item .txt{
        font-weight: 500;
        line-height: 180%;
        font-family: 'Montserrat';
        margin-top: 15px;
}
.detail-prop .submis .item .txt a{
        color: #EB8023;
}
.detail-prop .submis .item .txt a:hover{
        text-decoration: underline;
}
.detail-prop .submis .pricing{
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #E9E9E9;
        border-bottom: 1px solid #E9E9E9;
        margin-top: 20px;
}
.detail-prop .submis .action{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.detail-prop .submis .action .button{
        font-family: 'Montserrat';
        font-weight: 500;
        box-shadow: 0px 0 2px rgba(30, 30, 30, 0);
        flex: calc(50% - 39px);
        max-width:  calc(50% - 39px);
}
.detail-prop .submis .action .button.btn-hollow{
        border-width: 1px;
}
.detail-prop .submis .action .msg{
        display: inline-block;
        position: relative;
        width: 49px;
        height: 48px;
        border: 1px solid #EB8023;
        border-radius: 2px;
        background: #fff;
        transition:all 0.2s ease-in;
}
.detail-prop .submis .action .msg:hover{
        background: #F1A731;
        border: 1px solid #F1A731;
}
.detail-prop .submis .action .msg:before{
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        background-image: url(../img/icon/prop/msg.svg);
        left: 12px;
        top: 10px;
        transition:all 0.2s ease-in;
}
.detail-prop .submis .action .msg:hover:before{
        filter: brightness(0) invert(1);
}
.detail-prop .submis .tour h3{
        font-size: 16px;
        font-weight: 600;
        font-family: 'Montserrat';
        margin-bottom: 18px;
}
.detail-prop .submis .tour li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 60px;
        font-family: 'Montserrat';
        font-weight: 500;
        padding-left: 32px;
        position: relative;
}
.detail-prop .submis .tour li:before{
        display: block;
        position: absolute;
        left: 0;
        top: -1px;
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/prop/check.svg);
}
.detail-prop .submis .pricing strong.price{
        margin: 0;
}
#popup-gallery{
        margin: -6px;
        max-width: calc(100% + 12px);
        height: calc(100% + 12px);
        padding: 65px 130px;
        display: none;
}
.popup-form h2,
.popup-txt > h2,
#popup-gallery h2{
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 40px;
}
.popup-form h2,
.popup-txt > h2{
        margin-bottom: 20px;
}
#popup-gallery img{
        border-radius: 3px;
}
#popup-gallery .rowflex{
        margin: 0 -5px;
}
#popup-gallery .rowflex > *{
        max-width: calc(50% - 10px);
        flex: calc(50% - 10px);
        margin: 0 5px 10px;
}
#popup-gallery .rowflex > .full{
        max-width: calc(100% - 10px);
        flex: calc(100% - 10px);
}
#popup-gallery a{
        display: block;
        position: relative;
        margin-top: 10px;
}
#popup-gallery a:first-child{
        margin: 0;
}
.popup-txt {
        display: none;
        width: 100%;
        max-width: 570px;
        padding: 25px;
}
.popup-txt .format-text{
        font-family: 'Montserrat';
        line-height: 220%;
}
.popup-txt .format-text ul{
        padding: 0;
        list-style: none;
}
.popup-txt .format-text h4 + *{
        margin-top: 10px;
}
.popup-form .fancybox-close-small,
.popup-txt .fancybox-close-small,
#popup-gallery .fancybox-close-small{
        background: none;
}
.popup-form .fancybox-close-small,
.popup-txt .fancybox-close-small{
        width: 45px;
        height: 45px;
        top: 10px;
        right: 5px;
}
.popup-form .fancybox-close-small{
        top: 7px;
}
.popup-form{
        display: none;
        width: 100%;
        max-width: 430px;
        padding: 25px;
}
.popup-form .fgroup > label{
        display: block;
        color: #555;
        font-weight: 600;
        font-family: 'Montserrat';
        margin-bottom: 8px;
}
.popup-form .button{
        width: 100%;
        font-family: 'Montserrat';
        font-weight: 500;
}
.popup-form form > *{
        margin-top: 20px;
}
.popup-form form > *:first-child{
        margin: 0;
}
.popup-form .gap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.popup-form .gap > *{
        max-width: calc(50% - 8px);
        flex: calc(50% - 8px);
}
.popup-form fieldset{
        display: block;
        position: relative;
}
.popup-form fieldset.date:after{
        top: 16px;
}
.popup-form .amount{
        padding-top: 25px;
        padding-bottom: 5px;
        border-top: 1px solid #E9E9E9;
        font-family: 'Montserrat';
        letter-spacing: 0.8px;
        line-height: 180%;
}
.popup-form .amount strong{
        float: right;
        position: relative;
        color: #EB8023;
        font-weight: 600;
        font-size: 16px;
}
.popup-form small{
        font-size: 12px;
        font-family: 'Montserrat';
        line-height: 140%;
        display: block;
        color: #EB5757;
}
.fancybox-navigation .fancybox-button--arrow_right,
.fancybox-navigation .fancybox-button--arrow_left {
        background: none;
        padding: 0 0 0 30px;
}
.fancybox-navigation .fancybox-button--arrow_right{
        padding: 0 110px 0 0;
}
.fancybox-navigation .fancybox-button--arrow_right div,
.fancybox-navigation .fancybox-button--arrow_left div{
        padding: 0;
        width: 90px;
        height: 90px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/slide-orange.svg);
}
.fancybox-navigation .fancybox-button--arrow_left div{
        transform: rotate(-180deg);
}
.fancybox-navigation .fancybox-button--arrow_right div *,
.fancybox-navigation .fancybox-button--arrow_left div *{
        display: none;
}
.fancybox-thumbs__list a:before{
        border: 5px solid #EB8023;
}
/** INNER PAGE **/
.inner-page {
        padding: 40px 0 120px;
}
.inner-page .wrapper{
        max-width: 976px;
}
.inner-page .the-title{
        display: block;
        text-align: center;
        line-height: 130%;
        margin-bottom: 30px;
        font-weight: 700;
        font-size: 40px;
        color: #093763;
}
.inner-page .format-text{
        font-size: 16px;
}
/** MY TRANSACTION **/
.inner-trx .filter form{
        width: 250px;
}
.inner-trx .navtab{
        border-bottom: 1px solid #E0E0E0;
        margin-top: 33px;
}
.inner-trx .navtab a{
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 11px;
        position: relative;
        color: #C4C4C4;
        font-size: 14px;
        font-weight: 500;
        margin-left: 30px;
        transition:all 0.2s ease-in;
        border-bottom: 4px solid rgba(0,0,0,0);
        position: relative;
        bottom: -1px;
        letter-spacing: 0.3px;
}
.inner-trx .navtab a:first-child{
        margin: 0;
}
.inner-trx .navtab a.current,
.inner-trx .navtab a:hover{
        color: #EB8023;
}
.inner-trx .navtab a.current{
        border-bottom: 4px solid #EB8023;
}
.inner-trx .notrx{
        max-width: 720px;
        margin: 90px auto 0;
        text-align: center;
}
.inner-trx .notrx h2{
        color: #093763;
        font-size: 40px;
        font-weight: 700;
        line-height: 130%;
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(23,82,130,.2);
        margin-bottom: 50px;
}
.inner-trx .notrx .button{
        min-width: 160px;
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 14px;
}
.inner-trx .filter .droplist{
        float: left;
}
.inner-trx .filter .droplist form,
.inner-trx .filter .field-select{
        display: inline-block;
        vertical-align: middle;
        width: auto;
        min-width: 160px;
        margin-right: 10px;
}
.inner-trx .filter > .button{
        float: right;
        min-width: 200px;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
}
.inner-trx .filter .field-select select{
        height: 32px;
        padding-right: 30px;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        font-size: 12px;
}
.inner-trx .filter .field-select:after{
        right: 11px;
        background-image: url(../img/icon/arrow-down-filter-dark.svg);
}
.inner-trx .filter .droplist + form{
        float: right;
}
.inner-trx .list{
        margin-top: 15px
}
.inner-trx .list .item{
        margin-top: 10px;
        background: #FFF;
        border: 1px solid #E9E9E9;
        box-shadow: 0px 2px 8px rgba(23, 82, 130, 0.08);
        border-radius: 4px;
}
.inner-trx .list .item .thead{
        padding: 10px 20px;
        border-bottom: 1px solid #E9E9E9;
}
.inner-trx .list .item .thead .status{
        float: left;
}
.detail-trx .item.booking .bhead span,
.inner-trx .list .item .thead .status span{
        display: inline-block;
        color: #fff;
        font-weight: 500;
        font-size: 12px;
        padding: 8px 16px;
        border-radius: 2px;
        min-width: 120px;
        text-align: center;
}
.inner-trx .list .item .thead .meta{
        float: right;
        position: relative;
        top: 3px;
}
.inner-trx .list .item .thead .meta span{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        color: #7B7B7B;
        font-family: 'Montserrat';
        font-weight: 400;
        top: 4px;
}
.inner-trx .list .item .thead .meta span:first-child{
        margin-right: 25px;
        padding-right: 20px;
}
.inner-trx .list .item .thead .meta span:first-child:after{
        display: inline-block;
        position: absolute;
        right: 0;
        top: -3px;
        height: 23px;
        width: 1px;
        background: #E0E0E0;
        content: '';
}
.inner-trx .list .item .thead .meta span.hide{
        display: none;
}
.inner-trx .list .item .detail{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 20px;
        align-items: center;
}
.inner-trx .list .item .prop{
        flex: 48%;
        max-width: 48%;
        padding-right: 20px;
}
.detail-trx .item .prop > *,
.inner-trx .list .item .prop > *{
        display: inline-block;
        vertical-align: middle;
}
.detail-trx .item .prop figure,
.inner-trx .list .item .prop figure{
        width: 76px;
}
.detail-trx .item .prop .caption,
.inner-trx .list .item .prop .caption{
        width: calc(100% - 100px);
        padding-left: 15px;
}
.detail-prop-book .prop h3,
.detail-trx .item .prop h3,
.inner-trx .list .item h3{
        color: #262626;
        font-size: 14px;
        font-weight: 600;
}
.detail-prop-book .prop h3 a,
.detail-trx .item .prop h3 a,
.inner-trx .list .item h3 a{
        color: #262626;
        transition:color 0.2s ease-in;
}
.detail-prop-book .prop h3 a:hover,
.detail-trx .item .prop h3 a:hover,
.inner-trx .list .item h3 a:hover{
        color: #EB8023;
}

.detail-trx .item .prop .location,
.inner-trx .list .item .location{
        margin: 15px 0 0;
}
.detail-trx .item .prop figure img,
.inner-trx .list .item .prop figure img{
        border-radius: 5px;
}
.inner-trx .list .item .type{
        flex: 21%;
        max-width: 21%;
        padding: 5px 30px;
        border-left: 1px solid #E0E0E0;
        border-right: 1px solid #E0E0E0;
}
.inner-trx .list .item .payment strong,
.inner-trx .list .item .type strong{
        display: block;
        color: #262626;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Montserrat';
}
.inner-trx .list .item .payment strong b{
        color: #7B7B7B;
        font-size: 12px;
        font-weight: 400;
}
.inner-trx .list .item .payment{
        flex: 31%;
        max-width: 31%;
        padding: 5px 0 5px 30px;
}
.inner-trx .list .item .payment strong{
        color: #EB8023;
}
.inner-trx .list .item .payment strong span{
        display: inline-block;
        position: relative;
        color: #093763;
        padding-left: 10px;
}
.inner-trx .list .item .payment strong span:before{
        display: inline-block;
        position: relative;
        margin-right: 10px;
        content: '';
        width: 1px;
        height: 12px;
        background: #E0E0E0;
        top: 1px;
}
.inner-trx .list .item small{
        display: block;
        color: #7B7B7B;
        font-size: 12px;
        font-family: 'Montserrat';
        margin-bottom: 10px;
}
.back-link{
        display: inline-block;
        color: #262626;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 25px;
}
.back-link:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 16px;
        height: 14px;
        background-image: url(../img/icon/arrow-back.svg);
        transition:left 0.2s ease-in;
        left: 0;
        margin-right: 22px;
        top: -1px;
}
.back-link:hover:before{
        left: -4px;
}
.detail-trx .rowflex{
        justify-content: space-between;
}
.detail-trx .info{
        max-width: 56%;
        flex: 56%;
}
.detail-trx .action{
        max-width: 42%;
        flex: 42%;
}
.detail-trx .item{
        padding: 20px;
        border: 1px solid #E9E9E9;
        border-radius: 4px;
        margin-bottom: 15px;
}
.detail-trx .item.orange-border{
        border: 1px solid #EB8023;
}
#popup-counter table,
.detail-trx .item table{
        width: 100%;
}
#popup-counter table td,
.detail-trx .item table td{
        width: 50%;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #E0E0E0;
}

.detail-trx .item table tr:last-child td{
        padding-bottom: 0;
}
#popup-counter table tr:first-child td,
.detail-trx .item table tr:first-child td{
        padding-top: 0;
        border: none;
}
.detail-trx .item table b,
.detail-trx .item table strong,
.detail-trx .item table small{
        display: block;
        color: #7B7B7B;
        font-size: 12px;
        font-family: 'Montserrat';
        font-weight: 400;
        margin-bottom: 10px;
}
.detail-trx .item table b,
.detail-trx .item table strong{
        font-size: 14px;
        font-weight: 600;
        color: #262626;
        margin: 0;
}
.detail-trx .item table b{
        color: #EB8023;
}
.detail-trx .item.booking .bhead td strong{
        font-weight: 500;
}
.detail-trx .item.booking .bhead table tr:first-child td{
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 20px;
}
.detail-trx .item h2{
        font-weight: 600;
        color: #262626;
        margin-bottom: 16px;
}
.detail-trx .item.booking .bhead,
.detail-trx .item .prop{
        margin: 0 0 20px;
}
.detail-trx .item.payment table th{
        text-align: left;
        color: #555;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Montserrat';
        line-height: 190%;
        vertical-align: middle;
        padding-bottom: 10px;
}
.detail-trx .item.payment table th:last-child{
        padding-left: 20px;
}
.detail-trx .item.payment table tr td{
        padding: 6px 5px 6px 0;
        border: none;
        width: 27%;
        vertical-align: middle;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Montserrat';
        line-height: 200%;
        color: #555;
}
.detail-trx .item.payment table tr td:first-child + td{
        width: 20%;
}
.detail-trx .item.payment table tr td:first-child + td + td{
        width: 24%;
}
.detail-trx .item.payment table tr td:last-child{
        width: 29%;
}
.detail-trx .item.payment table.tbl-myprop tr td,
.detail-trx .item.payment table.tbl-myprop tr td:first-child + td,
.detail-trx .item.payment table.tbl-myprop tr td:first-child + td + td,
.detail-trx .item.payment table.tbl-myprop tr td:last-child{
        width: 25%;
}
.detail-trx .item.payment table tr.passed td{
        color: #9D9D9D;
}
.detail-trx .item.payment table span{
        font-weight: 700;
}
.detail-trx .item.payment table tr td:last-child{
        padding-right: 0;
}
.detail-trx .item.payment table tr.current td{
        color: #F4BE39;
        font-weight: 600;
}
.detail-trx .item.payment table tr.waiting td{
        color: #EB8023;
        font-weight: 700;
}
.detail-trx .item.payment table tbody tr:last-child td{
        padding-bottom: 12px;
        border-bottom: 1px solid #E9E9E9;
}
.detail-trx .item.payment table tfoot tr:first-child td{
        padding: 12px 0 0;
}
.detail-trx .item.payment table .qmark{
        top: 2px;
        margin-left: 5px;
}
.qmark{
        display: inline-block;
        width: 14px;
        height: 14px;
        background-image: url(../img/icon/qmark.svg);
        position: relative;
        z-index: 9;
}
.qmark .layer:before{
        height: 14px;
        width: 25px;
        position: absolute;
        left: -20px;
        content: '';
        display: block;
        bottom: 0;
}
.qmark .layer{
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: calc(100% + 10px);
        bottom: 0;
        background: #fff;
        padding: 18px 20px;
        width: 380px;
        border: 1px solid #D9D9D9;
        border-radius: 4px;
        transition:all 0.2s ease-in;
}
.qmark:hover .layer{
        opacity: 1;
        visibility: visible;
}
.qmark .layer  strong{
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 100%;
        display: block;
        margin-bottom: 12px !important;
}
.qmark .layer b{
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 100%;
}
.qmark .layer p{
        font-weight: 400 !important;
        line-height: 200%;
}
.detail-trx .item.paid + em{
        font-style: italic;
        font-family: 'Montserrat';
        color: #EB8023;
        display: block;
        line-height: 185%;
}
.detail-trx .item.upload > *{
        display: inline-block;
        vertical-align: middle;
}
.detail-trx .item.upload span{
        height: 48px;
        line-height: 48px;
        position: relative;
        padding: 0 16px;
        background: rgba(235, 128, 35, 0.2);
        border-radius: 4px;
        width: calc(100% - 90px);
        margin-right: 20px;
        color: #EB8023;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Montserrat';
        overflow: hidden;
        word-wrap: break-word;
}
.detail-trx .item.upload a{
        color: #EB8023;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Montserrat';
}
.detail-trx .item.upload a:hover{
        text-decoration: underline;
}
.detail-trx .item.upload span input{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: red;
        z-index: 2;
        cursor: pointer;
        opacity: 0;
}
.detail-trx .item.upload + .button{
        display: block;
        width: 100%;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
}
.detail-trx .item.due strong{
        display: block;
        font-weight: 700;
        color: #EB8023;
        font-family: 'Montserrat';
        font-size: 16px;
        margin: 0 0 25px;
}
#popup-counter table td,
.detail-trx .item.due table tr td{
        padding: 0 0 15px;
        border: none;
        color: #9D9D9D;
        font-size: 14px;
        font-weight: 400;
        font-family: 'Montserrat';
        vertical-align: middle;
}
#popup-counter table td:last-child,
.detail-trx .item.due table tr td:last-child{
        text-align: right;
        color: #555;
        font-weight: 600;
}
#popup-counter table td,
.detail-trx .item.due.offer table tr td{
        width: 65%;
}
#popup-counter table td:last-child,
.detail-trx .item.due.offer table tr td:last-child{
        width: 35%;
        color: #262626;
        font-weight: 600;
}
#popup-counter table tbody tr td,
.detail-trx .item.due.offer table tbody tr td{
        padding-top: 15px;
        border-top: 1px solid #E9E9E9;
}
#popup-counter table tbody tr:first-child td,
.detail-trx .item.due.offer table tbody tr:first-child td{
        padding-top: 0;
        border: none;
}
#popup-counter table tfoot tr:first-child td,
.detail-trx .item.due table tfoot tr td{
        padding: 20px 0;
        border-top: 1px solid #E9E9E9;
        border-bottom: 1px solid #E9E9E9;
}
#popup-counter table tfoot tr:first-child td,
.detail-trx .item.due.offer table tfoot tr td{
        border-bottom: none;
        padding: 15px 0;
}
#popup-counter table tfoot tr:last-child td,
.detail-trx .item.due.offer table tfoot tr:last-child td{
        padding-bottom: 0;
}
#popup-counter table tfoot tr td:last-child,
.detail-trx .item.due table tfoot tr td:last-child{
        color: #EB8023;
        font-weight: 600;
        font-size: 16px;
}
#popup-counter table tfoot tr td:last-child,
.detail-trx .item.due.offer table tfoot tr td:last-child{
        font-size: 14px;
        color: #EB8023;
}
.detail-trx .item.due.offer table tfoot tr.accepted td{
        color: #219653;
}
.detail-trx .item.due.offer table tfoot tr.declined td:first-child{
        color: #EB5757;
}
.detail-trx .item.due form{
        margin: 20px 0 0;
}
.detail-prop-book .action form label,
.detail-prop-book .action form b,
.detail-trx .item.due form label,
.detail-trx .item.due form b{
        display: block;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 15px;
}
.detail-prop-book .action form label,
.detail-trx .item.due form label{
        cursor: pointer;
}
.detail-prop-book .action form label input,
.inner-reqprop form .field-radio input,
.detail-trx .item.due form label input{
        display: none;
}
.detail-prop-book .action form label span,
.inner-reqprop form .field-radio span,
.detail-trx .item.due form label span{
        display: block;
        position: relative;
        padding-left: 30px;
}
.detail-prop-book .action form label span:before,
.inner-reqprop form .field-radio span:before,
.detail-trx .item.due form label span:before{
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        background: #EB8023;
        border: 2px solid #7B7B7B;
        content: '';
        left: 0;
        top: 1px;
        border-radius: 50%;
        box-shadow:inset 0px 0 0px 7px #fff;
}
.detail-prop-book .action form label input:checked + span:before,
.inner-reqprop form .field-radio input:checked + span:before,
.detail-trx .item.due form label input:checked + span:before{
        box-shadow:inset 0px 0 0px 3px #fff;
        border: 2px solid #EB8023;
}
.detail-prop-book .action form .button,
.detail-trx .item.offer table + .button,
.detail-trx .item.paid .button,
.detail-trx .item.due form button{
        margin-top: 20px;
        display: block;
        width: 100%;
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 14px;
}
.detail-trx .item.offer .answer{
        margin-top: 20px;
}

.detail-trx .item.offer .answer .button{
        float: left;
        width: calc(50% - 8px);
        box-shadow: 0px 0 2px rgba(30, 30, 30, 0);
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 14px;
        border-width: 1px;
}
.detail-trx .item.offer .answer .button:first-child + .button{
        float: right;
}
.detail-trx .item.offer .answer .button:last-child{
        float: none;
        width: 100%;
        margin-top: 15px;
}
.detail-trx .item table ul{
        list-style: disc;
        color: #262626;
        font-size: 14px;
        font-family: 'Montserrat';
        font-weight: 600;
        padding-left: 17px;
}
.detail-trx .item table ul li{
        line-height: 160%;
        margin-top: 5px;
}
.detail-trx .item table ul li:first-child{
        margin: 0;
}
/** REQUEST PROPERTY **/
.inner-reqprop .hentry{
        max-width: 690px;
        margin: 0 auto 40px;
        text-align: center;
}
.inner-reqprop .hentry h2{
        color: #093763;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
}
.inner-reqprop .hentry .format-text{
        font-weight: 500;
}
.inner-reqprop form{
        background: #F5F5F5;
        border: 1px solid #D9D9D9;
        padding: 40px;
        border-radius: 2px;
}
.inner-reqprop form .fgroup > label{
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
}
.inner-reqprop form > *{
        margin-top: 40px;
}
.inner-reqprop form > *:first-child{
        margin: 0;
}
.inner-reqprop form .inlined,
.inner-reqprop form .gap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
}
.inner-reqprop form .gap > *{
        flex: calc(50% - 13px);
        max-width: calc(50% - 13px);
}
.inner-reqprop form .inlined > *{
        flex: calc(50% - 10px);
        max-width: calc(50% - 10px);
        position: relative;
        z-index: 2;
}
.inner-reqprop form .inlined > span{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        width: 100%;
        max-width: 100%;
        text-align: center;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #9D9D9D;
}
.inner-reqprop form .field-radio{
        margin-bottom: 18px;
}
.inner-reqprop form .field-radio label{
        display: inline-block;
        margin-right: 70px;
        cursor: pointer;
        color: #262626;
        vertical-align: middle;
}
.inner-reqprop form .field-check label {
        padding: 0 15px;
        margin: 0 5px 0 0;
}
.inner-reqprop form .field-radio + .inlined{
        max-width: 630px;
        width: 100%;
}
.inner-reqprop form .field-check.quatro{
        margin-bottom: -20px;
}
.inner-reqprop form .field-check.quatro label {
        padding: 0 15px;
        margin: 0 20px 20px 0;
        width: 22%;
        vertical-align: middle;
        display: inline-block;
}
.inner-reqprop form .field-check.quatro label:nth-child(7),
.inner-reqprop form .field-check.quatro label:nth-child(3){
        width: 13%;
}
.inner-reqprop form .field-check.quatro label:nth-child(7) + label,
.inner-reqprop form .field-check.quatro label:nth-child(3) + label{
        width: 30%;
}
.inner-reqprop form .field-check label span input[type='text']{
        height: auto;
        padding: 0;
        background: none;
        border: none;
        border-bottom: 1px solid #262626;
        font-size: 12px;
        display: inline-block;
        width: 155px;
}
.inner-reqprop form em{
        display: block;
        font-weight: 500;
        font-style: italic;
        margin-top: 20px;
        color: #262626;
}
.inner-reqprop form .action{
        text-align: center;
}
.inner-reqprop form .action .button{
        width: 190px;
        font-family: 'Montserrat';
        font-weight: 500;
}
/** RESET PASSWORD **/
.reset-pass{
        max-width: 470px;
        margin: 0 auto ;
        padding-top: 30px;
}
.reset-pass .hentry{
        text-align: center;
        margin: 0 0 50px;
}
.reset-pass .hentry h2{
        color: #093763;
        font-size: 32px;
        font-weight: 700;
        line-height: 130%;
        margin: 0 0 15px;
}
.reset-pass .hentry .txt{
        line-height: 180%;
        letter-spacing: 0.1px;
        font-family: 'Montserrat';
        font-size: 14px;
        color: #262626;
}
.reset-pass .form-basic{
        max-width: 400px;
        margin: 0 auto;
}
.reset-pass .form-basic .button{
        display: block;
        width: 100%;
}
#popresetpass{
        width: 95%;
        max-width: 375px;
        border-radius: 6px;
        padding: 45px 32px 32px;
        text-align: center;
}
#popresetpass .fancybox-close-small{
        display: none;
}
#popresetpass .button{
        display: block;
        width: 100%;
}
#popresetpass p{
        color: #262626;
        font-size: 14px;
        font-weight: 400;
        font-family: 'Montserrat';
        margin: 30px 0 40px;
}
/** DETAIL PROPERTY BOOKING **/
.detail-prop-book{
        padding: 45px 0 90px;
        background: #f3f5f7;
}
.detail-prop-book .bck{
        color: #262626;
        font-weight: 600;
        font-size: 24px;
        display: inline-block;
        margin: 0 0 30px;
}
.detail-prop-book .bck:before{
        width: 9px;
        height: 16px;
        background-image: url(../img/icon/arrow-back-book.svg);
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px 0 0;
        top: -2px;
        left: 0;
        transition:left 0.2s ease-in;
}
.detail-prop-book .bck:hover:before{
        left: -5px;
}
.detail-prop-book .rowflex{
        justify-content: space-between;
        align-items: flex-start;
}
.detail-prop-book .info,
.detail-prop-book .action{
        background: #fff;
        border-radius: 4px;
        padding: 20px;
}
.detail-prop-book .info{
        max-width: 64%;
        flex: 64%;
}
.detail-prop-book .prop{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin:  0 0 20px;
}
.detail-prop-book .prop figure{
        max-width: 22.3%;
        flex: 22.3%;
}
.detail-prop-book .prop figure img{
        border-radius: 4px;
}
.detail-prop-book .prop .caption{
        flex: 70%;
        max-width: 70%;
        padding: 15px 0 0;
}
.detail-prop-book .prop .location{
        margin: 10px 0 0;
}
.detail-prop-book .prop h3{
        font-size: 18px;
}
.detail-prop-book .modif table{
        width: 100%;
        color: #555;
        font-size: 14px;
        font-family: 'Montserrat';
}
.detail-prop-book .modif td{
        padding: 25px 0;
        border-top: 1px solid #E9E9E9;
        width: 33.333333333333333%;
}
.detail-prop-book .modif tr:last-child td{
        padding-bottom: 10px;
}
.detail-prop-book .modif table label{
        display: block;
        margin: 0 0 13px;
}
.detail-prop-book .modif table b,
.detail-prop-book .modif table p a{
        color: #EB8023;
        font-weight: 500;
}
.detail-prop-book .modif table b,
.detail-prop-book .modif table p{
        font-size: 16px;
        font-weight: 600;
}
.detail-prop-book .modif table p.clearfix{
        max-width: 195px;
}
.detail-prop-book .modif table p.clearfix > *{
        float: right;
}
.detail-prop-book .modif table p > *:first-child{
        float: left;
}
.detail-prop-book .action{
        max-width: 34%;
        flex: 34%;
        font-family: 'Montserrat';
}
.detail-prop-book .action .sum{
        margin: 0 0 15px;
}
.detail-prop-book .action .book span,
.detail-prop-book .action .sum span{
        float: left;
        color: #9D9D9D;
        font-size: 14px;
        font-weight: 500;
}
.detail-prop-book .action .sum b{
        float: right;
        color: #555555;
        font-weight: 500;
        font-size: 14px;
}
.detail-prop-book .action .book{
        padding: 20px 0;
        margin: 20px 0;
        border-top: 1px solid #E9E9E9;
        border-bottom: 1px solid #E9E9E9;
}
.detail-prop-book .action .book strong{
        float: right;
        color: #EB8023;
        font-size: 16px;
        font-weight: 600;
}
.detail-prop-book .action .trigger-detail{
        color: #555;
        font-weight: 500;
        display: block;
        position: relative;
}
.detail-prop-book .action .trigger-detail:after{
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        width: 12px;
        height: 7px;
        background-image: url(../img/icon/arrow-detail-book.svg);
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
}
.detail-prop-book .action .trigger-detail.showing:after{
        transform: rotate(180deg);
}
.detail-prop-book .action .detail{
        margin: 20px 0 0;
        display: none;
}
.detail-prop-book .action .detail table{
        width: 100%;
        font-weight: 500;
}
.detail-prop-book .action .detail td{
        width: 33.33333333333333333333333%;
        padding: 0 5px 15px 0;        
}
.detail-prop-book .action .detail td:last-child{
        text-align: right;
        padding-right: 0;
}
.detail-prop-book .action .detail tr:last-child td{
        padding-top: 15px;
        border-top: 1px solid #E9E9E9;
        border-bottom: 1px solid #E9E9E9;
}
.detail-prop-book .action .detail tfoot tr:last-child td{
        border-bottom: none;
        padding-bottom: 0;
}
.detail-prop-book-proceed{
        background: #f3f5f7;
        padding: 80px 0 70px;
        font-family: 'Montserrat';
}
.detail-prop-book-proceed .layer{
        max-width: 540px;
        margin: 0 auto;
        background: #fff;
        border-radius: 4px;
        padding: 35px 30px;
}
.detail-prop-book-proceed .bck{
        display: inline-block;
        color: #EB8023;
        margin: 0 0 25px;
}
.detail-prop-book-proceed .bck:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 8px;
        height: 14px;
        background-image: url(../img/icon/arrow-back-proc.svg);
        margin-right: 10px;
        transition:left 0.2s ease-in;
        left: 0;
        top: -1px;
}
.detail-prop-book-proceed .bck:hover:before{
        left: -3px;
}
.detail-prop-book-proceed .due {
        margin: 0 0 40px;
}
.detail-prop-book-proceed .due b{
        display: block;
        color: #262626;
        font-weight: 600;
        font-family: 'Libre Franklin';
        font-size: 16px;
        line-height: 100%;
        margin:  0 0 12px;
}
.detail-prop-book-proceed .due strong{
        color: #EB8023;
        font-weight: 700;
        font-size: 20px;
}
.detail-prop-book-proceed table{
        width: 100%;
}
.detail-prop-book-proceed table td{
        padding-right: 40px;
        padding-bottom: 20px;
}
.detail-prop-book-proceed table td:last-child{
        padding-right: 0;
}
.detail-prop-book-proceed table tr:last-child td{
        padding-top: 20px;
}
.detail-prop-book-proceed table label{
        display: block;
        color: #7B7B7B;
        font-size: 12px;
        line-height: 100%;
        margin: 0 0 13px;
}
.detail-prop-book-proceed table label a{
        color: #EB8023;
        display: inline-block;
        margin-left: 5px;
}
.detail-prop-book-proceed .txt a:hover,
.detail-prop-book-proceed table label a:hover{
        text-decoration: underline;
}
.detail-prop-book-proceed table b{
        color: #262626;
        font-weight: 700;
}
.detail-prop-book-proceed table strong{
        color: #EB8023;
        font-weight: 600;
        font-size: 16px;
}
.detail-prop-book-proceed .button{
        display: block;
        width: 100%;
}
.detail-prop-book-proceed .txt{
        font-size: 12px;
        line-height: 160%;
        margin: 0 0 20px;
}
.detail-prop-book-proceed .txt a{
        color: #2b72a4;
        font-weight: 600;
}
/* MEDIA QUERY FOR WEBKIT BASED BROWSER **/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/* MEDIA QUERY FOR GECKO BASED BROWSER **/
@-moz-document url-prefix(){
        
}