@import url('https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap');


body #mainmenuwrap .jf_mm_trigger.jf_mm_rtl {
   top: 1rem;
    right: 3rem;
}
.footrightlogo{
    padding: 0;
}
div.quicklinks .nav{
    display: block;
    margin-top: 0px;
}
div.quicklinks h3{
    color: #3498db;  
}
div.quicklinks .nav>li>a {
    position: relative;
    display: block;
    padding: 2px 0;
    color: #fff;  
}
div.quicklinks .nav>li>a:hover {
    text-decoration: none;
    color: #3498db;    
    background: none;
}
#jf_mm_menu, #jf_mm_menu nav {
    z-index: 990;
}

.jf_mm_wrapper .levelHolderClass, .jf_mm_wrapper .jf_mm_inactive, .jf_mm_wrapper li{
   /* background-color: #03213f;*/
 /*  background-color: rgba(10, 30, 43, 0.7)*/
 background-color: #03213f;
}

body #jf_mm_menu.jf_mm_rtl .levelHolderClass h2 .floatLeft{
    padding-left: 0;  
    color: #32325b;
}
.jf_mm_wrapper .cursorPointer{
    width:auto;
}
.jf_mm_trigger {
    background-color: transparent;
    position: absolute;
}

body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper li {
    text-align: left!important;
    padding: 1.2rem 0;
    padding-left: 2rem;
}
.jf_mm_wrapper li, .jf_mm_wrapper li:last-child{
    border-top: 1px solid #143c57;

}
.jf_mm_wrapper li{
    border-top: 1px solid #143c57;
}

.jf_mm_wrapper li.item-124{
    border-bottom: 1px solid #143c57;
}

.jf_mm_wrapper .backItemClass:hover {
    background-color: #3498db !important;
}
.jf_mm_wrapper .backItemClass a i {
    margin-left: 10px;
    font-size: 18px;
    margin-top: 0.8rem;
    color: #fff;
}

i.floatRight.iconSpacing_rtl.fa.fa-angle-left {
    display: none;
}
.jf_mm_wrapper .backItemClass {
    background-color: inherit !important;
}
.jf_mm_wrapper li:hover {
    background-color: #3498db;
}

body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper li a{
	font-weight:100;
   font-size: 4rem ;
    line-height: 4rem; 
    padding-left: 0;
 /*   -webkit-animation: bubble 3s forwards;*/ /* Safari 4.0 - 8.0 */
/*  animation: bubble 3s forwards;*/
  /* animation-name: bubble; 
  animation-duration: 3s;
  animation-fill-mode: forwards; */
}

/* Safari */
/*@-webkit-keyframes bubble  {
  0%   { transform:scale(0.5); opacity:0.0; left:0}
    50%  { transform:scale(1.2); opacity:0.5; left:15px}
    100% { transform:scale(1.0); opacity:1.0; left:30px}
}

 Standard syntax 
@keyframes bubble  {
   0%   { transform:scale(0.5); opacity:0.0; left:0}
    50%  { transform:scale(1.2); opacity:0.5; left:15px}
    100% { transform:scale(1.0); opacity:1.0; left:30px}
}
*/

body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper li li a{
	font-weight:100;
   font-size: 3rem ;
    line-height: 3rem; 
    padding-left: 0;

}


body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper h2 {
    text-align: center!important;
    padding: 25px 0 25px 20px;
    display: block;
    font-weight: 900;
    font-size: 1px;
    cursor: pointer;
}
.jf_mm_wrapper h2 {
    color: #212529!important;
}
i.fa.fa-times.floatLeft.cursorPointer {
    display: block!important;
}
/*body #jf_mm_menu.jf_mm_rtl .levelHolderClass h2 .floatLeft {
    float: left;
}*/
.jf_mm_wrapper a, .jf_mm_wrapper a:hover {
    font-size: 24px;
    text-decoration: none;
    font-family: 'gilroyextrabold'  !important;    
    /*font-family: gilroyextrabold, sans-serif;*/    
    font-weight: 100;
    
}
.jf_mm_wrapper .jf_mm_a_img {
    margin: 0;
}
.levelHolderClass ul, ul.parent_ul {
    /*height: calc(100vh - 56px)!important;*/
    height: 100vh!important;
    display: flex !important;
    flex-direction: column!important;
    justify-content: center!important;
}
li.deeper.parent .levelHolderClass.rtl h2{
    display: none!important;
}
li.deeper.parent .levelHolderClass ul.nav-child.unstyled{
    height: 100vh!important;    
    position: relative;
    z-index: 9999;
}
.jf_mm_wrapper li, .jf_mm_wrapper li:last-child{
        border-color: #143c57!important;    
}
.jf_mm_wrapper .backItemClass{
      
      border: none;
    padding: 0px;
}
.jf_mm_wrapper .backItemClass a{     
    
       padding: 0.2em 0px;
}
.jf_mm_wrapper .backItemClass a:hover, .jf_mm_wrapper .backItemClass:hover{     
    
       background-color: #3498db;
}


