@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

BODY {
background:#ffffff url(https://www.llanipopup.co.uk/gifs/bck202210.jpg) no-repeat;
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;
padding:0px; 
font-family:"Nunito 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-bottom:7px;
}
IMG.topology{
float:left;
    top: 30px;
    left: 40%;
z-index:90;
background:#ffffff;
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:245px;
margin-left:21px;
margin-top:21px;
display:none;
}


IMG.topology2{
float:left;
    top: 30px;
    left: 40%;
z-index:90;
background:#ffffff;
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:245px;
margin-left:21px;
margin-top:21px;
display:inline;
}

.InfoPanel{
float:right;
}

.navbartoppage{
background:white;
margin-bottom:43px;
padding-bottom:11px;
border-bottom:silver 6px solid;
margin-top:12px;
border-top:silver 1px solid;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.homeboxintro{
width:100%;
}



.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;
margin-top:0px;
padding-top:0px;
background:white;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.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%;
min-height:470px;
background:#979998 url(https://www.llanipopup.co.uk/gifs/banner.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top center;
margin-bottom:0px;
padding-bottom:0px;
}
.bckimagenewinner{
width:100%;
min-height:170px;
background:#979998 url(https://www.llanipopup.co.uk/gifs/banner.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top center;
margin-bottom:0px;
padding-bottom:0px;
}

#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:269px;
background:transparent;
margin:0px;
margin-right:auto;
margin-left:auto;
margin-top:62px;
-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:"Nunito Sans",sans-serif;
font-weight:normal;
}
.logoboxcontainer{
width:100%;
background:#fff;
margin:0px;
padding:0px;
}
.footerboxcontainer{
width:100%;
background:#231840;
background-position:top right;
margin:0px;
padding:0px;
}

.buttonenvelope{
text-align: center;
}


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

.greybuttonnew{
background: #b21c24;
color:white;
padding:5px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
margin-bottom:1px;
width:50%;
margin-right:auto;
margin-left:auto;
border:5px solid black;
}

.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;
}

.contentenvelope{
background:transparent;
width:100%;
}

.content {
margin-top:0px;
padding-top:0px;
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: #b21c24;
margin-bottom:0px;
padding-bottom:0px;
}

EM{
font-weight:800;
color: #c92323;
font-style:normal;
}
H1{
color:#b21c24;
font-size:24px;
font-family:"Nunito Sans",sans-serif;
font-weight:200;
letter-spacing:0.1em;
margin-left:3px;
padding-top:11px;
margin-top:0px;
text-align:left;
}
H2{
color:#000;
font-size:22px;
font-family:"Nunito Sans",sans-serif;
font-weight:300;
margin-top:12px;
letter-spacing:-0.01em;
background:transparent;
text-align:left;
margin-left:23px;
margin-bottom:13px;
}
H2.whiteboard{
font-family: 'Caveat', cursive;
font-size:32px;
margin-right:14px;
}

H2.lesserwhite{
color:white;
font-weight:100;
}
H3{
color:#145f79;
font-size:19px;
font-family:"Nunito Sans",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:"Nunito Sans",sans-serif;
margin:3px;
font-weight:200;
line-height:1.5;
text-align:left;
}
P.contactsbox{
font-size:17px;
line-height:1.5;
}
UL{list-style-type: circle;}
OL{list-style-type: upper-roman;}
LI{
color:#403b2e;
font-size:15px;
font-family:"Nunito 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; 
} 



.greenbutton {
	background-color:#438f45;
	text-indent:0;
	display:inline-block;
	color:#000;
        font-family: "Open sans", sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	padding:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ded17c; 
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border:1px;
}
.greenbutton:hover {
	background-color:#74b976;
         cursor: pointer;
}
.greenbutton:active {
	position:relative;
	top:1px;
}

.button {
	background-color:#004960;
	text-indent:0;
	display:inline-block;
	color:#fff;
        font-family: "Open sans", sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	padding:10px;
	text-decoration:none;
	text-align:center;
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border:1px;
}
.button:hover {
	background-color:#3999b7;
         cursor: pointer;
}
.button:active {
	position:relative;
	top:1px;
}

.redbutton {
	background-color:#8f4348;
	text-indent:0;
	display:inline-block;
	color:#000;
        font-family: "Open sans", sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	padding:10px;
	text-decoration:none;
	text-align:center;
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border:1px;
}
.redbutton:hover {
	background-color:#c0878b;
         cursor: pointer;
}
.redbutton: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:154px;
display:inline;
}

IMG.topology2{
height:154px;
display:none;
}


.button{
-webkit-border-radius:2px;
-webkit-appearance:none;
    box-shadow: 0px 0px 8px #f1d60d; 
    -moz-box-shadow: 0px 0px 8px #f1d60d; 
    -webkit-box-shadow: 0px 0px 8px #f1d60d; 
}

.greenbutton{
-webkit-border-radius:2px;
-webkit-appearance:none;
    -moz-box-shadow: 0px 0px 8px #f1d60d; 
    -webkit-box-shadow: 0px 0px 8px #f1d60d; 
}

.redbutton{
-webkit-border-radius:2px;
-webkit-appearance:none;
    box-shadow: 0px 0px 8px #f1d60d; 
    -moz-box-shadow: 0px 0px 8px #f1d60d; 
    -webkit-box-shadow: 0px 0px 8px #f1d60d; 
}

.bckimagenew{
width:100%;
min-height:373px;
}

.bckimagenewabout{
width:100%;
min-height:373px;
}

.bckimagenewcontact{
width:100%;
min-height:373px;
}

.bckimagenewyourland{
width:100%;
min-height:373px;
}

.bckimagenewbuilders{
width:100%;
min-height:373px;
}

.bckimagenewnews{
width:100%;
min-height:373px;
}

.homeboxintro{
width:100%;
}

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

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

.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:"Nunito 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:19px;text-align:center;}
.footer{width:90%;}
.header{width:90%;}
.content{width:90%;}
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%;}

}