* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700&amp;subset=latin-ext');

html,
body {
    -webkit-touch-callout: none;
    /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;
    /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none;*/
    /* prevent copy paste, to allow, change 'none' to 'text' */
}
select{
    font-family: 'Karla',-apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft JhengHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}
.index .ths.header-transparent.is-transparent a.item:hover, .ths.header-transparent.is-transparent a.item:focus{color: var(--second);}
.header-section.ths .item:not(.menu-default).logo, .header-section.ths .header-item .logo img{ 
    height: 50px !important;
    line-height: 50px;
    margin-left: 60px;
    max-height: 50px;
}
.header-section.ths .has-submenu .item:not(.menu-default){
    margin-right: 0;
}
.main-menu li.active a span,
.main-menu li.active ul li.active span,
.main-menu li.active ul li:hover span {
    color: #ffffff;
    text-shadow: 0 0 15px #ffffffc7;
    font-weight: 500;
}
.membercenter-bg{
    background: url(../images/slider2.jpg) center/cover no-repeat;
    background-attachment: fixed;
}

.main-menu li.active ul li span {
    color: #252B33
}
.header-section.mhs select{border:none;}
.border_bline .main-menu li a span,
.border_bline .main-menu li ul li span,
.border_bline .main-menu li ul li:hover span {
    font-size: 16px;
}

.border_bline .main-menu li.active a span,
.border_bline .main-menu li.active ul li.active span,
.border_bline .main-menu li.active ul li:hover span {
    color: var(--maincolor);
    font-size: 18px;
    font-weight: 600
}
.header-section.mhs ul.main-menu li{min-width: 120px}
.header-section.mhs ul.main-menu li .menu-default .item span{margin: 0 auto}

.border_bline.header-content {
    border-bottom: 1px solid #eee;
    background-color: #f2f1f4 !important
}
.search-item .button-sq{border-radius: 0;background-color: var(--maincolor);color:#fff;}
.search-item .fltp select{
    border:none;
}
.clerfix {
    float: none;
    clear: both;
}

#footer .social-links-sq {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.submenu.transition {
    overflow-y: visible !important;
}

.profile-image-change-text {
    position: relative;
    background: rgba(0, 0, 0, .5);
    font-size: 14px;
    bottom: 0;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 34px;
    right: 0;
    bottom: -140px;
    width: 100%;
    z-index: 3;
}

.IDupload {
    width: 100%;
    padding-bottom: 60%;
    background-size: cover;
    background-position: center;
}

.see-through-sq.small-sq.disabled {
    color: #9b9b9b;
    border: none;
}

.button-sq.xs-round {
    border-radius: 5px;
}

.add-wishlist .icon:before {
    content: "\e907"
}

.add-wishlist.add {
    background-color: #ea4b35;
    border-radius: 50%;
    box-shadow: 0 0 10px #ff442a;
}

.property-item .property-item-inner .add-wishlist.add>i.icon ,.property-image-wrapper .add-wishlist.add>i.icon{
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    margin-left: 1px;
}

.add-wishlist.add .icon:before {
    content: "\e908"
}

.image-inner.cover {
    width: 100%;
    padding-bottom: 80%;
    background-position: center;
    background-size: cover;
}
.image-wrapper .image-inner img{max-width: initial!important;}
.message-related-sq .image-inner.cover {
    width: 70px;
    padding-bottom: 70px;
}