@media(max-width: 767px){
body #mainmenuwrap .jf_mm_trigger.jf_mm_rtl {
    top: 1rem;
}

body #jf_mm_menu.jf_mm_rtl{
    width: 320px!important;
    min-width: 320px!important;
}
#jf_mm_menu nav {
        min-width: 320px!important;
}
.jf_mm_wrapper .levelHolderClass{
    width: 320px!important;
    min-width: 320px!important;
}
div.quicklinks h3 {
    font-size: 2rem;
}
#footer .intro{
        padding: 0.5em;
}
.footrightlogo{
    margin-top: 30px;
        text-align: left !important;
}
.mob-display {
    width: 48%!important;
    display: flex;
        margin-bottom: 40px;
}
.top_imagexx{
        font-size: 2.5rem;
}
}
.homepage{
    overflow: hidden;
    width: 100%;
}

#herodiv .intro,
.intro,
.header .intro a,
.footrightlogo a,
.quicklinks h3,
#placeholder{
    font-family: 'gilroyextrabold'  !important;
    font-weight: normal !important;
}

.hometitle h1 {
    font-family: 'gilroylight'  !important;
    color: #f50a15 !important;
    font-weight: 100;
}

#latest-property .latest-property h3,
#latest-property .latest-property h2,
#latest-property .latest-property .property-details-icon,
.addbusiness h1,
.addbusiness h2,
.addbusiness h3,
.addbusiness legend,
.addbusiness button,
div#add_instagram p {
    font-family: 'gilroylight'  !important;
    font-weight: normal !important;
}

.addbusiness button
{
    background-color: #03213f
}

.addbusiness h2.no-top-space{
     font-weight: 500 !important;
}

#searchBar .searchwarper input#buss_type:placeholder {
    font-family: 'gilroylight'  !important;
}
#searchBar .searchwarper input#buss_type::placeholder {
    font-family: 'gilroylight'  !important;
}
#searchBar .searchwarper input#buss_type::placeholder {
    font-family: 'gilroylight'  !important;
}
#searchBar .searchwarper input#buss_type::-webkit-input-placeholder {
    font-family: 'gilroylight'  !important;
}
#searchBar .searchwarper input#buss_type::-moz-placeholder {
    font-family: 'gilroylight'  !important;
}
#searchBar .searchwarper input#buss_type:-ms-input-placeholder {
    font-family: 'gilroylight'  !important;
}
#searchBar .searchwarper input#buss_type:-moz-placeholder {
    font-family: 'gilroylight'  !important;
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .menuaddon{
border: none;
    text-align: left!important;
    padding: 1.2rem 0;
    padding-left: 1rem;
   /* border-top: 1px solid #143c57;*/
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .menuaddon:hover{
  background: none;
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .menuaddon .menuwishlist {
    text-decoration: none;
    display: inline-block;
    font-size: 3.2rem !Important;
    line-height: 3.5rem !Important;
    width: auto;
    position: inherit;
    padding-left: 0px;
    height: auto;
   
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .menuaddon .menuwishlist:hover {
  color: #3498db;
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .menuaddon .menuviewbasket {
   text-decoration: none;
    display: inline-block;
    width: auto;
    font-size: 3.2rem !Important;
    line-height: 3.5rem;
    margin-left: 0rem;
    position: inherit;
    padding-left: 0px;
}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .menuaddon .menuviewbasket:hover {
  color: #3498db;
}
 @media screen and (min-width: 768px) {
        .col-md-3.text-left.mob-display.footer-div,
      .col-md-3.text-left.footer-div,
      .col-md-3.text-center.footrightlogo.footer-div
       {
          max-width: 24.8%;
        }
      }