@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

* {
  margin:0;
  padding:0;
}
body {
  font-family: 'Poppins', sans-serif;
  
  background-color: #1A1C20;
  overflow-x: hidden;
}
*{
  box-sizing: border-box;
}

.header_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
  
    position: fixed;
    
    
    
}




.logo_img_box {
    display:flex;
    
    flex: 40%;
    padding: 5px;
        
  }

  .logo_img {
    
    width: 50%;
    padding: 5px;
    min-width: 220px;
    z-index: 25;
    
  }
    
  .menu_box {
    display:flex;
    flex: 80%;
    padding-top: 20px;
    padding-right: 30px;
    justify-content: right;
    
    height: 125px;
    position: fixed;
    
    margin:auto;
    background-color: rgba(00,00,00,.4);
    width:100%;
    
  }
  

  @media screen and (max-width: 700px) {
  .menu_box {
    height: 100px;
  }
  
   }
  
 


  
  .navLink a:link {
    padding: 0px 15px;
    text-decoration: none;
    color: white;
    /* background-color: rgba(26,28,32,.6); */
    border-radius: 6px;
  }
  
  .navLink a:visited {
    padding: 0px 4px;
    text-decoration: none;
    color: white;
  }
  
  
  .navLink a:hover {
    color: white;
    text-decoration: underline;
  }
  
  
  .navLink a:active {
    color: white;
  }
  
  .nav {
    /* background-color: rgba(00,00,00,.80);  */
    display:flex; 
    list-style-type: none;
    text-align: center;
    margin:0;
    padding: 10px 0px 0px 0px;
    width:100%;
    /* z-index: 500; */
  
    
  }
  
  
  .nav li {
    /* display: inline-block; */
    font-size: 18px;
    padding: 10px;
    vertical-align: middle;
    /* font-weight: 800; */
    /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
    
  }
  
  
  
  .dropbtn {
    background-color:#343434;
    color: white;
    padding: 10px;
    font-size: 20px;
    border: none;
    cursor: pointer;
    width: 110px;
    margin-top: 20px;
    margin-right: 20px;
    
  }
  
  .dropbtn:hover, .dropbtn:focus {
    background-color: darkgray;
  }
  
  .dropdown {
    /* float: right; */
    position: relative;
    display: inline-block;
    /* z-index: 500; */
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    /* z-index: 500; */
   }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    
  }
  
  .dropdown a:hover {background-color: #ddd;}
  
  .show {display: block;}
  
  
  .drop_container {
    visibility: hidden;
    position: absolute;
    vertical-align: middle;
    right: 0px;
  /* z-index: 500; */
  
  }
  
  
  .nav {
    display: flex;
    visibility: visible;
    height:100px;
    justify-content: space-evenly;
    /* z-index: 500; */
  }
  
  /* On screens that are 992px or less, se nav to a menu button */
  @media screen and (max-width: 900px) {
  .nav {
    visibility: hidden;
  }
  
  .drop_container {
    visibility: visible;
  }

 }
  

 


 
  .idx_section1_pic {
    display: flex;
    justify-content: center;
    width:100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }



  .idx_section1 {
    display: flex;
    justify-content: center;
    width:100%;
    
    
  }



.sticky_scroll {
    display: flex;
    z-index: 2;
    color:white;
    font-size: 3rem;
    

    color: black;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    
  
}


.idx_section1_btn_box {
  background-color: rgba(16,17,19,1.0);
  padding-bottom: 20px;
  
}

  .idx_section1_btn {
    /* background-color: #484848; */
    
      /* place the overlay element in the same grid area as the content element */
      display: flex;
      z-index: 2;
    
    
    color:white;
   margin:0px;
    padding: 10px;
    border-radius: 0px;
    justify-content: center;
    width:100%;
    background-color: rgba(16,17,19,1.0);
    
  }
  
  
  @media screen and (max-width: 700px) {
    .idx_section1_btn {
      
      padding:4px;
      width:auto;
      /* margin-bottom: 15px; */

      
    }
  
  }
  
  
  
  
  .idx_section1_btn a:link {
     color: white;
   text-decoration: none;
    }
  
  .idx_section1_btn a:visited {
    color: white;
    text-decoration: none;
     }
  
  
  
  .idx_section1_btn a:hover {
    color: white;
    text-decoration: underline;
  }
  
  
  .idx_section1_btn a:active {
    color: white;
    text-decoration: none;
     }
  
  .idx_section1_btn_txt {
    padding: 10px;
    /* font-size: 1.1em; */
    font-size: 18px;
    background-color: #3495D9;
    border-radius: 0px;

  }
  
  


  
  .idx_hr_line_txt {
    overflow: hidden;
    text-align: center;
    color: white;
    font-size: calc(10px + 1.0vw);
    margin-top: 35px;
    margin-bottom: 15px;
    padding-bottom: 5px;;
    
    
  }
  
  .idx_hr_line_txt::before,
  .idx_hr_line_txt::after {
    background-color: white;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    
  }
  
  .idx_hr_line_txt::before {
    right: 0.5em;
    margin-left: -50%;
  }
  
  .idx_hr_line_txt::after {
    left: 0.5em;
    margin-right: -50%;
  }  



  .section2_main { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    
} 

.idx_renovation_spcialist_pic {
  /* margin: 20px 20px 20px 0px; */
  padding: 30px;
}

.section2_child1 { 
    display: flex;
    width: 50%; 
    /* height: 100vh;  */
    height:auto;
    background-color: #1A1C20; 
    /* background-color: red; */
    align-items: center; 
    /* font-size: 2vw; */
    /* font-size: 20px; */
    color: white; 
} 

.section2_child2 { 
    display: flex;
    align-items: center;
    width: 50%; 
     height:auto;
    /* height: 100vh;  */
}

.idx_renovation_spcialist_pic {
    width:100%;
}

.idx_renovation_spcialist_txt {
    padding: 20px;
    /* font-size: 1.3em; */
    /* font-size: 26px; */
    text-align: left;
}


.idx_section2_txt_top {
  font-size: 26px;
  font-weight: bold;
  width: 100%;
  /* text-align: left; */
}
.idx_section2_txt_top2 {
  font-size: 20px;
  width: 100%;
  /* text-align: left; */
}
/* Section2 Media */

@media screen and (max-width: 700px) {
  .idx_renovation_spcialist_txt {
    padding: 20px;
    /* font-size: 1.3em; */
    /* font-size: 26px; */
    text-align: center;
}

  .idx_section2_txt_top { 
    /* display: flex;  */
    /* flex-direction: row;  */
    /* flex-wrap: wrap; */
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }  

  .idx_section2_txt_top2 { 
    /* display: flex;  */
    /* flex-direction: row;  */
    /* flex-wrap: wrap; */
    font-size: 18px;

    text-align: center;
    
  }  

  .section2_main { 
    display: flex; 

    flex-flow: column wrap;
    /* width:750px; */
    
    
    
  } 
  
 .section2_child1 {
  width:100%;
  
 }

 .section2_child2 {
  width:100%;
 }

}


/* End Section2 Media */










/* section 1b */


.section1b_main { 
  display: flex; 
  flex-direction: row; 
  /* flex-wrap: wrap; */
  /* background-color: rgba(0,0,0,1.0); */
  
} 





.section1b_child1 { 
  display: flex;
  width: 100%; 
  /* height: 100vh;  */
  height:auto;
  /* background-color: #1A1C20;  */
  background-color: rgba(16,17,19,1.0);
  align-items: center; 
  /* font-size: 2vw; */
  font-size: 26px;
  font-weight: bold;
  color: white; 
  padding: 15px 15px 0px 15px;
} 

.section1b_child2 { 
  display: flex;
  width: 100%; 
  /* height: 100vh;  */
  height:auto;
  /* background-color: #1A1C20;  */
  background-color: rgba(16,17,19,1.0);
  align-items: center; 
  /* font-size: 2vw; */
  font-size: 20px;
  padding: 0px 15px 0px 15px;
  color: white; 
} 


.idx_renovation_spcialist_txt1b2 {
  padding: 20px;
  /* font-size: 1.3em; */
  font-size: 20px;
  text-align: left;
}

@media screen and (max-width: 700px) {
  .idx_renovation_spcialist_txt1b { 
    /* display: flex;  */
    /* flex-direction: row;  */
    /* flex-wrap: wrap; */
    font-size: 18px;
    text-align: center;
  }  

  .idx_renovation_spcialist_txt1b2 { 
    /* display: flex;  */
    /* flex-direction: row;  */
    /* flex-wrap: wrap; */
    font-size: 18px;
    text-align: center;
    
  }  

  .section1b_main { 
    display: flex; 

    flex-flow: column wrap;
    /* width:750px; */
    
    
  } 
  
 

}




/* end section 1b */
















.idx_gallery_heading {
text-align: center;
}



.idx_gallery_heading_txt {
  font-size: 26px;
  color: white;
  padding: 35px;
  font-weight: bold;
}

@media screen and (max-width: 700px) {
.idx_gallery_heading_txt {
  font-size: 20px;
}

}








.idx_section3_txt {
    /* font-size: .75em; */
    font-size: 20px;
}


.section3_main { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    
} 

.section3_child1 { 
    display: flex;
    width: 50%; 
    /* height: 100vh;  */
    height:auto;
    /* background-color: #1A1C20;  */
    background-color: rgba(16,17,19,1.0);
    align-items: center; 
    /* font-size: 2vw; */
    color: white; 
} 

.section3_child2 { 
    display: flex;
    align-items: center;
    width: 50%; 
     height:auto;
    /* height: 100vh;  */
    background-color: rgba(16,17,19,1.0);
    font-size: 26px;
    /* font-weight: bold; */
}

.idx_design_pic {
    width:50%;
    padding:30px;
}

.idx_design_txt {
    padding: 20px;
    /* font-size: 1.6em; */
    font-size: 20px;
    
    text-align: left;
    color: white;
}

.idx_design_txt3 {
  padding: 20px;
  /* font-size: 1.6em; */
  font-size: 20px;
  
  text-align: left;
  color: white;
}


.idx_section3_btn_box {
  background-color: rgba(16,17,19,1.0);
  padding-bottom: 20px;
  
}

.idx_section3_btn {
    /* background-color: #484848; */
    
      /* place the overlay element in the same grid area as the content element */
      display: flex;
      z-index: 2;
    
    
    color:white;
   
    padding: 10px;
    border-radius: 0px;
    justify-content: center;
    /* width:200px; */
    background-color: rgba(16,17,19,1.0);
    margin: 0;
    width:100%;
    
    
  }
  
  
  @media screen and (max-width: 700px) {
    .idx_section3_btn {
      
      padding:4px;
      width:auto;
      
      
    }

    .idx_section3_btn_txt {
      font-size: 16px;
      padding:4px;
      width:auto;
      
      
    }


    .idx_section3_txt {
    
        font-size: 18px;

    }

    .idx_renovation_spcialist_txt {
      
      font-size: 16px;
      
  }

  .idx_design_txt3 {
    
    font-size: 16px;

}
  
  }



  /* section3 media wrap */
  @media screen and (max-width: 700px) {

  
    .idx_design_txt3 { 
      /* display: flex;  */
      /* flex-direction: row;  */
      /* flex-wrap: wrap; */
      font-size: 16px;
  
      text-align: center;
      
    }  
  
    .section3_main { 
      display: flex; 
  
      flex-flow: column wrap;

      flex-direction: column-reverse;
      /* width:750px; */
      
      
      
    } 
    
   .section3_child1 {
    width:100%;
    
   }
  
   .section3_child2 {
    width:100%;
    font-size: 20px;
    /* font-weight: bold; */
   }
  
  }
  
  /* end section3 media wrap */
  
  
  
  
  .idx_section3_btn a:link {
     color: white;
   text-decoration: none;
    }
  
  .idx_section3_btn a:visited {
    color: white;
    text-decoration: none;
     }
  
  
  
  .idx_section3_btn a:hover {
    color: white;
    text-decoration: underline;
  }
  
  
  .idx_section3_btn a:active {
    color: white;
    text-decoration: none;
     }
  
  .idx_section3_btn_txt {
    padding: 10px;
    /* font-size: 1.1em; */
    font-size: 20px;
    /* background-color: #740B06; */
    background-color: #3495D9;
    
    border-radius: 0px;
  }
  
  

/* Section3 media */



/* end section3 media */









  .section4_main {
    display: flex;
    flex-direction: row;
    font-size: 20px;
    text-align: center;
    padding-bottom:30px;
  }
  
  .section3_gallery1 {
    /* background-color: #f1f1f1; */
    padding: 10px;
    flex: 25%;
  }
  
  .section3_gallery2 {
    /* background-color: dodgerblue; */
    padding: 10px;
    flex: 25%;
  }

  .section3_gallery3 {
    /* background-color: dodgerblue; */
    padding: 10px;
    flex: 25%;
  }

  .section4_gallery3 {
    /* background-color: dodgerblue; */
    padding: 10px;
    flex: 25%;
  }

  .section3_gallery4 {
    /* background-color: dodgerblue; */
    padding: 10px;
    flex: 25%;
  }

  .section3_gallery5 {
    /* background-color: dodgerblue; */
    padding: 10px;
    flex: 25%;
  }

  .section3_gallery6 {
    /* background-color: dodgerblue; */
    padding: 10px;
    flex: 25%;
  }
  
  /* Responsive layout - makes a one column-layout instead of two-column layout */
  @media (max-width: 700px) {
    .section4_main {
      flex-direction: column;
    }
  }





  .footer_box { 
    display: flex;
    background-color: rgba(16,17,19,1.0);
    box-sizing: border-box;
    padding-bottom:25px;
    line-height: 3px;
    justify-content: center;
    width:99vw;
    
    }

  .footer_address_container {
      background-color: rgba(16,17,19,1.0);
    display: flex;
    flex-direction: column;
    padding:0px;
    margin: 0px;
    text-align: center;
    width: 99vw;
  justify-content: center;
  }
  .footer_social_container {
      background-color: rgba(16,17,19,1.0);
    display: flex;
    flex-direction: row;
    align-items: center;
    width:99vw;
  }
  .footer_logo_container {
      background-color: rgba(16,17,19,1.0);
      
      width:99vw;
      text-align: center;
  }

  .footer_box div {
    font-size: 18px;
    padding: 10px;
    color: white;
    flex: 1;
  }
  
  .footer_logo_img {
      width:250px;
     
  }
  .footer_fb, .footer_pin, .footer_inst {
      width: 30px;
      
  }
  
  @media screen and (max-width: 700px) {
    .footer_box { 
      display: flex; 
      flex-flow: column wrap;
      width:99vw;
      }  

      .footer_logo_img {
        width:200px;
        
    }

  .footer_address_container {
    width:99vw;
    margin:0;
  }

    .footer_social_container {
      text-align: center;
      width:99vw;
      margin:0;
    }

    .footer_fb, .footer_pin, .footer_inst {
      width: 30px;
      
  }
  
   
  
    .footer_box div {
    font-size: 14px;
    
    color: white;
    flex: 1;
  }
    .footer_logo_container {
      padding: 0px;
      width:99vw;
      margin:0;
      text-align: center;
    }
    footer {
      width:99vw;
    }
  }






  
  .copydate {
    /* background-color: #343434; */
    background-color: rgba(16,17,19,1.0);
    text-align: center;
    padding: 0px 0px 30px 0px;
    color: white;
    width:100%;
    font-size: 14px;
  }
  


  @media screen and (max-width: 700px) {
  .copydate {
    font-size: 12px;
  }
  }


  
  .about_section1_pic {
    display: flex;
    justify-content: center;
    width:100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }



  .about_section1 {
    display: flex;
    justify-content: center;
    width:100%;
    
    
  }










.port_section1_main { 
  display: flex; 
  width:100%;

} 
.port_section1_txt {
  /* font-size: .75em; */
  font-size: 20px;
  padding:10px;
}

.port_section1_child1 { 
  display: flex;
  width: 50%; 
  /* height: 100vh;  */
  height:auto;
  background-color: #1A1C20; 
  align-items: center; 
  /* font-size: 2vw; */
  color: white; 
  padding: 30px;
} 

.port_section1_child2 { 
  display: flex;
  align-items: center;
  width: 50%; 
   height:auto;
  /* height: 100vh;  */
  justify-content: center;
  
}

.port_design_pic {
  width:50%;
  height: auto;
  /* aspect-ratio: 1 / 1; */

}










.port_section1_gallery_heading {
  text-align: center;
  }
  
  
  
  .port_section1_gallery_heading_txt {
    font-size: 26px;
    color: white;
    padding: 35px 0px 5px 0px;
    font-weight: bold;
  }
  
  @media screen and (max-width: 700px) {
  .port_section1_gallery_heading_txt {
    font-size: 20px;
  }

  .port_section1_txt {
    /* font-size: .75em; */
    font-size: 16px;
    padding:4px;
  }
  
  }
  
  


/* port sect 2 */

.port_section2_txt {
  /* font-size: .75em; */
  font-size: 20px;
  padding:10px;
}


.port_suffolk_blk {
  background-color: rgba(16,17,19,1.0);  ;
}

.port_section2_main { 
  display: flex; 
  background-color: rgba(16,17,19,1.0); 
  width:100%;
} 


.port_section2_child1 { 
  display: flex;
  width: 50%; 
  /* height: 100vh;  */
  height:auto;
  background-color: rgba(16,17,19,1.0); 
  align-items: center; 
  /* font-size: 2vw; */
  color: white; 
  /* margin-bottom: 15px; */
  padding:30px;
} 

.port_section2_child2 { 
  display: flex;
  align-items: center;
  width: 50%; 
   height:auto;
  /* height: 100vh;  */
  background-color: rgba(16,17,19,1.0);
  justify-content: center;
  padding:30px;
}

.port_section2_gallery_heading {
  text-align: center;
  }
  
  
  
  .port_section2_gallery_heading_txt {
    font-size: 26px;
    color: white;
    padding: 35px 0px 5px 0px;
    font-weight: bold;
  }
  
  @media screen and (max-width: 700px) {
  .port_section2_gallery_heading_txt {
    font-size: 20px;
  }

  .port_section2_txt {
    /* font-size: .75em; */
    font-size: 16px;
    padding:4px;
  }
  
  }


/* port section 3 */
.port_section3_txt {
  /* font-size: .75em; */
  font-size: 20px;
  padding:10px;
}


.port_section3_main { 
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap;
  width:100%;
} 


.port_section3_child1 { 
  display: flex;
  width: 50%; 
  /* height: 100vh;  */
  height:auto;
  background-color: #1A1C20; 
  align-items: center; 
  /* font-size: 2vw; */
  color: white; 
  /* margin-bottom: 15px; */
  padding:30px;
} 

.port_section3_child2 { 
  display: flex;
  align-items: center;
  width: 50%; 
   height:auto;
  /* height: 100vh;  */
  justify-content: center;
}


.port_section3_gallery_heading {
  text-align: center;
  }
  
  
  
  .port_section3_gallery_heading_txt {
    font-size: 26px;
    color: white;
    padding: 35px 0px 5px 0px;
    font-weight: bold;
  }
  


@media screen and (max-width: 700px) {
  .port_design_pic {
    width:100%;
    height: auto;
  
  }

  .port_section3_txt {
    /* font-size: .75em; */
    font-size: 16px;
    padding:4px;
  }

  .port_section1_child1 {
    width:100%;
    height: auto;
    padding: 30px;
  
  }

  .port_section2_child2 {
    width:100%;
    height: auto;
    padding: 30px;
  
  }

  .port_section3_child1 {
    width:100%;
    height:auto;
    padding:30px;
  }

}


.port_design_txt a:link {
   color: white;
 text-decoration: none;
  }

  .port_design_txt a:visited {
  color: white;
  text-decoration: none;
   }



   .port_design_txt a:hover {
  color: white;
  text-decoration: underline;
}


.port_design_txt a:active {
  color: white;
  text-decoration: none;
   }

   /* .port_design_txt {
  padding: 5px;
  font-size: 1.1em;
  background-color: #740B06;
  border-radius: 10px;
} */


.port_design_txt {
  /* background-color: #484848; */
  
    /* place the overlay element in the same grid area as the content element */
    display: flex;
    
  
  position: static;
  color:white;
 
  padding: 10px;
  /* border-radius: 20px; */
  
  /* width:200px; */
  /* font-size: 1.1em; */
  font-size: 20px;
  background-color: #3495D9;
  border-radius: 0px;
  justify-content: center;
  align-items: center;
}


@media screen and (max-width: 700px) {
  .port_section3_gallery_heading_txt {
    font-size: 20px;
  }
  
  }


@media screen and (max-width: 700px) {
  .port_design_txt {
    
    padding:8px;
    width:auto;
    font-size: 16px;
    min-height:47px;
    
  }


}


@media screen and (max-width: 700px) {
  .port_section1_main {
    
    display: flex;
    flex-flow: column wrap;
    width:100%;
    align-items: center;
    
    
  }


  .port_section2_main {
    
    display: flex;
    flex-flow: column wrap;
    width:100%;
    align-items: center;
    flex-direction: column-reverse;
    
    
  }

  .port_section3_main {
    
    display: flex;
    flex-flow: column wrap;
    width:100%;
    align-items: center;
    
    
  }

.port_section1_child2 {
  padding-bottom: 20px;
  width:100%;
}  

.port_section2_child1 {
  padding-bottom: 20px;
  width:100%;
}  



.port_section3_child2 {
  width:100%;
  padding-bottom: 20px;
}  


}







/* invest */


     
.invest_grid-container {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 0px;
  background-color: #1A1C20;
  padding: 10px;
border-width: 0;
  margin: 0px 0px 0px 0px;
  justify-content: start;
 
}

.invest_grid-item {
  background-color: rgba(255, 255, 255, 1.0);
  place-self: center;
  padding: 20px;
  /* font-size: 20px; */
  font-size: 20px;
  
}




.port_item_invest1 {
  grid-column: 1 / span 2;
  grid-row: 1;
  /* place-self: center; */
  color: white;
  
   }

   /* .port_item_nor2 {
      grid-column: 2;
      grid-row: 1;
      color: white;
       } */






.invest_item1 {
  grid-column: 1;
  grid-row: 2;
  text-align: left;
  background-color: #1A1C20;
  margin:0px;
  
}



.invest_item2 {
  grid-column: 2;
  grid-row: 2;
  background-color: #1A1C20;     
}





.port_item_invest3 {
  grid-column: 1 / span 2;
  grid-row: 3;
  /* place-self: center; */
  color: white;
   }

   /* .port_item_nor2 {
      grid-column: 2;
      grid-row: 1;
      color: white;
       } */

.invest_item3 {
  grid-column: 1;
  grid-row: 4;
  text-align: center;
  background-color: #1A1C20;
}

.invest_item4 {
  grid-column: 2;
  grid-row: 4;
  text-align: center;
  background-color: #1A1C20;
}

.invest_item5 {
  grid-column: 1;
  grid-row: 5;
  text-align: center;
  background-color: #1A1C20;
}

.invest_item6 {
  grid-column: 1 / span 2;
  grid-row: 5;
  background-color: #1A1C20;
}

.invest_btn {
    background-color:#3495D9;
    color:white;
    border-radius: 0px;
    padding:10px;
    text-decoration: none;
    width:200px;
    text-align: center;
    
}


.invest_btn a:link {
   color: white;
 text-decoration: none;
  }

  .invest_btn a:visited {
  color: white;
  text-decoration: none;
   }



   .invest_btn a:hover {
  color: white;
  text-decoration: underline;
  
}


.invest_btn a:active {
  color: white;
  text-decoration: none;
   }


   .invest_quote {
   padding: 30px;
   color:white;
   }

   .invest_body {
      background-color: #1A1C20;
   }

   .invest_old {
      
      color:white;
   }
   .invest_new {
      
      color:white;
   }




   

.hr_invest {
  overflow: hidden;
  text-align: center;
  color: white;
  /* font-size: calc(10px + 1.0vw); */
  font-size: 20px;
  margin-top: 25px;
  padding-bottom: 15px;;
  
  
}

.hr_invest::before,
.hr_invest::after {
  background-color: white;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  
}

.hr_invest::before {
  right: 0.5em;
  margin-left: -50%;
}

.hr_invest::after {
  left: 0.5em;
  margin-right: -50%;
}  
 /* End Invest */




 
 .hr_port {
  overflow: hidden;
  text-align: center;
  color: white;
  /* font-size: calc(10px + 1.0vw); */
  font-size: 20px;
  margin-top: 0;
  padding-bottom: 15px;;
  
  
}

.hr_port::before,
.hr_port::after {
  background-color: white;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  
}

.hr_port::before {
  right: 0.5em;
  margin-left: -50%;
}

.hr_port::after {
  left: 0.5em;
  margin-right: -50%;
}  












.second_block_img_container {
 
  width:100%;
  align-items: end;
  margin-top: 20px;
  
}




.imggrid_row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 0px;
  justify-content: center;
  
}

