/* Global */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, embed,  footer, header, hgroup, 
menu, nav, output,  section, summary,
time, mark, audio, video
 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, 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;
}

strong	{font-weight:700;
}
#phone-text a{color:#fff; text-decoration:none;
}
img	{vertical-align:bottom;
}
/*--reset--*/

html { }
body {margin: 0 !important; padding: 0 !important; background-color:#fff;
}
a:link	{text-decoration:none; color:#fff;
}
a:visited	{text-decoration:none; color:#579fe8;
}
a:hover	{color:yellow;
}
a:active	{color:red;
}
a.b:link	{text-decoration:none; color:#555;
}
a.b:visited	{text-decoration:none; color:#000;
}
a.b:hover	{color:red;
}
a.b:active	{color:red;
}
.wrapper	{max-width:1920px; width:100%; margin:0 auto; position:relative;
}
.header		{width:100%; float:left; background:url('tiles.jpg'); 
}
.header-green	{width:100%; float:left; background:url('green.jpg'); background-position:right;
}
.head-main	{width:540px; float:left; margin:90px 0 90px 50px;
}
.header-wales	{width:100%; float:left; background:url('llandudno.jpg'); background-position:center;
}
.header-red		{width:100%; float:left; background:url('red-tiles.jpg'); background-repeat:no-repeat; background-position:center;
}
.header-simple		{width:100%; float:left; border-top:4px #7e99ac solid; border-bottom:4px #7e99ac solid;
}
.insert	{width:200px; float:left; margin:20px 0 20px 60px;
}
.toptel		{float:left; margin:97px 0 0 10px; display:inline-block; padding:0.3% 2% 0 2%; border:1px #000 solid;
}
.toptel h4	{font-family: "Federo", sans-serif; font-weight: 400; font-style: normal; font-size:34px; color:#000;
}
.logo		{width:20%; float:left; margin:1% 0 1% 40%;
}
.pixhead	{width:20%; float:left; margin:1.6% 0 2% 4%;
}
.menu	{width:96%; float:left; padding-left:4%;
}
.details	{width:180px; float:left; margin:22px 0 0 30px; display:inline;
}
.details-2	{width:40px; float:left; margin:12px 0 0 30px;
}
.details h4	{font-family: "Federo", sans-serif; font-weight: 400; font-style: normal; font-size:24px; color:#000;
}
.ac-100	{width:100%; float:left; position:relative;
}
.splash	{width:96%; padding:1% 2%; background: rgba(0, 0, 0, 0.4); position:absolute; top:40%; left:0;
}
.ac-100n	{width:100%; float:left; position:initial;
}
.panel	{width:1200px; margin:6% auto;
}
.band	{width:96%; float:left; padding:1% 2%; margin-top:4%; background:linear-gradient(to right,#b1cee3, #7e99ac); text-align:center;
}
.band-L	{width:50%; float:left; margin:0;
}
.band-in	{padding:1% 2%; border:1px #fff solid; background:linear-gradient(to right, #7e99ac, #b1cee3); border-radius:5px;
			display:inline-block; margin:2% auto; 
}
.band-in h3	{font-family: "Federo", sans-serif; font-weight: 400; font-style: normal; color:#fff; font-size:30px;
}
.times	{width:92%; float:left; border:1px #fff solid; margin:2% 2% 0 2%; padding:2%;
}
.times p	{font-family: "Play", sans-serif; color:#fff; font-weight:400; font-style:normal; font-size:130%; line-height:120%; margin:0; padding:0;
}
.find-us	{width:50%; float:left; margin:2% 25%;
}
.team	{width:96%; float:left; text-align:center; margin:0 2%;
}
.line	{width:100%; height:3px; margin:0; float:left; background:linear-gradient(to right, #7e99ac, #b1cee3);
}
.ac-96	{width:96%; float:left; margin:2%;
}
.ac-70, .ac-70-2	{width:70%; float:left; margin:2% 15%;
}
.ac-50	{width:50%; float:left;
}
.ac-50-1	{width:50%; float:left; margin:2% 25%;
}
.ac-50-L	{width:48%; float:left; margin:2% 2% 0 0;
}
.ac-50-R	{width:48%; float:left; margin:2% 0 0 2%;
}
.ac-30	{width:30%; margin-bottom:14%;
}
.third		{width:30%; float:left; margin:0 4% 0 0;
}
.two-thirds	{width:66%; float:left; margin:0;
}
.across-contact	{width:94%; float:left; background:#e3e3e3; padding:2%; border:1px #555 solid;
}
.footer		{width:100%; float:left; background:#000;
}
.f-1	{width:180px; float:left; margin:30px 0 10px 60px;
}
.f-2	{float:left; margin:24px 0 0 60px; display:inline-block; padding:0.3% 2% 0 2%; border-radius:4%; border:1px #fff solid;
}
.f-2 p	{font-family:'Arial', sans-serif; font-size:22px; color:#767676;
}
.f-3	{width:320px; float:left; margin:30px 0 10px 60px;
}
.f-3 p	{font-family:'Arial', sans-serif; font-size:22px; color:#767676;
}
.half	{width:40%; float:left; text-align:center; margin:4% 5% 4% 5%;
}
.half-2	{width:40%; float:left; text-align:left; margin:4% 5% 4% 5%;
}
.ac-tint	{width:30%; border:1px #555 solid; background:#9dbce3; float:left; margin:0 5px 0 0; text-align:center;
}
.ac-tint p	{font-family:'Arial', 'Helvetica', sans-serif;  color:#000; font-size:100%; font-weight:300;  line-height:120%; margin:0; padding:0; 
}
.cent	{width:96%; padding:2%; text-align:center; float:left;
}
.pic-1	{width:20%; float:left; padding:0.5%; border:1px #584b16 solid; margin:1.3% 1.8%;
}
.spacer	{width:100%; height:5px; margin:2% 0; float:left;
}
.spacer-2	{width:100%; height:5px; margin:4% 0; float:left;
}
.spacer-big	{width:100%; height:5px; margin:6% 0; float:left;
}
.spacer-adj	{width:100%; height:5px; margin:3% 0; float:left; display:none;
}
.portfolio	{width:80%; margin:2% 10%; float:left;
}
.clear	{clear:both;
}
.build-50	{width:28%; margin:0 0 0 10%;
}
.build-60	{width:40%; margin-left:8%;
}
.pixft	{display:none; width:40%;
}
.vid-sprite	{width:40%; float:left; padding:1%; margin:4% 0 1% 4%; border:1px #fff solid;
}
.vid-1		{width:40%; float:left; margin:2% 28% 2% 30%; border:1px #000 solid;
}
.vs-L	{width:40%; float:left; margin:0 2% 0 0;
}
.vs-R	{width:58%; float:left;
}
.mail	{width:59%; margin:1% 0 3% 0; border:1px #000 solid; border-radius:3px; background:lime; text-align:center; 
		float:left; padding-top:1%;
}
.cred	{width:45%; margin:2% 0 0.5% 3%; float:left;
}
.butlk	{width:auto; float:left; margin:10px 20px 20px 10px; padding:6px 10px; border:1px #000 solid; background:linear-gradient(#b1cee3, #7e99ac); border-radius:5px;
}
.butlk p	{font-family:'Arial', 'Helvetica', sans-serif;  color:#051d86; font-size:14px; font-weight:700;
}
.range		{width:22%; float:left; margin:1% 1% 1% 0; border:1px #000 solid;
}
.range-lwr	{width:98%; float:left; padding:1%; background:#39566b;}

.range p	{font-family:'Arial', 'Helvetica', sans-serif;  color:#fff; font-size:100%; font-weight:300; margin:0; padding:0;
}
.sitex	{width:24%; margin:0 0 0 10%; float:left;
}
#contact-area {
	width: 80%;
	margin-top: 25px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 80%;
	font-family: Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
#contact-area textarea {
	height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}
#contact-area input.submit-button {
	width: 100px;
	float: right;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 12%;
	padding-top: 5px;
	font-size: 100%;
}

.scrollToTop{
    width:5%; 
    height:auto;
    padding:1%; 
   position:fixed;
    top:85%;
    right:2%;
    display:none;
    z-index:1500;
}
.scrollToTop:hover{text-decoration:none;
}
.container	{width:100%; display:flex; float:left;
}
.container-cent, .container-cent-2, .container-cent-3	{width:100%; float:left; display:flex; align-items:center;
}
.container-cent-80	{width:80%; margin-left:10%; float:left; display:flex; align-items:center;
}
.container-port	{width:100%; padding:2% 0; float:left; display:flex; border-bottom:2px #adbfbf solid;
				background:linear-gradient(to right, rgba(86,71,60,0.5),  rgba(92,81,81,0.1),  rgba(86,71,60,0.5)); 
}
.container-70	{width:70%; float:left; display:flex; align-items:center; margin: 2% 15%;
}
.vertcen	{width:100%; float:left; display:flex; flex-direction:row; align-items:center;
}
.img-100	{width:100%; height:auto;
}
.img-p1, .img-p1a	{width:48.5%; height:auto; margin:1% 0.5%; 
}
.img-p2, .img-p2a	{width:32%; height:auto; margin:1% 0.5%; 
}
.img-p2b	{width:48%; height:auto; margin:1% 0.5%;
} 
.img-p2c	{width:25%; height:auto; margin:1% 0.5%;
} 
.img-p4	{width:23.3%; height:auto; margin:1% 0.5%; 
}
.img-p5	{width:64%; height:auto; margin:1% 0.5%; 
}
.img-P2	{width:31%; height:auto; margin:5px 3px 5px 0; 
}
.p2div	{width:31%; margin:5px 3px 5px 0; float:left;
}
.img-50	{width:50%; margin: 0 auto; display:block;
}
.img-R1	{width:60%; float:right; margin-left:20px;
}
.img-R2	{width:40%; float:right; margin-left:20px;
}
.img-L	{width:14%; height:auto; float:left; margin-right:20px;
}
.img-L1	{float:left; margin: 0 5px 0 10px;
}
.img-L2	{float:left; margin: 0 5px 0 54px;
}
.img-L3	{width:24%; height:auto; float:left; margin-right:20px;
}
.img-L4	{width:24%; height:auto; float:left; margin:0 20px 40px 0;
}
.img-t	{width:18%; float:left;
}
.img-myb	{width:100px;
}
.img-fxd	{width:130px; margin:5px 0;
}
.img-thum	{width:100px; float:left; margin-right:20px;
}
h1	{font-family: "Calistoga", serif; font-weight:400; font-style: normal; color:#fff; font-size: 300%; text-align: center;
}
h1.w	{font-family: "Calistoga", serif; font-weight:400; font-style: normal; color:#fff; font-size: 300%; text-align: center;
}
h1.l	{font-family: "Calistoga", serif; font-weight:400; font-style: normal; color:#000; font-size: 300%;
}
h1.grey	{font-family: "Calistoga", serif; font-weight:400; font-style: normal; color:#a1b9ca; font-size:28px; text-align: left;
}
h2	{font-family: "Calistoga", serif; font-weight:400; font-style: normal; color:#000; font-size:200%; margin-bottom:3%;
}
h2.eco	{font-family: "Calistoga", serif; font-weight:400; font-style: normal; color:#18ee32; font-size:200%; margin-bottom:0.5%;
}
h2.r	{font-family: "Federo", sans-serif; font-weight: 400; font-style:italic; color:#b13733; font-size:230%; margin:1% 0;
}
h2.cen	{font-family: "Federo", sans-serif; font-weight: 400; font-style:italic; color:#b13733; font-size:200%; margin:1% 0; text-align:center;
}
h3	{font-family: "Federo", sans-serif; font-weight: 400; font-style: normal; color:#39566b; font-size:150%; margin-bottom:2%;
}
h3.ital	{font-family: "Federo", sans-serif; font-weight: 400; font-style:italic; color:#9f0f0f; font-size:220%; margin:1% 0;
}
h4	{font-family: "Play", sans-serif; font-weight:500; font-style: normal; color:#5b798e; font-size:20px; text-align: left;
}
h5	{font-family:'Arial', 'Helvetica', sans-serif;  color:#000; font-size:110%; font-weight:700;  line-height:120%; margin:2% 0; padding:0; 
}
h6 	{font-family: "Play", sans-serif; font-weight: 700; font-style: normal; color:#39566b; font-size:130%; margin-bottom:2%;
}
h6.bl 	{font-family:'Georgia', 'Times New Roman', serif; font-size:245%; font-weight:normal; color:#000;  margin-top:1.5%; text-align:left;
}
h6.ital	{font-family:'Georgia', 'Times New Roman', serif; font-size:145%; font-weight:normal; color:#000; margin:2% 0 2% 4%; text-align:left;
		font-style:italic;
}
p	{font-family: "Play", sans-serif; color:#545454; font-weight:400; font-style:normal; font-size:130%; line-height:130%; margin:0 0 2% 0; padding:0;
}
p.list	{ font-family: "Play", sans-serif; color:#000; font-weight:400; font-style:normal; font-size:130%; line-height:130%; margin:0 0 0.5% 0; padding:0;
}
p.list-2	{ font-family: "Play", sans-serif; color:#000; font-weight:400; font-style:normal; font-size:120%; line-height:120%; margin:0 0 0.5% 2%; padding:0;
}
p.list-3	{ font-family: "Play", sans-serif; color:#000; font-weight:400; font-style:normal; font-size:120%; line-height:120%; margin:0 0 1.5% 0; padding:0;
}
p.ital {font-family:'Georgia', 'Times New Roman', serif; font-size:120%; font-style:italic; font-weight:normal; color:#555;  margin-bottom:2%; text-align:left;
}
p.p100	{ font-family: "Play", sans-serif; color:#555; font-weight:400; font-style:normal; font-size:100%; line-height:120%; margin:0; padding:0;
}
p.indent	{ font-family: "Play", sans-serif; color:#555; font-weight:400; font-style:normal; font-size:100%; line-height:120%; margin:10px 0 0 30px; padding:0;
}
@media screen and (max-width: 1466px) {
	
	.ask	{margin:2% 0 2% 6%;
}
}
@media screen and (max-width: 1366px) {
	.img-L3	{width:28%; height:auto; float:left; margin-right:20px;
}
}
@media screen and (max-width: 1280px) {
	
	.details, .details-2 {display:none;
}
	.toptel	{display:none;
}
	.vid-1		{width:60%; float:left; margin:2% 18% 2% 20%; border:1px #000 solid;
}
	.ac-30	{width:40%;
}
.img-L4	{width:34%; height:auto; float:left; margin:0 20px 40px 0;
}
}
@media screen and (max-width: 1279px) {
	
	.container-70	{width:90%; margin:2% 5%;
}
	.menu	{border-bottom:1px #e3e3e3 solid; background:#fff;
}
	.panel	{width:1000px;
}
	p, p.list, p.list-2, p.list-3	{font-size:100%;
}
}	
@media screen and (max-width: 1024px) {
	
	.sitex	{width:50%; margin-left:5%;
}
	.portfolio	{width:96%; margin:2% 2%; float:left;
}
	.ac-70	{width:100%; margin:4% 0;
}
	.ac-70-2	{width:90%; margin:4% 5%;
}
	h3.ital	{font-size:160%;
}	
	.panel	{width:90%; margin:6% auto;
}
	.img-R1		{width:40%;
}
	.head-main	{width:96%; margin:6% 2%; float:left; text-align:center;
}
	.build-50	{width:60%; margin:1% 0 1% 20%; float:left; padding-top:6%;
}
	.build-60	{width:96%; margin:1% 0 1% 2%; float:left;
}
	.ac-50-L, .ac-50-R	{width:80%; float:left; margin:2% 10% 2% 10%;
}
	h1.l	{font-size:240%;
}
	.scrollToTop{
    width:10%; 
    height:auto;
    padding:1%; 
   position:fixed;
    top:85%;
    right:2%;
    display:none;
    z-index:1500;
}
	h1	{font-size:200%;
}
	.img-p2, .img-p2a	{width:31%; height:auto; margin:1% 0.5%; 
}
}
@media screen and (max-width: 1000px) {
	
	.container-70	{display:initial; width:100%; margin:0;
}
	.band-L	{width:100%; float:left; margin:0;
}
	.band-in	{padding:1% 2%; border:1px #fff solid; background:linear-gradient(to right, #7e99ac, #b1cee3); border-radius:5px;
			display:inline-block; margin:2% auto; 
}
	.band-in h3	{font-family: "Federo", sans-serif; font-weight: 400; font-style: normal; color:#fff; font-size:30px;
}
	.times	{width:92%; float:left; border:1px #fff solid; margin:6% 2%; padding:2%;
}
	.times p	{font-family: "Play", sans-serif; color:#fff; font-weight:400; font-style:normal; font-size:100%; line-height:120%; margin:0; padding:0;
}
	.find-us	{width:50%; float:left; margin:2% 25%;
}
	.ac-50	{width:100%;
}
	.sitex		{width:50%; margin:1% 25%;
}
	.spacer-adj	{width:100%; float:left; height:5px; margin:3% 0;
}
	.img-L3	{width:34%; height:auto; float:left; margin-right:20px;
}	
	.img-L4	{width:50%; height:auto; float:left; margin:0 20px 40px 0;
}
	.f-1	{width:180px; float:left; margin:30px 0 50px 60px;
}
	.f-2	{float:left; margin:24px 0 50px 160px; display:inline-block; padding:0.3% 2% 0 2%; border-radius:4%; border:1px #fff solid;
}
	.f-2 p	{font-family:'Arial', sans-serif; font-size:22px; color:#767676;
}
	.f-3	{width:320px; float:none; margin:30px auto;
}
	.f-3 p	{font-family:'Arial', sans-serif; font-size:22px; color:#767676;
}
	h2		{font-size:160%;
}
}
@media screen and (max-width: 800px) {
	
	.ac-50-1	{width:70%; margin:4% 15%;
}
	.vid-sprite	{width:90%; float:left; margin:2% 0 2% 4%;
}
	.vid-1		{width:80%; float:left; margin:2% 8% 2% 10%; border:1px #000 solid;
}
	.img-R1		{width:50%;
}
	.ac-tint	{width:40%; 
}
	.pixft	{display:inline; width:40%; float:left; margin:0 0 2% 8%;
}
	.ac-30	{width:50%;
}
	#contact-area {
	width: 96%;
	margin-top: 25px;
}
	#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 90%;
	font-family: Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
	label {
	float: left;
	text-align:left;
	margin-right: 15px;
	width: 30%;
	padding-top: 5px;
	font-size: 100%;
}
}
@media screen and (max-width: 640px) {
	
	.range		{width:48%; float:left; margin:1% 1% 1% 0; border:1px #000 solid;
}
	.butlk	{width:140px; float:left; margin:10px 20px 20px 10px; padding:6px 10px; border:1px #000 solid;
		background:linear-gradient(#b1cee3, #7e99ac); border-radius:5px; text-align:center;
}
	.butlk p	{font-family:'Arial', 'Helvetica', sans-serif;  color:#051d86; font-size:14px; font-weight:700;
}
	.pic-1	{width:44%; margin:1.3% 1.8%;
}
	.container-cent	{display:initial;
}
	.half, .half-2	{width:100%; margin:4% 0;
}
	.img-R1, .img-R2 	{width:56%;
}
	.img-L	{width:24%;
}
	.img-myb	{width:50px;
}
	h1	{font-size:140%; letter-spacing:0;
}
	.footer	{text-align:center;
}
	p.ital	{font-size:100%;
}
	.f-1	{width:60%; float:none; margin:30px auto;
}
	.f-2	{float:none; margin:24px auto; display:inline-block; padding:0.3% 2% 0 2%; border-radius:4%; border:1px #fff solid;
}
	.f-2 p	{font-family:'Arial', sans-serif; font-size:22px; color:#767676;
}
	h2		{font-size:140%;
}
}
@media screen and (max-width: 440px) {
	
	.ac-50-L	{width:93%; margin:2% 0 2% 3%
}
	.third		{width:100%; float:left; margin:0 0 2% 0;
}
	.two-thirds	{width:100%; float:left; margin:1% 0 2% 0;
}
	.vid-1		{width:85%; float:left; margin:2% 0 2% 6%; border:1px #000 solid;
}
	.img-R1, .img-R2		{width:100%; margin:2% 0;
}
	.img-p4	{width:22.5%; height:auto; margin:1% 0.5%; 
}
	.img-L	{width:40%;
}
	.img-L3	{width:95%; height:auto; float:left; margin-right:5%;
}
	.img-L4	{width:95%; height:auto; float:left; margin:0 0 40px 0;
}
	.band-in h3	{font-size:22px;	
}
	.pixft	{width:100%; float:left; margin:0;
}
	.ac-50-1	{width:90%; margin:4% 5%;
}
	.f-3	{width:280px; float:none; margin:30px auto;
}
	.f-3 p	{font-family:'Arial', sans-serif; font-size:16px; color:#767676;
}
	h3	{font-size:140%;
}
	h1.l	{font-size:200%;
}