.image-inner.cover.smaller {
    width: 80px;
    padding-bottom: 80px;
}
.mapboxgl-popup-content .avatar-sq.text-align-center-sq{margin: 0 auto 10px;width: 80px;height: 80px;}
.mapboxgl-popup-content .text-align-center-sq{
    max-width: 130px;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
.image-inner.cover.smaller.xround{
    border-radius: 50%;
}
.mapboxgl-map{
    font-family: 'Karla',-apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft JhengHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}
.mapboxgl-popup-close-button{
    right: -10px;
    top: -8px;
    border-radius: 50%;
    background-color: rgba(44, 44, 44, .8);
    padding: 5px 7px;
}
.mapboxgl-popup-close-button:hover{background-color: rgba(44, 44, 44, .9);}
header.ths-is-slide-up ~.ui .map{margin-top: 80px !important;}
.status {
    text-align: right;
}

.myrated .rating-big {
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.myrated .rating-big {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.myrated .rating-big .rating-badge {
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.myrated .rating-big .rating-badge>span {
    font-size: 24px;
    font-weight: 900;
    padding: 20px;
    display: block;
    border-right: 1px solid #D4D4D4;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    min-width: 66px;
}

.myrated .rating-big .rating-badge .icon.icon-star-2 {
    font-size: 24px;
    display: inline-block;
    color: #FFC107;
    margin: 0 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.message-title-sq {
    margin-bottom: 5px;
}

.message-date-sq~.star {
    width: 100%;
}

.font-light {
    font-weight: 400;
    color: #666;
    /*padding-top: 7px;*/
    margin-bottom: 0;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
#map_edit{
    border: 3px solid #fff;
    width: 100%;
    display: block;
    height: 400px;
    padding: 0;
}
.marker {
display: block;
border: none;
border-radius: 50%;
cursor: pointer;
padding: 0;
}
.order_table{margin-bottom: 80px;}
.order_table th p {color:var(--maincolor);font-weight: 600;}
.car_img{background-size: cover;background-position: center;padding-bottom: 100%;margin-bottom: 50px}
.search.item input{width: 80%;}
.search.item button{background-color: transparent;color: initial;padding-right: 0;}
#only-map-trigger{border-right: none}
.active.flat-sq{background-color: var(--maincolor)!important;box-shadow: none;}
.active.flat-sq a{color: #fff !important}
.active .filter-btn i:before{content: '▲';font-size: 14px;}
.active .filter-btn.OrderBy i:before{content: '▼';font-size: 14px;}
.ban{margin-bottom: 10px !important}
.ban span{
    font-size: 14px !important;
    margin-left: 10px;
    margin-top: 6px;
    vertical-align: text-top;
}
.delupImg{position: relative;}
.delupImg i{
    font-weight: 600;
    position: absolute;
    top: -7px;
    right: -7px;
    font-size: 10px;
    color: #dfdfdf;
    text-shadow: 0 0 10px rgba(8, 8, 8, 0.4);
    background-color: #b9b9b9;
    border-radius: 50px;
    padding: 7px;
    z-index: 9;
}
.title-sq.mt0{margin-top: 0}
.promo-content  .see-through-sq:hover{
    background-color: var(--maincolor);
    border-color: #fff !important;
    color: #fff !important;
}
.market_data{
    border: 2px solid var(--maincolor);
    border-right: none;
    border-left: none;
}
.market_data td:nth-child(1){
    width: 25%;
    background-color: #fcfcfc;
    color: var(--maincolor);
    font-weight: 500;
    padding-left: 20px;
}
table.no-border.market_data td:nth-child(2){border-bottom: 1px solid #f2f2f2;}
.main_title:after{
    display: block;
    width: 100%;
    height: 10px;
    background-position: center center;
    background-repeat: repeat-x;
    content: "";
    margin-top: 24px;
    background-image: url(../images/border_wave.png);
    background-size: auto 9px;
    height: 15px;
}
.shadow-sq.zindex-0::before{z-index: 0}
.heading {
    position: relative;
    margin-bottom: 25px;
}
.heading:before {
    border-top: 1px solid #eaeaea;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
}
.heading h3{
    position: relative;
    background: #FFF;
    display: inline-block;
    padding: 5px 12px;
    font-weight: 300;
    font-size: 24px;
}
.main-menu li.submenu.active a span,.main-menu li.active ul.submenu li.active a span, 
.main-menu li.active ul.submenu li:hover span,.main-menu li.active ul.submenu li a:hover{color:var(--maincolor);}
.company_list li{width: calc(100% / 4.3);margin-right: 10px;margin-bottom: 10px;display: inline-block;padding: 0;}
.company_cover{
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}
.company_list li:hover .company_cover{
    box-shadow: 0 0 25px rgba(0 0 0 /5%);
    transform: translateY(-10px);
}
.more-trigger.text-white .icon{border-color: #fff;}

/* Deco */
h2.hr{font-weight: 600;}
.hr:after{
    content: '';
    background-image: url(../images/border_wave.png);
    height: 9px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
}
.pos_r{position: relative;}
.deco_balloon{
    position: absolute;
    right: 0;
    top: 50px;
}
.deco_balloon img{ width: 350px;}
.deco_dog{
    position: absolute;
    left: -20vw;
    top: -150px;
}
/* .deco_grass{overflow: hidden;} */
.deco_grass:before{
    content: '';
    position: absolute;
    left: 0px;
    top: -150px;
    background-image: url(../images/deco_grass.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: 30%;
    width: 100vw;
    height: 300px;
}
.deco_band{
    position: absolute;
    left: 50px;
    bottom: -30px;
}
body:not(.index) #footer{
    position: relative;
    z-index: 2;
    margin-top: 150px !important;
}
body:not(.index) #footer .row{
    z-index: 2;
}
body:not(.index) #footer:before{
    content: '';
    position: absolute;
    left: 0px;
    top: -140px;
    background-image: url(../images/deco_grass2.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: 30%;
    width: 100vw;
    height: 205px;
    z-index: 1;
}
.index #footer .footer-logo,.index #footer .text-light a, .index #footer .text-light{color:#fff !important;}





























/*------------
  starrating
-------------*/

.flex-row-reverse {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.flex-row-reverse span.f14 {
    line-height: 40px;
    margin-right: 6px;
}

.starrating>input {
    display: none;
}
.starrating>input +label{
    font-size: 1.5em;
    padding-left: 20px;
}

/* Remove radio buttons */

.starrating>label:before {
    content: "\e923" !important;
    /* Star */
    margin: 2px;
    font-size: 1.5em;
    font-family: "icon";
    display: inline-block;
    border: none !important;
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    /*width: auto;
    height: 1em;*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden;
}
.starrating input[type="checkbox"] + label:before,
.starrating input[type="radio"] + label:before{
    top:-4px;
}
.starrating input[type="radio"] + label:after {
    background: none;
}

.starrating [type="radio"]:checked+label:after,
.starrating [type="radio"].with-gap:checked+label:after,
.starrating input[type="checkbox"]:checked + label:before, 
.starrating input[type="radio"]:checked + label:before {
    background: none;
    border: none;
}


.starrating>label {
    color: #c7c3c3;
    margin-top: 3px;
    /* Start color when not clicked */
}

.starrating>input:checked~label {
    color: #ffca08;
}

/* Set yellow color when star checked */

.starrating>input:hover~label {
    color: #ffca08;
}

/* Set yellow color when star hover */


/*--------------------------------------------------

 * timetable-fullcalendar

 * -----------------------------------------------

*/
#timetable table {
    margin-bottom: 0px;
}

#timetable table th>*,
#timetable table td>* {
    display: block;
    vertical-align: inherit;
}

#timetable .calendar-care {
    max-height: 600px;
    overflow-y: scroll;
}


#timetable .filter-departments {
    display: table;
    margin: 0;
    padding: 40px 20px;
    width: 100%;
    vertical-align: middle;
    background: #2586e0;
    text-align: left;
}

#timetable .filter-departments li:before {
    content: '';
}

#timetable .fc-timetable-wrapper .fc-scroller {
    /*height: auto !important;
    overflow: hidden !important;*/
}

#timetable .filter-departments {
    display: table;
    margin: 0;
    padding: 40px 20px;
    width: 100%;
    vertical-align: middle;
    background: #2586e0;
    text-align: left;
}

#timetable .fc-toolbar {
    /*position: absolute;*/
    top: 36px;
    right: 41px;
    margin-bottom: 0;
    background-color: #19b5fe;
    padding: 15px 15px 5px;
}

/*#timetable .fc-left, #timetable .fc-center {
    display: none;
}*/
#timetable .fc-widget-header,
#timetable .fc-header {
    background: #19b5fe;
}

#timetable .fc-header-left span {
    display: inline-block;
}

#timetable .fc-timetable-wrapper .fc-toolbar h2 {
    color: #fff;
    font-family: 'Poppins', '微軟正黑體', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    text-transform: uppercase;
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button,
#timetable .fc-toolbar .fc-button {
    -moz-box-sizing: border-box;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    background: none;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: none;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    transition: all 0.3s ease;
    border-radius: 0;
    text-shadow: 0 0 0 transparent;
    font-weight: 400;
    font-family: 'Poppins', '微軟正黑體', sans-serif;
    /*padding: 0 15px;*/
    text-transform: capitalize;
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button:hover {
    background: #0C69BF;
    border-color: #0C69BF;
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-left-single-arrow {
    background-position: -108px -50px;
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-right-single-arrow {
    background-position: -115px -50px;
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon {
    /*height: 11px;*/
    top: 1px;
    /*width: 6px;*/
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon:after {
    /*display: none;*/
}

#timetable .fc-icon-left-single-arrow:after,
#timetable .fc-icon-right-single-arrow:after {
    font-size: 150%;
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow {
    background-position: -100px -50px;
}

#timetable .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow {
    background-position: -122px -50px;
}

#timetable .fc-timetable-wrapper .fc-day-header,
#timetable .fc-widget-header .fc-day-header {
    background: #19b5fe;
    color: #fff;
    font-family: 'Poppins', '微軟正黑體', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 52px;
    position: relative;
    z-index: 1;
    min-width: 100px;
}

#timetable .fc-timetable-wrapper .fc-time-grid .fc-day.fc-widget-content {
    background: #ffffff;
}

#timetable .fc-timetable-wrapper .fc-axis,
#timetable .fc-widget-header .fc-axis {
    background: #ffffff;
    width: 31px !important;
}

#timetable .fc-timetable-wrapper .filter-departments a {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px;
    padding: 7px 10px;
    text-transform: capitalize;
}

#timetable .fc-timetable-wrapper .filter-departments .active {
    background: #0C69BF;
    border-color: #0C69BF;
    color: #ffffff;
}

#timetable .fc-timetable-wrapper .filter-departments .fc-departments-orthopaedics {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .filter-departments .fc-departments-cardiology {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .filter-departments .fc-departments-neurology {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .filter-departments .fc-departments-dental {
    background: #00ABFB;
    border-color: #00ABFB00ABFB;
}

#timetable .fc-timetable-wrapper .filter-departments .fc-departments-haematology {
    background: #80acdd;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .fc-event,
#timetable .fc-widget-content .fc-event {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    border-radius: 0;
    border: 0;
    border: 1px solid #00ABFB;
    color: #ffffff;
    font-family: 'Poppins', '微軟正黑體', sans-serif;
    font-size: 16px;
    letter-spacing: 1.5px;
    font-weight: 300;
    transition: all 0.3s ease;
    background: #00ABFB;
    text-transform: capitalize;
}

#timetable .fc-timetable-wrapper .fc-event:hover,
#timetable .fc-widget-content .fc-event:hover {
    background: #2586e0;
}
#timetable .fc-timetable-wrapper .fc-event.busy{
    border: 1px solid #F44336;
    background: #F44336;
}
#timetable .fc-timetable-wrapper .fc-event.busy:hover{
    background: #df3427
}

#timetable .fc-timetable-wrapper .fc-event.fc-departments-orthopaedics:hover,
#timetable .fc-timetable-wrapper .fc-event.fc-departments-dental:hover,
#timetable .fc-widget-content .fc-event.fc-departments-orthopaedics:hover,
#timetable .fc-widget-content .fc-event.fc-departments-dental:hover {
    background: #2586e0;
    border-color: #2586e0;
}

#timetable .fc-timetable-wrapper .fc-event .fc-bg,
#timetable .fc-widget-content .fc-event .fc-bg {
    opacity: 0;
}

#timetable .fc-timetable-wrapper .fc-event .fc-content {
    padding: 5px 5px 5px 10px;
}

#timetable .fc-timetable-wrapper .fc-event .fc-content div.fc-time,
#timetable .fc-widget-content .fc-event .fc-content div.fc-time {
    display: none;
}

#timetable .fc-timetable-wrapper .fc-event.hide,
#timetable .fc-widget-content .fc-event.hide {
    opacity: 0;
    z-index: -2;
}

#timetable .fc-timetable-wrapper .fc-event.fc-departments-orthopaedics,
#timetable .fc-widget-content .fc-event.fc-departments-orthopaedics {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .fc-event.fc-departments-cardiology,
#timetable .fc-widget-content .fc-event.fc-departments-cardiology {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .fc-event.fc-departments-neurology {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .fc-event.fc-departments-dental {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper .fc-event.fc-departments-haematology {
    background: #00ABFB;
    border-color: #00ABFB;
}

