@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

:root {
  --main-bg-color: brown;
  --secondary-color:blue;
  --tertiary-color:grey;
  --baby-blue: #6ac2d2;
  --dark-blue:#2A283D;
  --light-grey:#f9f9f9;
  --dark-grey:#4F4E5F;
  --lime-green:#85C770;
}

h1,h2,h3,h4,h5,h6{
  font-family:Noto Sans JP;
  font-weight:normal;
}

h1{
  font-size:calc(40px + 6 * ((100vw - 320px) / 1200));
}

body * p{
    font-size:1rem;
    line-height:1.5rem;
    /*margin-bottom: 50px;*/
}

/* Start of Nav Menu */

.nav_container {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 5vw;
    padding-right: 5vw;
    font-family:Noto Sans JP;
    font-size: 1rem;
    font-weight: 500;
    background-color: #fff;
}

.nav_container img{
    width: 125px;
    padding: 20px;
    align-self: center;
}

ul.topnav {
    list-style-type: none;
    width: 100%;
    align-content: flex-end;
    overflow: hidden;
    background-color: none;
    padding-top: 48px;
  }
  
  ul.topnav li {float: left;}
  
  ul.topnav li a {
    display: block;
    color: #2a283d;
    text-align: center;
    padding: 20px 24px;
    text-decoration: none;
  }
  
  .rightnav {
      height: 65px;
      width: 20%;
      padding-top: 72px;
  }


  /* .rightnav a { */
      /* background-color: #2A283D; */
      /* height: 50px; */
      /* border-radius: 50px; */
      /* color: #fff; */
      /* padding: 0px 40px; */
      /* text-decoration: none; */
      /* font-size: 1rem; */
      /* display: inline-block; */
      /* text-align: center; */
      /* line-height: 3rem; */
      /* width: 60px; */
  /* } */
  
  /* .rightnav a:hover:not(.active) {background-color: #6ac2d2; color: #2A283D;} */

  ul.topnav li a:hover:not(.active) {color: #6ac2d2;}
  
  ul.topnav li a.active {    
      border-bottom: 2px solid currentColor;
      display: inline-block;
      line-height: 0.85;  
      margin-top: 5px;
    }
  

  .survey_text {
    width: 300px;
    padding-top: 75px;
    font-size: 14px;
  }

  ul.topnav li.right {float: right;}
  
  @media screen and (max-width: 600px) {
    ul.topnav li.right, 
    ul.topnav li {float: none;}
  }

  /* End of Nav Menu */


div#home_top_image {}div#top_bar_mid {
    background-color: #fff;
    width: 100%;
}

div#top_bar {
    width: 100%;
    height: 100px;
    display: block;
}

div#top_bar_nav {
    display: block;
}

div#top_row_1 {
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    justify-content: space-between;
}

div#home_top_image {
    min-height: 900px;
    height: 80vh;
    margin-bottom: 50px;
    background-size: cover;

    /* background-image:
        linear-gradient(#091F3E,0.5, #091F3E,0.5), 
        url(Images/martyna-bober-d6gIQgb6J7w-unsplash.jpeg);
    */

    background-image: url(../_img/BG_Image@2x.png);
    width: 100%;
    height: 150%;
    top: 10px;
    position: relative;
    /* top: -20px; */
    background-repeat: repeat-y;
    right: 0;
    /* left: 500px; */
    background-position: top;
}

div#home_top_image::after {
    content: '';
    width: 100%;
    max-width: 6000px;
    height: 800px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-image: url(https://staging.yellowsubcreative.com/irt/wp-content/uploads/2021/06/wave_white-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
}

/*div#home_top_image::before{
    content:'We Show Housing Providers How to Make Homes More Eco-Friendly';
    font-size:3rem;
    font-weight:bold;
    font-family:Noto Sans JP;
    width:40%;
    position:absolute;
    top:30%;
    left:10%;
    color:white;
}*/


div#home_top_image h1{
  font-family: Noto Sans JP;
  font-weight: bold;
  width:40%;
  padding-top: 15vw;
  padding-bottom: 2vh;
  padding-left: 6vw;
  color: white;
  margin: 0;
}

div#home_top_image  p{
  font-size: 20px;
  padding: 0vw;
  width:30%;
  padding-left: 6vw;
  color: white;
  margin: 0;
}

@media (max-width:800px) {
    div#home_top_image {
        min-height: 750px;
    }
  }

@media (max-width:800px) {
    div#home_top_image p {
      width: 80%;
    }
  }

  @media (max-width:800px) {
    div#home_top_image h1 {
      width: 90%;
    }
  }

/*div#home_top_image::after{
  content:'Make smart retrofit decisions using the latest thermal imaging technology and DREam – our online platform that shows you how to save energy and access funding fast.';
      
    font-size:1rem;
    font-weight:bold;
    font-family:Noto Sans JP;
    width:40%;
    position:absolute;
    bottom:10%;
    left:10%;
    color:white;
}*/

div#page_cont_all {
    width: 100vw;
    max-width: 1280px;
    margin: 0 auto;
}

body {
    font-size: 0.8rem;
    font-family: Arial;
    padding: 0;
    margin: 0;
    border: none;
}

div#logo {
    height: auto;
    overflow: hidden;
    width: 150px;
}

#logo img {
    width: 100%;
    max-width: 100%;
}

#logo a {
    display: inline-block;
}

.navbar_r {
    justify-content: flex-end;
}

.cleardiv {
    display: none;
}

img {
    max-width: 100%;
}

.wid_3 {
    display: flex;
    justify-content: flex-start;
    flex: 1 1 25%;
    flex-direction: row;
    gap: 6%;
    margin-top: 100px;
    align-content: center;
    padding-bottom: 150px;
    padding-left: 3vw;
    padding-right: 3vw;
}

@media (max-width: 900px) {
    .wid_3 {
      flex-direction: column;
      align-items: center;
      gap: 40px;
      flex-wrap: wrap;
      margin: 0px;
    }
  }

.wid_3Box a img {
    width: 100%;
}

