@charset "UTF-8";
@import url(font-awesome.min.css);

/*jl type css added	*/



.weight500 {
  	font-weight:600;
  }

ul {
  display: block;
  list-style-type: "> ";
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 20px;
  margin-right: 0px;
  padding-left: 0px;
} 
 
div div ul li {
  color:#888888;
  font-size: 12px;
  font-weight: 400;
  text-decoration:none;
}
 div div ul li a {
  text-decoration:none;
}
 div div ul li a:hover {
  text-decoration:underline;
}

/* --------------------jl GRIDS--- */

.greylight { 
  color:#cccccc;
}
.greymid { 
  color:#888888;
}
.typsz14 { 
  font-size: 14px;
}
.griditem1 { 
	grid-area: 1 / 1 / 2 / 2; 
	text-align:left;
	font-size: 16px;color:#dddddd;
}
.griditem2 { 
	grid-area: 1 / 2 / 2 / 3; 
	text-align:left;  font-size: 16px;color:#dddddd;
}
 .griditem3 { 
	grid-area: 1 / 3 / 2 / 4; 
	text-align:left;  font-size: 16px;color:#dddddd;
}

.grid-container {
  display: grid;
  grid-auto-columns:33.33%;
  grid-gap: 10px;
  background-color: transparent;
  padding: 0% 10% 0% 10%;
}

.grid-container > div {
  background-color: transparent;
  text-align: left;
  padding: 5px 10px 5px 10px;

}
.jl-boiler-list {
	color:#cccccc;
	line-height:1.20em;
} 

/* --------------------GRIDS--- */

.typcolaaaaaa {
color:#aaaaaa;
}
.weight400 {
			font-weight:500;
			}
.ninety-pct {
			display:block;
			position:relative;
			width:90%; 
			margin-left:5%;
			margin-right:5%;
			text-align:center;
			}
.eighty-pct {
			display:block;
			position:relative;
			margin-left:10%;
			margin-right:10%;
			width:80%; 
			text-align:center;
			}
 .buttonsbelow:active, .buttonsbelow {
			background-color:rgba(0, 123, 0, .5);
			} 
.buttonsbelow {
			background-color:rgba(0, 123, 0, .5);
			} 
.buttonjl, .buttonjl:hover {
			background-color:rgba(0, 123, 0, .5);
			border-radius:12px;
			border-width:0px;
			} 
.buttonjl {
			display:inline-block;
			position:relative;
			background-color:rgba(0, 123, 0, .5);
			border-radius:12px;
			border-width:2px;
			border-color:#dddddd;
			} 
		.jlfl {
text-align:left; padding-left:8px;
}
		.typ44-200 {
			font-size:84px; 
			font-weight:100;
		}
		.jllinebelow {
			text-align:left;
			border:1px;
		}
		.circle-WHITE-trans {
			display:inline-block;
			position:relative;
			width:350px;
			align-self:center;
			margin-left:50%;
			margin-right:50%;
			border-radius:175px;
			background-color:rgba(255, 255, 255, .3);)
			}
		div#footer{
		background-color:#993333;
		}
html {
  scroll-behavior: smooth;
  }
.jl50pctscale {
  width:400px;
  -ms-transform: scale(0.5,0.5); /* IE 9 */ 
  -moz-transform: scale(0.5,0.5); /* m */
  -webkit-transform: scale(0.5,0.5); /* Safari prior 9.0 */
  -o-transform: scale(0.5,0.5); /* op */
  transform: scale(0.5,0.5); /* Standard syntax */
  }
.jlcaption-smaller{
	position:relative;
	font-size:14px;
  	font-weight:500;
  	color:#666666;
  	}
.jlcaption-smaller{
	position:relative;
	top:-10px;
	font-size:10px;
  	font-weight:400;
  	color:#444444;
  	line-height:12px;
  	}
.jlcaption-container {
	position:relative;
	position:relative;
	top:0px;
	left:15px;
	}
.jltitlecolour {
  	color:#bd7221;
  	}
.up30{
    display:block;
    position:relative;
    top:-30px;border-width:0px;
    border-color:white;  
    background-color:white;
    }
.up20{
    display:block;
    position:relative;
    top:-20px;border-width:0px;
    border-color:white;
    }
.up10#termup{
    display:block;
    position:relative;
    top:-2px;    border-width:0px;
    border-color:white;
    }
div.content, div.box.up30{
    border-width:0px;border-width:0px;
    border-color:white;
    background-color:white;
    }
    
/* jl bk image animated */

.jlbkimage{  
  border: 0px;
  padding: 0px;
  height:250px;
  position:relative;
  background-color: #a39fa9;
  background-image: url(images/IMG_4437.PNG);
  background-repeat: no-repeat;
  background-position: 0px -0px;
  background-size: 110% 110%;
  background-origin: border-box;
  -webkit-animation-name: jlbkimageanim;
  -webkit-animation-duration: 44s; 
  -webkit-animation-iteration-count: 100; 
  -webkit-animation-attachment: fixed; 
  -webkit-animation-timing-function: linear; 
  -moz-animation-name: jlbkimageanim;
  -moz-animation-duration: 44s; 
  -moz-animation-iteration-count: 100; 
  -moz-animation-attachment: fixed; 
  -moz-animation-timing-function: linear;
  -ms-animation-name: jlbkimageanim;
  -ms-animation-duration: 44s; 
  -ms-animation-iteration-count: 100; 
  -ms-animation-attachment: fixed; 
  -ms-animation-timing-function: linear;
  -o-animation-name: jlbkimageanim;
  -o-animation-duration: 44s; 
  -o-animation-iteration-count: 100; 
  -o-animation-attachment: fixed; 
  -o-animation-timing-function: linear; 
  animation-name: jlbkimageanim; 
  animation-duration: 44s; 
  animation-iteration-count: 100; 
  animation-timing-function: linear; 
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes jlbkimageanim {
  0%   {background-position: 0px 0px; background-size: 110% 110%; }
  25% {background-position: 100% 70%; background-size: 190% 190%; }
  50%  {background-position: 10% 70%; background-size: 190% 190%; }
  75%  {background-position: 5% 10%; background-size: 175% 175%; }
  100% {background-position: 0px 0px; background-size: 110% 110%; }
}
/* ie */
@-moz-keyframes jlbkimageanim {
  0%   {background-position: 0px 0px; background-size: 110% 110%; }
  25% {background-position: 100% 70%; background-size: 190% 190%; }
  50%  {background-position: 10% 70%; background-size: 190% 190%; }
  75%  {background-position: 5% 10%; background-size: 175% 175%; }
  100% {background-position: 0px 0px; background-size: 110% 110%; }
}
/* m */
@-ms-keyframes jlbkimageanim {
  0%   {background-position: 0px 0px; background-size: 110% 110%; }
  25% {background-position: 100% 70%; background-size: 190% 190%; }
  50%  {background-position: 10% 70%; background-size: 190% 190%; }
  75%  {background-position: 5% 10%; background-size: 175% 175%; }
  100% {background-position: 0px 0px; background-size: 110% 110%; }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes jlbkimageanim {
  0%   {background-position: 0px 0px; background-size: 110% 110%; }
  25% {background-position: 100% 70%; background-size: 190% 190%; }
  50%  {background-position: 10% 70%; background-size: 190% 190%; }
  75%  {background-position: 5% 10%; background-size: 175% 175%; }
  100% {background-position: 0px 0px; background-size: 110% 110%; }
}

/* Standard syntax */
@keyframes jlbkimageanim {
  0%   {background-position: 0px 0px; background-size: 110% 110%; }
  25% {background-position: 100% 70%; background-size: 190% 190%; }
  50%  {background-position: 10% 70%; background-size: 190% 190%; }
  75%  {background-position: % 10%; background-size: 175% 175%; }
  100% {background-position: 0px 0px; background-size: 110% 110%; }
}
		/* end jl edits */