#timetable .fc-timetable-wrapper td.fc-time,
#timetable .fc-widget-content td.fc-time {
    color: #7f7f7f;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 70px;
    text-align: center;
}

#timetable .fc-timetable-wrapper .fc-time-grid-container {
    /*height: auto!important;*/
}

#timetable .fc-timetable-wrapper .fc-content-skeleton .fc-event-container {
    margin: 0 !important;
}

/*==========================*/
#calendar-table .fc-toolbar,
#calendar-table .fc-day-header,
#calendar-table .fc-day-grid-event,
#calendar-table .fc-more {
    background: #2586e0;
}

#calendar-table .fc-toolbar {
    display: table;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    vertical-align: middle;
}

#calendar-care .fc-header tr td {
    padding: 10px;
    vertical-align: middle;
}

#calendar-table .fc-toolbar button,
#calendar-care .fc-header .fc-header-right .fc-button,
#calendar-care .fc-header .fc-header-left .fc-button {
    border: 1px solid #f2f2f2;
    border-radius: 0 !important;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: auto;
    padding: 5px 12px;
    text-shadow: none;
    text-transform: capitalize;
    background: none;
    margin-bottom: 0;
    /*font-family: 'Poppins', sans-serif;*/
}

#calendar-table .fc-toolbar h2,
#timetable .fc-header-title h2 {
    color: #ffffff;
    font-size: 20px;
    padding: 6px 0;
    text-transform: uppercase;
}

#calendar-table .fc-toolbar .fc-left,
#calendar-table .fc-toolbar .fc-right {
    padding: 40px 0;
}

#calendar-table .fc-toolbar .fc-center {
    padding: 40px 20px;
    background: #197AD4;
    vertical-align: middle;
}

#calendar-table .fc-day-header {
    color: #ffffff;
    font-family: roboto slab;
    font-size: 13px;
    line-height: 60px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    font-family: 'Poppins', sans-serif;
}

#calendar-table .fc td,
#calendar-table .fc th {
    border: 0 none;
    border-radius: 0;
}

#calendar-table .fc-day-header::before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#calendar-table .fc-day-header:nth-child(2n+2)::before {
    background: rgba(0, 0, 0, 0.05);
}

#calendar-table .fc-day {
    background: #f6f5f5;
}

#calendar-table .fc-day:nth-child(2n+1) {
    background: #faf9f9;
}

#calendar-table .fc-row:nth-child(2n+1) .fc-day {
    background: #faf9f9;
}

#calendar-table .fc-row:nth-child(2n+1) .fc-day:nth-child(2n+1) {
    background: #f6f5f5;
}

#calendar-table .fc-day-number {
    color: #747474;
    font-family: arimo;
    font-size: 14px;
    padding: 20px 30px 10px !important;
}

#calendar-table .fc-day-number {
    color: #747474;
    font-family: arimo;
    font-size: 14px;
    padding: 10px 20px !important;
}

#calendar-table .fc-content {
    box-sizing: border-box;
    color: #ffffff;
    float: left;
    font-size: 12px;
    padding: 12px 20px;
    width: 100%;
}

#calendar-table .fc-time {
    float: left;
    width: 100%;
}

#calendar-table .fc-title {
    float: left;
    width: 100%;
}

#calendar-table .fc-day-grid-event {
    border: 0 none;
    box-sizing: border-box;
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

#calendar-table .fc-day {
    background: none repeat scroll 0 0 #f6f5f5;
    min-height: 120px !important;
}

#calendar-table .fc-bgevent {
    opacity: 0;
}

#calendar-table .fc-unthemed .fc-divider,
#calendar-table .fc-unthemed .fc-popover,
#calendar-table .fc-unthemed .fc-row,
#calendar-table .fc-unthemed tbody,
#calendar-table .fc-unthemed td,
#calendar-table .fc-unthemed th,
#calendar-table .fc-unthemed thead {
    border: 0 none;
}

#calendar-table a.fc-more {
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-size: 9px !important;
    font-weight: 700;
    margin: 0;
    padding: 6px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

#calendar-table .fc-more-cell {
    padding: 0 10px !important;
}

