.custom_td {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left; 
    border-width: 0px; 
    border-style: solid;
    vertical-align: middle;
}


.brand-url {
  padding: 10px 30px 10px 30px;
  background-color: #1d1d1b;
  color:#fff;
  font-weight: 500;
  font-size:12px;
}

.brand-url:hover {
  background-color: #d0112b;
  color:#fff;
  text-decoration: none;
}

.brand-url-bottom {
  font-size:15px;
  font-weight: 500; 
  color:#1d1d1b;
}
.brand-url-bottom:hover {
  color:#d0112b;
  text-decoration: none;
}

.brand_img {

  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.brand_img:hover {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-filter: grayscale(0);
 filter: grayscale(0); }
}




@-webkit-keyframes flash {
  0% {  opacity: .3;  }
  100% { opacity: 1; }
}
@keyframes flash {
  0% { opacity: .3; }
  100% { opacity: 1;  }
}

.flash_intro {
 -webkit-filter: brightness(80%) grayscale(50%);
 -webkit-transition: .7s ease-in-out;
 -moz-filter: grayscale(100%); 
 -moz-transition: .7s ease-in-out;
 -o-filter: grayscale(100%); 
 -o-transition: .7s ease-in-out;
}

.flash_intro1 {
 -webkit-filter: brightness(125%) grayscale(0%);
 -webkit-transition: .7s ease-in-out;
 -moz-filter: grayscale(100%); 
 -moz-transition: .7s ease-in-out;
 -o-filter: grayscale(100%); 
 -o-transition: .7s ease-in-out;
}



.fishes
{
  position: relative;
  top: 0;
  left: 0;
}

.fish11
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:130px;
  height:35px;
  background-image: url(../images/services/asi_safety.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}
.fish12
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:180px;
  height:38px;
  background-image: url(../images/services/estilo.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}
.fish13
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:135px;
  height:30px;
  background-image: url(../images/services/hallett_concrete.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}
.fish14
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:180px;
  height:38px;
  background-image: url(../images/services/hallett_resources.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}
.fish15
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:180px;
  height:57px;
  background-image: url(../images/services/tesseract.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}

.fish16
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:90px;
  height:15px;
  background-image: url(../images/services/more.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}

.fish17
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:400px;
  height:650px;
  background-image: url(../images/tools_pickard.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}

.fish1
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:134px;
  height:23px;
  background-image: url(../images/logos/timber.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;

}