/* Create four equal columns that sits next to each other */
.imggrid_column {
  -ms-flex: 33%; /* IE10 */
  flex: 33%;
  max-width: 27%;
  padding: 0 1px;
  margin: 0px 0px;
}

.imggrid_column img {
  margin-top: 2px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 700px) {
  .imggrid_column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .imggrid_column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }

}



.portfolio_button_container_full {
  /* background-color: #141b42; */
  display:flex;
 background-color: #1A1C20;
height: 100px;
padding: 15px 15px 15px 15px;
text-align: center;
width:100%;
justify-content: center;
align-items: center;

}




.portfolio_button_full {
  /* background-color: #484848; */
  display: flex;
  background-color: #3495D9;
  border: none;
  color: white;
  padding: 10px;
  /* text-align: center; */
  /* place-self: center; */
  text-decoration: none;
  
  /* font-size: 22px; */
  font-size: 20px;
  /* margin: 4px 2px; */
  cursor: pointer;
  width:auto;
  justify-content: center;
align-items: center;
  
}

@media screen and (max-width: 700px) {
  .portfolio_button_full {
font-size: 16px;
padding:8px;
min-height: 47px;
  }

}


.portfolio_button_full a:link {
  color: white;
text-decoration: none;
 }

 .portfolio_button_full a:visited {
 color: white;
 text-decoration: none;
  }



  .portfolio_button_full a:hover {
 color: white;
 text-decoration: underline;
}


