body, html {
	margin:0px; padding:0px;font-size:14pt;font-family: 'Philosopher', sans-serif;background-color:#333; 
}
html {height:100%;}
body { min-height:100%; color:#fff; }
html, .border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

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

  .vishidden {
opacity:0;
    -webkit-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;
  }



pre {margin:12px;font-size:0.8em;font-family: 'Philosopher', sans-serif;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word; }

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

.HL1 {background-color:#d99;}
.HL2 {background-color:#99d;}
.HL3 {background-color:#9d9;}

h1, h2 {padding:5px; color:#999; text-shadow: 1px 1px 1px rgb(255, 255, 255); }
h2 { border: 2px solid #1e0; border-top:none; border-right:none; border-radius:0px 20px; padding-left:20px;}
h1 { text-shadow: 1px 0px 0px rgb(000, 000, 000), -1px 0px 0px rgb(000, 000, 000), 0px 1px 0px rgb(000, 000, 000), 0px -1px 0px rgb(000, 000, 000); font-size:2em; color:#fff;}
h3 {font-size:1.1em; padding:5px; margin:0px; font-weight:bold; font-style:italic; color:#1e0;  text-shadow: 1px 1px 0px rgb(0, 0, 0);}
h4 {font-size:2em; padding:5px; margin: 10px 0px 0px 0px; color:#fff;}
h6 { color:#007bb6; }

a {text-decoration:none; color:#f00; font-weight:bold;}
a:hover {text-decoration:underline; color:#d00;}
a[href^=tel], a[href^=mailto] { color: #fff; text-decoration: none; }

 .HeaderTel a {color:#f00 !IMPORTANT; border:2px solid #f00; border-radius:50%; padding:7px 10px 5px 10px;}

.ServerWarning {text-align:center;font-size:1.2em;border:3px solid #d00;border-radius:10px; margin:40px auto;width:90%;padding:20px; display:block;}
.ServerMsg, #emailResult {text-align:center;border:3px solid #1f0;border-radius:10px; margin:40px auto;width:90%;padding:20px; display:block;}
 #emailResult {display:none;}

 .listnum li {list-style-type: decimal;}

.button {background-color:#eee; padding:10px; border-radius:5px; color:#207bb6; font-weight:bold; cursor:pointer; text-decoration:none; border:1px solid #209bd6; 
		background: -ms-linear-gradient(#eee 0%, #eee 40%, #ccc 100%);
		background: linear-gradient(to bottom, #eee 0%, #eee 40%, #ccc 100%);
		-pie-background: linear-gradient(top, #eee 0%, #eee 40%, #ccc 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #eee), color-stop(1, #ccc));}
.button:hover {border:1px solid #f00; background-color:#fff; color:#d00; box-shadow:0px 1px 5px rgb(0, 0, 0); text-decoration:none;
		background: -ms-linear-gradient(#ddd 0%, #ddd 40%, #bbb 100%);
		background: linear-gradient(to bottom, #ddd 0%, #ddd 40%, #bbb 100%);
		-pie-background: linear-gradient(top, #ddd 0%, #ddd 40%, #bbb 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #ddd), color-stop(1, #bbb));}

.button-img {margin:0px; padding:0px; border:none; box-shadow:none; -moz-box-shadow:
 none; -webkit-box-shadow: none; opacity: 0.5; }
.button-img:hover {opacity: 1; }

.more {position:relative;}
.more a {position:relative; z-index:2;}
.more .hlt {position:absolute; top:50%; left:0px; width:100%; height:0%; background-color:#6c5; z-index:1; 
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.more:hover .hlt { height:100%; top:0%;}

.adminBar {float:left;background-color:#2b2b2b;border-radius:5px; padding:2px 10px 0px 10px;text-align:center;opacity:0.5;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.adminBar:hover {opacity:1;}
.adminBar button {background-color:transparent;border:none;cursor:pointer;opacity:0.5;}
.adminBar button:hover {opacity:1;}


input, textarea, select {display:block;width:100%;margin:10px auto;border-radius:5px;border:3px solid #ccc; padding:0.8em;font-size:0.9em;
	box-shadow: 0px 0px 0px #66a, inset 0px -3px 10px #ccc; -moz-box-shadow: 0px 0px 0px #66a,
 inset 0px -3px 10px #ccc; -webkit-box-shadow: 0px 0px 0px #66a, inset 0px -3px 10px #ccc;
	 -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;} 
input:focus, textarea:focus, select:focus {border:3px solid #007bb6;
	box-shadow: 0px 0px 15px #66a, inset 0px -3px 10px #ccc; -moz-box-shadow:
 0px 0px 15px #66a, inset 0px -3px 10px #ccc; -webkit-box-shadow: 0px 0px 15px #66a, inset 0px -3px 10px #ccc;} 
 select {padding:0.3em;}
select option {margin:0px;padding:0.4em;} 

input[type=checkbox] {display:inline-block;width:40px;border:2px solid red;}
input[type=file] {background-color:#fff;padding:0.5em;}

.DOB select {display:inline-block;width:auto;}
textarea {font-size:1em;height:200px;}
#SecAns {display:inline-block;width:70px;text-align:center;}
#emailResult span {border-top:1px solid #ccc;display:block;}

.container, .pcontainer {max-width:1400px;display:block;margin:0px auto;padding:0px; position: relative;}
.textb {margin:20px;}

 .HLrow {background-color:rgba(200, 200, 200, 0.7); }

#menubg {background-color:rgba(0, 0, 0, 0.5); border-bottom:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:5; display:none;}

#header { margin:0px; padding:0px;z-index:5;position:fixed; top:0px; left:0px; width:100%; background-color:#000; max-height:100%; overflow:auto;}
#header.scrolled { }


	#header .menubg {}

	#header .logo img { height:100%; max-height:50px; width:auto; max-width:100%; display:block; padding:0px; border:none; margin:0px auto; position:relative; z-index:99;
	    -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

	.links {font-size:0.8em;text-align:center;padding-bottom:20px;}

	#mainmenu {margin:0px; padding:0px;}

		#menushow {cursor:pointer;margin:0px;text-align:center;}

 .mshow {display:block; margin:10px auto; width:40px; height:40px;border-radius:8px;position:relative;cursor:pointer;border:3px solid #f00;
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
 .mshow div { width:24px; height:3px;background-color:#f00; border-radius:5px;position:absolute;left:5px;
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
 .mshow .bar1 {top:6px;}
 .mshow.active .bar1 {top:15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
 .mshow .bar2 {top:15px;}
 .mshow.active .bar2 {left:18px;width:0px;}
 .mshow .bar3 {top:24px;}
 .mshow.active .bar3 {top:15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}


		#mainmenu .menushow {margin:0px; padding:0px;display:none; border-bottom:5px solid #f00;
			box-shadow: 0px 10px 10px #666; -moz-box-shadow:
 0px 10px 10px #666; -webkit-box-shadow: 0px 10px 10px #666;}
		#mainmenu .menushow li {margin:0px; padding:0px;list-style-type:none;border-top:1px solid #111;border-bottom:1px solid #333;vertical-align:middle; position:relative;}
		#mainmenu .menushow > li:first-child {border-top:none;}
		#mainmenu .menushow > li:last-child {border-bottom:none;}
		#mainmenu .menushow li a {text-decoration:none;color:#666;font-weight:bold;padding:10px;display:block;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
		#mainmenu .menushow li:not(.active):hover > a {color:#fff;background-color:#222;}
		#mainmenu .menushow li.active > a {color:#fff; background-color:#f00;}
		#mainmenu .menushow li a img {opacity:1;}

			#mainmenu .menushow li ul { position:relative; margin:0px; padding:0px; display:none; }
			#mainmenu .menushow li ul li { margin:0px;}
			#mainmenu .menushow li ul li a { padding-left:40px; }

#page {z-index:2;position:relative; margin:0px; min-height:100%; padding:60px 0px 0px 0px; background-color:#000; min-height:620px;}


.clearfix:after { content: ""; clear: both; display: block; }

.divider {
  height: 40px;
  background-color: #d00;
  border-bottom: 5px solid #fff;
  border-top: 5px solid #fff;
  box-shadow: 0px 0px 15px #000;
  -moz-box-shadow: 0px 0px 15px #000;
  -webkit-box-shadow: 0px 0px 15px #000;
}

  #EditPage, .EditPic {position:absolute; top:10px; right:10px; z-index:99; }

  #EditPage .toggle, .EditPic .toggle, .Editpop { position:absolute; top:0px; right:12px; background-color:#fff; color:#ccc; width:60px; height:60px; padding:11px 2px 0px 0px; border-radius:50%; border:1px solid #999; text-align:center;z-index:99999; opacity:0.5;}

  #EditPage .toggle:hover, #EditPage .toggle.active, .EditPic .toggle:hover, .Editpop:hover {color:#333; border:1px solid #000; cursor:pointer; box-shadow: 0px 0px 3px 2px rgba(150, 150, 150, 1); opacity:1;}

	#EditPage .options {display:none;text-align:left;padding:10px;font-size:1em;color:#72afcc;margin:0px;
		background-color:#fff;border:1px solid #000;position:absolute;top:75px;right:15px;width:260px;
		border-radius:10px;z-index:98;box-shadow: 0px 4px 8px #666; box-shadow: 0px 0px 3px 2px rgba(150, 150, 150, 1);
	  }
	#EditPage .options:before {content:'';width:0px; height:0px;border-width:15px;border-style:solid;
		border-color:transparent transparent #000 transparent;position:absolute;right:12px; top:-30px;margin:0px 0px 0px 0px;}
	#EditPage .options:after {content:'';width:0px; height:0px;border-width:15px;border-style:solid;
		border-color:transparent transparent #fff transparent;position:absolute;right:12px; top:-29px;margin:0px 0px 0px 0px;}

	#EditPage .options a {cursor:pointer;color:#000;display:block;border-width:0px 4px;border-radius:5px;border-style:solid;border-color:transparent;padding:0.5em;text-decoration:none;margin:0.5em;}
	#EditPage .options a.active {color:#333;border-color:#666;background-color:#ddd;opacity:1;}
	#EditPage .options a:hover:not(.active) {background-color:#ddd;}


.EditPic {top:4%; right:2%;}
 .EditPic .toggle { top:5px; right:5px; width:40px; height:40px; color:#666; border:1px solid #000; padding:6px 1px 0px 0px;}
 .Editpop { position:relative; top:0px; right:0px; width:30px; height:30px; color:#666; border:1px solid #000; padding:3px 1px 0px 0px;
	 font: normal 14pt Arial !IMPORTANT; font-weight:normal !IMPORTANT; text-shadow: none !IMPORTANT;}

 .openingtimes { margin:5px auto 15px auto; max-width:300px; }
 .openingtimes > div { padding: 2px;  }

.infoBlock {border-radius:0px; margin-top:20px; margin-bottom:20px; max-width:450px;}
	.infoBlock .body {background-color: #fff; border-radius:2px;color:#333;padding:5px; position:relative; margin: -80px 20px 0px 20px; z-index:2;}
	.infoBlock .body p {margin:0px 5px 0px 5px;}
	.infoBlock .pic {background-color:#ddd;padding:0px;position:relative; z-index:1; border-radius:5px; overflow:hidden; 
		box-shadow:0px 5px 5px #666; -moz-box-shadow:0px 5px 5px #666; -webkit-box-shadow:0px 5px 5px #666;}
	.infoBlock .pic img {border:none; border-radius:5px;background-repeat:no-repeat;background-size:cover;background-position:center center;height:200px; z-index:1;}
	.infoBlock h4 {background-repeat:no-repeat;background-position:0px center; background-size:20px; background-image:url(../images/arrow_rr.png); cursor:pointer; text-align:right;
		 -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;}
	.infoBlock h4:hover {background-position:10px center; padding-right:10px; }

#UploadSale {}
	#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, .hideCheck { border-radius:10px;margin-bottom:-30px;position:relative;z-index:2;}
	#publish {background-image:none; background-color:#f79;color:#934;}
	#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;}
	 #formuploadfile {margin-top:6px;display:block;}

.serviceBar {}
	.serviceBar .service {padding:10px; margin:10px 0px; vertical-align:middle;}
	.serviceBar .service a {font-weight:bold; color:#000; text-decoration:none;}

.ViewItem {}
	.ViewItem .pics {background-color:#fa1;border-radius:10px;
	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;}

	.ViewItem .picBody {background-color:#2b2b2b;border-radius:10px;}

	.ViewItem .picSelect {overflow:auto;}
	.ViewItem .picSelect img {display:block;width:90%;margin:5% 0px 5% auto;border-radius:5px;border:0.2em solid #222;}
	.ViewItem .picSelect img.active,.ViewItem .picSelect img:hover {border:0.2em solid #fa1;cursor:pointer;}

	.ViewItem .pic {padding:0px;margin}
	.ViewItem .pic img {display:none;width:95%;border:0.5em solid #222;margin:3% auto;border-radius:15px;}
	.ViewItem .pic img.active {display:block;}

	.ViewItem .body {padding:5%;}


.grid { position:relative; }
	.grid-br { border-radius:50px 0px; overflow:hidden; border:2px solid #d00; }
	.grid-pic { position:relative; margin-bottom:-5px;}
	.grid-pic img {display:block; }
	.grid-cap { width:100%; position:absolute; top:0px; bottom:0; background:rgba(0, 0, 0, 0.8); text-align:center; opacity:0; color:#fff; }
	.grid-cap:hover, .grid-cap.active {opacity:1; }
	.grid-cap .link {}
.fb { background-color:#c1061b; color:#fff;}
.serv { background-color:#eee;}
.openingHours { background-color:#d00; color:#fff; position:relative; z-index:5;}

.service { background-color:#ddd; padding:5px; vertical-align:middle; display:inline-block; height:auto;}
	.service h5 { background-color:#57e; display:block; color:#fff; margin:0px; padding:10px; font-size:1.4em;}
	.service ul { background-color:#ccc; display:block; color:#333; margin:0px; padding: 20px 10px; text-align:left; font-size:0.8em; }
	.service ul li { margin-left:20px; position:relative; }
	.service ul.addon li { padding-right:50px; }
	.service ul.addon li span { position:absolute; top:0px; right:0px; width:40px; text-align:left; color:#000; font-weight:bold;}
	.service foot { background-color:#aaa; display:block; color:#000; margin:0px; padding:10px; font-size:1.4em; }
	.service foot small { font-size:0.5em; }

	.i-Details {background-image:url('../images/icons_Details.png');display:inline-block;background-repeat:no-repeat;background-position:0px 0px;width:40px;height:40px;background-size:360px 40px;
		vertical-align:middle; margin-left:10px; margin-right:5px;}
		.i-car {background-position:0px 0px; }
		.i-fuel {background-position:-40px 0px; }
		.i-trans {background-position:-80px 0px; }
		.i-date {background-position:-120px 0px; }
		.i-mileage {background-position:-160px 0px; }
		.i-colour {background-position:-200px 0px; }
		.i-door {background-position:-240px 0px; }
		.i-tax6 {background-position:-280px 0px; }
		.i-tax12 {background-position:-320px 0px; }

 #footer { color:#ddd;}
	#footer a {color:#fff; text-shadow: 1px 1px 1px rgb(0, 0, 0);}
	#footer .fmenu { padding:0px; margin:0px; list-style-type: none; position:relative; z-index:2;}
	#footer .fmenu li {padding:0px; margin:0px;}
	#footer .fmenu li a { color:#def;display:block;border-width:1px;border-style:solid;border-color:#222 #222 #444 #444;text-decoration:none; padding:5px 2px;}
	#footer .fmenu li a.active {color:#fff;background-color:#147; opacity:1;}
	#footer .fmenu li a:hover {background-color:#444;color:#fff;box-shadow: 0px 0px 8px #000,
		 inset 0px 0px 0px rgba(0, 0, 0, 0);}


	.social { }
	.social .Slinks { background-color:#fff; margin:20px; padding:2px 15px; border-radius:50px; overflow:hidden;}
	.social a.link {background-image:url('https://www.121websites.co.uk/images/Various/Socialfff.png');display:inline-block;background-repeat:no-repeat;background-position:0px -5px;width:62px;height:62px;background-size:410px 70px;
		background-color:#999;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#linkf { background-color:#3b5998;}
	.social a#linkt {background-position:-68px -5px; background-color:#00aced;}
	.social a#linkl {background-position:-138px -5px; background-color:#007bb6;}
	.social a#linkp {background-position:-208px -5px; background-color:#cb2027;}
	.social a#linke {background-position:-278px -5px;}
	.social a#linki {background-position:-346px -5px;}
	.social a.link:hover {background-color:#f00;}
	.social a.link:hover { background-color:#f00 !IMPORTANT;}

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

div.table {border:3px solid #776;width:90%;margin:20px auto;padding:0px;}
div.table .account {background-color:#fafaea;}
div.table .account:after { content: ""; clear: both; display: block; }
div.table .account:nth-child(even) {background-color:#eed;}
div.table .th {display:block;text-align:center;background-color:#dde1ba;background: linear-gradient(to top, #bdc17a 0%, #dde1ba 20%, #eaf4c7 50%, #dde1ba 80%, #bdc17a 100%);}
div.table .th div {text-align:left;padding:10px 20px;display:inline-block;}
div.table .th div:nth-child(1) {width:65%;}
div.table .th div:nth-child(2) {width:35%;}
div.table .tr {display:block;text-align:center;box-shadow: 0px 2px 6px rgba(220, 220, 180, 1);}
div.table .tr:hover {background-color:#ddc;cursor:pointer;}
div.table .tr div {text-align:left;padding:10px 20px;display:inline-block;margin:0px;vertical-align:top;}
div.table .tr div:nth-child(1) {width:65%;}
div.table .tr div:nth-child(2) {width:35%;}
div.table img {float:right;margin:10px;}
div.table .tb {Margin:0px; padding:0px;}
div.table .tb div {padding:10px 20px;display:block;margin:0px;vertical-align:top;font-size:0.8em;}
div.table .tb ul {margin:0px; padding:0px;}
div.table .tb ul li {margin:0px !IMPORTANT; padding:0px 0px 0px 20px;list-style-type: none !IMPORTANT;font-size:1em!IMPORTANT;}
div.table .tb ul li:first-child {padding:0px;}


.DivTable {display:block;margin:20px;border:2px solid #776;font-size:0.8em;font-weight:normal;}
.DivTable span {font-weight:bold;}
.Tableshow {margin:0px;display:block;padding:5px;cursor:pointer;text-align:center;font-weight:bold;background-color:#dde1ba;background: linear-gradient(to top, #bdc17a 0%, #dde1ba 20%, #eaf4c7 50%, #dde1ba 80%, #bdc17a 100%);}
.Tableshow:hover {background-color:#dde1ba;color:#442;}
.Tablerow {display:block;margin: 0px;background-color:#fafaea;text-align:left;}
.Tablerow:nth-child(odd) { background-color:#eed;}
.Tablerow:nth-child(1) { display:none; border-top:2px solid #776;font-weight:bold;}
.Tablerow:hover { background-color:#ddc;}
.Tablerow div {Text-align:left;padding:2px 4px;}
.Tablerow div:nth-child(6),.Tablerow div:nth-child(7),.Tablerow div:nth-child(9) {Text-align:center;}
.Tablerow .c5 { float:right;}
.Tablerow .c20 { width:100%}
.Tablerow .c15, .Tablerow .c10 {  width:50%}


.icon121 { background-image:url(../images/icons2.png);background-repeat:no-repeat; width:74px;height:74px; }

.i-Service {background-position:-5px 0px;}
.i-Check {background-position:-75px -2px;}
.i-Oil {background-position:-147px -2px;}
.i-Diag {background-position:-225px -2px;}
.i-Tyre {background-position:-299px 0px;}
.i-Battery {background-position:-372px 0px;}

	.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% 5%;} .w-pad10p {padding:10% 5%;} .w-pad5p {padding:5% 5%;} .w-pad2p {padding:2% 2%;}
	.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-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-mr5 {margin-right:5%;} .w-mr10 {margin-right:10%;} .w-mr15 {margin-right:15%;} 
	.w-mr20 {margin-right:20%;} .w-mr40 {margin-right:40%;} .w-mr60 {margin-right:60%;} .w-mr80 {margin-right:80%;}
	.w-ml0 {margin-left:0%;} .w-ml2 {margin-left:2%;} .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-textn {font-weight:normal;} .w-texti {font-style:italic;}

	.w-bdrb {border-bottom:1px solid #acf; }
  	.w-shadow2 { box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; }
	.w-shadow {box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;}
	.w-opp0 { opacity:0; } .w-opp02 { opacity:0.2; } .w-opp04 { opacity:0.4; } .w-opp06 { opacity:0.6; } .w-opp08 { opacity:0.8; } .w-opp1 { opacity:1; }
	
	.w-flex {display:flex;} .w-flexwrap {flex-wrap: wrap} .w-flexnowrap {flex-wrap: nowrap}	.w-flexdr {flex-direction: row;}	.w-flexdc {flex-direction: column;}
	.w-flexO1 {order:1;} .w-flexO2 {order:2;} .w-flexO3 {order:3;} .w-flexO4 {order:4;} .w-flexO5 {order:5;} .w-flexO6 {order:6;} .w-flexO7 {order:7;} .w-flexO8 {order:8;}
	.w-flexg1 {flex-grow: 1;} .w-flexg2 {flex-grow: 2;} .w-flexg3 {flex-grow: 3;} .w-flexg4 {flex-grow: 4;} .w-flexg5 {flex-grow: 5;} .w-flexg6 {flex-grow: 6;} .w-flexg7 {flex-grow: 7;} .w-flexg8 {flex-grow: 8;}
	.w-flexs1 {flex-grow: 1;} .w-flexs2 {flex-grow: 2;} .w-flexs3 {flex-grow: 3;} .w-flexs4 {flex-grow: 4;} .w-flexs5 {flex-grow: 5;} .w-flexs6 {flex-grow: 6;} .w-flexs7 {flex-grow: 7;} .w-flexs8 {flex-grow: 8;}

	.w-grid { display: grid; }

	.w-grid-g100 { gap: 1rem 1rem; }
	.w-grid-g175 { gap: 1rem 1.75rem; }

	.w-grid-c1 { grid-template-columns: 1fr; }
	.w-grid-c2 { grid-template-columns: 1fr 1fr; }
	.w-grid-c3 { grid-template-columns: 1fr 1fr 1fr; }
	.w-grid-c4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.w-grid-c5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }