#devicetype {position:absolute;top:2px;left:30%;font-size:0.8em;}

* { box-sizing: border-box; }

.clearfix:after {    content: ".";    visibility: hidden;    display: block;    height: 0;    clear: both;}

.row:after, .clearfix {
    content: "";
    clear: both;
    display: block;
}
.noClick { pointer-events: none; }
.noClick > a { text-decoration:none; color:inherit; }

body a { color: #06c; }

body, html {margin:0px; padding:0px; background-color:#fff;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.4;
	font-size: 16px;}

.anim { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

	.w-auto {width:auto;}
	.w-05 {width:5%;} .w-10 {width:10%;} .w-15 {width:15%;} .w-20 {width:20%;} .w-25 {width:25%;} .w-30 {width:30%;} .w-33 {width:33.33%;} .w-35 {width:35%;} .w-40 {width:40%;} .w-45 {width:45%;} .w-49 {width:49%;}
	.w-50 {width:50%;} .w-55 {width:55%;} .w-60 {width:60%;} .w-65 {width:65%;} .w-70 {width:70%;} .w-75 {width:75%;} .w-80 {width:80%;} .w-85 {width:85%;} .w-90 {width:90%;} .w-95 {width:95%;} .w-100 {width:100%;}

	.w-pad15p {padding:15% 10%;} .w-pad10p {padding:10% 10%;} .w-pad5p {padding:5% 10%;} .w-pad2p {padding:2% 5%;}
	.w-pad20 {padding:20px;} .w-pad15 {padding:15px;} .w-pad10 {padding:10px;} .w-pad5 {padding:5px;} .w-pad2 {padding:2px;} .w-pad0 {padding:0px;}
	.w-padl20 {padding-left:20px;} .w-padl15 {padding-left:15px;} .w-padl10 {padding-left:10px;} .w-padl5 {padding-left:5px;} .w-padl2 {padding-left:2px;} .w-padl0 {padding-left:0px;}
	.w-padr20 {padding-right:20px;} .w-padr15 {padding-right:15px;} .w-padr10 {padding-right:10px;} .w-padr5 {padding-right:5px;} .w-padr2 {padding-right:2px;} .w-padr0 {padding-right:0px;}
	.w-padt20 {padding-top:20px;} .w-padt15 {padding-top:15px;} .w-padt10 {padding-top:10px;} .w-padt5 {padding-top:5px;} .w-padt2 {padding-top:2px;} .w-padt0 {padding-top:0px;}
	.w-padb20 {padding-bottom:20px;} .w-padb15 {padding-bottom:15px;} .w-padb10 {padding-bottom:10px;} .w-padb5 {padding-bottom:5px;} .w-padb2 {padding-bottom:2px;} .w-padb0 {padding-bottom:0px;}
	.w-minhnone {min-height:initial;} .w-minh300 {min-height:300px;} 

	.w-ib {display:inline-block;} .w-b {display:block;} .w-hide {display:none;} .w-tac {text-align:center;} .w-tal {text-align:left;} .w-tar {text-align:right;} .w-vat {vertical-align:top;}
	.w-vam {vertical-align:middle;} .w-vab {vertical-align:bottom;} .w-fr {float:right;} .w-fl {float:left;} .w-fn {float:none;} .w-cen {margin-left:auto; margin-right:auto;} .w-rel {position:relative;}
	.w-tc {display: table-cell;} .w-tr {display: table-row;} .w-t {display: table;}

	.w-m0 {margin:0px;} .w-m5 {margin:5px;} .w-m10 {margin:10px;} .w-m15 {margin:15px;} .w-m20 {margin:20px;} 
	.w-mr0 {margin-right:0%;} .w-mr2 {margin-right:2%;} .w-mr2-5 {margin-left:2.5%;} .w-mr5 {margin-right:5%;} .w-mr10 {margin-right:10%;} .w-mr15 {margin-right:15%;} 
	.w-ml0 {margin-left:0%;} .w-ml2 {margin-left:2%;} .w-ml2-5 {margin-left:2.5%;} .w-ml5 {margin-left:5%;} .w-ml10 {margin-left:10%;} .w-ml15 {margin-left:15%;}
	.w-mt0 {margin-top:0%;} .w-mt2 {margin-top:2%;} .w-mt5 {margin-top:5%;} .w-mt10 {margin-top:10%;} .w-mt15 {margin-top:15%;}
	.w-mb0 {margin-bottom:0%;} .w-mb2 {margin-bottom:2%;} .w-mb5 {margin-bottom:5%;} .w-mb10 {margin-bottom:10%;} .w-mb15 {margin-bottom:15%;}

	.w-text06 {font-size:0.6em} .w-text07 {font-size:0.7em} .w-text08 {font-size:0.8em} .w-text09 {font-size:0.9em} .w-text10 {font-size:1em}
	.w-text11 {font-size:1.1em} .w-text12 {font-size:1.2em} .w-text14 {font-size:1.4em} .w-text16 {font-size:1.6em} .w-text18 {font-size:1.8em} .w-text20 {font-size:2em}
	.w-text24 {font-size:2.4em} .w-text28 {font-size:2.8em}
	.w-textb {font-weight:bold;}	.w-texti {font-style:italic;}
	.w-tuc { text-transform:uppercase; } .w-tfuc { text-transform: capitalize; }

	.w-bdrb {border-bottom:1px solid #acf; }
	.w-bdr {border:1px solid #acf; }
	.w-no-bdrr {border-right:none; } .w-no-bdrt {border-top:none; }
	.w-brad5 {border-radius:5px;}
	.w-shade { background-color:rgba(0, 0, 0, 0.05); } .w-fade { background-color:rgba(255, 255, 255, 0.05); }
	.w-bgnone { background-color:transparent; } 
	.w-hovp:hover {cursor:pointer; color:#d00;}

.ServerWarning {text-align:center;font-size:1.2em;border:2px solid #d00;border-radius:10px; margin:40px auto;width:90%;padding:20px;}
.ServerMsg {text-align:center;font-size:1.2em;border:2px solid #225588;border-radius:10px; margin:40px auto;width:90%;padding:20px;}

h1, h2, h3, h4, h5, h6 {color:#34a;}
h1 {border-bottom:3px solid #ccc;border-radius:0px 20px;padding-left:20px; font-size:1.8em;}
h3 {text-align:left;}
h6 {padding:0; margin: 4px 2px 0px -2px;}


input, textarea, select {border-radius:8px; padding:8px;
	transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
textarea {padding:6px; vertical-align:middle; min-height:180px;}
textarea.short {padding:6px; vertical-align:middle; min-height:90px;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.answers label {background-color:#eef; padding:5px;  border: 1px solid #ccc; border-radius:2px; cursor:pointer; position:relative;}
	.answers label.yes.active {background-color:#8f8; border: 1px solid #393;}	
	.answers label.no.active {background-color:#f88; border: 1px solid #933;}
	.answers input {padding:0px; margin:0px; opacity:0; position:absolute; cursor:pointer;}

.entscheck { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; text-align:left;
	 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.entscheck input { position: absolute; opacity: 0;cursor: pointer; }
	.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border:1px solid #999;}
	.entscheck:hover input ~ .checkmark { background-color: #ccc; }
	.entscheck input:checked ~ .checkmark { background-color: #2196F3; border:1px solid #18E; }
	.checkmark:after { content: ""; position: absolute; display: none; }
	.entscheck input:checked ~ .checkmark:after { display: block; }
	.entscheck .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);
		 -ms-transform: rotate(45deg); transform: rotate(45deg); }
.inputicon { position:relative; }
	.inputicon i { position:absolute; top:50%; left:8px; margin-top: -8px; opacity:0.8; color:#34a;}
	.inputicon input { padding-left:35px;  }

.button, .addImgItem { -webkit-transition: all 200ms ease 0ms; -moz-transition: all 200ms ease 0ms; -ms-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}

 .padPhone {padding: 5px 10px !IMPORTANT; margin:8px;}

 .icon_w {background-image:url('../images/icons/icons_white.png');background-repeat:no-repeat;width:16px; height:16px;}
 .icon_wcross2 {background-position: -32px -192px;}
 .icon_wplus2 {background-position: -1px -192px;}
 .icon_wbin {background-position: -177px -97px;}
 .icon_wuser {background-position: -145px -97px;}

ul.nobullet li { list-style-type: none; }
ul.entsbullet { padding:0px;max-width:1024px;margin:0px auto; }
ul.entsbullet li { list-style-type: none; padding:10px 0px 10px 60px; margin:20px 0px;min-height:50px;
	background-image:url('../images/Shield2.png');background-repeat:no-repeat;background-position:0px center;}

.hidden {display:none;}

.button {background-color:#368; border: 2px solid #58b;color:#fff; border-radius:10px; text-align:center;cursor:pointer;font-weight:bold; background-position:50% 50%;
  background-image: -webkit-linear-gradient(top, #18c, #258);
  background-image: -moz-linear-gradient(top, #18c, #258);
  background-image: -o-linear-gradient(left, #18c, #258);
  background-image: linear-gradient(to bottom, #18c, #258);}


.admin, .admin .button {background-color:#ccc; border-width:0px 0px 0px 1px; border-style:solid; border-color:#999; color:#000; border-radius:0px;
  background-image: -webkit-linear-gradient(top, #ccc, #888);
  background-image: -moz-linear-gradient(top, #ccc, #888);
  background-image: -o-linear-gradient(left, #ccc, #888);
  background-image: linear-gradient(to bottom, #ccc, #888);}
.admin { border-width:0px;}
.admin .button { text-align:center;cursor:pointer;font-weight:bold; background-position:50% 50%;}

.button:hover, input:focus, select:focus, textarea:focus {box-shadow:0px 0px 7px #d00;}
.admin .button:hover, .admin .button.active {box-shadow:none;
  background-image: linear-gradient(to bottom, #bbb, #777);}

.AOptions { background-color:#ccc; }

.bluegrad, .tablepage .theader, .tablepage .tfooter {background-color:#258;
  background-image: -webkit-linear-gradient(top, #7ac, #258);
  background-image: -moz-linear-gradient(top, #7ac, #258);
  background-image: -o-linear-gradient(left, #7ac, #258);
  background-image: linear-gradient(to bottom, #7ac, #258);
}
.bluegrad2, .thead {background-color:#479;color:#fff;
  background-image: -webkit-linear-gradient(top, #9ce, #368);
  background-image: -moz-linear-gradient(top, #9ce, #368);
  background-image: -o-linear-gradient(left, #9ce, #368);
  background-image: linear-gradient(to bottom, #9ce, #368);
}

 .subthead { background-color:#bbb;color:#333; border-top: 1px solid #ccc; padding:0px;
 	 background-image: -webkit-linear-gradient(top, #fff, #bbb);
 	 background-image: -moz-linear-gradient(top, #fff, #bbb);
 	 background-image: -o-linear-gradient(left, #fff, #bbb);
 	 background-image: linear-gradient(to bottom, #fff, #bbb);}

.wait-bg {position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:#aaa;z-index:999998;opacity:0.5;display:none;}
.wait {position:fixed; left:50%;top:50%;width:400px;font-size:3em;color: #258;border-radius:15px;margin: -100px 0px 0px -200px;border:5px solid #258;
	background-color:#fff;text-align:center;padding:30px;z-index:999999;display:none;}
.wait img {margin:0px -20px -10px 10px;}

 .clicked {color: transparent;  background-image:url('../images/Various/loadingbar.gif');background-repeat:no-repeat; background-position:50% 50%; cursor:wait; box-shadow:none !IMPORTANT; }





 #bg { background-image: url(../images/bgPhone.jpg); background-size: 768px auto; background-position: center top; background-repeat: no-repeat; position:relative;
	transition: all .3s ease;overflow: hidden;display: flex;
	min-height: 100vh;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: bottom;
	font-size: 15px;
	color: #4d4d4d;
	text-rendering: optimizeLegibility;
 }
	
 .RRow { background-color:#fff; box-shadow: 0px 0px 3px #000;}
 .RRow:nth-child(odd):not(.RRowT):not(.RRowB) {background-color:#ccc;}
 .RRow:hover:not(.RRowT):not(.RRowB) {background-color:rgba(153, 204, 255, 0.5);}
 .RRowT {background-color:#1f1f1f; color:#ccc; border-radius:10px 10px 0px 0px;}
 .RRowB {color:#ccc; background-color:#1f1f1f; border-radius:0px 0px 10px 10px;}

 .SLSblock {
	color: #05c;
	border-bottom: 0px solid #eee;
	box-shadow: 0px 5px 5px #68a, inset 0px 0px 0px rgba(0, 0, 0, 0);
	border-radius: 10px;
	background-color: #eee;
	background-image: -webkit-linear-gradient(top, #fff, #bbb);
	background-image: -moz-linear-gradient(top, #fff, #bbb);
	background-image: -o-linear-gradient(left, #fff, #bbb);
	background-image: linear-gradient(to bottom, #fff, #ddd);
}
 .SLStab {border-bottom: 3px solid #27e;
	border-radius: 15px 15px 0px 0px;
	background-color: #bbb;
	color: #05c;
	cursor: pointer;
	margin: 0px;
	background-image: -webkit-linear-gradient(top, #fff, #bbb);
	background-image: -moz-linear-gradient(top, #fff, #bbb);
	background-image: -o-linear-gradient(left, #fff, #bbb);
	background-image: linear-gradient(to bottom, #fff, #bbb);}


#mainpage { position:relative; padding:120px 0px 300px 0px; margin:0px; min-height:100vh; }

.header {margin:0px;text-align:center;position:relative; background-color:#fff;}
#title {max-width:800px;}

#Logo {height:60px; margin:0px;padding:0px;position:absolute;top:15px;left:15px;z-index:1;}

.dropmenu {display:block;width:100%;margin:0px;padding:0px;position:fixed;top:0px;left:0px;z-index:999;}
	.dropmenu .dropoptions {display:none; font-size:1em; color:#fff; margin:0px; background-color:rgba(0, 0, 0, 0.8); text-align:center; box-shadow: 0px 15px 15px  rgba(0, 0, 0, 0.8), inset 0px 0px 0px rgba(0, 0, 0, 0);}
	.dropmenu .dropoptions a {color:#ddd; display:block; text-decoration:none; padding:10px;}
	.dropmenu .dropoptions a.active {color:#ca5; }
	.dropmenu .dropoptions a:hover {background-color:rgba(0, 0, 0, 0.2); color:#fff;}

	.dropmenu .toggledown { position:absolute; bottom:-48px; background-color:rgba(0, 0, 0, 0.6); width:50px; height:50px; border-radius:0px 0px 10px 10px; margin-top:-2px; right:5%; cursor:pointer; opacity:0.9;
		box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.8), inset 0px 2px 8px rgba(0, 0, 0, 0.4);
		background-image:url('../images/Various/nav_w.png');background-repeat:no-repeat;background-position:center center;background-size:40px 40px;}
	.dropmenu .toggledown:hover { opacity:1; }

.menuarea { background-color:rgba(0, 0, 0, 0.4); position:fixed; top:0px; left:0px; width:100%; z-index:100; padding:0px;
	 border-radius:0px; margin:0px; box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4), inset 0px 0px 0px rgba(0, 0, 0, 0);}

.menuarea.scrolled { background-color:rgba(0, 0, 0, 0.9); box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.8), inset 0px 0px 0px rgba(0, 0, 0, 0);}
.menuarea.scrolled ul li.Home, .menuarea.scrolled ul hr { margin-top:-11px;}
.menuarea.scrolled ul li.Home img { display:none; }

.mainmenu {position:relative;color:#fff;display:block;text-align:center;margin:0px;padding:0px;}
	.mainmenu li {display:inline-block;padding:10px 14px;margin:0px;cursor:pointer;color:#72afcc;position:relative; opacity:0.5; z-index:1; vertical-align:middle;
		 -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
	.mainmenu li:not(.Home) {border-left: 1px solid #444;}
	.mainmenu li:not(.Home) {border-right: 1px solid #999;}
	.mainmenu li a {color:#fff;text-decoration:none; display:block; width:100%;}
	.mainmenu li a i {padding-top:10px; padding-bottom:10px;}
	.mainmenu li:hover , .mainmenu li.active {opacity:1;}
	.mainmenu li.active:before {width:0%; border-width:0px;}


 .infobox { background-color:#fff; border-radius:20px 0px 20px 0px; text-align:center; border:4px solid #34a; box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.4), inset 0px 0px 0px rgba(0, 0, 0, 0);  position:relative; }
	.infobox h3 { text-align:center; }
	.infobox .infobody { padding:0px 20px 10px 20px; }



.sale {background-color:#fa1;border-radius:10px;margin:20px 0px;
	box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7; -moz-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7; -webkit-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7;}
	.sale .body {background-color:#2b2b2b;border-radius:10px;color:#fff;padding:5px;}
	.sale .body p {margin:0px 5px 0px 5px;}
	.sale .body .more {display:block;text-align:center;}
	.sale .pic {background-color:#222;padding:5px;border-radius:15px;position:relative;}
	.sale .pic img {border:none;border-radius:10px;background-repeat:no-repeat;background-size:cover;background-position:center center;height:200px;}
	.numpic {position:absolute;bottom:15px;right:15px;color:#000;background-color:#fa1;border-radius:50%;font-size:0.8em;text-align:center;padding:3px;opacity:0.5;}

	#OtherCat {display:none;}
	.adminBox {display:none; border:2px solid #ccc;padding:2%;background-color:#eee;border-radius:10px;}
	.adminBox input, .adminBox textarea, .adminBox select {margin-top:0px;}
	.adminBox input[type=submit] {margin-top:20px;}
	#publish {background-image:none;background-color:#f79;color:#934;border-radius:10px;margin-bottom:-30px;position:relative;z-index:2;}
	#publish.published {background-color:#0f0;color:#060;}
	#addPublished {position:relative;height:25px;}
	 #uploadProgBar, #uploadResult {display:none;}
	 #uploadResult {margin:5px 5px 5px auto;font-size:0.8em;}






 .entsblock { border:1px solid #ccc; box-shadow: 0px 5px 5px #68a, inset 0px 0px 0px rgba(0, 0, 0, 0); border-radius:10px; background-color:#eee; }
	 .entsblock .entstab { background-color:#bbb; color: #05c; cursor:pointer; border-bottom:0px solid #eee; border-radius:10px 10px 10px 10px; margin:0px;
 		 background-image: -webkit-linear-gradient(top, #fff, #bbb);
 		 background-image: -moz-linear-gradient(top, #fff, #bbb);
 		 background-image: -o-linear-gradient(left, #fff, #bbb);
 		 background-image: linear-gradient(to bottom, #fff, #bbb);}

	 .entsblock .entstog {width:45px; height:45px; border-width:0px 1px 0px 0px;border-style:solid; margin:0px; border-color:#999; background-color:#bbb; border-radius:10px 0px 0px 10px; margin-right:15px;
			  position:relative; display:inline-block; vertical-align:middle;
 			 background-image: -webkit-linear-gradient(top, #eee, #888);
 			 background-image: -moz-linear-gradient(top, #eee, #888);
 			 background-image: -o-linear-gradient(left, #eee, #888);
 			 background-image: linear-gradient(to bottom, #eee, #888); }
 	 .entsblock .entstog img { position:absolute; left:50%; top:50%; margin:-15px 0px 0px -15px; opacity:0.8; width:30px;
			-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

	 .entsblock .entstab.active { border-bottom:3px solid #27e; border-radius:15px 15px 0px 0px; }
 	 .entsblock .entstab.active .entstog { border-radius:15px 0px 0px 0px; }
 	 .entsblock .entstab.active .entstog img { transform: rotate(90deg);}

	 .entsblock .entsbody hr { opacity:0.3; }

 #footer {position:absolute; bottom:0px; background-color:rgba(0, 0, 0, 0.4); color:#fff;  box-shadow: 0px -15px 15px rgba(0, 0, 0, 0.4), inset 0px 0px 0px rgba(0, 0, 0, 0); }
	#footer a { color:#fff; text-shadow: 1px 1px 1px rgb(0, 0, 0);}
	#footer .fmenu { padding:0px; margin:0px 0px 20px 0px; list-style-type: none; position:relative; z-index:2;}
	#footer .fmenu li { margin:0px; }
	#footer .fmenu li a { color:#def; display:block; text-decoration:none; padding:5px 10px; }
	#footer .fmenu li a.active {color:#fff; background-color:rgba(0, 0, 0, 0.5); opacity:1;}
	#footer .fmenu li a:hover {background-color:rgba(0, 0, 0, 0.5); color:#fff; box-shadow: 0px 0px 8px #000, inset 0px 0px 0px rgba(0, 0, 0, 0);}


	.social a {opacity:0.5; border:none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
	.social a:hover { opacity:1;}

#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
	#popup .overlay {background-image:url(https://www.121websites.co.uk/images/CBox/overlay.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.8;}
	#popup .loader {position:absolute;top:50%;left:50%;margin:-45px 0px 0px -45px;border:5px solid #ace;border-radius:50%;background-color:#fff;padding:10px;opacity:1;}
	#popup  .pcontainer {border:3px solid #666; border-radius:15px; background-color:#fff; position:relative; padding:15px; max-height:90%; overflow:auto; 
		box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000;}
	#popup  .pcontainer.editting {padding:0px;}
	#popup .close {position:fixed;top:5px;right:8px;background-image:url(https://www.121websites.co.uk/images/CBox/controls.png);background-repeat:no-repeat;background-position:-25px 0px;width:25px;height:25px;border-radius:15px;
		cursor:pointer; z-index:999999;}
	#popup .content p {padding:0px 5px;position:relative;}
	#popup .content ul {padding:0px 55px;}
	#popup .content strong {position:relative; margin:0px 5px 0px -20px; }