@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

BODY {
background:#fff url(https://www.brookfield.wales/gifs/newlogo.png) no-repeat;
background-position:-50px 0px;
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
padding:0px;
font-family:"Open Sans",sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 

IMG.fullscreenall{
width:100%;
margin:7px;
}
IMG.productcart{
height:99px;
}
IMG.topology{
float:none;
    top: 0px;
    left: 20%;
z-index:90;
background:#f6f5d0;
padding:7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-top:3px;
border:0px solid black;
height:93px;
}

IMG.gallerypagepic{
width:90%;
margin:7px;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
margin-bottom:9px;
border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
}


.InfoPanel{
float:right;
}

.homeboxintro{
width:100%;
}


.facebook
{
  display: block;
  width: 33px;
  height: 33px;
  background: url("https://www.brookfield.wales/gifs/facebookicon.png") no-repeat 0 0;
float:right;
}

.facebook:hover
{ 
  background-position: 0 -33px;
}

.facebook span
{
  position: relative;
  top: -999em;
}



.halfbox{
width:45%;
float:left;
min-height:162px;
padding-right:23px;
margin:4px;
padding:7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom:59px;
border:1px solid silver;
}

.subbox{
width:29%;
float:left;
min-height:242px;
padding-right:23px;
margin-left:236px;
padding-left:11px;
opacity:0.7;
filter:alpha(opacity=70);
background:black;
margin-bottom:59px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border:1px solid silver;
}

.subboxinner{
width:29%;
float:left;
padding-right:23px;
}


.bckimagenew{
width:100%;
height:420px;
background:#595041 url(https://www.brookfield.wales/gifs/seasonedwood2.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}

.bckimagenew2025{
width:100%;
height:420px;
background:#9aaf69 url(https://www.brookfield.wales/gifs/bck2025.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}
.bckimagenewfirewood{
width:100%;
height:420px;
background:#595041 url(https://www.brookfield.wales/gifs/bcklorry.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}
.bckimagenewsawntimber{
width:100%;
height:420px;
background:#595041 url(https://www.brookfield.wales/gifs/204571795-2773800746213041-848086287135566531-n.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}

.bckimagenewcontact{
width:100%;
height:420px;
background:#595041 url(https://www.brookfield.wales/gifs/contactbck.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}

.bckimagenewstumpery{
width:100%;
height:420px;
background:#595041 url(https://www.brookfield.wales/gifs/bckstump.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}
.bckimagenewtreesurgery{
width:100%;
height:420px;
background:#595041 url(https://www.brookfield.wales/gifs/85177445-2576610825890539-3172504711613906944-o-345.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}
.bckimagenewother{
width:100%;
height:420px;
background:#595041 url(https://www.brookfield.wales/gifs/breadboard.jpg) no-repeat;
border-top:4px #222 solid;
border-bottom:8px #222 solid;
background-position:top center;
}




.newcontactbox{
background:silver;
background-position:top right;
padding:7px;
}



#slider1_container{position: relative; width: 1799px; height: 501px; overflow: hidden;}

.logoboxcontainer3{display:inline;}
.logoboxcontainer2{display:none;}

.imagetag{
position: absolute;
top: 20%;
left:30%;
font-size:19px;
}
IMG.fullscreenallmobhide{
width:100%;
display:inline;
}
IMG.fullscreenallmobshow{
width:100%;
display:none;
}
IMG.fullscreenhalf{
width:50%;
}

.headercontainer{
width:399px;
background:#333;
min-height:18px;
margin:0px;
margin-right:auto;
margin-left:755px;
margin-top:192px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding:11px;
padding-top:5px;
}

.menu{
margin-top:11px;
}

.logobox{
width:100%;
position: relative;
text-align: center;
color: white;
font-size:24px;
font-family:"Open Sans",sans-serif;
font-weight:normal;
}
.logoboxcontainer{
width:100%;
background:#fff;
margin:0px;
padding:0px;
}
.footerboxcontainer{
width:100%;
background: #72432f url(https://www.brookfield.wales/gifs/woodbck.jpg);
background-position:top right;
border-top:#333 4px solid;
margin:0px;
padding:0px;
}

.greybutton{
background: #004960;
padding:5px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
margin-bottom:51px;
}

.greybuttonnew{
background: #004960;
color:white;
padding:5px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
margin-bottom:1px;
width:50%;
}

.servicesinfo{
min-height:252px;
}

hr.new {
  border: 1px dotted #3f4f3f;
  border-radius: 1px;
}

.greenbutton{
background:#3f4f3f;
padding:11px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #274e35; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}
#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}  
.basecontainer{
background:transparent;
}
.bodyboxnew {
  width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
  margin:11px;
}
.content {
margin-top:17px;
margin-bottom:50px;
width:980px;
margin-right:auto;
margin-left:auto;
}
.footer{
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
margin-top:21px;
padding-top:51px;
}
.header{
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
margin-top:3px;
padding-top:3px;
}

.navbar{
width:100%;
background: #595041;
}

EM{
font-weight:400;
color: #008000;
}
H1{
color:#dbdce0;
color:#084a61;
font-size:24px;
font-family:"Caveat",sans-serif;
font-weight:200;
letter-spacing:0.1em;
margin-left:3px;
padding-top:11px;
margin-top:0px;
}
H2{
color:#084a61;
font-size:36px;
font-family:"Caveat",sans-serif;
font-weight:400;
margin-top:12px;
letter-spacing:-0.01em;
background:transparent;
text-align:left;
margin-left:3px;
margin-bottom:13px;
}
H2.strongwhite{
color:white;
font-weight:700;
}
H3{
color:#145f79;
font-size:29px;
font-family:"Caveat",sans-serif;
font-weight:400;
margin-bottom:20px;
letter-spacing:0.1em;
background:transparent;
margin-top:21px;
text-align:left;
margin-left:3px;
}
H3.white{
color:white;
text-align:left;
margin:3px;
margin-top:21px;
}
P{
color:#403b2e;
font-size:16px;
font-family:"Open Sans",sans-serif;
margin:3px;
font-weight:200;
line-height:1.5;
text-align:left;
}
P.contactsbox{
font-size:15px;
line-height:1.5;
}
UL{list-style-type: circle;}
OL{list-style-type: upper-roman;}
LI{
color:#403b2e;
font-size:15px;
font-family:"Open Sans",sans-serif;
font-weight:200;
margin:3px;
line-height:2;
text-align:left;
margin-left:21px;
}
P.white{
color:#FFFFFF;
}
P.white2{
color:#FFFFFF;
font-size:13px;
width:566px;
text-align:center;
margin:3px;
}
.white a:link{
color:#FFFFFF;
text-decoration:none;
font-weight:700;
}
.white a:active{
color:#FFFFFF;
text-decoration:none;
font-weight:700;
}
.white a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:700;
}
.white a:visited{
color:#FFFFFF;
text-decoration:none;
font-weight:700;
}

.white2 a:link{
color:#FFFFFF;
}
.white2 a:active{
color:#FFFFFF;
}
.white2 a:hover{
color:#FFFFFF;
}
.white2 a:visited{
color:#FFFFFF;
}

a:visited{
color:#333;
font-weight:700;
text-decoration:none;
}
a:link{
color:#333;
font-weight:700;
text-decoration:none;
}
a:hover{
color:#333;
text-decoration:none;
font-weight:700;
text-decoration:underline;
}
a:active{
color:#333;
text-decoration:none;
font-weight:700;
}
 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 

.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 
 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.base2_sponsors{
float:left;
margin-right:51px;
}

  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 14px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 



.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
font-family:"Arial", sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:4px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.button:active {
	position:relative;
	top:1px;
}


IMG.left{
float:left;
padding:5px;
}

IMG.right{
float:right;
padding:0px;
}

P.clear{
clear:both;
}

IMG.right2{
float: right; 
width:41.66%;
}

IMG.img100{width:95%;}
IMG.logo{float:left;width:25%;}




@media only screen and (min-width : 800px) and (max-width : 999px) {
.footer{width:90%;}
.header{width:90%;}
.content{width:90%;margin-top:17px;}
}



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


IMG.topology{
height:74px;
display:none;
}

.bckimagenew{
width:100%;
height:333px;
background:#fff url(https://www.brookfield.wales/gifs/seasonedwood2.jpg) no-repeat;
}

.homeboxintro{
width:100%;
}

.headercontainer{
width:85%;
min-height:18px;
margin:0px;
margin-right:auto;
margin-left:15px;
margin-top:212px;
padding-bottom:1px;
}

.halfbox{
width:90%;
float:none;
min-height:162px;
padding-right:23px;
margin-bottom:59px;
}

.subbox{
width:39%;
float:left;
min-height:162px;
padding-right:7px;
margin-left:11px;
opacity:0.7;
filter:alpha(opacity=70);
background:black;
margin-bottom:99px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}



.logoboxcontainer3{display:inline;}
.logoboxcontainer2{display:none;}

P.white2{
color:#FFFFFF;
width:90%;
}

.servicesinfo{
min-height:12px;
}

.base2_sponsors{
float:nonet;
margin-right:1px;
}


.subbox{
width:90%;
float:none;
min-height:12px;}

.subboxinner{
width:90%;
float:none;
min-height:12px;}

.logobox{
width:100%;
position: relative;
text-align: center;
color: white;
font-size:19px;
font-family:"Open Sans",sans-serif;
font-weight:200;
margin:0px;
padding:0px;
}

.imagetag{
position: absolute;
top: 20%;
left:5%;
font-size:17px;
}
IMG.fullscreenallmobhide{
width:100%;
display:none;
}
IMG.fullscreenallmobshow{
width:100%;
display:inline;
}

H1.welcome{
color:#403b2e;
font-size:16px;
font-weight:normal;
letter-spacing:0em;
margin-left:3px;
line-height:1.2;
text-align:left;
}


H2{font-size:27px;}
.footer{width:90%;}
.header{width:90%;min-height:122px;}
.content{width:90%;margin-top:17px;}
P.top{width:90%;}
.homebox{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.bodyboxnoop{width:90%;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
IMG.fullscreen{width:90%;}
.contentleft{width:90%;float:none;margin:11px;min-height:76px;}
.contentleftblue{width:90%;float:none;margin:11px;min-height:76px;}
.contentright{width:90%;float:none;margin:11px;min-height:76px;}
.basecontainer{width:90%;margin-right:auto;margin-left:auto;margin-bottom:27px;padding-bottom:27px;}
.winnersboxhomep{width:90%;}

}