.portfolio_button_full a:active {
 color: white;
 text-decoration: none;
  }











  /* About Section 2*/


  .about_section2_txt {
    /* font-size: .75em; */
    font-size: 20px;
}


.about_section2_main { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    background-color: #1A1C20; 
} 

.about_section2_child1 { 
    display: flex;
    width: 50%; 
    /* height: 100vh;  */
    height:auto;
    background-color: #1A1C20; 
    /* background-color: rgba(16,17,19,1.0); */
    align-items: center; 
    /* font-size: 2vw; */
    color: white; 
} 

.about_section2_child2 { 
    display: flex;
    align-items: center;
    width: 50%; 
     height:auto;
    /* height: 100vh;  */
    /* background-color: rgba(16,17,19,1.0); */
    background-color: #1A1C20; 
}

.about_design_pic_section2 {
    width:50%;
    padding:30px;
}

.about_design_txt_section2 {
    padding: 20px;
    /* font-size: 1.6em; */
    font-size: 20px;
    
    text-align: left;
    color: white;
}

.about_design_txt3_section2 {
  padding: 20px;
  /* font-size: 1.6em; */
  font-size: 20px;
  
  text-align: left;
  color: white;
}


  
  @media screen and (max-width: 700px) {
    

    .about_section2_txt {
    
        font-size: 18px;

    }

    .about_renovation_spcialist_txt_section2 {
      
      font-size: 16px;
      
  }

  .about_design_txt3_section2 {
    
    font-size: 18px;

}
  
  }



  /* section3 media wrap */
  @media screen and (max-width: 700px) {

  
    .about_design_txt3_section2 { 
      /* display: flex;  */
      /* flex-direction: row;  */
      /* flex-wrap: wrap; */
      font-size: 16px;
  
      text-align: center;
      
    }  
  
    .about_section2_main { 
      display: flex; 
  
      flex-flow: column wrap;

      /* flex-direction: column-reverse; */
      /* width:750px; */
      
      
      
    } 
    
   .about_section2_child1 {
    width:100%;
    
   }
  
   .about_section2_child2 {
    width:100%;
   }
  
  }
  
  /* End About Section 2 */

