/*
***************************************************************************
*  Coders (www.codersltd.com)
*  Registered in England, Wales & India
*  Site: Housingnet.co.uk
*  File Path - /assets/css/menu_horizontal.css
*  Created By - Komal 
*  Modified Date - 28-11-2018
*  Purpose - Css for New Menu - Expand/collapse menu with five column
* 
****************************************************************************
*/

.menu_wrapper{/*max-width:1222px;*/ margin: 0 auto; padding: 10px 40px;}
      .clear{clear:both;}
      .left_nav{display:inline-block;float:left;width:35%;}
      .right_nav {display: inline-block;float: right;vertical-align: top;width: 49%;}
      .top_nav {text-align:right;margin:0;padding:0;}
      .top_nav > li{display:inline-block;text-align:right;margin-right:28px;}      
      .top_nav > li.search_header i{margin-right:10px;color:#fff;font-size:15px;}
      .top_nav li a{display:inline-block;text-decoration:none;color:#44d581;font:12px/44px Helvetica,Arail,sans-serif; text-transform: uppercase;}
      .top_nav > li:last-child{margin-right:0;}
     
      .open{display:block;}
      .close{display:none;}   

/*MENU Start*/

.menu {
  line-height: 1.2;
  margin: auto;
  padding-left: 0;  
  display:none;
  overflow:hidden;    
  width: 100%;
  max-width: 1222px;
  font-weight: normal;
}

.menu a {
  /*background: url(icons_.png) no-repeat left top;*/
  color: #ddd;
  text-decoration: none;
  text-transform:capitalize;
  display: block;
  /*padding-left: 40px;*/
  position: relative;
  font-family: 'roboto', sans-serif;
  font-weight: normal;
}

.menu a:hover {
  color: #44d581;
  text-decoration: none;
}

.menu a.notlink:hover {
  /*-webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;*/
  color: #ffffff;
}

.menu li {
  padding-left:0;
  /*border-bottom: 1px solid #444; */
}


.sumenu_t{position: relative;padding: 10px 0;font-size: 16px;}
.menu li a span{color:#44d581;display:inline-block;padding-right:13px;font-size: 20px;}

.menu li a span.fa-table{
  padding-right: 15px;
  font-size: 20px; 
  text-align: center;
}

.menu li a i {position:absolute;right:30px;top:15px;}

/*.menu li:hover{background:#7e7e7e;}*/

.menu li a span.search_m{
  /*background: rgba(0, 0, 0, 0) url("/assets/images/ha-icon-small.png") no-repeat scroll 0 top;*/
  background: rgba(0, 0, 0, 0) url("/assets/images/svg/menu_ha_icon.svg") no-repeat scroll 0 top;
      height: 21px;
    padding-right: 13px;
    width: 18px;
    background-size: 16px;
    margin-top: -4px;
}

.menu li a span.ct_m{
    /*background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -27px;*/
    height: 18px;
    padding-right: 8px;
    width: 18px;
}

.menu li a span.fav{
    /*background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -47px;*/
    height: 18px;
    padding-right: 8px;
    width: 18px;
  }

.menu li a span.about_m{
    /*background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -68px;*/
    height:18px;
    padding-right:8px;
    width:18px;
  }

.menu li a span.blog_m{
    /*background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -88px;*/
    height:26px;
    padding-right:8px;
    width:18px;
  }

  .menu li a span.cc_m{
    /*background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -117px;*/
    height:26px;
    padding-right:8px;
    width:18px;
  }

  .menu li a span.lrt_m{
    /*background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -143px;*/
    height:26px;
    padding-right:8px;
    width:18px;
  }

.menu li a span.pa_m{
    /*background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -171px;*/
    height:26px;
    padding-right:8px;
    width:18px;
  }

 /* .menu li a span.hanews_m{
    background: rgba(0, 0, 0, 0) url("icons.png") no-repeat scroll 0 -197px;
    height:26px;
    padding-right:8px;
    width:18px;
  }*/

  .menu li a span.hanews_m { 
    height: 15px;
    padding-right: 0;
    width: 22px;
    background-color: #44d581;
    color: #333;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    font-weight: 700;
    font-family: Open sans;
    line-height: 16px;
    margin-right: 15px;
}

.menu li a span.library_m{
    /*background: rgba(0, 0, 0, 0)url("icons.png") no-repeat scroll 0 -226px;*/
    height:26px;
    padding-right:8px;
    width:18px;
  }

.container-example1 .sub_menu{/*display:none;*/padding-left:0;/*padding-bottom: 20px;*/}
.container-example1 .sub_menu li{list-style:none;margin-left:-4px !important;background:#333!important;border-bottom: 0;}
.container-example1 .sub_menu li a{/*padding-left: 44px;*/font-size: 14px;line-height: 30px;margin-left: 44px;}

.colSecond .sub_menu li a{/*padding-left: 46px;*/margin-left: 46px;}
.colThird .sub_menu li a{/*padding-left: 50px;*/margin-left: 50px;}
.colFourth .sub_menu li a{/*padding-left: 54px;*/margin-left: 54px;}
.colFifth .sub_menu li a{/*padding-left: 46px;*/margin-left: 46px;}
/*.sub_menu li:hover{background:#7e7e7e!important;}*/


.sub_sub_menu li a{padding-left: 85px;}

/*.sub_sub_pmenu{margin-left:0;padding-left:0!important;}*/
.sub_sub_menu{margin-left:0;padding-left:0;}
.sub_sub_menu li{list-style:none;margin-left:-4px !important;padding-left:18px; background:#333!important;}

.sub_menu_l3 {display:none;padding-left:0;}
.sub_menu_l3 li{list-style:none;margin-left:-4px !important;padding-left:18px; background:#333!important;}
.sub_menu_l3 li:hover{background:#7e7e7e!important;}
.sub_menu_l3 li:first-child{border-top:1px solid#444;}
.sub_menu_l3 li:last-child{border-bottom:0 none;}

/* Search Header*/
.section-head-search {
  height: 88px;
  top: 63px;
  position: fixed;
  z-index: 5;
  background-color: #44d581;
  width: 100%;
}


.head-search {
    background-color: transparent;
    border: none;
    color: #fff;
    margin-top: 13px;
    width: 75%;
}

.header-right {
    float: right;
}

.s-icon{ width:35px; height:35px; display:inline-block; overflow:hidden; }
.sh-icon{ background:url("https://www.housingnet.co.uk/assets/images/sh-icon.png") no-repeat 0 0; }
.sp-icon{ background:url("https://www.housingnet.co.uk/assets/images/sp-icon.png") no-repeat 0 0; }
.az-icon{ background:url("https://www.housingnet.co.uk/assets/images/az-icon.png") no-repeat 0 0; }
.s-icon:hover, .s-icon.active{background-position:-35px 0;}

.biod_icon{
  background-image: url('/assets/images/bI_icon.png');
  background-repeat: no-repeat;
      width: 20px;
    height: 21px;
    background-size: 24px;
    margin-top: -4px;
    padding-right: 17px!important;
}

/*FIN MENU*/
/*Posicion Responsive Menu*/
#scroll-header nav{position:fixed;left:0!important;top:60px;z-index:20;overflow:hidden;}
#scroll-header nav.active{/*-webkit-transition: all .500;-o-transition: all .500;transition: all .500;*/background: #333;padding-right: 0;width: 100%;border-top: 1px solid #444;}
#mobile-nav {cursor: pointer;position: absolute;/*top:0.9em;width:30px;height:30px;*/z-index:30;}
#mobile-nav i{color:#fff;font-size:25px;}


.container-example1{
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding-left: 70px;
  /*padding-left: 5.7%;*/
  padding-top: 18px;
padding-bottom: 18px;
}
/*.container-example1.premiumCol {padding-left: 70px;}*/
.container-example1.annualCol {padding-left: 77px;}
.container-example1.colFirst{
  padding-left: 0px;
}
/*.colSecond .sub_menu li a {
  padding-left: 60px;
}
*/
.expdate{
  display: inline-block;
  font: 12px/44px Helvetica,Arail,sans-serif;
  text-transform: uppercase;
  margin-left: 5px;
}

.hnSetupIcon{
  display:inline-block;position: relative;top: 6px;left: -2px;
}

#mapview-page .hnSetupIcon{
  margin-right: 0;left: 0;
}

.inactiveLinks li a:hover, .inactiveLinks:hover{
  color: #fff!important;
}

.fullHeader .hnSetupIcon{
  margin-right: 0;left: 0;
}


.fullHeader .menu{  
    max-width: 100%;
    padding: 0 15px;
}

.fullHeader .container-example1.colFirst {
    padding-left: 0px;
}

/*.fullHeader .container-example1{
      padding-left: 8%;
}*/


@media screen and (max-width:1290px) and (min-width: 1240px) {
.fullHeader .container-example1{
      padding-left: 70px;

}

}

/*Start by Rakesh - 09-03-18*/
@media screen and (max-width: 1115px) and (min-width: 1100px) {
.fullHeader .menu{max-width:100%;padding:0 15px!important;}
.container-example1.colFirst {padding-left:15px!important;}
.container-example1{padding-left:35px!important;}
.container-example1 .sub_menu li a{margin-left:31px;}
.colSecond .sub_menu li a {margin-left:35px;}
.colThird .sub_menu li a {margin-left:37px;}
.colFourth .sub_menu li a {margin-left:41px;}
.colFifth .sub_menu li a {margin-left:34px;}
.left_nav{width: 45%;}
}
/*End by Rakesh - 09-03-18*/

@media screen and (min-width: 1000px) and (max-width: 1030px){

#scroll-header{
max-width: 100%!important;
}
  .menu{
    width: 97%;
    max-width: 100%;
  }

  .menu a{
    /*letter-spacing: 0.5px;*/
  }

.premiumCol.colFirst, .annualCol.colFirst {
    padding-left: 0!important;
}

  .container-example1.premiumCol {
       padding-left: 32px;
}

.container-example1.annualCol {padding-left: 37px;}

  .container-example1, .fullHeader .container-example1{
    /*padding-left: 27px;*/
    padding-left: 32px;
  }

  .sumenu_t{
    font-size: 15px;
  }

 .container-example1 .sub_menu li a{
    font-size: 14px;
   /* padding-left: 30px;*/
    line-height: 34px;
     margin-left: 30px;
  }

  .colSecond .sub_menu li a {
    /*padding-left: 30px;*/
    margin-left: 30px;
}

.colThird .sub_menu li a {
   /* padding-left: 32px;*/
    margin-left: 32px;
}
.colFourth .sub_menu li a {
    /*padding-left: 38px;*/
    margin-left: 38px;
}

.colFifth .sub_menu li a {
    /*padding-left: 32px;*/
    margin-left: 32px;
}

  .biod_icon {
    background-image: url(/assets/images/svg/bI_icon.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 19px;
    background-size: 20px;
    margin-top: -4px;
    padding-right: 14px!important;
}

.menu li a span.hanews_m{
  width: 20px;
  height: 13px;
  font-size: 10px;
  line-height: 12px;
  margin-right: 13px;
}

.menu li a span{
      font-size: 16px;
}

.menu li a span.search_m{
  height: 16px;
        padding-right: 10px;
    width: 14px;
    background-size: 12px;
}
    
.menu li a span.fa-table{
  font-size: 16px;
      padding-right: 12px;
}

.section-head-search #txt_search{
      margin-left: 0;
    width: 67%;
     font-size: 28px;
}

#header-search-icons{
      margin-top: 19px !important;
      margin-right: 5px;
}

#txt_rslName{
  width: 65%!important;
}

}

@media screen and (max-width: 768px){
  #scroll-header{
    max-width: 100%!important;
  }
  .menu{
  /*  width: 97%;*/
    max-width: 100%;
  }

  .container-example1.colFourth{
    padding-left: 0;
  }

  .container-example1{
    padding-left:7.7%;
  }

  .container-example1 .sub_menu li a{
    margin-left:33px;
  }

  .colFirst .dashboard_m span{padding-right:22px;}

   .colFirst .sub_menu li a {
       margin-left:44px!important;
 }

  .colSecond .sub_menu li a {
   margin-left:45px!important;
 }

 .colThird .sub_menu li a {
    margin-left:47px;
}

.colFourth .sub_menu li a {
     margin-left:54px;
}

.colFifth .sub_menu li a {
    margin-left: 46px;
}

.top_search_area{margin-right:5px!important;margin-top:-10px;}
    
  
}

/*Added on 28-03-18*/

@media screen and (max-width:835px) {

#scroll-header nav.active{padding-left:15px;}
.colFirst .sub_menu {padding-left: 7px;}
.colFirst .dashboard_m span{padding-right: 22px;}
.container-example1 .sub_menu li{margin-left: -14px !important;}
.container-example1{padding-left: 75px;}
.colFourth{padding-left:0!important;padding-right:11px;}
.colFourth .sub_menu li{margin-left: -17px !important;}
.colFifth.premiumCol{padding-left:72px;}
.colFifth .sub_menu li{margin-left: -16px !important}




}

/*End on 28-03-18*/


@media screen and (max-width: 835px) and (min-width: 830px){
#scroll-header {
    max-width: 100%;
}
}