.wid3_Box img {
    max-width: 100%;
}

.wid_3Box h2 {
    font-family: noto sans JP;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0px;
}

.wid_3Box p {
   margin-bottom: 0px;
}

.wid_3Box {
    width: 45%;
    align-content: center;
    overflow: hidden;
    border-radius: 70px 0px 70px 0px;
    border: 3px solid #2A283D;
    background: none;
    padding: 60px;
}



div#all {
    padding: 0;
    margin: 0;
    border: 0;
}

a.back-to-top {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 999;
    color: #fff;
}

.footer {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    width: 86vw;
    padding: 20px;
    margin-top: 10px;
}

.footer_logo img {
    margin-top: -75px;
    width: 100px;
    position: absolute;
    left: 0;
    margin-left: 5vw;
}

.fl.links a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
}

.fl.links {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 1rem;
    /* text-align: center; */
    margin: 0 auto;
}

.footer_dark {
    width: 86vw;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

h2 {

font-size: 2rem;
}

.wid_1 {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-right: 5%;
}

.wid_2 {
    display: inline-block;
    width: 100%;
}

h3 {
    font-size: 1.6rem;
}

.box_grey a {
    padding: 20px;
    border: 1px solid darkblue;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
    color: var(--darkblue);
    margin-top: 20px;
}

form {
    border-radius: 15px;
}



fieldset {
    border-radius: 15px;
    /* height: 30px; */
}




label {
    height: 50px;
}

.footer_mid {
    width: 100%;
}

a.wp-block-button__link.has-black-color.has-white-background-color.has-text-color.has-background {
    border-radius: 100px;
    background-color: #fff;
    padding: 1rem;
    overflow: hidden;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    /* border-color: #6ac2d2; */
    /* background-color: #6ac2d2; */
    color: #2a283d;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-size: 0.8rem;
    border-radius: 50px;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    margin-left: 6vw;
}

.wp-block-buttons {
    margin-top: 50px;
}

div#home_top_image:after {
    content: '';
    width: 100vw;
    max-width: 6000px;
    height: 800px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-image: url(https://staging.yellowsubcreative.com/irt/wp-content/uploads/2021/06/wave_white-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;

}

.points_container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 8vh;
    padding-top: 100px;
  }

  @media (max-width:750px) {
    div.points_container {
      padding-top: 0px;
      padding-bottom: 10px;
    }
  }

  @media (max-width:750px) {
    div.three_points {
      padding: 0px;
      width: 60%;
    }
  }

  @media (max-width:750px) {
    .heat_image {
      display: none;
    }
  }

  .three_points{
    font-size: 20px;
    padding-left: 100px;
    width: 25vw;
    padding-right: 20px;
  }
  h2 {
      font-weight: Bold;
      font-size: 28px;
  }
  .heat_image img {
    max-width: 85%
  }
  .heat_image {
    flex-basis: 45%;
    padding-left: 120px;
  }
  

.search_box {
    background-color: #2A283D;
    border-radius: 50px;
    padding: 50px;
    display: flex;
    margin: 30px;
    justify-content: center;
    gap: 5%;
    color: #fff;
}

@media (max-width:750px) {
    div.search_box {
        flex-direction: column;
        gap: 40px;
        flex-wrap: wrap;
        margin: 25px;
        padding: 25px;
    }
  }

.form_block_home fieldset {
    min-height: 30px;
    border: none;
    background-color: white;
    border-radius: 30px 30px 0px 30px;
    padding-right: 0px;
}



input#icode.formfield.ff250 {
    border: none;
    background-color: none;
    line-height: 30px;
    padding-left: 20px;
    font-size: 16px;
    font-family: Noto Sans JP;
}
@media (max-width:600px) {
    input#icode.formfield.ff250 {
        width: 40vw;
    }
  }

input#pcodecheck.formfield.ff100 {
    border: none;
    background-color: none;
    line-height: 30px;
    padding-left: 20px;
    font-size: 16px;
    font-family: Noto Sans JP;
}
@media (max-width:600px) {
    input#pcodecheck.formfield.ff100 {
        width: 40vw;
    }
  }

input.formbut {
    border: none;
    background-color: #6AC2D2;
    float: right;
    line-height: 32px;
    border-radius: 30px 30px 0px 30px;
    margin-right: 5px;
    color: #fff;
    padding-left: 8px;
    font-size: 16px;
}

@media (max-width:320px) {
    input.formbut  {
        display: none;
    }
  }

input.formbut2 {
    border: none;
    background-color: #ED4E67;
    float: right;
    line-height: 32px;
    border-radius: 30px 30px 0px 30px;
    margin-right: 5px;
    color: #fff;
    padding-left: 8px;
    font-size: 16px;
}

@media (max-width:320px) {
    input.formbut2  {
        display: none;
    }
  }

.form_block_home {
    /*width: 420px;*/
    padding-bottom: 10px;
}


.search_box h3 {
    font-size: 18px;
    font-weight: bold;
}

.rounded_box {
    border-radius: 50px;
    display:flex;
    flex-wrap:wrap;
    width: 100%;
    max-width: 85vw;
    margin: 0 auto;
}


.split {
    height: 200px;
    width: 50%;
    z-index: 1;
    overflow: hidden;
  }
  
  .left {
    left: 0;
    background-image: url(../_img/nathan-riley-iOMkcADNoq8-unsplash.jpeg);
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    border-radius: 50px 0px 0px 50px;
  }

  @media (max-width:800px) {
    .rounded_box {
       justify-content: center;
    }
  }

  @media (max-width:800px) {
    .left {
       display: none;
    }
  }

  @media (max-width:800px) {
    .right {
       border-radius: 50px 50px 50px 50px !important; 
       width: 85vw;
    }
  } 
  .right_container {
    padding-left: 40px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-right: 20px;  }

  .right {
    right: 0;
    background-color: #F2F2F2;
    border-radius: 0px 50px 50px 0px;
    margin: 0;
    color: #2A283D;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .tour-text p{
      display:inline-block;
  }

  .fa-angle-double-right {
      padding-left: 10px;
      font-size: 1rem;
      
  }
  
  .right h2{
   font-weight: bold;
   padding-bottom: 10px;
   margin: 0px;
  }

  .right p{
    margin: 0px;
    display: inline;
   }

 
  
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }




div.end_wave {
    margin-bottom: 0px
}

div.purple_wave {
    width: 100vw;
    position: relative;
    margin-bottom: 0px
}


div.wave_box { 
    background-color:#2A283D; 
    color: #fff;
    width: 100%;
    margin-top: -5px;
    padding-bottom: 10vh;
    padding-top: 40px;
 } 
 @media (max-width:700px) {
    div.wave_box {
        padding-bottom: 8vh;
    }
  }

div.help_text { 
    margin: 0px;
    width: 50vw;
    text-align: left;
    width: 40vw;
    margin: auto;
 } 

 div.help_text h2{ 
   font-weight: bold;
   padding-bottom: 0px;
 } 
 
 div.help_text p{ 
    font-weight: 400;
    padding-bottom: 0px;
    margin: 0px;
  } 

  @media (max-width:800px) {
    div.help_text {
        width: 80vw;
    }
  }

  a { color: inherit; } 

  footer {

    background-color: #646363;
    color: #B6B6B6;
  
}

  .footer_container {
      display: flex;
      justify-content: space-between;
      margin: 0%;
      padding-left: 10vw;
      padding-right: 10vw;
  }

  .footer_icon {
    text-align: center;
  }

  .footer_icon img {
    padding: 40px 0px;
    max-width: 60%;
    align-self: center;
    min-width: 60px;
  }

  .balance_box {
      width: 10%;
  }

  .footer_links {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  @media (max-width: 900px) {
    .footer_links {
      padding-top: 3vh;
      padding-bottom: 3vw;
      display: contents;
    }
  }

  .footer_links a {
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  padding: 20px;
  }

  #copyright {
      padding-top: 25px;
      display: flex;
      justify-content: center;
      text-align: center;
  }

  @media (max-width: 900px) {
    #copyright {
      padding-bottom: 20px;
    }
  }

  @media (max-width: 900px) {
    .footer_container {
      flex-direction: column;
      align-items: center;
      flex-wrap: wrap;
      margin: 0px;
    }
  }

    /**********************************/
    /* END OF HOMEPAGE */
    /**********************************/

    .login_screen {
        display: flex;
        flex-direction: row;
        margin-top: -150px;
    } 

    .login_image {
        z-index: -1;
        height: 100vh;
        width: 35%;
        background-image: url(../_img/nathan-riley-iOMkcADNoq8-unsplash.jpeg);
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }

    .login_interface {
        padding-top: 32vh;
        padding-bottom: 5vh;
        display: flex;
        flex-direction: column;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        max-width: 23.75rem;
        margin: 0 auto;
    }

    .login_icon {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .login_icon img{
        width: 40%;
    }

    .interface_text h2 {
        color: #2a283d;
        font-size: 18px;
        padding-top: 30px;
    }

    .interface_text fieldset {
        display: flex;
        flex-direction: column;
        border: none;
        padding: 0px;
        margin: 0px;
    }

    input#uemail.formfield.ff250 {
        border-radius: 5px;
        border-color: #DDE1E8;
        height: 40px;
        width: 270px;
        font-family: Noto Sans JP;
        padding-left: 15px;
        border-style: solid;
        margin-bottom: 30px;
    }

    input#upw.formfield.ff250 {
        border-radius: 5px;
        border-color: #DDE1E8;
        height: 40px;
        width: 270px;
        font-family: Noto Sans JP;
        padding-left: 15px;
        border-style: solid;
        margin-top: 15px;
    }

    input.login {
        margin-top: 30px;
        border: none;
        background-color: #ED4E67;
        line-height: 32px;
        border-radius: 5px;
        color: #fff;
        padding: 5px 0px;
        font-size: 16px;
        width: 50%;
    }

    .tooltip2 {
        position: relative;
        display: inline-block;
        font-family: Noto Sans JP;
        color: #2A283D;
        padding-left: 18px;
        font-weight: 300;
      }
      
      .tooltip2 .tooltiptext2 {
        visibility: hidden;
        width: 300px;
        background-color: #DDE1E8;
        color: #2A283D;
        text-align: center;
        border-radius: 6px;
        padding: 15px 15px;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -150px;
        font-family: Noto Sans JP;
      }
      
      .tooltip2 .tooltiptext2::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
      }
      
      .tooltip2:hover .tooltiptext2 {
        visibility: visible;
      }

    /**********************************/
    /* END OF Login PAGE */
    /**********************************/

      .coral_page {
        background-color: #ED4E67;
        width: 100vw;
      }

    .housesurvey_text {
        color: var(--dark-blue);
        font-size: 18px;
    }

    .console_container {
        width: 75vw;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
    }

    @media (max-width:700px) {
        .console_container {
            width: 96vw;
        }
      }

    .searchbuttons_container {
        display: flex;
        padding: 10px 60px;
        justify-content: center;
      }

      @media (max-width:800px) {
        .searchbuttons_container {
            flex-direction: column;
            align-items: center;
        }
      }

      .searchbuttons_container a {
        display: block;
        background-color: var(--dark-blue);
        color: white;
        text-decoration: none;
        padding-top: 11px;
        padding-bottom: 11px;
        border-radius: 30px;
        width: 160px;
        margin-left: 12px;
        margin-right: 12px;
        text-align: center;
        font-size: 1rem;
        font-family: Noto Sans JP;
      }
      @media (max-width:1000px) {
        .searchbuttons_container a{
            margin-top: 12px;
        }
      }

      ._searchform2 {
          display: block;
          justify-content: center;
          background-color: yellow;
      }

      .clientlogo_container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background-color: white;
        margin-top: 40px;
        border-radius: 0px 70px 0px 0px;
        padding: 60px 5vw;
      }



      .clientlogo_container img {
          width: 18%;
          align-self: center;
          min-width: 140px;
      }

      @media (max-width:700px) {
        .clientlogo_container a {
            font-size: 0.8rem;
        }
      }

      @media (max-width:700px) {
        .clientlogo_container  {
            border-radius: 0px 30px 0px 0px;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }
      }

      .results_container {
          background-color: white;
          display: flex;
          flex-direction: column;
          width: 100%;
          margin-bottom: 40px;
          border-radius: 0px 0px 0px 70px;
      }

      .homesListPageButContainer {
          display: flex;
          flex-direction: row;
          justify-content: center;
      }

     .searchTable{
        width: 75vw;
        margin: 0 auto;
        padding: 40px;
     }
    
      .searchfield_container {
          background-color: white;
      }

      .search_constraint {
          width: 700px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin: 0px auto;
          background-color: #EFEFF0;
          padding-top: 30px;
          border-radius: 20px;
      }

      @media (max-width:1000px) {
        .search_constraint {
            width: 70vw;
        }
      }

      input#cityS.formfield.searchInput2 {
          border-radius: 20px;
          border-color: var(--dark-blue);
          border-style: solid;
          padding: 6px 12px;
          font-family: Noto Sans JP;
          width: 501px;
          height: 25px;
      }

      @media (max-width:800px) {
        input#cityS.formfield.searchInput2 {
            width: 40vw;
        }
      }

      .search_title {
          margin: 0px;
          padding-bottom: 4px;
          padding-left: 84px;
      }

      .search_title h3{
        margin: 0px;
        font-size: 16px;
    }

      input#pc.formfield.searchInput2 {
        border-radius: 20px;
        border-color: var(--dark-blue);
        border-style: solid;
        padding: 6px 12px;
        font-family: Noto Sans JP;
        width: 501px;
        height: 25px;
    }

    input#strName.formfield.searchInput2 {
        border-radius: 20px;
        border-color: var(--dark-blue);
        border-style: solid;
        padding: 6px 12px;
        font-family: Noto Sans JP;
        width: 501px;
        height: 25px;
    }

    .search_reset {
        display: flex;
        justify-content: center;
        padding-top: 16px;
        padding-bottom: 30px;
        font-family: Noto Sans JP;
    }

    .table_container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 50px;
        width: 80%;
        margin: 0px auto;
        padding-top: 60px;
    }

    @media (max-width:800px) {
        .table_container {
        overflow: scroll; 
        margin-bottom: 25px;      
     } .searchTable
        { width: 1000px;}
      }


    th {
        text-align: left;
        padding-bottom: 8px;
        border-bottom: 1px solid #C8CDD4;
        margin-bottom: 18px;
        padding-bottom: 8px;
        color: #2A283D;
    }

    tr {
        line-height: 180%;
    }
    
    .results_container form {
        justify-content: center;
        display: flex;
        padding-top: 2px;
        align-items: center;
        cursor:pointer;
    } 

    input#_prevPageBut {
        border-style: solid;
        border-color: #2A283D;
        border-radius: 5px;
        border-width: 2px;
        background-color: white;
        font-size: 18px;
        margin-right: 10px;
        padding-left: 7px;
        padding-right: 8px;
        padding-top: 3px;
        height: 36px;
    }
    input#_firstPageBut {
        border-style: solid;
        border-color: #2A283D;
        border-radius: 5px;
        border-width: 2px;
        background-color: white;
        font-size: 18px;
        margin-right: 10px;
        padding-left: 7px;
        padding-right: 8px;
        padding-top: 3px;
        height: 36px;
    }
    input#_nextPageBut {
        border-style: solid;
        border-color: #2A283D;
        border-radius: 5px;
        border-width: 2px;
        background-color: white;
        font-size: 18px;
        margin-left: 10px;
        padding-left: 7px;
        padding-right: 8px;
        padding-top: 3px;
        height: 36px;
    }
    input#_lastPageBut {
        border-style: solid;
        border-color: #2A283D;
        border-radius: 5px;
        border-width: 2px;
        background-color: white;
        font-size: 18px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 7px;
        padding-right: 8px;
        padding-top: 3px;
        height: 36px;
    }

    .perPageInfo {
        display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 3px;
    text-align: center;
    min-width: 100px;
    }

    .homesListPageButContainer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 60%;
        margin: 0px auto;
    }
    @media (max-width:900px) {
        .homesListPageButContainer  {
            flex-direction: column;
            display: flex;
            align-items: center;
            justify-content: center;
        }
      }

    .pagenav_part1 {
      display: flex;
      width: 10%;
    }

    .pagenav_part2 {
        display: flex;
        flex-direction: row;
        width: 80%;
        justify-content: center;
    }
    
    .pagenav_part3 {
        display: flex;
        flex-direction: row;
        width: 10%;
    }

    @media (max-width:900px) {
        .pagenav_part3  {
            justify-content: center;
            margin-top: 20px;
            min-width: 600px;
        }
      }

    .download_report input {
        border-style: none;
        border-radius: 15px;
        background-color: #EFEFF0;
        color: #2A283D;
        font-size: 16px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 40px;
        margin-top: 30px;
    }

    select.perPageSelect {
        border-style: solid;
        border-color: #2A283D;
        border-radius: 5px;
        border-width: 2px;
        background-color: white;
        font-size: 18px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 7px;
        padding-right: 8px;
        padding-top: 3px;
        padding-bottom: 4px;
    }

    input#itemsPerPage.itemsPerPage {
        border-style: none;
        border-radius: 15px;
        background-color: #2A283D;
        color: white;
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 9px;
        padding-bottom: 7px;

    }

    .searchOption.active a {
        box-shadow:0px 0px 0px 2px #2A283D inset;
        background-color: white;
        color: #2A283D;
    }

    ::-webkit-scrollbar{
        height: 8px;
        width: 0px;
        background: #C0C6CD;
        border-radius: 5px;
    }
    ::-webkit-scrollbar-thumb:horizontal{
        background: #2A283D;
        border-radius: 10px;
    }

    /**********************************/
    /* END OF console Page */
    /**********************************/

    @media (max-width:1400px) {
        .breakdown_container {
            width: 85vw !important;     
     } 
        .XXX { 
            width: 1000px;
    }
        .addmoreeeeee {}
      }


    @media (max-width:1280px) {
        .feature_div {
            flex-direction: column !important;   
            align-items: stretch !important;  
        } 
        .improvements_w250 { 
            width: 80vw !important;
            border-left: none !important;
            padding-left: 0px !important;
            margin-top: 20px;
        }
        .irtsavings_container {
            flex-direction: row !important;
            justify-content: left !important;
            gap: 5vw;
            margin-top: 15px;
        }
        .estimated_disclaimer {
            width: 65vw !important;
        }
        .gradient_container {
            padding-right: 0px !important;
        }
        .homeEnergyFeatures_container {
            width: 65vw !important;
            margin-bottom: 40px !important;
            margin-top: 60px !important;
        }
        .ratingtext_container {
            width: 65vw !important;
        }
        .househero_constraint {
            width: 80vw !important;
        }
        .ratingtext_text h2 {
            width: 25vw !important;
        }
      }

      @media (max-width:1000px) {
        .ratingtext_container {
            flex-direction: column !important;  
            gap: 4vw !important;   
        } 
        .ratingtext_text {
            width: 100% !important;
        }
        .ratingtext_text h2{
            width: 100% !important;
        }
        .ratingtext_rating h1 {
            font-size: 3.5rem !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }
        .househero_container {
            flex-direction: column !important;
        }
        .househero_container img {
            width: 50vw !important;
        }
        .button_balancer {
            align-items: flex-start !important;
        }
        .button_boxv3 {
            margin-top: 5vh !important;
        }
      }

      @media (max-width:800px) {
        .dontprint {
            flex-direction: column !important;     
        } 
        .askus_container { 
            padding-left: 6vw !important;
            width: 100% !important;
        }
        .dynamicrating_new {
            width: 85vw !important;
        }
        .house_information h2 {
            font-size: 20px !important;
        }
        .ratingtext_rating {
            margin-top: 10px !important;
        }
        .clientlogo_myhome {
            margin-bottom: 0px !important;
        }
      }

      @media (max-width:560px) {
        h2 {
            font-size: 24px !important;     
        } 
        h3 {
            font-size: 18px !important;
        }
        .dontprint {
            padding-bottom: 25px !important;
            padding-top: 25px !important;
            border-radius: 0px 10vw 0px 10vw !important;
        }
        .househero_container img {
            width: 80vw !important;
        }
        .clientlogo_myhome {
            flex-direction: column !important;
            align-items: center !important;
        }
        .housesurvey_text {
            font-size: 16px !important;
        }
      }

      .white-popup {
        position: relative;
        background: #fff;
        color: #2A283D;
        padding: 20px 60px;
        width: 70vw;
        max-width: 500px;
        margin: 20px auto;
    }



    .myhome_pageconstraint {
        /* width: 80vw; */
        margin: 0px auto;
    }

    .clientlogo_myhome {
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: white;
        margin-top: 40px;
        padding: 60px 5vw;
        gap: 15vw;
        margin-bottom: 60px;
    }

    .clientlogo_myhome img {
        width: 14%;
        align-self: center;
        min-width: 135px;
    }

    .househero_constraint {
        width: 65vw;
        margin: 0px auto;
    }

    .ilb_imageContainer {
        font-family: Noto Sans JP;
        position: relative;
        padding-top: 20px;
    }

    .ilb_imageContainer:hover #info_hover ,.ilb_imageContainer:focus #info_hover{
        display: block;
    }

    ._changeDetachType {
        background-color: #2A283D;
        height: 40px;
        border-radius: 50px;
        color: #fff;
        padding: 0px 20px;
        text-decoration: none;
        font-size: 0.9rem;
        display: inline-block;
        text-align: center;
        width: 120px;
        border-style: none;
        margin-right: 20px;
        cursor:pointer;
    }

    .open-popup-link {
        border-style: solid;
        border-width: 2px;
        height: 40px;
        border-radius: 50px;
        color: #2A283D;
        padding: 0px 20px;
        text-decoration: none;
        font-size: 0.9rem;
        display: inline-block;
        text-align: center;
        width: 150px;
        display: flex;
        justify-content: center;
        line-height: 2.3rem;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    
    }

    .ilb_imageContainer p {
        margin: 0px;
        font-size: 0.8rem;
    }

    .househero_container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-family: Noto Sans JP;
        margin-bottom: 100px;
        gap: 5vw;
        align-items: center;
        padding-left: 2vw;
    padding-right: 2vw;
    }

    .househero_container img {
        border-radius: 30px;
        width: 35vw;
    }

    #info_hover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        border: 1px solid black;
        background-color: #ffffff;
        padding: 5px 10px 5px 10px;
        display: none;
    }

    .placement_hovers {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000000;
        border: 1px solid black;
        background-color: #ffffff;
        padding: 5px 10px 5px 10px;
        width: 230px;
    }

    #info_hover .info_title {
        background-color: #2A283D;
        color: #ffffff;
        margin: -5px -10px 10px -10px;
        padding: 5px 10px 5px 10px;
    }

    .house_information {
        display: flex;
        flex-direction: row;
        gap: 3vw;
        align-items: center;
/*         padding-right: 5vw;
 */        color: #2A283D;
    }

    .house_information h2 {
        margin-bottom: 0px;
    }
    .house_information p {
        margin-top: 5px;
    }

    .information_leftside {
        border-right: 1px solid lightgrey;
        padding-right: 3vw;
    }

    .button_balancer {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .button_boxv3 {
        justify-content: left;
        display: flex;
        margin-top: 80px;
    }

    .button_boxv3 form {
        justify-content: center;
        display: flex;
        padding-top: 2px;
        align-items: center;
        cursor:pointer;
    } 


    .ratingtext_container {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 40vw;
        margin: 0px auto;
        font-family: Noto Sans JP;
        color: #2A283D;
        margin-bottom: 150px;
        margin-top: 120px;
        gap: 5vw;
    }

    .ratingtext_text {
        display: flex;
        flex-direction: column;
        width: 65%;
    }

    .ratingtext_text h2 {
        width: 17vw;
    }

    .ratingtext_rating {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: -20px;
    }

    .ratingtext_rating h1 {
        font-size: 88px;
        font-weight: bold;
        margin: 0px;
    }

    .rating_left {
        border-right: 1px solid lightgray;
        padding-right: 40px;
        margin-right: 40px;
    }

    .dynamic_ratingscontainer {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .rate_1_bg {
        background: url(https://www.thehousesurvey.co.uk/_assets/_img/TEMP/hp_rate1.jpg) no-repeat left top;
        width: 260px;
        height: 253px;
        margin-left: 10px;
        position: relative;
        margin-right: 6px;
    }

    .rate_1_bg .a1, .rate_2_bg .a1 {
        display: block;
        position: absolute;
        width: 27px;
        height: 19px;
        text-align: center;
        color: #fff;
        padding: 2px 0 0 6px;
        margin-top: 50px;
        background: url(https://www.thehousesurvey.co.uk/_assets/_img/TEMP/a_grey.png) no-repeat;
        left: 183px;
    }

    .rate_1_bg .a2, .rate_2_bg .a2 {
        display: block;
        position: absolute;
        width: 27px;
        height: 19px;
        text-align: center;
        color: #fff;
        padding: 2px 0 0 6px;
        margin-top: 50px;
        background: url(https://www.thehousesurvey.co.uk/_assets/_img/TEMP/a_green.png) no-repeat;
        left: 223px;
    }

    .rate_2_bg {
        background: url(https://www.thehousesurvey.co.uk/_assets/_img/TEMP/hp_rate2.jpg) no-repeat left top;
        width: 260px;
        height: 253px;
        margin-left: 17px;
        position: relative;
    }

    .dynamicrating_new {
        width: 65vw;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
        margin-top: 120px;
    }

    .dynamicrating_new h3 {
        font-size: 1.2em;
        font-weight: bold;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .sliders_v2 {
        display: flex;
        flex-direction: row;
        position: relative;
        padding-bottom: 30px;
    }

    .slider_one {
        align-items: center;
        display: flex;
        flex-direction: row;
        padding-bottom: 8px;
        position: absolute;
        /* left: -74px; */
        color: #2A283D;
        font-size: 1rem;
        gap: 6px;
    }

    .slider_one img {
        width: 18px;
        align-self: center;
        -webkit-transform:rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .slider_two {
        align-items: center;
        display: flex;
        flex-direction: row;
        padding-bottom: 8px;
        position: absolute;
        left: -14px;
        color: #009B05;
        font-size: 1rem;
        gap: 6px;
    }

    .slider_two img {
        width: 18px;
        align-self: center;
    }



    .homeEnergyFeatures_container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 40vw;
        margin: 0px auto;
        font-family: Noto Sans JP;
        color: #2A283D;
        margin-bottom: 150px;
        margin-top: 120px;
    }

    .breakdown_container {
        color: #2A283D;
        width: 65vw;
        margin: 0px auto;
    }

    .breakdown_container h3 {
        font-weight: bold;
        margin-bottom: 6px;
        margin-bottom: 20px;
    }

    .gradient_container {
        color: #2A283D;
        padding-right: 5vw;
    }

    .feature_div {
        display: flex;
        flex-direction: row;
        /* gap: 7vw; */
        margin-bottom: 8vh;
        font-family: Noto Sans JP;
        justify-content: center;
        align-items: flex-end;
    }

    .ilb {
        display: inline-block;
        vertical-align: top;
        width: 320px;
    }
    .bar_all {
        width: 100%;
        min-width: 325px;
        margin-top: 5px;
    }
    .bar_tit {
        float: none;
        font-size: 1.2em;
        font-weight: bold;
    }

    .tooltip {
        display: inline-block;
        color: #000000;
        cursor: help;
        text-decoration: none;
        position: relative;
        border: 1px solid #333;
        height: 16px;
        width: 15px;
        text-align: center;
        font-size: 0.9em;
        font-family: Arial, Helvetica, sans-serif;
        padding: 0 0 0 1px; 
    }

    .tooltip span {
        margin-left: -999em;
        position: absolute;
        text-align: left;
    }
    .tooltip:hover span { /* apply target rule on element with span */
        font-family: Arial, Helvetica, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 250px;
        text-align: left;
    }
    .bar_tit span {
        font-size: 0.9em;
        font-weight: normal;
        color: #222;
    }
    
    .bar_marker_all {
        width: auto;
        margin-top: 3px;
    }
    .bar_marker {
        display: block;
        position:relative;
        text-indent: 10px;
    }

    .bar_marker::before{
        content:'';
        background: url(../_img/up_arrow.png) no-repeat bottom left;
        display: block;
        padding: 0 0 0 0;
        text-align: right;
        width: 14px;
        height: 15px;
        background-size: contain;
        position: absolute;
        left: -2px;    
    }

    .bar_marker_standard {
        background: url(../_img/down_arrow.png) no-repeat right bottom;
        display: inline-block;
        padding: 0 0 1px 0;
        text-align: left;
        width: 70px;
        height: 12px;
        font-size: 0.9em;
        background-size: contain;
        color: #069C03;
    }
    .bar_1x {
        margin-top: 0;
        background: url(../_img/gradient_bar.png) no-repeat;
        background-size: cover;
        width: 100%;
        height: 40px;
        display: block;
        font-weight: 700;
        font-family: Noto Sans JP;
    }
    .bar_2x {
        height: 100%;
        float: left;
        vertical-align: middle;
        padding: 3px 0 0 5px;
        margin-left: 8px;
        color: #ffffff;
        align-items: center;
        display: flex;
        margin-top: -2px;
    }
    .bar_3x {
        height: 100%;
        float: right;
        padding: 3px 5px 0 0;
        margin-right: 8px;
        color: #ffffff;
        align-items: center;
        display: flex;
        margin-top: -2px;
    }
    .poorLabel {
        display: inline-block;
        background-color: #FF0501;
        color: rgb(255, 255, 255);
        padding: 3px 6px;
        border-radius: 3px;
        font-size: 0.7rem;
    }
    .goodLabel {
        display: inline-block;
        background-color: #069C03;
        color: rgb(255, 255, 255);
        padding: 3px 6px;
        float: right;
        position: relative;
        left: 4px;
        border-radius: 3px;
        font-size: 0.7rem;
    }
    .ilbb {
        display: inline-block;
        vertical-align: top;
        margin-left: 30px;
        font-size: 1rem;
    }
    .improvements_w250 {
        width: 20vw;
        font-family: Noto Sans JP;
        font-size: 1rem;
        border-left: 1px solid lightgrey;
        padding-left: 5vw;
        padding-right: 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .irtsavings_container {
        font-size: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ilc {
        display: inline-block;
        vertical-align: middle;
        border-left: 1px solid #EFEFF0;
        padding: 1vw 5vw 1vw 5vw;
    }
    .fat_green {
        color: #009B00;
        font-weight: bold;
    }

    .estimated_disclaimer {
        width: 40vw;
        margin: 0px auto;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .dontprint {
        background-color: #2A283D;
        color: white;
        border-radius: 0px 5vw 0px 5vw;
        display: flex;
        width: 100%;
        max-width: 85vw;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        margin-bottom: 100px;
        justify-content: space-between;
    }
    
    .savings_container {
        box-sizing: border-box;
        padding: 3vw 6vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    } 
    .savings_container h2{
        margin-top: 5px;
    } 

    .savings_container h3{
        font-size: 1.4rem;
        margin-top: 5px;
        font-weight: bold;
       } 

    .savings_container h4{
     font-size: 0.9rem;
     opacity: 0.5;
     margin-bottom: 5px;
     font-weight: bold;
    } 

    .askus_container {
        width: 50%;
        box-sizing: border-box;
/*         padding: 5vw 7vw;
 */     padding-top: 5vw;
        padding-bottom: 5vw;
        padding-right: 7vw;
        padding-left: 2vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    /**********************************/
    /* END OF MyHome Page */
    /**********************************/

    .makechange_container {
        width: 540px;
        display: flex;
        flex-direction: column;
        margin: 0px auto;
        margin-bottom: 60px;
        font-family: Noto Sans JP;
        color: #2A283D;
    }

    .makechange_container h3 {
        font-size: 1.2em;
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .makechange_container form {
        display: flex;
        justify-content: space-between;
    }

    .modify_titlebox {
        margin-bottom: 10px;
    }

    select#typeBox.combobox {
        border-radius: 5px;
        border-color: #DDE1E8;
        height: 40px;
        width: 30vw;
        font-family: Noto Sans JP;
        padding-left: 5px;
        border-style: solid;
        margin-bottom: 20px;
    }
    select#detachmentBox.combobox {
        border-radius: 5px;
        border-color: #DDE1E8;
        height: 40px;
        width: 30vw;
        font-family: Noto Sans JP;
        padding-left: 5px;
        border-style: solid;
        margin-bottom: 20px;
    }
    input#ageBox.combobox {
        border-radius: 5px;
        border-color: #DDE1E8;
        height: 40px;
        width: 30vw;
        font-family: Noto Sans JP;
        padding-left: 5px;
        border-style: solid;
        margin-bottom: 20px;
    }
    select#fuelBox.combobox {
        border-radius: 5px;
        border-color: #DDE1E8;
        height: 40px;
        width: 30vw;
        font-family: Noto Sans JP;
        padding-left: 5px;
        border-style: solid;
        margin-bottom: 20px;
    }

    button.propertyFeatureUpdate {
        background-color: #2A283D;
        height: 40px;
        border-radius: 50px;
        color: #fff;
        padding: 0px 20px;
        text-decoration: none;
        font-size: 0.9rem;
        display: inline-block;
        text-align: center;
        width: 120px;
        border-style: none;
        margin-right: 20px;
        cursor: pointer;
    }


    /**********************************/
    /* END OF ChangeDetachtype Page */
    /**********************************/

    @media (max-width: 1400px) {
        .epcContainerDiv {
            margin-left: 6vw !important;
            }
        }

     @media (max-width: 1300px) {
        .epcfilter_container {
            flex-direction: column !important;
            }
        .epcContainerDiv {
            margin-left: 0vw !important;
            margin-top: 40px;
        }
    }
        

    @media (max-width: 800px) {
    .table_container2 {
    overflow: scroll;
    margin-bottom: 25px !important;
        }
    }
    @media (max-width: 508px) {
    .searchContainerDiv {
        flex-direction: column !important;
        gap: 1vh;
     }
    select#postCode {
        width: 60vw !important;
    }
    select#_city {
        width: 60vw !important;
    }
    select#_address {
         width: 60vw !important;
    }

    .preDefQueryButsContainer {
        height: 130px !important;
    }
    .queryBoxDiv {
        flex-direction: column !important;
    }
    }




  

    /* .reportAll {
        width: 1215px;
        margin: 0px auto;
    } */

    .epcfilter_container {
        width: 100%;
        background-color: white;
        padding-left: 5vw;
        padding-right: 5vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
    }
    .epcContainerDiv {
        /* height: 350px;
        width: 520px; 
        margin: 0px auto 15px;
        position: relative; */
        background-color: #fff;
        display: flex;
        flex-direction: column;
        font-family: Noto Sans JP;
        color: #2A283D;
        width: 25vw;
        margin-left: 10vw;
    }

    .epcPara1 h2 {
        margin: 0px;
        font-size: 1.2rem;
        font-weight: bold;

    }
    .epcPara2 p {
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .epc_selection {
        display: flex;
        flex-direction: row;
        margin-bottom: 40px;
    }

    .epcBarsContainer {
        display: flex;
        flex-direction: column;
        gap: 6px;
       /*  height: 280px;
        width: 75px; 
        position: relative;*/
        margin-right: 20px;
        background-color: #fff;
    }
    .epcBarsContainer p {
        margin: 0px;
    }
    ._epcBars {
        display: inline-block;
        width: 400px;
        /* position: relative; */
        top: -13px;
        background-color: #fff;
    }

    .epcBandDiv {
        border-width: 2px;
        border-color: #2A283D;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 0px;
        padding-bottom: 2px;
        border-style: solid;
        border-radius: 6px;
    }

    .preDefQueryContainer {
        font-family: Noto Sans JP;
        color: var(--dark-blue);
    }

    .preDefQueryButsContainer {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height:90px;
    }

    .preDefQueryBut {
        background-color: #E7E7E9;
        border-style: none;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        margin-top: 8px;
    }

      
    .preDefQueryBut:hover {
          background-color:#6AC2D2;
          padding-bottom: 10px;
          padding-top: 10px;
          padding-left: 18px;
          padding-right: 18px;
          border-radius: 12px;
    }
      
    .preDefQueryBut:focus {
        background-color:#2A283D;
        color: white;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        font-weight: 500;
    }
    .preDefQueryBut:target {
        background-color:#2A283D;
        color: white;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        font-weight: 500;
    }


    .queryBoxDiv form {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .queryBoxDiv {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding-right: 5vw;
        align-items: center;
        background-color: white;
        padding-top: 40px;
    }     
    
    .table_container2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 50px;
        width: 100%;
        margin: 0px auto;
    }
   
    .queryBoxTitle {
        margin-right: 10px;
    }

    .queryBoxTitle2 {
        margin-left: 10px;
    }

    .preDefQueries {
        margin-top: 40px;
    }

    .searchContainerDiv {
        display: flex;
        flex-direction: row;
    }

    .searchContainerDiv a {
        display: block;
        background-color: var(--dark-blue);
        color: white;
        text-decoration: none;
        padding-top: 8px;
        padding-bottom: 8px;
        border-radius: 30px;
        width: 140px;
        margin-right: 12px;
        text-align: center;
        font-size: 0.9rem;
        font-family: Noto Sans JP;
    }

   /* select#postCode {
        height: 35px;
        border-radius: 12px;
        border-color: #2A283D;
        width: 394px;
        padding-left: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-width: 2px;
        background-color: white;
    }
    select#_city {
        height: 35px;
        border-radius: 12px;
        border-color: #2A283D;
        width: 394px;
        padding-left: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-width: 2px;
        background-color: white;
    }
    select#_address {
        height: 35px;
        border-radius: 12px;
        border-color: #2A283D;
        width: 394px;
        padding-left: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-width: 2px;
        background-color: white;
    }*/

    .searchBoxContainerDiv form {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    input._searchFormbut {
        height: 35px;
    border-radius: 12px;
    border-style: solid;
    border-color: #6AC2D2;
    margin-left: 5px;
    background-color: #6AC2D2;
    color: white;
    }

    input#max.formbut4.minMaxFormBut {
        height: 35px;
        border-radius: 12px;
        border-style: solid;
        border-color: #6AC2D2;
        margin-left: 5px;
        background-color: #6AC2D2;
        color: white;
    }

    input#minMax.minMaxInput {
        height: 29px;
        border-radius: 12px;
        border-color: #2A283D;
        width: 54px;
        padding-left: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-width: 2px;
        background-color: white;
    }

    .showPreDefQuery{
        background-color: white !important;
    }
    .footer_message{
        width:60vw;
        margin:0 auto;
        background-color: #2A283D;
        color: white;
        border-radius: 0px 5vw 0px 5vw;
        padding: 20px 50px;
        margin: 50px;
    }

    .searchBoxContainerDiv2{
        margin:0 auto;
    }

    .divwrapper{
        display: flex;
        margin-top:10px;
    }

    ._searchFormbut2{
        background-color: var(--dark-blue);
    border: none;
    border-radius: 22.5px;
    width: 45px;
    height: 45px;
    color: white;
    margin-top: 10px;
    margin-left: 10px;
    }

    .searchDropdownDiv2 .searchDropdown {
        height: 45px;
        border-radius: 12px;
        border-color: #2A283D;
        width: 394px;
        padding-left: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-width: 2px;
        background-color: white;
        border-radius: 22.5px;
    }

    .cta_btn{
        background-color: white;
        padding: 20px 40px;
        border-radius: 20px;
        display: inline-block;
        margin-left: 6vw;
        margin-top: 4vh;
        text-decoration: none;
        font-weight: bold;
        font-size: 20px;
    }

    .nav_container input{
        display:none;
    }
    .nav_container label{
        padding-top:70px;
    }

    .nav_container label span{
        display:none;
    }

    .nav_container input:checked ~ label span:last-child{
        display:none;
    }
    .nav_container input:not(:checked) ~ label span:first-child{
       display:none;
    }

    @media all and (max-width:960px){
        .nav_container label span{
            display:block;
            font-size:30px;
        }

        .nav_container {
        
            top:70px;
            left:0px;
            overflow:hidden;
            z-index: 99;;
        }

        .nav_container ul{
            overflow:hidden;
            width:0;
            height:0;
            padding:0;
            margin:0;
            transition:width 0.5s, height 0.5s;
            list-style:none;
        }
        .nav_container input:checked ~ ul{
            width:200px;
            height:400px;
            top:70px;
            position:relative;
        }

        ul.topnav li{
            float:none;
        }

        ul.topnav li a{
            text-align: left;
            padding:10px;
        }


    }
	
	
ol.epc-bars
{
    list-style: none;
    padding: 0;
    margin: 0;
}

ol.epc-bars > li
{
    display: flex;
    padding-bottom: 5px;
}

ol.epc-bars > li > *
{
    height: 2em;
}

ol.epc-bars .epc-grade
{
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-right: 1rem;
}

.sliders_v2 > .slider_one
{
	padding-right: 1.6ch;
}

.sliders_v2 > .slider_one > img
{
    position: absolute;
    left: 100%;
    transform: translateX(-50%) rotate(180deg);
}