.padding3 {
  padding:30px;
}






  /* About Section 3 */

  .about_section3_main { 
    display: flex; 
    flex-direction: row; 
    /* flex-wrap: wrap; */
    background-color: rgba(16,17,19,1.0);
} 

.about_renovation_spcialist_pic_section3 {
  /* margin: 20px 20px 20px 0px; */
  padding: 30px;
}

.about_section3_child1 { 
    display: flex;
    width: 50%; 
    /* height: 100vh;  */
    height:auto;
    /* background-color: #1A1C20;  */
    /* background-color: red; */
    background-color: rgba(16,17,19,1.0);
    align-items: center; 
    /* font-size: 2vw; */
    /* font-size: 20px; */
    color: white; 
} 

.about_section3_child2 { 
    display: flex;
    align-items: center;
    width: 50%; 
     height:auto;
    /* height: 100vh;  */
    background-color: rgba(16,17,19,1.0);
}

.about_renovation_spcialist_pic_section3 {
    width:100%;
}

.about_renovation_spcialist_txt_section3 {
    padding: 20px;
    /* font-size: 1.3em; */
    /* font-size: 26px; */
    text-align: left;
}


.about_section3_txt_top {
  font-size: 26px;
  font-weight: bold;
  width: 100%;
  /* text-align: left; */
}
.about_section3_txt_top2 {
  font-size: 20px;
  width: 100%;
  /* text-align: left; */
}
/* Section2 Media */