#calendar-table .fc-row .fc-content-skeleton td,
#calendar-table .fc-row .fc-helper-skeleton td {
    padding: 0 10px;
}
.sign .my-profile-avatar-container{border-right-color: #fff}
.reviews-header .reviews-row .comment-sq .date-sq{margin: 8px 0 0;}
.property-section-boxed .icons-row .icons-column.mb0{margin-bottom: 0}
.icons-row~h1.title-sq{margin-top: 10px;}
.divided-column.mb0{margin-bottom: 0}
.host-sq.mb-sm{width: 42%;float: left}
.host-sq~.icons-row{width: 58%; }
.div-c.total-sq{margin-top: 30px;}
.tag{
    font-size: 14px;
    padding: 5px 8px;
    border-radius: 50px;
    margin-bottom: 5px;
    background-color: #fbebed;
    margin-left: 8px;
}
.sp{
    content: '';
    position: relative;
    width: 2px;
    height: 15px;
    display: inline-block;
    border-right: 1px solid #a4a4a4;
    margin: 0 5px;
}
.bg-light .host-sq .avatar-sq{width: 50px;height: 50px;display: inline-block;}
.bg-light .host-sq p{color: #2B2626;margin-left: 15px;}
table.no-border td{border:none;padding: 10px 5px;padding-left: 10px;}
table.no-border tr .time{background-color: #ecf5f3;border-bottom: 1px dashed;}
table td > p{display: block;}
.avatar-sq.big{width: 76px; height: 76px;}
.item .avatar-sq{width: 30px; height: 30px;margin-left: 10px;}
.onlyshow .busy{pointer-events: none;}


/* 20220520 add */
.caption-content > *{text-shadow: 0 0 15px #1c443a;color: #fff;}
.caption-content > h4{font-weight: 600;}
#footer .text-light a,#footer .text-light{color:#428f7c !important; opacity: .8;font-size: 80%;padding-left: 10px;font-weight: 700;}
#footer .text-light a:hover{opacity: 1;}
.index .shadow-sq:before{z-index: 0}
.main-details .icons-row .icons-column{width: 50%;}
#car_info .property-item .property-item-inner .main-details .title-row{align-items: center;}
#car_info .avatar-sq{right:0;margin-bottom: 0;}
.text-primary{color: var(--maincolor);}
.button-sq > span::before {
    display: inline-block;
    margin: -4px 20px 0 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/icn_arrow_right.svg);
    background-position: 8px center;
    background-size: 6px;
    background-repeat: no-repeat;
    content: "";
    vertical-align: middle;
}
.rest_count {margin-left:10px;}
.rest_count li:before{content: none;}
ul.rest_count li:first-child{padding-top: 10px;}
ul.rest_count li:last-child{padding-bottom: 10px;}
.rest_count li{
    display: inline-block;
    width: calc(100% / 4.2);
    border: 1px solid var(--maincolor);
    color: #41907d;
    text-align: center;
    font-weight: 600;
    padding: 10px 5px;
    margin-bottom: 10px;
    background-color: #fff;
}
.rest_count small{font-weight: 400;}
.d-block{display: block;}
.d-inline-block{display: inline-block;}
.rest_count li.close{
    border-color: #c4dad5;
    color: #f7fffd;
    background-color: #c4dad5;
}
.light-title{
    padding: 5px 12px;
    color:#fff; 
    font-weight: 600;
    background-color: var(--maincolor);
}
input[type="checkbox"]:checked + label{color: var(--maincolor);}
#myform .div-c [type="checkbox"]+label{margin-right: 0;width: calc(100% / 3);display: inline-block;font-weight: 400;}
.div-c [set="weekopen"] [type="checkbox"]+label{margin-right: 0;display: inline-block;width:auto!important;font-weight: 400;}
.dashrd_type{border-top: 4px dotted var(--maincolor);}
.total-sq{height: 80px;vertical-align: middle;}
.total-sq > p:nth-child(1){line-height: 55px;}
.total-sq > p{height: 100%;}
.green-table th{
    width: 100px;
    background-color:var(--maincolor);
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
 }
.green-table td{
    background-color: #f1f7f6;
    padding-left: 15px;
    border-bottom: none;
    font-size: 0.875em;
    font-weight: 700;
}
.image-wrapper .image-inner .slick-img{height: 0!important}
.map_logo{width: 200px;margin-bottom: 20px;}
.bg-main{background-color: var(--maincolor);color: #fff}











:root{
    --maincolor: #33aa93;
    --maindark: #41907d;
    --second: rgb(252 214 54);
    --secondark: rgb(241 205 51);

}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 20px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}
.mhs .slide-out-sq.dimmed.flex-overflow::-webkit-scrollbar-thumb{
    background-color: rgb(51 170 147 / 0.4);
    border-radius: 20px;
    border: 2px solid transparent;
}
/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1367px) {}


@media (max-width: 1025px) {
    .company_list li{width: calc(100% / 3.3);}
}
@media (min-width: 768px){
    .float-sm-right{float: right;}
}
@media (max-width: 821px) {
    .header-section.ths .hamburger .hamburger-box .hamburger-inner, .header-section.ths .hamburger .hamburger-box .hamburger-inner:before, .header-section.ths .hamburger .hamburger-box .hamburger-inner:after{
        background-color: #ffffff;
    }
    .ui.half-layout > .ui.column.map{margin-top: 100px;}
    .ths-is-slide-up~.layout.ui .half-layout > .ui.column.map{margin-top: 0px !important;}
    .ui.half-layout.only-map > .ui.column.map{top: 0px;}
    .carousel-sq .slick-list .slick-track .slick-slide .caption-content:empty{min-height: 0;height: 0;}
    .caption-content~.image-wrapper{position: relative;}
    .order_table{min-width: 1200px;}
    .order-1{order:1;}
    .order-2{order:2;}
    .order-3{order:3;}
    .deco_balloon{top:-50px;}
    .deco_dog { left: -4vw; top: -130px;}
    #footer .footer-bottom{padding: 10px 0;}
    body:not(.index) #footer:before{background-image: url(../images/deco_grass.png);top: -120px;}
    .map_logo{width: 150px;}

}



@media (max-width: 769px) {
    
    .main-menu li.active ul li span{color: #fff;}
    .header-section.ths .item:not(.menu-default).logo { margin-left: 10px}    

    .menu-default.burger-modal-styles > ul .fltp input[type="text"]:focus + label.placeholder:before,
    .menu-default.burger-modal-styles > ul .fltp input[type="text"]:valid + label.placeholder:before,
    .menu-default.burger-modal-styles > ul .fltp .ui.selection.dropdown.valid + .placeholder,
    .menu-default.burger-modal-styles > ul .fltp .ui.selection.dropdown.active.visible + .placeholder,
    .fltp > label.placeholder:before {
          content: attr(data-little-placeholder);
    }
    [data-burger="menu02"] .fltp.item.search{width: 100%;}
    [data-burger="menu02"] .fltp.item.search button{position: absolute; top: 35px; right: 15px;}
    [data-burger="menu02"] .fltp.item select{width: 100%; border:1px solid #e6e6e6;border-radius: 3px;}    
    [data-burger="menu02"] .fltp.item.search input{width: 100%}  
    .xs-inline3{width: calc((100% - 10px) / 3) !important; }
    .xs-inline3 .item {border:1px solid #e6e6e6;border-radius: 3px;}
    .xs-inline3 .item:nth-child(2) {margin: 0 10px !important;}
    .xs-inline3 .item a{height: 46px;line-height: 46px}
    .xs-inline3 .item a{height: 46px;line-height: 46px}
    .xs-inline3 .item.active a{line-height: 40px}
    .menu-default.burger-modal-styles > ul .fltp input[type="text"]:focus + label.placeholder{font-size: 0.875em}
    .company_list li{width: calc(100% / 2.1);}
    .header-section.ths .header-item .logo img{margin-left: 0;height: 40px !important;}
}


/*iphone plus*/
@media (max-width: 415px) {
    h1{font-size: 28px;}
    h2{font-size: 24px;}
    .slick-list{max-height: 250px;}
    .mhs .slide-out-sq.dimmed.flex-overflow{overflow: auto;width: 100vw;}
    .mhs .slide-out-sq.dimmed.flex-overflow .main-menu{flex-wrap: nowrap;}
    .mhs .slide-out-sq.dimmed.flex-overflow > ul li{white-space: nowrap;}
    .header-section.ths .item:not(.menu-default).logo {height: 40px;line-height: 40px;}
    .inline-menu-sq li {margin-bottom: 30px;}
    .typo-header-sq {margin-bottom: 15px;}
    .status {text-align: left;}
    .order_table {min-width: 800px;margin-bottom: 20px;}
    #map_edit{height: 200px;}
    #map{height: 100%;}
    .ui.half-layout > .ui.column.map{margin-top: 50px !important;}
    .car_img{margin-bottom: 20px}
    .div-c.inline-2.xs-2 .divided-column{width: calc(50%);padding: 15px 5px}
    .sign .image-full-height{min-height: 180px;}
    .property-section-boxed h3{margin: 40px 0 30px;}
    .property-section-boxed .carousel-sq .caption-content{height:auto;}
    .property-image-wrapper .add-wishlist{top:10px;right: 10px}
    /*#calendar-care table,.fc-view{min-width: 700px;}*/
    #timetable .fc-timetable-wrapper .fc-day-header, #timetable .fc-widget-header .fc-day-header {min-width: 40px;}
    #calendar-care .fc-header .fc-header-left .fc-button{padding: 5px;}
    #calendar-care .fc-header .fc-header-left{padding-right: 0px;}
    .fc-header{width: 100%}
    .reviews-row .comment-sq .date-sq{text-align: left;}
    .reviews-row{
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .reviews-row .comment-sq {
        padding-left: 15px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    .sp{display: block;border: none;height: 5px;}
    .total-sq b{display: block}
    #map{margin-top:-50px; }
    .menu-default.burger-modal-styles > ul .fltp input[type="text"]:focus + label.placeholder:before,
    .menu-default.burger-modal-styles > ul .fltp input[type="text"]:valid + label.placeholder:before,
    .menu-default.burger-modal-styles > ul .fltp .ui.selection.dropdown.valid + .placeholder,
    .menu-default.burger-modal-styles > ul .fltp .ui.selection.dropdown.active.visible + .placeholder,
    .fltp > label.placeholder:before {
          content: attr(data-little-placeholder);
    } 
    [data-burger="menu02"] .fltp.item.search button{position: absolute; top: 25px; right: 5px;}    
    .xs-inline3 .item:nth-child(2) {margin: 0 10px !important;}
    .h-search-v.narrow-sq .hero-search-form .search-item .button-sq{height: 60px;}
    .typo-section-sq .typo-section-header-sq{padding-top: 80px;}
    .typo-section-sq.bottom-big{padding-bottom:40px;}
    #footer .social-links-sq{margin-bottom: 10px;text-align: right;display: block;}
    [data-for="wishlist"] h5{font-size: 18px;}
    .ui.modal > .actions{padding: 1rem !important;}
    .ui.modal .header h4{font-size: 22px;}
    .div-c.inline-check-in > .divided-column{position: relative;}
    #sticky-box-rangeend .calendar-sq.ui.popup{right: 20px !important;left:auto !important;top:78px !important;}
    #sticky-box-rangeend .calendar-sq.popup.bottom.left:before,#sticky-box-rangeend .calendar-sq.popup.bottom.left:after {right: 20px !important;left: auto;}
    .property-section-boxed .title-sq{margin-top: 15px !important;}
    .button-sq, button, input[type="button"], input[type="submit"]{padding: 1em .5em}
    .company_list{margin-left: 0px;}
    .company_list li{width: 100%;}
    .magic-grid .item:nth-child(1){width: 100%; margin:1%;}
    .magic-grid  .item{width: 48%; margin: 1%;}
    #footer .footer-bottom .text-light{padding-left: 0;color:#fff !important;}
    #footer .text-light a{color:#fff !important;}
    #footer  .footer-logo{margin-bottom: 5px;color:#fff;}
    .float-sm-right{float: none;}
    .deco_balloon img{width: 150px;}
    .deco_balloon{right: 0vw; top: 18px;}
    .deco_dog {  left: -30vw;   top: -80px;}
    .deco_dog img{width: 200px;}
    #footer .footer-bottom{z-index: 2; position: relative;}



    
}


/*iphone: 7px*/
@media (max-width: 376px) {}



/*iphone 5*/
@media (max-width: 321px) {
    .button-sq.small-sq{padding:.7em;}
}


/*iPhone XR*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {}

/*iPhone XS*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {}

/*iPhone XS Max*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) {}

.hide{
    display:none;
}