body, html {
	margin:0px; padding:0px;font-size:14pt;font-family: 'Philosopher', sans-serif;background-color:#2b2b2b;
}
html {
  -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;
  }

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


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

@font-face {
      font-family: 'fontello';
      src: url('../font/fontello.eot?82744232');
      src: url('../font/fontello.eot?82744232#iefix') format('embedded-opentype'),
           url('../font/fontello.woff?82744232') format('woff'),
           url('../font/fontello.ttf?82744232') format('truetype'),
           url('../font/fontello.svg?82744232#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
.font-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;   
     display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

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.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

.inputicon { position:relative; }
	.inputicon i { position:absolute; top:50%; left:12px; margin-top: -9px; opacity:0.8; color:#222;}
	.inputicon input { padding-left:25px;  }

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

h2 {text-align:center; padding:10px; margin:0px;font-size:1.2em;}
h3 {padding:5px; margin:0px;font-size:0.9em;color:#090;}
h4 {padding:5px; margin:0px;font-size:0.9em;color:#090;text-align:right;}

a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}
a[href^=tel] { color: #000; text-decoration: none; }

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

.button {background-color:#ddd;padding:5px; margin:5px auto;border-radius:10px;color:#333;font-weight:bold;cursor:pointer;text-decoration:none;border:3px solid #ccc;
	box-shadow: inset 0px -5px 15px #666; -moz-box-shadow:
 inset 0px -5px 15px #666; -webkit-box-shadow: inset 0px -5px 15px #666;
	background-image: -ms-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: -moz-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: -o-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #D6D6D6), color-stop(1, #909090));
	background-image: -webkit-linear-gradient(top, #D6D6D6 40%, #909090 100%);
	background-image: linear-gradient(to bottom, #D6D6D6 40%, #909090 100%);}

.adminBar {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; background-color:#333;}
.adminBar button {background-color:transparent;border:none;cursor:pointer;opacity:0.5;}
.adminBar button:hover {opacity:1;}

.button:hover {background-color:#fff;color:#000;text-decoration:none;border:3px solid #090;}

input, textarea, select {display:block;width:100%;margin:5px auto;border-radius:5px;border:3px solid #ccc;padding:0.2em;font-size:0.9em;
	box-shadow: inset 0px -5px 15px #666; -moz-box-shadow:
 inset 0px -5px 15px #666; -webkit-box-shadow: inset 0px -5px 15px #ddd;} 
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 {max-width:1400px;display:block;margin:0px auto;padding:10px;}
.textb {margin:20px;}

#header {background-color:#020;margin:0px; padding:0px;z-index:5;position:relative;
	box-shadow: 0px 5px 5px #666, inset 0px 55px 85px #090; -moz-box-shadow: 0px 5px 5px #666, inset 0px 55px 85px #090; -webkit-box-shadow: 0px 5px 5px #666, inset 0px 55px 85px #t090;}

	#header .logo img {max-width:600px; width:90%;display:block;padding:0px;border:none;margin:0px auto;
	    -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 {background-color:#2b2b2b;margin:0px; padding:1px 0px;box-shadow: 0px 5px 5px #666;}

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

 .mshow {display:block; margin:10px auto; width:50px; height:50px;border-radius:8px;position:relative;cursor:pointer;border:3px solid #fff;
 	 -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:34px; height:5px;background-color:#fff; 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:8px;}
 .mshow.active .bar1 {top:20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
 .mshow .bar2 {top:20px;}
 .mshow.active .bar2 {left:23px;width:0px;}
 .mshow .bar3 {top:32px;}
 .mshow.active .bar3 {top:20px; -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;}
		#mainmenu .menushow li {margin:0px; padding:0px;list-style-type:none;border-top:1px solid #151515;border-bottom:1px solid #3b3b3b;vertical-align:middle;}
		#mainmenu .menushow li:first-child {border-top:none;}
		#mainmenu .menushow li:last-child {border-bottom:none;}
		#mainmenu .menushow li a {text-decoration:none;color:#fff;font-weight:bold;padding:10px;display:block;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
		#mainmenu .menushow li a:hover {color:#090;background-color:#222;}
		#mainmenu .menushow li a.active {color:#090;background-color:#000;}
		#mainmenu .menushow li a img {opacity:1; border:none;}

#page {background-color:#fff;z-index:2;position:relative;}

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

 .RRow {background-color:#333;position:relative;}
 .RRow:nth-child(odd) {background-color:#444;}
 .RRow:hover {background-color:#090; color:#000;}
 .RRow:hover .admin {background-color:rgba(0, 0, 0, 0.2);}

.sale {background-color:#070;border-radius:10px;margin:20px 0px 30px 0px; text-decoration:none !IMPORTANT;
	box-shadow:0px 5px 5px #666, inset 0px 15px 25px #030; -moz-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #030; -webkit-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #030;}
	.sale h2 {color:#fff;}
	.sale .body {background-color:#2b2b2b;border-radius:10px;color:#fff; height: 90%;}
	.sale .body p {margin:0px 5px 0px 5px;}
	.sale .body .more {display:block;text-align:center; position:relative; color:#fff; border-radius:0px 0px 10px 10px; box-shadow:0px 5px -5px #000; -moz-box-shadow:0px -5px 5px #000; -webkit-box-shadow:0px -5px 5px #000;}
	.sale .body .more span { z-index:5; position:relative; text-decoration:none;}
	.sale .body .more .hod { width:0%; height:100%; position:absolute; left:50%; top:0px; background-color:#050; z-index:1; }
	.sale:hover .body .more .hod { width:100%; left:0px; }
	.sale .pic {background-color:#222;padding:5px;border-radius:15px; position:relative; }
	.sale .pic img {border:none;border-radius:10px; box-shadow:0px 0px 15px #000; -moz-box-shadow:0px 0px 15px #000; -webkit-box-shadow:0px 0px 15px #000; margin: 3% auto; border-radius: 5px; aspect-ratio: 1.4/1; object-fit: cover; }
	.numpic {position:absolute;bottom:10%;right:10%;color:#000;background-color:#090;border-radius:50%;font-size:0.8em;text-align:center;padding:3px;opacity:0.8;}


	#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;}
	 #formuploadfile {margin-top:6px;display:block;}

.ViewItem {}
	.ViewItem h2 { color:#fff; }
	.ViewItem .pics {background-color:#090;border-radius:10px;
		box-shadow:0px 5px 5px #666, inset 0px 15px 25px #020; -moz-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #020; -webkit-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #020;}

	.ViewItem .picBody, .addhead, .addfoot {background-color:#2b2b2b;border-radius:10px;}
	.ViewItem .addhead, .ViewItem .addfoot {background-color:#2b2b2b;border-radius:10px;
		box-shadow:0px 5px 5px #666; -moz-box-shadow:0px 5px 5px #666; -webkit-box-shadow:0px 5px 5px #666;}

	.ViewItem .picSelect {overflow:auto;}
	.ViewItem .picSelect img {border-radius:5px;border:0.2em solid #222; background-position: center; background-size: cover;}
	.ViewItem .picSelect img.active,.ViewItem .picSelect img:hover {border:0.2em solid #090;cursor:pointer;}

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

#footer {display:block;margin:0px;padding:20px 10px 40px 10px;position:relative;background-color:#2b2b2b;text-align:center;color:#fff;border-top:8px solid #090;}
#footer a {padding:0px 10px;color:#090;}

#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
#popup .overlay {background-image:url(../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 #dde1ba;border-radius:50%;background-color:#fff;padding:10px;opacity:0.6;}
#popup .container {border:3px solid #442;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 .close {position:absolute;top:5px;right:8px;background-image:url(../images/CBox/controls.png);background-repeat:no-repeat;background-position:-25px 0px;width:25px;height:25px;border-radius:15px;
	cursor:pointer;}
#popup .content p {padding:0px 35px;position:relative;}
#popup .content ul {padding:0px 55px;}
#popup .content strong {position:absolute;top:0px; left:0px;}

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%}

	.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-texti {font-style:italic;}

	.w-bdrb {border-bottom:1px solid #acf; }
	.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; }