@media screen and (max-width: 700px) {
  .about_renovation_spcialist_txt_section3 {
    padding: 20px;
    /* font-size: 1.3em; */
    /* font-size: 26px; */
    text-align: center;
}

  .about_section3_txt_top { 
    /* display: flex;  */
    /* flex-direction: row;  */
    /* flex-wrap: wrap; */
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }  

  .about_section3_txt_top2 { 
    /* display: flex;  */
    /* flex-direction: row;  */
    /* flex-wrap: wrap; */
    font-size: 16px;

    text-align: center;
    
  }  

  .about_section3_main { 
    display: flex; 

    flex-flow: column wrap;
    flex-direction: column-reverse;
    /* width:750px; */
    
    
    
  } 
  
 .about_section3_child1 {
  width:100%;
  
 }

 .about_section3_child2 {
  width:100%;
 }

}


  /* End About Section 3 */




  .invest_gallery_heading {
    display: grid;
    grid-column: auto auto;
    text-align: center;
    width:100%;
    
    }
    
    
    
    .invest_gallery_heading_txt {
      
      font-size: 26px;
      color: white;
      padding: 35px;
      font-weight: bold;
      margin-left: 50%;
      margin-right: -50%;
      

    }
    
    @media screen and (max-width: 700px) {
    .invest_gallery_heading_txt {
      font-size: 20px;
    }
    
    }










    
.about_meet_team {
  font-size: 26px;
  font-weight: bold;
  /* width: 100%; */
  /* text-align: left; */
}
.about_meet_team_txt {
  font-size: 20px;
  /* width: 100%; */
  /* text-align: left; */
}
/* Section2 Media */

@media screen and (max-width: 700px) {
 

  .about_meet_team { 
    /* display: flex;  */
    /* flex-direction: row;  */
    /* flex-wrap: wrap; */
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }  
}