@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,300;1,400;1,700&display=swap');

BODY {
background:#ffffff;
background-position:center top;
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;
font-family: "Lato", "arial","helvetica",sans-serif;
}

BODY.inner{
background-position:0px -150px;
margin-left:0px;
margin-right:0px;
}

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;
margin:0px;
}
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;} 

.maincontent {
margin-top:30px;
width: 930px ;
margin-left: auto ;
margin-right: auto ;
padding:0px;
min-height:30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align:center;
margin-bottom:50px;
}

.homebox{
width:222px;
}

#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: #000000; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

EM{
font-weight:400;
color:#c01010;
}

IMG.spec{
float:right;
}

.newhomebox{
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
margin-left:12px;
margin-top:11px;
}

.phone-link{
padding:11px;
background:#f5e600 url(https://www.wolverhamptonlofts.co.uk/gifs/phoneblacksmall2.png) no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-left:32px;
min-height:29px;
}


.whitebox{
width:100%;
background:#d6d5dc;
background:#3d3f43;
margin:0px;
padding:0px;
}

.givemeasmallbox{
width:399px;
margin-right:auto;
margin-left:auto;
}

.bigbodyboxnoop{
text-align:left;
width:930px;
background:#000000;
opacity:0.9;
filter:alpha(opacity=90);
border:1px solid black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}

.footerbox{
width:100%;
background:#3d3f43;
background-position:right top;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
border:0px solid black;
margin-top:10px;
padding:0px;
margin:0px;
font-size:15px;
}

.footer{
margin-left:2px;
width:627px;
margin-right:auto;
margin-left:auto;
padding-bottom:51px;
}

.textblock{
margin-top:29px;
background:transparent;
padding:0px;
margin-left:auto;
margin-right:auto;
width:977px;
}

.textblockinner{
margin-top:29px;
background:transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding:21px;
margin-left:auto;
margin-right:auto;
width:677px;
}


.textblockinner2{
margin-top:19px;
background: transparent;
padding:8px;
margin-left:auto;
margin-right:auto;
width:677px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
box-shadow: rgba(61, 63, 67, 0.3) 0px 0px 0px 1px;
}

.logoblock{
width:699px;
margin-right:auto;
margin-left:auto;
}

H1{
color:#fff;
color:#004387;
color:#4d4909;
font-size:42px;
font-family: "Lato", "arial","helvetica",sans-serif;
font-weight:300;
margin-top:8px;
margin-left:3px;
margin-bottom:12px;
}

H1.smaller{
font-size:30px;
}

H2{
color:#004387;
font-size:21px;
font-family: 'Lato', 'times new roman', serif;
font-weight:300;
margin-top:18px;
margin-left:5px;
margin-bottom:12px;
text-align:left;
padding-top:19px;
}

H2.border{
margin:11px;
padding:11px;
width:80%;
border:black 1px solid;
}

H3{
color:#000000;
font-size:19px;
font-family: "Lato", "arial","helvetica",sans-serif;
font-weight:400;
margin-top:20px;
background:transparent;
}

IMG.fullscreenall{display:inline; width:90%;}

P{
color:#fff;
color:#004387;
color:#3d3f43;
font-size:18px;
font-family: "Lato", "arial","helvetica",sans-serif;
margin:3px;
line-height:1.5;
text-align:left;
font-weight:400;
}

P.white{
color:#fff;
}

P.grey{
color:#515252;
text-align:left;
}


P.red{color:#cc0000;
font-weight:400;
}

P.center{
text-align:center;
}

UL{
list-style-type: square;
padding-left:24px;
margin-left:30px;
}

UL.bluetick {
  list-style-image: url('https://www.wolverhamptonlofts.co.uk/gifs/tick.png');
  margin-top:0px;
  padding-top:0px;
}

LI{
color:#000000;
text-align:left;
font-size:18px;
font-family: "Lato", "arial","helvetica",sans-serif;
line-height:1.3;
margin-left:11px;
}

a:visited{
color:#000;
font-weight:400;
text-decoration:none;
}

a:link{
color:#000;
font-weight:400;
text-decoration:none;
}

a:hover{
color:#000;
text-decoration:underline;
font-weight:400;
}

a:active{
color:#000;
text-decoration:none;
font-weight:400;
}

 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    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: 13px; 
    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; 
} 


  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 13px; 
    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 {
  appearance: button;
  backface-visibility: hidden;
  background-color: #405cf5;
  border-radius: 6px;
  border-width: 0;
  box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset,rgba(50, 50, 93, .1) 0 2px 5px 0,rgba(0, 0, 0, .07) 0 1px 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: -apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif;
  font-size: 100%;
  height: 44px;
  line-height: 1.15;
  margin: 12px 0 0;
  outline: none;
  overflow: hidden;
  padding: 0 25px;
  position: relative;
  text-align: center;
  text-transform: none;
  transform: translateZ(0);
  transition: all .2s,box-shadow .08s ease-in;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: auto;
}

.button:disabled {
  cursor: default;
}

.button:focus {
  box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset, rgba(50, 50, 93, .2) 0 6px 15px 0, rgba(0, 0, 0, .1) 0 2px 2px 0, rgba(50, 151, 211, .3) 0 0 0 4px;
}



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

IMG.rightpconly{
float:right;
padding:5px;
}


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

P.clear{
clear:both;
}

IMG.showpc{display:inline; width:90%;}
IMG.showmob{display:none;}


@media only screen and (max-width : 999px) {
.textblock{
width:80%;
margin-right:auto;
margin-left:auto;}
.textblockinner{
width:80%;
margin-right:auto;
margin-left:auto;}
.textblockinner2{
width:80%;
margin-right:auto;
margin-left:auto;}
}

@media only screen and (max-width : 939px) {
.maincontent{width:90%;}
}

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

P.grey{text-align:center;}

.givemeasmallbox{
width:80%;
margin-right:auto;
margin-left:auto;
}
H1{
font-size:29px;
}

H1.smaller{
font-size:25px;
}
.logoblock{
width:85%;
margin-right:auto;
margin-left:auto;
}
IMG.showpc{
width:100%;
}
IMG.showmob{
width:100%;
}
IMG.cards{width:66%;}
IMG.spec{float:none; width:75%;}
.footerbox{
width:100%;
margin-right:auto;
margin-left:auto;
}

.footer{
margin:0px;
width:100%;
margin-right:auto;
margin-left:auto;
}

.textblock{
margin-top:299px;
background:transparent;
padding:0px;
width:85%;
margin-right:auto;
margin-left:auto;
}

.textblockinner{
width:85%;
margin-right:auto;
margin-left:auto;}

.textblockinner2{
width:85%;
margin-right:auto;
margin-left:auto;}

IMG.showpc{display:none;}
IMG.showmob{display:inline;}

IMG.rightpconly{
float:none;
padding:5px;
}

.maincontent{width:90%;}
.bigbodyboxnoop{width:90%; margin-right:11px;}

}