.fish2
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:150px;
  height:23px;
  background-image: url(../images/logos/joinery.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.fish3
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:300px;
  height:22px;
  background-image: url(../images/logos/building_supplies.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.fish4
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:180px;
  height:22px;
  background-image: url(../images/logos/timber_truss.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.fish5
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:123px;
  height:24px;
  background-image: url(../images/logos/steel.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.fish6
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:270px;
  height:23px;
  background-image: url(../images/logos/trade_centre.png);  
  background-size: 100% 100%;
  background-repeat: no-repeat;
}



.fish span { 
 color: white; 
 font: bold 26px/45px Helvetica, Sans-Serif; 
 letter-spacing: 0px;  
 padding: 10px;
 line-height: 28px; 
}

.flash:hover {
  opacity: 1;
  -webkit-animation: flash 1s;
  animation: flash 1s;

  -webkit-filter: brightness(40%)  grayscale(100%);
  -webkit-transition: .7s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .7s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .7s ease-in-out;
}


.flash {
 -webkit-filter: brightness(75%) grayscale(100%);
 -webkit-transition: .7s ease-in-out;
 -moz-filter: grayscale(100%); 
 -moz-transition: .7s ease-in-out;
 -o-filter: grayscale(100%); 
 -o-transition: .7s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .bigimages {
   height:300px;
 }
 .bidpadding {
  padding-left:0%;
}

.smallmargin{
  margin-left:0.8%;
}
.product_loop_div {
  margin-bottom: 0px !important;
}
}

@media only screen and (max-width: 767px) {
  .bigimages {
   height:150px;
 }
 .bidpadding {
  padding-left:0%;
}
.smallmargin{
  margin-left:0%;
}
.product_loop_div {
  margin-bottom: 30px !important;
}
}

@media only screen and (max-width: 479px) {
  .bigimages {
   height:150px;
 }
 .bidpadding {
  padding-left:0%;
}
.smallmargin{
  margin-left:0%;
}

}  

.darkerclass {
  opacity: 1;
  -webkit-animation: flash 1s;
  animation: flash 1s;

   filter: brightness(50%) grayscale(50%);
  -webkit-filter: brightness(50%) grayscale(50%);
  -webkit-transition: .7s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .7s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .7s ease-in-out;
}


.content-one {
  display:none;
}

.content-one_image {
  display:none;
}

.loop_header_text {
  font-size:30px; 
  font-weight:550;
  letter-spacing: -1px; 
  color:#4d4d4f; 
  margin-left:40px;
  vertical-align: top;
}

.slider_pagination_assist{
  margin-bottom:15px;
  margin-top:0px;
}

.loop_header_image {
  background-repeat:no-repeat; 
  background-position:center; 
  background-size:cover; 
  -webkit-background-size:cover; 
  height:200px; 
  border-radius: 40px 100px 0px 0px; 
  padding:0px; margin:0px; overflow: auto;
  cursor:default;
}

.loop_post_name {
  font-size:20px; 
  font-weight:700; 
  padding-left:35px;
  letter-spacing: -0.6px;

}

.loop_post_name_header {
  background-color: #d0112b; 
  color:white; 
  height:60px;
  padding:0px;
  vertical-align: middle; 
  line-height: 60px;  
  cursor:default;
}

.loop_expand_one {
  background-color: #d0112b; 
  color:white; 
  height:40px;
  padding:0px; 
  margin:0px;
  text-align: center; 
  vertical-align: middle; 
  line-height: 40px;
  cursor:pointer;
}

@media only screen and (max-width: 767px) {
  .indivual_company_footer
  {
    padding-bottom:30px;
  }

  .padding_box {
    padding-bottom:40px;
  } 

  .padding_map {
   padding-top:0px;
   padding-bottom:0px;
 } 

}

@media only screen and (min-width: 1241px) {
  .badge_location
  {
   top:100px; 
   left:50%;
  }
}

@media only screen and (max-width: 1240px) {
  .badge_location
  {
   top:0px; 
  
  }
}


@media only screen and (min-width: 768px) {
  .padding_box {
    padding-bottom:0px;
  }

  .indivual_company_footer_address
  {
   margin-left:80px;
 }

 .padding_map {
  padding-top:65px;
  padding-bottom:0px;
}


}


@media only screen and (max-width: 767px) {
  
 .brand-box-with-border {
  margin-top:2px;
  margin-bottom:0px;
  margin-right: -1px;
  padding-margin: -1px; 
  text-align:center; 
}

.brand-box-no-border {
 margin-top:2px;
 margin-bottom:0px; 
 text-align:center;
}
.brand-box-bottom-border {
 display:none;
}
.brand-desc {
  margin-bottom:25px !important;
}
}

@media only screen and (min-width: 768px) {

.brand-box-with-border {
  margin-top:10px;
  margin-bottom:0px;
  margin-right: -1px;
  padding-margin: -1px; 
  text-align:center; 
  border-right: 1px solid #8a8d91;
  border-left: 1px solid #8a8d91;
}
.brand-box-no-border {
 margin-top:10px;
 margin-bottom:0px; 
 text-align:center;
}
.brand-box-bottom-border {
 display:box;
}

}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  padding-top: 150px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;   
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}


@media only screen and (min-width: 768px) {
  .modal-content-width {
    width: 50%;
  }

.footer_body {
  height: 271px;
  width:100%;
}

.mobile_video_show
{
  display: block;
}

.footy_link
{
 display: none;
}

.text_style {
  text-align:justify
}

}

@media only screen and (min-width: 480px) {
.footy_style1 {
  padding-bottom:50px !important;
}


  }


@media only screen and (max-width: 479px) {
.footy_style1 {
  padding-bottom:470px !important;;
}

}
.reno_menu{
	background-image: url('../images/renovations/reno_menu_bg.jpg'); 
	background-repeat: no-repeat;
	background-size: cover;
	height: 46px;
}


@media only screen and (max-width: 767px) {
	.reno_menu{
		padding-top: 5px!important;
		height: 36px;"
	}

.text_style {
  text-align:initial;
}

  .modal-content-width {
    width: 75%;
  }

  .footer_body {
 /* height: 100%;*/
  width:100%;
}
.mobile_video_show {
 display: none;
}
.footy_link
{
 display: block;
}

	.renovations_landing 	.padding_top{
		padding-top: 0px;
	}
	.renovations_landing .address{
	font-size: 16px;
	line-height: 35px;
	text-align: center!important;
	}
	
	.align{
		text-align: center!important;
	}
	.renovations_landing .description_responsive{
		display:block !important;
	}
	
	.renovations_landing .description{
		display: none;
	}
	
	.renovations_landing .address_responsive{
			display: none;
	}
	.reno_text_landing{
	padding:  28px 3px 12px 2px!important;
		text-align: center!important;
		font-size: 15px;
	}
	#write-to-us{
		padding-bottom: 0px!important;
	}
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #d0112b;
  color: white;
  text-align: center;
}

.modal-body {padding: 8px 8px;}

.footer_upper {
  min-height: calc(100vh - 411px);
}

.footer_upper1 {
  min-height: calc(100vh - 361px);
}

.footer_upper2 {
  min-height: calc(100vh - 364px);
}



.hovertext {
  position: relative;
 
}

.hovertext::before {
 height: 100%; 
 content: ""; 
 background: rgba(255,255,255,0.75); 
 position: absolute; 
 top: 0; left: 0; right: 0; 
 opacity: 0;
}

.hovertext::after {
  content: attr(title);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: black;
  font-weight: 700;
  opacity: 0;
  font-size: 120%;
}
.hovertext:hover::after,.hovertext:hover::before, .hovertext:focus::after {
  opacity: 1.0;
}

.renovations_landing h4{
	letter-spacing: 8px;
	margin-bottom:0px!important;
}
.reno_text_landing{
	padding:  20px 23px 8px 2px;
	text-align: center;
}

.renovations_landing h3{
	letter-spacing: 3px;
	font-size: 34px;
	color: #1d1d1b!important;
}


select#reno_type{
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #1d1d1b;
   color: #555;
	padding: 10px;
   font-size: inherit;
   
   overflow: hidden;
  
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
}

.renovations_landing .description{
	padding-top:100px; text-align:  justify;
	    margin: 85px auto;
}
.renovations_landing .description_responsive{
display: none;
}

.renovations_landing .address{
	font-size: 14px;
	
	text-align: center;
}
.align{
	text-align: left;
}
#write-to-us{
	padding-top:0px;
	padding-bottom:70px;
	background-repeat:no-repeat;
	background-position:center top;
}
.mapwrapper {
    height: 400px;
   width: 400px!important;
	margin :41px 13%;
   overflow: hidden;
   border-radius: 50%;
	box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.3); /* rgba(0, 0, 0, 0.3)*/

 
 
}
.renovations_landing 	.padding_top{
		padding-top: 5%;
	}
.covid-19 ul{
	list-style: disc;
	padding-left: 18px;
	padding-bottom:9px;
}
.covid-19 ol{
	padding-left: 15px;
	padding-bottom:9px;
}

.covid-19 p{
	line-height: 23px;
	margin: 0 0 12px;
}
.covid-19 ol li{
    padding-left: 3px;
}

.covid-19 h3 {
    margin-bottom: 8px!important;
}