body { font-family: 'Roboto', sans-serif; }

.f-22 { font-size: 22px; font-weight: 600; position: relative; top: 2px; color: #2b2b2b; }

.pl-0 { padding-left: 0; }

.pr-0 { padding-right: 0; }

.pad-0 { padding: 0; }

.ml-10 { margin-left: 10px; }

.ml-20 { margin-left: 20px; }

.border-left-panel { border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }

.border-right-panel { border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }

.bb-white { border-bottom: 1px solid white; }

.bg-gray { background-color: #e8e8e8; }

.bg-red { background-color: #9f001e; }

.bg-lightgray { background-color: #f4f4f6; }

select::-ms-expand {
    display: none;
}
.custom-1 { border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }
.custom-2 { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
.custom-3 { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.custom-4 { border: 1px solid #dfdfdf; border-top: none; }

.customf-1 { border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }
.customf-2 { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
.customf-3 { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.customf-4 { border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; }

.lh-60 { line-height: 60px; height: 60px; }

.row-flex { display: flex; }

/**************************/
/* FEATURED PROPERTY LIST */
/**************************/
.featured-property-list { /*     .images-wrapper {  .main-image { position: relative;
 .image-no { position: absolute; top: 0px; left: 0; color: white; display: block; font-size: 12px; background-color: rgba(47, 52, 72, 0.9); padding: 4px 12px; border-bottom-right-radius: 5px; }
 img { float: left; width: 75%; //border-right: 1px solid white; } }
 .side-thumbs img { float: left; width: 25%; border-bottom: 1px solid white; border-left: 1px solid white; } }  .price-wrapper { background-color: $mainColour; width: 100%; float: left; height: 60px; padding: 15px 20px;  .price { color: white; font-size: 22px; }  .mortgage { display: block;  i { font-size: 25px; color: white; float: left; }  .mortgage-text { float: left; font-size: 12px; line-height: 13px; margin-left: 5px; color: white } } }  .property-details-wrapper { margin-left: 20px; text-overflow: hidden;  .property-title { font-size: 20px; font-weight: 600; margin-top: 10px; }  .property-type { font-weight: 600; font-size: 15px; color: $mainColour; margin-bottom: 10px; }  .property-description { font-size: 13px; text-align: justify; color: #7a7a7a; // additions line-height: 18px; height: 70px; overflow: hidden; }  .favourite-property { position: absolute; top: 5px; right: 10px; font-size: 18px;  a { color: #7a7a7a;  i:hover:before { content: '\f005'; color: $mainColour; } }  }  }  .property-icons-wrapper { height: 60px; background-color: white; display: block;  width: 100%; position: absolute; bottom: 0px; border-top: 1px solid $borderColour; }
*/ }
.featured-property-list { font-family: 'Roboto', sans-serif; margin-bottom: 30px; }
.featured-property-list .images-wrapper { max-height: 200px; overflow: hidden; }
.featured-property-list .images-wrapper .featured-prop-ribbon { position: absolute; top: 0; right: 28%; z-index: 1; color: #eee; font-size: 11px; cursor: pointer; /*width: 5.8em; line-height: 1.5em;*/ -webkit-transition: line-height 0.5s; transition: line-height 0.5s; }
.featured-property-list .images-wrapper .featured-prop-ribbon i { font-size: 10px; position: relative; top: 0; left: -11px; }
.featured-property-list .images-wrapper .featured-prop-ribbon:after { content: ""; font-size: 0.5em; position: absolute; height: 5em; border: 1.5em solid #ccc; z-index: -1; top: 0; border-top-width: 1.5em; border-bottom-color: transparent; right: 80%; -webkit-transition: height 0.5s; transition: height 0.5s; }
.featured-property-list .images-wrapper .featured-prop-ribbon:hover { color: gold; }
.featured-property-list .images-wrapper .main-image { position: relative; }
.featured-property-list .images-wrapper .main-image .image-no { position: absolute; top: 0px; left: 0; color: white; display: block; font-size: 12px; background-color: rgba(47, 52, 72, 0.9); padding: 4px 12px; border-bottom-right-radius: 5px; }
.featured-property-list .images-wrapper .main-image img { float: left; width: 75%; }
.featured-property-list .images-wrapper .side-thumbs img { float: left; width: 25%; border-bottom: 1px solid white; border-left: 1px solid white; }
.featured-property-list .property-details-wrapper { height: 100%; overflow: hidden; }
.featured-property-list .property-details-wrapper .property-title { font-family: 'Quattrocento', serif; font-size: 20px; margin-top: 10px; }
.featured-property-list .property-details-wrapper .property-title a { color: #333; }
.featured-property-list .property-details-wrapper .property-type { font-weight: 600; font-size: 15px; margin-bottom: 10px; }
.featured-property-list .property-details-wrapper .property-description { font-size: 12px; text-align: justify; color: #797979; line-height: 17px; height: 53px; overflow: hidden; }
.featured-property-list .property-details-wrapper .favourite-property { position: absolute; top: 5px; right: 10px; font-size: 18px; }
.featured-property-list .property-details-wrapper .favourite-property a { color: #7a7a7a; }
.featured-property-list .property-details-wrapper .favourite-property a i:hover:before { content: '\f005'; }
.featured-property-list .price-wrapper .price { font-size: 22px; font-weight: 700; color: white; }
.featured-property-list .price-wrapper .price span a { font-family: 'Quattrocento', serif; color: white; }
.property-list .price-wrapper .price .price-qualifier { font-size: 13px; vertical-align: middle; margin-left: 5px; }
.featured-property-list .property-icons-wrapper ul { list-style: none; padding-left: 15px; margin: 0 !important; padding: 0 !important; }
.featured-property-list .property-icons-wrapper ul li { display: inline-block; margin: 0 5px 0 0; font-size: 16px; color: #7a7a7a; }
.featured-property-list .property-icons-wrapper ul li i { font-size: 24px; }
.featured-property-list .property-icons-wrapper ul li img { display: inline-block; width: 48px; }
.featured-property-list .property-icons-wrapper ul li .numbers { font-weight: 600; font-size: 15px; }
.featured-property-list .property-icons-wrapper .mortgage { display: inline-block; height: 25px; margin-left: 20px; }
.featured-property-list .property-icons-wrapper .mortgage i { font-size: 23px; float: left; }
.featured-property-list .property-icons-wrapper .mortgage .mortgage-text { float: left; font-size: 11px; line-height: 12px; margin-left: 2px; }

/*****************/
/* PROPERTY LIST */
/*****************/
.property-list { font-family: 'Roboto', sans-serif; margin-bottom: 30px; }
.property-list .images-wrapper { max-height: 200px; overflow: hidden; }
.property-list .images-wrapper .main-image { overflow: hidden; }
.property-list .images-wrapper .main-image img { width: 100%; }
.property-list .images-wrapper .main-image .image-no { position: absolute; top: 0px; left: 0; color: white; display: block; font-size: 12px; background-color: rgba(47, 52, 72, 0.9); padding: 4px 12px; border-bottom-right-radius: 5px; }
.property-list .property-details-wrapper { height: 100%; overflow: hidden; }
.property-list .property-details-wrapper .property-title { font-family: 'Quattrocento', serif; font-size: 20px; font-weight: 700; margin-top: 10px; }
.property-list .property-details-wrapper .property-title a { color: #333; }
.property-list .property-details-wrapper .property-type { font-weight: 600; font-size: 15px; margin-bottom: 10px; }
.property-list .property-details-wrapper .property-description { font-size: 12px; text-align: justify; color: #797979; line-height: 17px; height: 70px; overflow: hidden; }
.property-list .property-details-wrapper .favourite-property { position: absolute; top: 5px; right: 10px; font-size: 18px; }
.property-list .property-details-wrapper .favourite-property a { color: #7a7a7a; }
.property-list .property-details-wrapper .favourite-property a i:hover:before { content: '\f005'; }
.property-list .price-wrapper { max-height: 60px; overflow: hidden; }
.property-list .price-wrapper .price { font-size: 22px; font-weight: 700; }
.property-list .price-wrapper .price span a { font-family: 'Quattrocento', serif; color: #2b2b2b; }
.property-list .price-wrapper .price .price-qualifier { font-size: 13px; vertical-align: middle; margin-left: 5px; }
.property-list .property-icons-wrapper ul { list-style: none; padding-left: 15px; margin: 0 !important; padding: 0 !important; }
.property-list .property-icons-wrapper ul li { display: inline-block; margin: 0 5px 0 0; font-size: 16px; color: #7a7a7a; }
.property-list .property-icons-wrapper ul li i { font-size: 24px; }
.property-list .property-icons-wrapper ul li img { display: inline-block; width: 35px; }
.property-list .property-icons-wrapper ul li .numbers { font-weight: 600; font-size: 15px; }
.property-list .property-icons-wrapper .mortgage { display: inline-block; height: 20px; margin-left: 20px; }
.property-list .property-icons-wrapper .mortgage i { font-size: 23px; float: left; }
.property-list .property-icons-wrapper .mortgage .mortgage-text { float: left; font-size: 11px; line-height: 12px; margin-left: 2px; }

/**********************/
/** SHARING BUTTONS **/
/*********************/
.property-list .sharing-buttons { margin-right: -5px; }
.property-list .sharing-buttons ul { list-style: none; padding: 0; margin: 0; }
.property-list .sharing-buttons .sub-menu-parent { position: relative; }
.property-list .sharing-buttons .sub-menu-parent a { padding: 0; }
.property-list .sharing-buttons .sub-menu-parent i { font-size: 24px; color: #9f001e; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu { visibility: hidden; opacity: 1; position: absolute; bottom: -40%; left: 15px; background-color: white; z-index: -1; transform-origin: 50% 0%; -webkit-transform: scale(0) translateY(-190px); -moz-transform: scale(0) translateY(-190px); -o-transform: scale(0) translateY(-190px); transform: scale(0) translateY(-190px); }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li { display: block; height: 30px; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-facebook-official { color: #3b5998; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-facebook-official:hover { opacity: 0.9; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-twitter-square { color: #00aced; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-twitter-square:hover { opacity: 0.9; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-google-plus-square { color: #dd4b39; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-google-plus-square:hover { opacity: 0.9; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-pinterest-square { color: #cb2027; }
.property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-pinterest-square:hover { opacity: 0.9; }
.property-list .sharing-buttons .sub-menu-parent:hover .sub-menu { visibility: visible; opacity: 1; z-index: 1; -webkit-transform: scale(1) translateY(-90px); -moz-transform: scale(1) translateY(-90px); -o-transform: scale(1) translateY(-90px); transform: scale(1) translateY(-90px); -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .7s; }

.property-list .property-icons-wrapper ul li img.social-media-share {width: 46px;}

.featured-property-list .sharing-buttons { margin-right: -5px; }
.featured-property-list .sharing-buttons ul { list-style: none; padding: 0; margin: 0; }
.featured-property-list .sharing-buttons .sub-menu-parent { position: relative; }
.featured-property-list .sharing-buttons .sub-menu-parent a { padding: 0; }
.featured-property-list .sharing-buttons .sub-menu-parent i { font-size: 24px; color: #9f001e; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu { visibility: hidden; opacity: 1; position: absolute; bottom: -40%; left: 15px; background-color: white; z-index: -1; transform-origin: 50% 0%; -webkit-transform: scale(0) translateY(-190px); -moz-transform: scale(0) translateY(-190px); -o-transform: scale(0) translateY(-190px); transform: scale(0) translateY(-190px); }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li { display: block; height: 30px; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-facebook-official { color: #3b5998; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-facebook-official:hover { opacity: 0.9; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-twitter-square { color: #00aced; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-twitter-square:hover { opacity: 0.9; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-google-plus-square { color: #dd4b39; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-google-plus-square:hover { opacity: 0.9; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-pinterest-square { color: #cb2027; }
.featured-property-list .sharing-buttons .sub-menu-parent .sub-menu li a i.fa-pinterest-square:hover { opacity: 0.9; }
.featured-property-list .sharing-buttons .sub-menu-parent:hover .sub-menu { visibility: visible; opacity: 1; z-index: 1; -webkit-transform: scale(1) translateY(-90px); -moz-transform: scale(1) translateY(-90px); -o-transform: scale(1) translateY(-90px); transform: scale(1) translateY(-90px); -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .7s; }
.featured-property-list .price-wrapper .price .price-qualifier { font-size: 13px; vertical-align: middle; margin-left: 5px; }

.featured-property-list .property-icons-wrapper ul li img.social-media-share {width: 46px;}
.view-svg {margin: -14px -25px; width: 80px;}

/*************/
/** SIDEBAR **/
/*************/
#sidebar { padding-left: 30px; }
#sidebar .valuation-sidebar { font-family: 'Roboto', sans-serif; margin-top: 15px; color: white; text-align: center; padding: 20px 0; z-index: 1; }
#sidebar .valuation-sidebar h3 { font-size: 1.4em; font-weight: 400; padding: 0; margin: 0 0 10px 0; }
#sidebar .valuation-sidebar a.btn-valuation { transition: all 0.4s; color: white; border: 1px solid white; width: 70%; border-radius: 0; margin: 10px; font-size: 1.1em; padding: 18px 0; }
#sidebar .valuation-sidebar a.btn-valuation:hover { transform: scale(1.1); }

/************/
/** Loader **/
/************/
#infinite-loader { padding: 20px 0; }
#infinite-loader i { font-size: 1.5em; }
#infinite-loader .text-loading { font-size: 1.5em; }

/* Google Maps */
.gm-container {
    display: inline-flex;
}

.gm-img-wrapper {
    float: left;
    display: block;
}

img.gm-img {
width: 100px;
}

.gm-info {
float: right;
margin-left: 10px;
}

.gm-price {
font-size: 22px;
font-weight: bold;
}

.gm-title {
font-size: 12px;
}

.gm-room-icons li {
display: inline-block;
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #7a7a7a;
}

.gm-room-icons li img {
    display: inline-block;
    width: 30px;
}

.gm-room-icons li span.numbers {
font-size: 11px;
font-weight: 600;
margin-left: -5px;
display: inline-block;
}

a.reset-frm-link {
    
}

.opac-5 { opacity: 0.5; }


//.brd-top { border: 3px solid gold; border-bottom: 0; }
//.brd-bottom { border: 3px solid gold; border-top: 0; }

/*.brd-bottom {
    -webkit-box-shadow: 0 7px 4px #777;
    -moz-box-shadow: 0 7px 4px #777;
    box-shadow: 0 7px 4px -2px #777;
}*/

.brd-1 {
    border: 1px solid #2b2b2b; border-bottom: none;
}
.brd-2 {
    border: 1px solid #2b2b2b; border-top: none;
}

.line3 {
    border-left: 1px solid white;
    display: inline;
    margin-top: 0;
    padding: 8px 0;
    position: relative;
    left: -20px;
}

.line2 {
    border-left: 1px solid white;
    display: inline;
    margin-top: 0;
    padding: 8px 0;
    position: relative;
    left: -22px;
}

.line1 {
    border-left: 1px solid white;
    display: inline;
    margin-top: 0;
    padding: 8px 0;
    position: relative;
    left: -15px;
}

.main-image {
    position: relative;
}


/*****************/
/** MEDIA QUERY **/
/*****************/
@media (max-width: 450px) { .property-list .property-icons-wrapper .mortgage { display: none !important; } }
@media (min-width: 991px) and (max-width: 1199px) { .property-list .property-details-wrapper .property-description { height: 50px; } }
@media (max-width: 991px) { #sidebar { display: none; } }
@media (max-width: 767px) { select.nav-filter { background: none; appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist; } }
@media (max-width: 1200px) { .line1, .line2, .line3, .line4 { display: none; } .searchbar-1 .nav-filter { width: 100%; text-align-last: left !important; } }
/*

.property-icons-wrapper ul {
list-style: none;
}

.property-icons-wrapper ul li {
display: inline-block;
margin: 0 10px;
font-size: 16px;
}

.property-icons-wrapper ul li i {
font-size: 24px;
}

*/
/* MENU HERE

#testmenu ul {
list-style: none;
width: auto;
}

#testmenu .sub-menu-parent { 
position: relative;
}

#testmenu .sub-menu-parent ul.sub-menu {
visibility: hidden;
opacity: 0; position: absolute; top: 100%; left: 0; width: auto; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

#testmenu .sub-menu-parent:hover ul.sub-menu {
visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;
}

#testmenu a { color: red; display: block; padding: 0.5em 1em; text-decoration: none; }
#testmenu a:hover { color: #F55; }
#testmenu ul,
#testmenu ul li { list-style-type: none; padding: 0; margin: 0; }

#testmenu > ul { background: #EEE; text-align: center; }
#testmenu > ul > li { display: inline-block; border-left: solid 1px #aaa; }
#testmenu > ul > li:first-child { border-left: none; }

#testmenu .sub-menu { background: #DDD;
}

*/