/*::selection {*/
/*    background: #FFFF00; !* WebKit/Blink Browsers *!*/
/*}*/
/*::-moz-selection {*/
/*    background: #FFFF00; !* Gecko Browsers *!*/
/*}*/

body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #333 !important;
}

a {
    color: #0071EB;
}

#skipToContent {
    position: absolute;
}

/** Header **/
header nav.bg-header {
    margin-top: 0.1rem;
    border-top: 0.5rem solid #EB5C24;

    background: -prefix-linear-gradient(#ffffff 90%, #eeeeee) !important;
    background: linear-gradient(#ffffff 90%, #eeeeee) !important;
}

header nav.bg-dark {
    /*background-color: #fff !important;*/
    background-color: transparent !important;
    background: transparent !important;
    z-index: 1;
}

header nav.bg-dark:first-child {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

header nav.bg-dark:last-child {
    padding-top: 0;
    padding-bottom: 0;
}

header nav.bg-dark:last-child .controls {
    display: none;
}

header nav.bg-bottom {
    background: -prefix-linear-gradient(#fff 90%,#eee)!important;
    background: linear-gradient(#fff 90%,#eee)!important;
}

header nav ul.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    justify-content: center;
    margin-bottom: 0.25rem;
}

header nav ul.nav li {
    padding: 0;
    width: 16.66%;
}

header nav ul.nav li:before {
    content: "";
    position: absolute;
    top: 15%;
    height: 65%;
    width: 1px;
    background: #eee;
}

header nav ul.nav li:first-child:before {
    display: none;
}

header nav ul.nav li a {
    padding: 0.5rem;
    color: #000;
    line-height: 21px;
    height: 100%;
    transition: .5s;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 96%;
    font-weight: bold;
}

header nav ul.nav > li {
    transition: .5s;
}

header nav ul.nav > li > a:nth-child(2) {
    display: none;
}

header nav ul.nav > li:after {
    content: '';
    border-bottom: 0.25rem solid #850f67;
    width: 0;
    transition: .5s;
    margin-left: 50%;
    bottom: 0;
    display: block;
}

header nav ul.nav > li:hover:after {
    width: 100%;
    margin-left: 0;
}

header nav ul.nav li a:hover {
    color: #000;
}

header nav ul.nav > li.active:after {
    content: '';
    border-bottom: 0.25rem solid #850f67;
    width: 100%;
    transition: .5s;
    margin-left: 0;
    bottom: 0;
    display: block;
}

header nav ul.nav li:hover .children {
    display: block;
}

header nav ul.nav li .children {
    border: none;
    position: absolute;
    background-color: #FFF;
    z-index: 999;
    display: none;
    text-align: left;
    max-width: 250px;
    min-width: 250px;
    margin-top: 0.25rem;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

header nav ul.nav li:last-child .children {
    text-align: right;
    margin-left:-120px;
}

header nav ul.nav li .children a {
    border-bottom: 1px solid #eee;
    padding: 1rem !important;
    color: #000;
    text-align: left;
    white-space: normal;
    width: 100%;
}

header nav ul.nav li .children a:hover, header nav ul.nav li .children a:focus {
    color: #fff;
    background-color: #EB5C24;
}

header nav ul.nav li .children a:last-child {
    border-bottom: 0;
}

header nav ul.nav li:last-child .children a {
    text-align: right;
}

header .navbar .controls {
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

header .navbar .controls .toolbar {
    float: right;
    /*margin-top: 0.5rem;*/
}

header .navbar .controls a {
    color: #3C0000;
    margin-left: .25rem;
    transition: .5s;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

header .navbar .controls a.link {
    padding-left: .5rem;
    padding-right: .5rem;
}

header .navbar .controls div.language-selector {
    display: inline-block;
}

header .navbar .controls div.language-selector:before, header .navbar .controls div.language-selector:after {
    content: '|';
    padding-left: 0.25em;
    padding-right: 0.5rem;
    font-weight: bold;
    color: #3C0000;
}


header .navbar .controls span.link {
    color: #3C0000;
    font-weight: bold;
}

header .navbar .controls a.navbar-brand {
    max-width: 200px;
}

header .navbar .controls span.rounded-circle {
    width: 2rem;
    height: 2rem;
    /*display: inline-block;*/
    line-height: 2rem;
    text-align: center;
    color: #3C0000;
    background-color: transparent;
    border-color: #3C0000 !important;
    display: none;
}

header .navbar .controls a.rounded-circle {
    /*width: 2rem;*/
    /*height: 2rem;*/
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    color: #3C0000;
    background-color: transparent;
    border-color: #3C0000 !important;
    border-radius: 25%;
    border: 1px solid #3C0000 !important;
    border-radius: 1rem !important;
    padding-left: .5rem;
    padding-right: .5rem;
}

header .navbar .controls a.rounded-circle:hover {
    transition: .3s;
    color: #fff;
    background-color: #3C0000;
    border-color: #3C0000 !important;
    text-decoration: none;
}

header .navbar .controls .share {
    display: inline-block;
}

header .navbar .controls .share .tools-sub-holder {
    transition: .5s;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 1rem;
    padding-top: 2rem;
    padding-bottom: .7rem;
    z-index: 200;
    border-radius: 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: -465px;
    margin-top: -100px;
}

header .navbar .controls .share:hover .tools-sub-holder, header .navbar .controls .share .tools-sub-holder.active {
    margin-top: 0;
}

header .form-inline {
    display: inline-block;
}

header .form-inline .form-control {
    border-radius: 1em;
    border: 0;
    padding-right: 3em !important;
}

header .form-inline .btn {
    border: 0;
    margin-left: -4em;
}

@-moz-document url-prefix() {
    header .form-inline .btn {
        position: absolute;
    }
}

/** End of Header **/




/** Share Button **/

.share-btns .wc-qrcode {
    display: none;
}

.share-btns__btn {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    margin-left: .25rem;
    margin-right: .25rem;
    position: relative;
    font-size: 0;
    background: -prefix-linear-gradient(left, #0067ea, #30dbdb, #0067ea);
    background: linear-gradient(to right, #0067ea, #30dbdb, #0067ea);
    border-radius: 50%;
    background-size: 200%;
    transition: .5s;
}

.share-btns__btn:hover {
    background-position: 100%;
}

.share-btns__btn:before {
    content: '';
    background-image: url(../../images/share-btns.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
}

.share-btns__btn.share-btns__btn--email:before {
    background-position-x: -310px;
}
.share-btns__btn.share-btns__btn--fb:before {
    background-position-x: -245px;
}
.share-btns__btn.share-btns__btn--wa:before {
    background-position-x: 12px;
}
.share-btns__btn.share-btns__btn--wb:before {
    background-position-x: -117px;
}
.share-btns__btn.share-btns__btn--wc:before {
    background-position-x: -373px;
}
.share-btns__btn.share-btns__btn--tw:before {
}
.share-btns__btn.share-btns__btn--ln:before {
    background-position-x: -54px;
}

/** End of Share Button **/


/** Back to Top Button **/
.backtotop:hover {
    background-color: rgba(235, 92, 36, 1);
}

.backtotop {
    position: fixed;
    right: 2rem;
    bottom: 0rem;
    display: none;
    cursor: pointer;
    z-index: 1;
    background-color: rgba(235, 92, 36, 1);
    transition: 0.5s;
}

.backtotop a {
    width: 100%;
    height: 100%;
    color: #000;
    padding: 0.7rem;
    display: block;
    opacity: 1;
}


.call-container {
    padding-bottom: 2rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.call-container .call-border {
    border: 1px solid #034F92;
    width: auto;
    display: inline-block;
    text-align: center;
    height: inherit;
}

.call-container .call-border a {
    color: #fff;
}

.call-container .call-border img {
    display: block;
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin:0 auto;
}

.call-container .call-border a > span {
    background-color: #034F92;
    width: 100%;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
}

/** End of Back to Top Button **/



/** Footer **/

footer {
    background: #EDEDED;
}

footer .nav {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

footer .nav div.title {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}

footer .nav div.title a {
    color: #000;
}

footer .nav div.title a:hover {
    color: #000;
    text-decoration: underline;
}

footer .nav ul {
    list-style: none;
    padding-left: 0;
}

footer .nav ul li a {
    color: #000;
}

footer .share {
    border-top: 1px solid #000;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

/*footer .share a {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    display: inline-block;*/
/*    !*background-image: url("../../images/share_icons.png");*!*/
/*    background-repeat: no-repeat;*/
/*    background-position: 0;*/
/*    margin-left: .25rem;*/
/*    margin-right: .25rem;*/
/*}*/

/*footer .share a.whatsapp {*/
/*    background-position-x: -1px;*/
/*}*/

/*footer .share a.line {*/
/*    background-position-x: -65px;*/
/*}*/

/*footer .share a.weibao {*/
/*    background-position-x: -128px;*/
/*}*/

/*footer .share a.twitter {*/
/*    background-position-x: -192px;*/
/*}*/

/*footer .share a.facebook {*/
/*    background-position-x: -255px;*/
/*}*/

/*footer .share a.email {*/
/*    background-position-x: -319px;*/
/*}*/

/*footer .share a.wechat {*/
/*    background-position-x: -382px;*/
/*}*/

footer .controls {
    padding-top: 1rem;
    min-height: 6em;
    padding-bottom: 1rem;
}

footer .controls ul {
    list-style: none;
    padding-left: 1rem;
}

footer .controls li {
    font-size: 0.8em;
    color: #000;
    display: inline-block;
}

footer .controls li:before {
    content: '|';
    padding-left: 0.25em;
    padding-right: 0.5rem;
}

footer .controls li:first-child:before, footer .controls li.float-right:before {
    display: none;
}

footer .controls li a {
    color: #000;
}

footer .controls li a:hover {
    color: #000;
    text-decoration: underline;
}

footer .controls li.float-right a {
    margin-left: 0.5rem;
}

/** End of Footer **/



/** Begin of Home Slider **/

.home-slider {
    margin-top: -116px;
}

.home-slider .owl-carousel {
    width: 100%;
    z-index: -1;
}

.home-slider .owl-item .caption-container {
    background-color: rgb(14, 15, 45);
    /* RGBa with 0.6 opacity */
    background-color: rgba(14, 15, 45, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#990E0F2D, endColorstr=#990E0F2D);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#990E0F2D, endColorstr=#990E0F2D)";
    /* background-color: #0E0F2D; */
    bottom: 0;
    position: absolute;
    width: 100%;
}

.home-slider .owl-item .caption-container .container {
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.home-slider .owl-item .caption-container .container p {
    margin-bottom: 0 !important;
    font-size: 1.5rem;
}

.home-slider .owl-theme .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-top: 0;
    height: 0;
}

.home-slider .owl-theme .owl-nav .owl-prev {
    float: left;
}

.home-slider .owl-theme .owl-nav .owl-next {
    float: right;
}

.home-slider .owl-theme .owl-nav [class*=owl-] {
    background-color: rgba(43, 62, 96, 0.7) !important;
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.home-slider .owl-theme .owl-nav [class*=owl-]:hover
{
    transition: 0.5s;
    background-color: rgb(43, 62, 96, 1) !important;
}

.home-slider .owl-theme .owl-nav [class*=owl-] span {
    font-size: 48px;
    line-height: 24px;
    color: #fff;
}

.home-slider .owl-theme .owl-nav [class*=owl-]:hover span {
    transition: 0.5s;
    color: #73FA79;
}

.home-slider .dots-container {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    margin-top: -3rem;
    z-index: 10;
    text-align: center;
}

.home-slider .dots-container .owl-dots, .dots-container .owl-controls {
    width: auto;
    display: inline-block;
    background-color: rgba(235, 92, 36, 0.6);
    padding: .4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 1rem;
}

.home-slider .dots-container .owl-controls {
    margin-left: .5rem;
}

.home-slider .dots-container .owl-dots button.owl-dot {
    border: 0;
    width: 1em;
    height: 1em;
    margin-left: .25rem;
    margin-right: .25rem;
    border-radius: 50%;
    transition: .5s;
    width: 15px;
    height: 15px;
    padding: 0;
    background-color: #fff;
    display: inline-block;
}

.home-slider .dots-container .owl-dots button.owl-dot:hover {
    background-color: #FFF;
}

.home-slider .dots-container .owl-dots button.owl-dot.active {
    transition: .5s;
    background-color: #FFF;
    border: 1px solid #231F20;
}

.home-slider .dots-container .owl-controls button.owl-control {
    background: none;
    border: 0;
    color: #000;
    padding: 0;
}

.home-slider .dots-container .owl-controls button.owl-control:hover {
    transition: .5s;
    color: #FFF;
}

.home-slider .banner-container {
    margin-top: 0;
}

/** End of Home Slider **/


/** Home Section **/

.home-section {
    margin-top: -300px;
}

.home-section .tenant {
    background-color: #B9C9A7;
}

.home-section .owner {
    background-color: #CCB8D1;
    margin-left: 2rem;
}

.home-section a.nav-link {
    font-size: 1.5rem;
    color: #000;
}

.home-section > .container {
    margin-top: 3rem;
    /*margin-bottom: 3rem;*/
}

.home-section h2 {
    font-size: 1.3rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
    border-bottom: 0.25rem solid;
    vertical-align: bottom;
    min-height: 3em;
}

.home-section h2 a {
    font-size: 1rem;
    font-weight: bold;
    color: #000;
}

.home-section > .container > .row > div {
    margin-bottom: 1.5rem;
}

.home-section .whatsnew h2 {
    color: #a82101;
    border-color: #f9b023;
}

.home-section .whatsnew .border {
    border: 0.1rem solid #f9b023!important;
    padding: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.home-section .whatsnew .border .item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #000;
}
.home-section .whatsnew .border .item:not(:last-child) {
    border-bottom: 0.1rem solid #c3c3c4;
}

.home-section .whatsnew .border .item p {
    margin-bottom: 0rem;
}

.home-section .whatsnew .border .item p.date {
    font-weight: bold;
    font-size: 1.1rem;
}

.home-section .whatsnew .border .item p a {
    color: #000;
}

.home-section .listing-matching h2 {
    border-color: #b31a86;
    color: #b31a86;
}

.home-section .listing-matching .border {
    border: 0.1rem solid #b31a86!important;
    padding: 0rem;
}

.home-section .listing-matching .border .button {
    padding:0rem;
    color: #fff;
}

.home-section .listing-matching .border .button > span {
    background-color: #b31987;
    padding: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: inline-block;
}

.home-section .listing-matching .border .button > a {
    border: 0.1rem solid #b31987;
    background-color: #fff;
    color: #b31987;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: 0;
    border-right: 0;
    transition: .5s;
}

.home-section .listing-matching .border .button > a:hover {
    background-color: #b31987;
    color: #fff;
}

.home-section .online-apply h2 {
    border-color: #ef5c58;
    color: #ef5c58;
}

.home-section .online-apply .border {
    border: none !important;
    background-color: #f4d4d5;
    padding: 0rem;
}

.home-section .online-apply .border:not(:last-child) {
    margin-bottom: 1rem;
}

.home-section .online-apply .border > div:first-child {
    padding: 1rem;
    font-size: 0.9rem;
}

.home-section .online-apply .border > div:first-child span {
    margin-left: 0.25rem;
    font-weight: bold;
}

.home-section .online-apply .border > div:first-child a {
    color: #000;
}

.home-section .online-apply .border .button {
    padding:0rem;
    color: #fff;
}

.home-section .online-apply .border .button > span {
    background-color: #f05c5a;
    padding: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: inline-block;
    margin-left: 0;
}

.home-section .online-apply .border .button > span a {
    color: #fff;
}

.home-section .online-apply .border .button > a {
    border: 0.1rem solid #f05c5a;
    background-color: #fff;
    color: #840e67;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: .5s;
}

.home-section .online-apply .border .button > a:hover {
    background-color: #f05c5a;
    color: #fff;
}

.home-section .online-apply .border.box3 {
    border: none !important;
    background-color: #870e6b;
    padding: 0rem;
}

.home-section .online-apply .border.box3>div:first-child {
    padding: 0rem;
}

.home-section .online-apply .border.box3 .button > span {
    background-color: #870e6b;
    padding: 2px;
    display: inline-block;
    margin-left: 0;
    width: 40%;
}

.home-section .online-apply .border.box3 .button > a:hover {
    background-color: #870e6b;
    color: #fff;
}

.home-section .online-apply .border.box3 .button > a {
    border: 0.1rem solid #870e6b;
    background-color: #870e6b;
    color: #fff;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    transition: .5s;
    width: 60%;
}

.home-section .online-apply .border.box4 {
    border: none !important;
    background-color: #ba6143;
    padding: 0rem;
}

.home-section .online-apply .border.box4>div:first-child {
    padding: 0rem;
}

.home-section .online-apply .border.box4 .button > span {
    background-color: #ba6143;
    padding: 2px;
    display: inline-block;
    margin-left: 0;
    width: 40%;
}

.home-section .online-apply .border.box4 .button > a:hover {
    background-color: #ba6143;
    color: #fff;
}

.home-section .online-apply .border.box4 .button > a {
    border: 0.1rem solid #ba6143;
    background-color: #ba6143;
    color: #fff;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    transition: .5s;
    width: 60%;
}

/** End of Home Section **/


/** Begin of Post Search **/

main .search-toolbar {
    /*margin-top: .5em;*/
    /*margin-bottom: .5em;*/
    border-bottom: #f3f3f3;
}

main .search-toolbar > div {
    /*border-right: 1px solid #CCC;*/
}

main .search-toolbar > div:last-child {
    border-right: none;
}

/*main .search-toolbar > div:last-child {*/
/*    border-left: 0px solid #CCC;*/
/*}*/

main .search-toolbar > div a {
    /*color: #E58A6A;*/
    color: #000;
    display: block;
    font-size: 1.3em;
}

main .search-toolbar > div a img {
    margin-left: .5rem;
}

main .search-toolbar > div:last-child a {
    /*color: #EA5563;*/
}

main .search-toolbar .nav-item {
    width: 50%;
}

main .search-toolbar .nav-link {
    text-align: center;
    color: #E58A6A !important;
    font-size: 1.25em;
}

main .search-toolbar .nav-link:last-child {
    border-bottom: none;
}

main .search-toolbar .col-lg-6.nav-link {
    border-bottom: none;
    border-right: 1px solid #CCC;
}

main .search-toolbar > div.col-lg-6.nav-link:last-child {
    border-right: none;
}

main .search-toolbar .nav-link img {
    margin-left: .5rem;
}

main .search-toolbar li:last-child a {
    color: #EA5563 !important;
}

main .search-toolbar .nav-link a {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

main .search-toolbar .nav-link > a:nth-child(2) {
    display: none;
}

main .search-toolbar .nav-link.active {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}

/*main .search-toolbar .nav-link:hover {*/
/*    border-color: #f3f3f3;*/
/*}*/

main .search-toolbar .nav-link:hover .children {
    display: block;
}

main .search-toolbar .nav-link .children {
    border: none;
    position: absolute;
    background-color: #FFF;
    z-index: 999;
    display: none;
    text-align: left;
    max-width: 460px;
    min-width: 460px;
    margin-top: 0.25rem;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: .8em;
}

main .search-toolbar .nav-link .children a {
    border-bottom: 1px solid #eee;
    padding: 1rem !important;
    color: #000;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.page .content-container > div.navigation {
    display: none;
}

.page .container .content-container > .col-lg-9 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

/** End of Post Search **/





/* styles for '...' */
.block-with-text {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.3em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 3.9em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}


/*.owl-carousel.owl-drag .owl-item {*/
/*    overflow: hidden;*/
/*    background-color: #F4F4F4;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .banner {*/

/*    width: 100%;*/
/*    position: relative;*/
/*    left: 30%;*/
/*    margin-left: 0vw;*/
/*    min-height: 140px;*/
/*    max-height: 381px;*/
/*    height: auto;*/
/*    text-align: center;*/

/*}*/

/*.owl-carousel.owl-drag .owl-item .item .banner:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: -65%;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-repeat: no-repeat;*/
/*    background-position-x: right;*/
/*    background-image: url("../../images/mask.png");*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .banner img.img-fluid {*/
/*    max-width: unset;*/
/*}*/


/*.owl-carousel.owl-drag .owl-item .item .d-flex {*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    align-items: center;*/
/*    width: 40%;*/
/*    top: 0;*/
/*    align-content: center;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .right {*/
/*    left: 60%;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .center {*/
/*    left: 0%;*/
/*    width: 50%;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content {*/
/*    padding: 2rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content-white {*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p {*/
/*    display: block;*/
/*    color: #333;*/
/*    margin-bottom: 0.5rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p.title {*/
/*    color: #EB5C24;*/
/*    font-weight: bold;*/
/*    font-size: 2rem;*/
/*    text-transform: uppercase!important;*/
/*    margin-bottom: 0;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p.description {*/
/*    color: #EB5C24;*/
/*    font-weight: bold;*/
/*    font-size: 1.5rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .content p.description span.rounded-circle {*/
/*    background-color: #EB5C24;*/
/*    border-radius: 1rem !important;*/
/*    color: #fff;*/
/*    padding-left: 1rem;*/
/*    padding-right: 1rem;*/
/*}*/

/*.owl-carousel.owl-drag .owl-item .item .center .content {*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*}*/




.btn-primary {
    background-color: #CD4813;
    border-color: #CD4813;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
}

.btn-primary:hover {
    transition: .5s;
    background-color: #EA8C26;
    border-color: #EA8C26;
    color: #000;
}

.btn-secondary {
    background-color: #044f92;
    border-color: #044f92;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
}

.btn-secondary:hover {
    transition: .5s;
    background-color: #336d92;
    border-color: #336d92;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #4A5055;
    border-color: #4A5055;
}

.btn-red {
    background-color: #aa2102;
    border-color: #aa2102;
}

.btn-red:hover {
    transition: .5s;
    background-color: #c13c1e;
    border-color: #c13c1e;
}

.btn-purple {
    background-color: #b31a87;
    border-color: #b31a87;
}

.btn-purple:hover {
    transition: .5s;
    background-color: #bd3496;
    border-color: #bd3496;
}

h1 {
    display: none;
}


/** TracksideBanner **/
.banner-container {
    /* margin-top: .5rem; */
    overflow: hidden;
    /*background-color: #f3f4f7;*/
    border-bottom: 2px solid #EB5C24;
}

.banner-container {
    margin-top: -116px;
}

/*.banner-container > .container {*/
/*    max-width: 1280px;*/
/*}*/

.banner-container .banner {
    width: initial;
    position: relative;
    /*left: 0;*/
    /*margin-left: 15vw;*/
    /*min-height: 140px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
    background-color: #fff;
    z-index: -1;
}

/*.banner-container .banner img.img-fluid {*/
/*    width: auto;*/
/*    width: -moz-fit-content;*/
/*    !*max-width: unset;*!*/
/*    max-width: none;*/
/*    position: inherit;*/
/*    !*object-fit: cover;*!*/
/*    !*min-height: 240px;*!*/
/*}*/

/*.banner-container .banner:before {*/
/*    content: "";*/
/*    width: 100vw;*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    display: block;*/
/*    background-color: #FFF;*/
/*}*/

.banner-container .container .d-flex {
    position: absolute;
    height: 100%;
    align-items: center;
    width: calc(100% - 2em);
    top: 0;
    align-content: center;
    /*background-color: #f3f4f7;*/
}

/*.banner-container .container .d-flex:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 40%;*/
/*    top: 0;*/
/*    width: 100vw;*/
/*    height: 100%;*/
/*    background-repeat: no-repeat;*/
/*    background-position-x: left;*/
/*    background-image: url("../../images/mask.png");*/
/*}*/

.banner-container .container .right {
    left: 50%;
}

.banner-container .container .center {
    left: 0%;
    width: 50%;
}

.banner-container .container .content {
    padding: 2rem;
    z-index: 0;
    padding-top: 6.5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
}

.tc .banner-container .container .content {
    padding-bottom: 2rem;
}

.home-slider .banner-container .container .content {
    padding-bottom: 2rem;
}

.banner-container .container .content-white {
    background-color: rgba(255, 255, 255, 0.8);
}

.banner-container .container .content p {
    display: block;
    color: #850E66;
    margin-bottom: 0.5rem;
    font-size: 1.4em;
}

.tc .banner-container .container .content p.title {
    padding-left: 0%;
}

.banner-container .container .content p.title {
    padding-top: 2.5rem;
    color: #EB5C24;
    font-weight: bold;
    font-size: 1.6em;
    text-transform: uppercase!important;
    margin-bottom: 0;
    padding-left: 40%;
}

.banner-container .container .content p.description {
    color: #850f66;
    font-weight: bold;
    font-size: 1.4em;
}

.banner-container .container .content p.description span.rounded-circle {
    background-color: #850f66;
    border-radius: 1rem !important;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
}

.banner-container .container .center .content {
    margin-left: auto;
    margin-right: auto;
}

/** End of TracksideBanner **/

.page .breadcrumb-container {
    margin-top: 1rem;
    margin-bottom: 0rem;
}

.page .breadcrumb-container a {
    align-content: center;
}

.page .breadcrumb-container ul.breadcrumb {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
}

/*.page .breadcrumb-container ul.breadcrumb li a {*/
/*    color: #999;*/
/*}*/

.page .breadcrumb-container ul.breadcrumb li a:hover {
    color: #333;
}

.page .breadcrumb-container a.btn {
    margin-right: 1em;
}

.page .breadcrumb-container h2 {
    color: #3d228b;
    padding: .75rem 1rem;
    text-transform: uppercase!important;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}

.page .content-container hr {
    margin-top: 0;
    margin-bottom: 1.5rem;
    border: 0;
    border-bottom: 1px solid #999;
}

.page .content-container h2 {
    color: #000;
    padding: .75rem 1rem;
    padding-top: 0;
    font-weight: bold;
}

.page .content-container h3 {
    color: #EB5C24;
    padding: .75rem 1rem;
    padding-top: 0;
    font-weight: bold;
}

.page .content-container h4 {
    color: #EB5C24;
    padding: .75rem 1rem;
    font-weight: bold;
}

.page .content-container p {
    margin-left: 1em;
    margin-right: 1em;
    width: 100%;
    word-wrap: break-word;
}

.page .content-container p img {
    max-width: 100%;
}

.page .content-container table {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    width: 97%;
    width: calc(100% - 2em);
}

.page .content-container ul {
    margin-top: 1rem;
}

.page .content-container ul li {
    margin-bottom: 0.5rem;
}

.page .content-container ul li a {
    color: #000;
    font-weight: bold;
    /*transition: .5s;*/
}

.page .content-container ul li a:hover {
    color: #000;
}

.page .content-container ul.page-listing li a {
    color: #850f66;
    font-size: 1.5em;
}

.page .content-container .terms-container {
    height: 200px;
    border: 1px solid #CCC;
    overflow-y: scroll;
    -ms-overflow-y: scroll;
    background-color: #fff;
}

.page .control-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page .control-container p {
    margin-left: 1em;
    margin-right: 1em;
}

.page .control-container p a {
    font-weight: bold;
    color: #000;
}

.page .control-container p a i {
    transition: .5s;
    background: -prefix-linear-gradient(left, #50f38a, #1ac4dd, #50f38a);
    background: linear-gradient(to right, #50f38a, #1ac4dd, #50f38a);
    display: inline-block;
    border-radius: 50%;
    margin: 0.25em;
    background-size: 200%;

    margin: 1px;
    display: inline-block;
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    font-size: 1.2em;
    color: #000;
    line-height: 2.5em;
}

.page .control-container p a i:hover {
    background-position: 100%;
}

.page .back-container {
    margin-bottom: 1rem;
}

.page .back-container a.btn {
    margin-right: 1em;
}



.page-detail {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page-detail .container {
    max-width: 1080px;
    /*background: -prefix-linear-gradient(#febecc, #ff5593) !important;*/
    /*background: linear-gradient(#febecc, #ff5593) !important;*/
    padding: 0px !important;
}

.page-detail .container .content {
    background-color: #fff;
    margin: 0;
    /*padding: 1.5rem;*/
    padding: 0;
}


.page-detail .breadcrumb-container {
    margin-top: 0;
}


.page .content-container .table_auto table {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}



/** Pager **/

.page .pager ul {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    text-align: center;
    margin-bottom: 2em;
}

.page .pager ul li {
    transition: .5s;
    background-color: #EB5C24;
    display: inline-block;
    border-radius: 50%;
    margin: 0.25em;
    background-size: 200%;
}

.page .pager ul li:hover {
    background-position: 100%;
}

.page .pager ul li.ellipsis {
    background: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.page .pager ul li a {
    margin: 1px;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    font-size: 1.2em;
    color: #000;
    line-height: 2.5em;
    transition: .5s;
}

.page .pager ul li a.active, .page .pager ul li a:hover {
    background: #EB5C24 !important;
    text-decoration: none;
}

.page .pager ul li a.previousPage, .page .pager ul li a.nextPage {
    background: none !important;
}

.content p.title {
    font-size: 1.1em;
    font-weight: bold;
}

/** End of Pager **/


.help-block {
    color: #ff0000;
    font-size: .8rem;
}

/** Begin of Matching Profile **/

.matching-profile .content-container h3 {
    background-color: #850e66;
    color :#fff;
    padding: .75rem;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
    font-size: 1.5rem;
}

.matching-profile .form-control:disabled {
    background-color: #f3f3f3 !important;
    border: 1px solid #f3f3f3 !important;
}

.matching-profile .form-group .form-group {
    margin-bottom: 0;
}

.matching-profile .input-group .form-control:disabled {
    border: 1px solid #f8b123 !important;
}

.matching-profile .input-group .btn-orange {
    background-color: #EB5C24;
    border-color: #EB5C24;
}

.matching-profile .input-group .btn-orange:hover {
    transition: .5s;
    background-color: #EA8C26;
    border-color: #EA8C26;
}

/** End of Matching Profile **/


/** Begin of Matching Post **/

.matching-profile .qrcode-container img {
    width: 100%;
    height: auto;
}

/** End of Matching Post **/


/** Begin of Matching Message **/

.matching-profile .responsive-table-container table thead tr {
    background-color: #fcdede;
    border-bottom: .5rem solid #fff;
}

.matching-profile .responsive-table-container table thead th {
    padding: .75rem;
}

.matching-profile .responsive-table-container table tbody tr {
    border-bottom: .5rem solid #fff;
}
.matching-profile .responsive-table-container table tbody tr:nth-child(odd) {
    background-color: #f9f9f9
}

.matching-profile .responsive-table-container table tbody tr:nth-child(even) {
    background-color: #f4f4f4
}

.matching-profile .responsive-table-container table tbody td {
    padding: .75rem;
}

/** End of Matching Message **/

/** Begin of Toast **/

.toast {
    position: fixed;
    top: 0;
    right: 0;
    font-size: 1.25em;
    z-index: 9999;
    margin-right: 1rem;
    margin-top: 1rem;
}

.toast .toast-header {
    background-color: #850e66;
    color: #fff;
}

.toast .toast-header button.close {
    color: #fff;
}

.toast .toast-body {
    color: #000;
}

/** End of Toast **/

/** Begin of Owner Search **/

.search-criteria-container {
    background-color: #f3f3f3;
}

.search-criteria-container .select2-container--default .select2-selection--multiple {
    border: 1px solid #f8b123;
    border-radius: 0;
    outline: none;
}

/*.search-criteria-container .select2-container--default .select2-selection--multiple .select2-selection__rendered li {*/
/*    width: calc(100% - 2em);*/
/*    border-radius: 0;*/
/*}*/


.input-criteria-container .form-inline .form-control {
    border: 1px solid #f8b123;
}

.search-result-item {
    box-shadow: 5px 5px 5px #aaa;
    border: 1px solid #aaa;
    margin-bottom: 2rem;
}

.search-result-item .title {
    background-color: #eb5c24;
    color: #fff;
    font-weight: bold;
    padding-top: .4em;
    padding-bottom: .4em;
    font-size: 1.1em;
}

.search-result-item .title span {
    padding-right: .8em;
}

.search-result-item .title a {
    color: #fff;
}

.search-result-item .title a img {
    position: absolute;
    bottom: 0;
}

.search-result-item .title a {
    padding-right: 40px;
}

.search-result-item .content-image {
    padding-left: 2em;
}

.search-result-item .content-image img {
    border: 1px solid #ccc;
}

.search-result-item .content .form-group {
    margin-bottom: .2rem;
}

.search-result-item .content.content-right {
}

.search-result-item .content.content-right .form-group a.btn {
    color: #fff;
}

.google-map-container #map {
    height: 550px;
    border: 1px solid #ccc;
}

.custom-pin {
    min-height: 3em;
    min-width: 3.5em;
    line-height: 2em;
    padding: .5em;
    text-align: center;
    cursor: pointer;
    color: #000;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    border-radius: 50%;
    font-size: 1.5em;
    font-weight: bold;
    border: .2em solid #eb5c24;
}

.custom-pin:hover {
    transition: .5s;
    transform: scale(1.3);
}

.custom-pin-label {
    background: rgba(255, 255, 255, .6);
    font-size: 1.5em;
    padding: .5em;
    border: .2em solid #eb5c24;
}

.custom-clustericon {
    background: var(--cluster-color);
    color: #FFF;
    border-radius: 100%;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.custom-clustericon:hover {
    transition: all .5s;
    transform: scale(1.3);
}


.custom-clustericon::before, .custom-clustericon::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;

    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: var(--cluster-color);
    opacity: 0.2;
    border-radius: 100%;
}

.custom-clustericon::before {
    padding: 7px;
}

.custom-clustericon::after {
    padding: 14px;
}

.custom-clustericon-1 {
    --cluster-color: #00A2D3;
}

.custom-clustericon-2 {
    --cluster-color: #FF9B00;
}

.custom-clustericon-3 {
    --cluster-color: #FF6969;
}

/** End of Owner Search **/


/** Begin of Owner Search Details **/

.search-details-container .title {
    font-size: 1.5em;
    color: #eb5c24;
    margin-bottom: .5rem;
}

.search-details-container .title a.btn-bookmark {
    color: #000;
}

.search-details-container .title a.btn-bookmark span {
    font-size: .8em;
    margin-right: .5rem;
}

.search-details-container .title a.btn-bookmark img {
    border: 0;
}

.search-details-container .image-caption {
    background-color: #eb5c24;
    color: #fff;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.search-details-container .image-controller {
    margin-top: 1rem;
    display: flex;
}

.search-details-container .image-controller a {
    margin-left: .5rem;
    margin-right: .5rem;
}

.search-details-container .image-controller a.active {
    border: 1px solid #eb5c24;
}

.search-details-container .image-controller a img {
    max-height: 75px;
}

.search-details-container .content-image img {
    border: 1px solid #ccc;
}

.search-details-container #map {
    height: 100%;
    border: 1px solid #ccc;
}


.search-details-container .image-controller img {
    border: 1px solid #ccc;
}

.search-others-container {

}

.search-others-container .title {
    background-color: #eb5c24;
    color: #fff;
    font-size: 1.25rem;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.search-others-container .content {
    background-color: #fff7e8;
}

.search-others-container .content .subtitle {
    font-size: 1.25rem;
}

.search-others-container .content .label {
    color: #eb5c24;
    font-weight: bold;
}

.search-others-container .content .elegibility-container .fa-home {
    font-size: 5em;
}

.search-others-container .content .elegibility-container.prh .fa-home {
    color: #4fad5b;
}

.search-others-container .content .elegibility-container.wf .fa-home {
    color: #aeaeae;
}

.search-others-container .content .elegibility-container .label {
    font-weight: normal;
}

.search-others-container .content ul {
    margin-top: 0;
}

.search-others-container .content ul li {
    margin-bottom: 0;
}

.search-others-container .border-orange {
    border: 1px solid #fcd891;
}

.search-others-container .sub-title {
    font-size: 1.25em;
}

.search-others-container .sub-title span {
    color: #eb5c24;
}

.search-others-container .accordion .headeritem {
    background-color: #f9b123;
    padding: 1rem;
}

.search-others-container .accordion .headeritem a {
    color: #000;
}

.search-others-container .accordion .headeritem a span.fa-chevron-up {
    transition: .5s;
}

.search-others-container .accordion .headeritem a.collapsed span.fa-chevron-up {
    transition: .5s;
    transform: rotate(-180deg);
}

.message-form-container {
    background-color: #f3f3f3;
}

.message-container .from {
    color: #636363;
}

.message-container .from span {
    margin-left: .5rem;
}

.message-container .from small {
    margin-left: .5rem;
    color: #636363;
}

.message-container .to {
    color: #eb5c24;
}

.message-container .to span {
    margin-left: .5rem;
}

.message-container .to small {
    margin-left: .5rem;
    color: #636363;
}

/** End of Owner Search Details **/

small.large {
    color: #000;
    font-size: 1em;
}

/** Whatsnew **/

.whatsnew .container .content-container {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: -15px;
    margin-right: -15px;
}

.whatsnew .result table {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0rem;
    margin-bottom: 1rem;
    background-color: #EB5C24;
    width: 100%;
}

.whatsnew .result table > thead > tr {
}

.whatsnew .result table > thead > tr > th {
    color: #fff;
    font-weight: bold;
    padding: 0.5rem 2rem;
    font-size: 1.25em;
}

.whatsnew .result table > tbody {
    background-color: #fff;
}

.whatsnew .result table > tbody > tr {
    margin-top: 1em;
    background-color: #fff1d7;
    /*border: 0.1rem solid #EB5C24;*/
    border-top: 1em #fff solid;
}

.whatsnew .result table > tbody > tr > td {
    padding: 1rem 2rem;
    vertical-align: top;
    color: #000;
}

.whatsnew .result table > tbody > tr > td > p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-bottom: 0;
}

.whatsnew .result table > tbody > tr > td > p.title {
    color: #000;
    font-weight: bold;
    font-size: 1em;
}

.whatsnew .result table > tbody > tr > td > p > a {
    color: #000;
}


/** End of Whatsnew **/



/** Estate List **/

.estatelist .container {
    max-width: 1080px;
    /*background: -prefix-linear-gradient(#febecc, #ff5593) !important;*/
    /*background: linear-gradient(#febecc, #ff5593) !important;*/
    padding: 0px !important;
}

.estatelist .container .content-container {
    padding-left: 1rem;
    padding-right: 1rem;
}


.estatelist .result .form-group {
    margin-left: 0rem;
    margin-right: 0rem;
}

.estatelist .result table {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
    background-color: #eb5c24;
    width: 100%;
}

.estatelist .result table > thead > tr {
}

.estatelist .result table > thead > tr > th {
    color: #FFF;
    font-weight: bold;
    padding: 0.5rem 2rem;
    font-size: 1.25em;
}

.estatelist .result table > tbody {
    background-color: #fff;
}

.estatelist .result table > tbody > tr {
    margin-top: 1em;
    background-color: #fff1d7;
    /*border: 0.1rem solid #EB5C24;*/
    border-top: 1em #fff solid;
}

.estatelist .result table > tbody > tr > td {
    padding: 1rem 2rem;
    vertical-align: top;
    color: #000;
}

/** End of Estate List **/


/** TracksideTable List **/

.table .link-item {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.table .link-item a {
    color: #000;
    text-decoration: none;
}

.table .link-item a:hover {
    text-decoration: none;
}

.table .link-item a span {
    font-weight: bold;
    text-decoration: none;
    color: #EB5C24;
}

.table .link-item a span.title {
    display: block;
    color: #000;
}

.table .link-item a span span.fas {
    transition: .5s;
}

.table .link-item a:hover span span.fas {
    margin-left: .5rem;
}

.table .link-item a:hover span {
    text-decoration: underline;
}

.table .link-item a:hover span span.fas {
    text-decoration: none;
}

.table .link-item a:hover span.title {
    text-decoration: none;
}


.table .result .form-group {
    margin-left: 1rem;
    margin-right: 1rem;
}

.table .result table {
    margin-top: 0rem;
    margin-bottom: 1rem;
    background-color: #f4ad91;
}

.table .result table > thead > tr {
}

.table .result table > thead > tr > th {
    color: #000;
    font-weight: bold;
    padding: 0.5rem 2rem;
    font-size: 1.25em;
}

.table .result table > tbody {
    background-color: #fff;
}

.table .result table > tbody > tr {
    margin-top: 1em;
    background-color: #fff1d7;
    /*border: 0.1rem solid #EB5C24;*/
    border-top: 1em #fff solid;
}

.table .result table > tbody > tr > td {
    padding: 1rem 2rem;
    vertical-align: top;
    color: #000;
}

.table .result table > tbody > tr > td a {
    color: #000;
}


/** End of TracksideTable **/



/** Owner certificate **/

.ownercertificate .certificate_no .form-control {
    text-transform: uppercase;
    display: inline-block !important;
    width: unset;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f8b123;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: .5rem;
}

.ownercertificate .form-control.w10 {
    width: 60px !important;
}

.ownercertificate .form-control.w30 {
    width: 80px !important;
}

.ownercertificate .form-control.w60 {
    width: 120px !important;
}

.ownercertificate .text-right {
    /*font-size: .8rem;*/
}

.ownercertificate .result-container {
    background-color: #fff7ea;
    padding: 2rem;
    margin-top: 1rem;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.ownercertificate .result-container label.col-form-label {
    font-weight: bold;
    padding-top: 1rem;
}

.ownercertificate .result-container .form-control-plaintext {
    background-color: #fff;
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    height: auto;
    overflow-y: hidden;
    resize: none;
}

.ownercertificate .result-container .text-muted {
    color: #000 !important;
}

/** End of Owner Certificate **/


/** Breadcrumb **/

.page.breadcrumb-container {
    /*background: -prefix-linear-gradient(left, #0067ea, #2fdcda);*/
    /*background: linear-gradient(to right, #0067ea, #2fdcda);*/
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
}

.page.breadcrumb-container.bg-header {
    background: -prefix-linear-gradient(#eee, #fff 10%)!important;
    background: linear-gradient(#eee, #fff 10%)!important;
}

.page.breadcrumb-container nav {
    border-bottom: 1px solid #CFCBCB;
}

.page.breadcrumb-container nav ul {
    background: none;
    margin-bottom: 0;
}

.page.breadcrumb-container nav ul li, .page.breadcrumb-container nav ul li a {
    color: #000;
}

/*.page.breadcrumb-container .breadcrumb-item.breadcrumb-item::before {*/
/*    content: "\f054";*/
/*    -webkit-font-smoothing: antialiased;*/
/*    display: inline-block;*/
/*    font-style: normal;*/
/*    font-variant: normal;*/
/*    text-rendering: auto;*/
/*    line-height: 1;*/
/*    font-family: 'Font Awesome 5 Free';*/
/*    font-weight: 900;*/
/*    box-sizing: border-box;*/
/*    color: #000;*/
/*}*/

/*.page.breadcrumb-container .breadcrumb-item.breadcrumb-item:first-child::before {*/
/*    content: "\f015";*/
/*    margin-right: 0.5rem;*/
/*}*/

.page.breadcrumb-container ul.breadcrumb li {
    margin-right: .5rem;
}

.page.breadcrumb-container .breadcrumb-container {
    margin-bottom: 0.5rem;
}

.page.breadcrumb-container .title-container {
    border-bottom: 2px solid #EB5C24;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}

.page.breadcrumb-container h2 {
    color: #000;
    /*text-transform: uppercase!important;*/
    margin: 1rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 900;
}

.page.breadcrumb-container .btn-back {
    padding-left: 0;
    padding-right: 0;
}

/** End of Breadcrumb **/


/** TracksideFaq **/

.faq .collapse-container .row {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.faq .collapse-container .row .headeritem {
    padding-left: 0;
    padding-right: 0;
}

.faq .collapse-container .row .headeritem a {
    color: #FFF;
    padding: .75rem 1rem;
    display: flex;
    background-color: #EB5C24;
    background-size: 200%;
    background-position: 100%;
    transition: .5s;
    font-weight: bold;
    font-size: 1.25em;
}

.faq .collapse-container .row .headeritem a.collapsed {
    background-position: 0%;
}

.faq .collapse-container .row .headeritem a:hover {
    text-decoration: none;
    background-position: 100%;
}

.faq .collapse-container .row .headeritem a span:first-child {
    flex: 1;
}

.faq .collapse-container .row .headeritem a span:first-child:hover {
    text-decoration: underline;
}

.faq .collapse-container .row .headeritem a:hover span:last-child {
    text-decoration: none;
}

.faq .collapse-container .row .headeritem a span:last-child {
    transition: .5s;
    height: 16px;
    margin-top: .25rem;
    transform: rotate(-180deg);
}

.faq .collapse-container .row .headeritem a.collapsed span:last-child {
    transform: rotate(0deg);
}


.faq .collapse-container .row .recitem {
    background-color: #fff1d7;
    padding-top: 1rem;
    color: #000;
}


/** End of TracksideFaq **/




/** Auto Suggestion **/

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: normal; overflow: hidden; }
.autocomplete-selected { background: #fdd891; }
.autocomplete-suggestions strong { font-weight: bold; color: #EB5C24; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/** End of Auto Suggestion **/


/** Tab **/

.page .content-container .nav-tabs .nav-link {
    border-radius: 0;
    border-color: #fdd891 #fdd891 #fff;
}

.page .content-container .nav-tabs .nav-item.show .nav-link, .page .content-container .nav-tabs .nav-link.active {
    color: #000;
    background-color: #fdd891;
    border-color: #fdd891 #fdd891 #fdd891;
}

.page .content-container ul.nav-tabs li a {
    transition: .5s;
    padding-right: 2rem;
    padding-left: 2rem;
}

.page .content-container ul.nav-tabs li a:hover {
    border-color: #fdd891 #fdd891 #fdd891;
    background-color: #fdd891;
}

.page .content-container ul.nav-tabs li.nav-item {
    margin-bottom: 0;
}

.page .content-container ul.nav-tabs {
    border-bottom: 2px solid #f8b123;
}

.page .content-container .tab-content {
    margin-top: 1rem;
}

.page .content-container .form-group label {
    font-weight: bold;
}

.page .content-container .form-group .hide-feedback~.invalid-feedback {
    display: none !important;
}

/** End of Tab **/

/** Input Text **/

.page .content-container .form-group .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f8b123;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page .content-container .form-group .form-control:disabled {
    background-color: #efefef;
}

.page .content-container .form-group .form-control.narrow-width {
    width: 240px;
}

.page .content-container .form-group small a {
    color: #0056b3;
}

.page .content-container .form-group a {
    color: #000;
}

.page .content-container .form-group a.btn-secondary {
    color: #fff;
}

/** End of Input text **/


.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice {
    float: none;
    border-radius: 0;
    margin-right: 6px;
    width: calc(100% - 2rem);
    padding: .5rem;
    white-space: normal;
}

.select2-container--krajee-bs4 .select2-selection {
    border: 1px solid #f8b123;
    border-radius: 0;
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
}

.page .content-container .form-group textarea.form-control {
    height: auto;
}


/** Begin of Matching Login **/

.matching-login .login-container {
    background-color: #fff8e9;
}

.matching-login .terms-container {
    height: 200px;
    border: 1px solid #CCC;
    overflow-y: scroll;
    -ms-overflow-y: scroll;
}

.matching-login .certificate_no .form-control {
    text-transform: uppercase;
    display: inline-block !important;
    width: unset;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f8b123;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: .5rem;
}

.matching-login .form-control.w10 {
    width: 60px !important;
}

.matching-login .form-control.w30 {
    width: 80px !important;
}

.matching-login .form-control.w60 {
    width: 120px !important;
}

.matching-login .form-control.w100 {
    width: 200px !important;
}

.matching-login .form-control:disabled {
    background-color: #CCC !important;
}

.page .content-container .login-container .form-group a.link {
    color: #EB5C24 !important;
}

/** End of Matching Login **/



.page.search-container {
    margin-left: 0;
    margin-right: 0;
}

.member-toolbar {

}

.member-toolbar .message-container {
    display: inline-block;
}

.member-toolbar .message-container .badge-orange {
    background-color: #F9B123;
    font-size: 1em;
    border-radius: 50%;
    min-width: 2em;
    height: 2em;
    line-height: 1.5em;
    vertical-align: middle;
    margin-left: -0.25em;
    margin-right: .5rem;
}

.member-toolbar .member-menu:before {
    content: '|';
    padding-left: 0.25em;
    padding-right: 0.25rem;
    font-weight: bold;
    color: #3C0000;
}

.member-toolbar .member-menu .dropdown-menu {
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.member-toolbar .member-menu .dropdown-menu a.dropdown-item {
    background-color: #FCD891;
    padding: 1em;
    margin-top: 2px;
    margin-left: 0;
    transition: .5s;
}

.member-toolbar .member-menu .dropdown-menu a.dropdown-item:first-child {
    margin-top: 0;
}

.member-toolbar .member-menu .dropdown-menu a.dropdown-item:hover, .member-toolbar .member-menu .dropdown-menu a.dropdown-item:focus {
    background-color: #3C0000;
    color: #fff;
}



.member-toolbar .member-menu {
    margin-right: .5rem;
}

/** Begin of left navigation **/

.page .navigation > ul.nav {
    background: #fff8e9;
    text-align: left;
    display: block;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 2em;
}

.page .navigation > ul.nav > li {
    color: #000;
    margin-bottom: 0;
    background-color: #fdebc7;
    border-bottom: 1px solid #fff;
}

.page .navigation > ul.nav > li > p {
    background-color: #EB5C24;
    display: inline-block;
    width: 100%;
    padding: 0.6rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
}

.page .navigation > ul.nav > li > a {
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 0.6rem;
}

.page .navigation > ul.nav > li > a.withicon {
    display: inline-block;
    width: 85%;
}

.page .navigation > ul.nav > li > a.icon {
    display: inline-block;
    width: 15%;
    text-align: right;
}

.page .navigation > ul.nav > li > a > p {
    margin-bottom: 0;
}

.page .navigation > ul.nav > li > ul {
    background: #fff7ea;
    list-style-type: disc;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    color: #ec5c23;
    list-style-position: outside;
    padding-left: 2em;
    margin-top: 0;
}

.page .navigation > ul.nav > li > ul > li {
    font-size: 1em;
    margin-bottom: 0;
    line-height: normal;
    display: list-item;
    list-style-type: disc;
    width: 100%;
    padding: 0.5rem;
    border-top: 1px solid #fff;
}

/** End of left navigation **/


@media print {

    h1 {
        display: block;
    }

    #skipToContent, .page .back-container, .banner-container, .page.breadcrumb-container nav ul {
        display: none;
    }

    .home-slider {
        display: none;
    }

    .page.breadcrumb-container h2 {
        margin:0;
        margin-top: 1rem;
        color: #000;
        font-weight: bold;
        font-size: 2em;
    }

    footer .nav, footer .share {
        display: none;
    }

    div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/** Language Preference **/

body.en header nav ul.nav li:last-child .children {
    /*margin-top: -5px;*/
    margin-left: -65px;
}

body.tc {
    font-family: "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

body.tc header nav ul.nav li a {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

body.tc header nav ul.nav li:nth-child(5) a {
    padding-left: 0;
    padding-right: 0;
}

.leaflet-container .leaflet-control-attribution > span {
    display: none;
}

.leaflet-container .leaflet-control-attribution > a:last-child {
    display: inline;
}

.leaflet-container img.logo {
    width: 25px;
    height: 25px;
}

#map .custom-pin-label {
    border: none;
    background: none;
    padding: unset;
}

#map .custom-pin-label span {
    font-size: 1em;
    min-width: max-content;
    display:inline-block;
    padding: .5em;
    border: .2em solid #eb5c24;
    background: rgba(255, 255, 255, .6);
    transform:translate(-50%, -50%);
}

#map .custom-pin-label span:hover {
    transition: all .5s;
    transform: translate(-50%, -50%) scale(1.3);
}

#map .marker-cluster-small {
    background-color: transparent;
}

#map .marker-cluster-small div {
    border: .2em solid #eb5c24;
    background: rgba(255, 255, 255, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    padding: 1em;
    border-radius: 50%;
}

#map .marker-cluster-small div:hover {
    transition: all .5s;
    transform: scale(1.3);
}

#map .marker-cluster-small div span {
}
/** Map **/

.leaflet-container .leaflet-control-attribution > a {
    display: none;
}

.navbar-expand-md .navbar-collapse ul.nav {
    display: none;
}


@media screen and (min-width: 992px) {
    body.tc header nav ul.nav li:last-child .children {
        margin-left: -64px;
    }
}