body, html { margin:0px; padding:0px;position:relative; color: #000; letter-spacing: -.04em; text-transform: none; font-family: "futura-pt-condensed",sans-serif; font-weight: 600; line-height: 90%;}
html {height:100%;}
body { min-height:100%; margin:0px; }
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; }
.clearfix:after {    content: "."; visibility: hidden; display: block; height: 0; clear: both;}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; 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;}

.Sheader { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; background-color: #ffffff55;backdrop-filter: blur(10px); border-bottom: 1px solid #a8a8a833; justify-content: center; align-items: flex-start; margin-top: 0; padding-top: 0; padding-bottom: 0;
	 display: flex; position: fixed; inset: 0% 0% auto;	}
#mainmenu { color: rgb(0, 0, 0); }

.site .Scontent { flex: 1 1 auto; background-color: #ffffff;}

.site {
  display: flex;
  flex-flow: column;
  height: 100vh;
}

.site .Scontent {
  flex: 1 1 auto;
}

#page { position: relative;  }

.site .Sfooter {
  flex: 0 1 auto;
	min-height:150px; 
	position:relative; z-index:5;
}

#FootL, #FootR {position:absolute; bottom:0px; left:0px; }
#FootR {left:auto; right:0px;}
.Sfooter .tailored, .Sfooter .links, #CR { z-index:20; position:relative;}

h1 { font-size: 1.6em; color:#fff;}
h2 {font-size:1.2em; color:#fff;}
h3 {padding:5px; margin:0px;font-size:1.2em;color:rgba(230, 30, 70,1); text-shadow: 1px 0px 1px rgb(1, 1, 0.6);}
h4 {color: #fff; text-shadow: 0px 2px 3px #000; font-weight: 600; font-size: 1.2em;}

h6 {margin:0px;text-align:left;padding:3px 0px 3px 10px;color:#e00;border-radius:0px 10px;border-width:0px 0px 1px 0px;border-style:solid;border-color:#39d;}

a {text-decoration:none; color:#57c; font-weight:bold; }
	a:hover {text-decoration:underline; color:#900;}
	a[href^=tel] { text-decoration: none; text-shadow:none; }

ul.numList { list-style-type: decimal-leading-zero;}
	ul.numList li { margin-bottom:15px; }

input, textarea, select { margin:10px auto; padding:0.8em;font-size:0.9em; border:none; border-radius: 5px; } 
textarea {font-size:1em;height:200px; border-color: #a0a0f0 #a0a0f0 #009; backdrop-filter: blur(10px); background-color: #29f9;box-shadow: 0px 0px 15px #000a; color:#fff; line-height: initial;}

input[type=checkbox] {display:inline-block;width:40px;border:2px solid red;}
.inputicon { position:relative; color:#ccc;}
	.inputicon i { position:absolute; top:50%; left:14px; margin-top: -8px; opacity:1;}
	.inputicon input { padding-left:40px;  }

select option {margin:0px;padding:0.4em;} 
.DOB select {display:inline-block;width:auto;}

.w-input, .w-select { color: #333;  background-color: #fff; border: 1px solid #ccc; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; width:100%; }
  .w-input:focus{outline-offset:0px;outline-style:none; border-color: #a0a0a0 #a0a0a0 #00f; border-width: 3px;}

.text-field { border-style: none none solid; border-width: 1px; border-color: #a0a0f0 #a0a0f0 #009; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: #29f9; height: 40px; margin-bottom: 0; padding: 0 13px; font-family: Gilmer,sans-serif;
	 border-radius:5px; box-shadow: 0px 0px 15px #000a; color: #fff;}
	.form { grid-row-gap: 24px; flex-direction: column; align-items: flex-start; display: flex; }
	.w-input::placeholder, .w-select::placeholder, textarea::placeholder { color: #fff;}
    .text-field::placeholder { color: #fff; text-transform: uppercase; font-family: Gilmer,sans-serif; font-size: 14px; font-weight: 500;}
	
.w-radio, .w-checkbox { background-color: #eefb; padding:4px 8px; border-radius:5px; cursor:pointer;}
.w-radio:hover, .w-checkbox:hover { background-color: #7aff; }

label { margin-bottom: 5px; font-weight: 700; display: block; }

.w-checkbox { margin-bottom: 5px; padding-left: 10px; padding-right: 20px; display: block; letter-spacing: -.04em; text-transform: none; font-family: Futura condensed extra,sans-serif; }
.w-checkbox-input {  line-height: normal; width: auto !IMPORTANT; }
.radio-button-label { text-transform: uppercase; font-family: Gilmer,sans-serif; line-height: 120%; }
.w-form-label { cursor: pointer; margin-bottom: 0; font-weight: 400; display: inline-block; }
.text-field.message { min-height: 200px; padding: 13px; }

.ServerWarning {text-align:center;font-size:1em;border:3px solid #d00;border-radius:10px; margin:40px auto;width:95%;padding:20px; display:block;}
.ServerMsg {text-align:center;font-size:1.2em; background-color:#191919; border:3px solid #000;border-radius:10px; margin:40px auto;width:95%;padding:20px; display:block;}

.button2 {position:relative; background-color:transparent; padding:8px; margin:5px auto;color:#57c;font-weight:bold;cursor:pointer; text-decoration:none;
	 	border:1px solid #57c; border-radius:5px;
	 	-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;}
	.button2:hover {color:#900; border:1px solid #900; box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; text-decoration:none;}

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

.button { background-color:#000; border-radius:4px; color:#fff; cursor:pointer; border:2px solid #fff; font-weight:bold;
	 position:relative; text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration:none;
	box-shadow:0px 0px 8px #000; -moz-box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000;
 		 background-image: -webkit-linear-gradient(top, #a08, #f0b, #c0b, #60d);
 		 background-image: -moz-linear-gradient(top, #a08, #f0b, #c0b, #60d);
 		 background-image: -o-linear-gradient(left, #a08, #f0b, #c0b, #60d);
 		 background-image: linear-gradient(to bottom, #a08, #f0b, #c0b, #60d); }

	.button:hover { border:2px solid #fff; color:#fff; box-shadow:0px 0px 12px #fff; -moz-box-shadow:0px 0px 12px #fff; -webkit-box-shadow:0px 0px 12px #fff;  text-decoration:none;}

	.button3 a { position:relative; display:block; z-index:2; font-weight:bold; text-decoration:none; color:#fff; 
	 text-shadow: 1px 1px 0px rgb(10, 10, 10), 1px -1px 0px rgb(10, 10, 10), -1px 1px 0px rgb(10, 10, 10), -1px -1px 0px rgb(10, 10, 10),
		 -1px 1px 0px rgb(10, 10, 10), -1px 0px 0px rgb(10, 10, 10), 1px 0px 0px rgb(10, 10, 10), 0px -1px 0px rgb(10, 10, 10), 0px 1px 0px rgb(10, 10, 10);}

.buttonR { background-color:#d00; border-radius:4px; color:rgba(223, 206, 155,1); cursor:pointer; padding:5px 15px; border:2px solid #57c;
	 position:relative; text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
	box-shadow:0px 0px 8px #000; -moz-box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; }
	.buttonR:hover { border:2px solid #fff; color:#fff; box-shadow:0px 0px 12px #900; -moz-box-shadow:0px 0px 12px #900; -webkit-box-shadow:0px 0px 12px #900; }

.answers label, .answersPopup label {background-color:#000; padding:5px;  border: 1px solid #999; border-radius:5px; cursor:pointer; position:relative; color:#999;}
	.answers label.yes.active, .answersPopup label.yes.active {background-color:#8f8; border: 1px solid #393; color:#000;}	
	.answers label.no.active, .answersPopup label.no.active {background-color:#f79; border: 1px solid #933; color:#000;}
	.answers input, .answersPopup input {padding:0px; margin:0px; opacity:0; position:absolute; cursor:pointer;}

.container {max-width:1600px;display:block;margin:0px auto;padding:0px;}

#header {background-color:#101010;margin:0px; padding:0px;z-index:5;position:fixed; top:0px; left:0px; width:100%; border-bottom:5px solid #000;}

#mainmenu {margin:0px auto; padding:0px; border:none; color:#05d; display:block; width:100%; max-width:1400px; }
	#mainmenu ul {margin:0px; padding:0px; position:relative; }

   #mainmenu ul li { position:relative; margin:0px;  list-style-type:none; vertical-align:middle; text-shadow: 0px 0px 5px #fff,3px 0px 5px #fff,-3px 0px 5px #fff;}
   #mainmenu ul li:not(.sMenu) { cursor:pointer; }
   #mainmenu ul li.logo { background-image:url('../images/Title.png'); background-repeat:no-repeat;background-size:contain;background-position:center center; }
	.logo img {max-width:250px;}
   #mainmenu ul li:hover:not(.sMenu), #mainmenu ul li.subactive:not(.sMenu) {  color: #fff; text-shadow: 0px 0px 5px #000,3px 0px 5px #000,-3px 0px 5px #000; 
	-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;}
   #mainmenu ul li:not(.logo) a {text-decoration:none;font-weight:bold;padding:10px;display:block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
   #mainmenu ul li:not(.active) a:hover, #mainmenu ul li.active > a, #mainmenu ul li.subactive > a  {color:#35a;}

	#mainmenu .sMenu { position:absolute; top:60px; right:0px; background-color:#57c; z-index:5; border-radius:10px; overflow:hidden; box-shadow: 0px 5px 5px #000; -moz-box-shadow: 0px 5px 5px #000; -webkit-box-shadow: 0px 5px 5px #222;}
	#mainmenu li.sMenu { padding: 2px 0px 0px 0px;}
	#mainmenu .sMenu a:not(.goBasket) { border-width:0px 2px; border-style:solid; border-color:#57c; font-size:0.8em; text-align:center; background-color:#fff; color:#57c;
 	 background-image: -webkit-linear-gradient(top, #eee, #fff, #bdf, #68f);
 	 background-image: -moz-linear-gradient(top, #eee, #fff, #bdf, #68f);
 	 background-image: -o-linear-gradient(top, #eee, #fff, #bdf, #68f);
 	 background-image: linear-gradient(to bottom, #eee, #fff, #eff, #def);}
	#mainmenu .sMenu a:first-child { border-radius:10px 10px 0px 0px;}
	#mainmenu .sMenu a.last-child { border-width:0px 2px 1px 2px; border-color:#57c;border-radius:0px 0px 10px 10px;}
		#mainmenu .sMenu a.ss-Comps { text-align:left; font-size:0.7em; padding-left:40px;
 	 		background-image: -webkit-linear-gradient(top, #444, #222);
 	 		background-image: -moz-linear-gradient(top, #444, #222);
 	 		background-image: -o-linear-gradient(left, #444, #222);
 	 		background-image: linear-gradient(to bottom, #444, #222);}
		#mainmenu .sMenu a.ss-Comps i {margin-left:-30px; margin-right:10px;}
		#mainmenu .sMenu a.ss-Comps:hover i {margin-left:-25px; margin-right:5px;}

.DDMenu div:hover { cursor:pointer; }
	.DDMenu .animX { width:44px; height:40px; position:relative; }
	.DDMenu .animX div {width: 34px; height: 4px; background-color: #05d; border-radius: 3px; 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;
	 	box-shadow:0px 0px 5px #fff,0px 0px 3px #fff ;}
	.DDMenu:hover .animX div, .DDMenu.subactive .animX div { background-color: #fff; box-shadow:0px 0px 5px #000,0px 0px 3px #000 ; }
	.DDMenu .animX .bar1 { top:6px; }
	.DDMenu .animX .bar2 { top:16px; }
	.DDMenu .animX .bar3 { top:26px; }
	.DDMenu:hover .animX .bar2 { width:24px; left:10px; }

	.DDMenu.active .animX .bar1, .DDMenu.subactive .animX .bar1 { top:16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.DDMenu.active .animX .bar2, .DDMenu.subactive .animX .bar2 { left:20px;width:0px;}
	.DDMenu.active .animX .bar3, .DDMenu.subactive .animX .bar3 { top:16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	.toggleOption > .optLabel { height:25px;}
	.toggleOption > .optToggle { width:45px; height:25px; Background-color:#6f7; border: 1px solid #111; border-radius: 20px; cursor:pointer; }
	.toggleOption > .optToggle > div { width:23px; height:23px; Background-color:#111; border: 1px solid #666; border-radius: 50%; margin-left:20px; }
	.toggleOption.active > .optToggle { background-color:#f67;}
	.toggleOption.active > .optToggle > div { margin-left:0px; }

 .circ { display:inline-block; margin-bottom:-2px; width:15px; height:15px; border: 1px solid #000; border-radius:50%;}
 .circ.sts0 {background-color:#fff;}
 .circ.sts1 {background-color:red;}
 .circ.sts2 {background-color:#f82;}
 .circ.sts3 {background-color:#ec6;}
 .circ.sts4 {background-color:#6f3;}
 .circ.sts5 {background-color:yellow;}
 
 .circ.sts7 {background-color:#c2f;}
 .circ.sts8 {background-color:#7bf;}
 .circ.sts9 {background-color:#36f;}
 .circ.sts10 { background-color:#d0f;}

#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
#popup .overlay {background-image:url(../images/Various/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:#0a0a0a;position:relative;padding:15px;max-height:95%;overflow:auto; color:#fff;
	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/Various/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;}

#popup .Notification { max-width:800px; background-color:#fff; color:#000; }

.portfolio {width:100%;max-width:1000px;height:166px;position:relative;background-color:#ccc;border:5px solid #ddd;margin:10px auto;}

.portcard {width:60%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
.portcard .pcimg {display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-size: cover;}

.portmenu {width:40%;height:100%;position:absolute;top:0px;right:0px;background-color:#eee;z-index:2;}
.portmenu .bar {position:relative;text-align:center;font-size:0.7em;border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;background-color:#ccc;
	background: linear-gradient(to right, #ddd 0%, #ccc 30%, #aaa 60%, #999 100%);}
.portmenu .bar:last-child {border-bottom:1px solid #fff;}
.portmenu .bar:hover {background-color:#bbb;cursor:pointer;
	background: linear-gradient(to right, #bbb 0%, #bbb 20%, #999 60%, #666 100%);}
.portmenu .active {background-color:#bbb;
	background: linear-gradient(to right, #bbb 0%, #bbb 20%, #999 60%, #666 100%);}
.portmenu .active:before {  content: "";position: absolute; left:-22px; top:-1px; width: 0; height: 0; 
			 border-top: 13px solid transparent; border-bottom: 13px solid transparent;border-left: 0px solid transparent;border-right: 22px solid #fff; }
.portmenu .active:after {  content: "";position: absolute; left:-20px; top:0px; width: 0; height: 0; 
			 border-top: 12px solid transparent; border-bottom: 12px solid transparent;border-left: 0px solid transparent;border-right: 20px solid #bbb;}


.portinfo {display:none;max-width:1000px;min-height:280px;width:85%;margin:10px auto;}
.portinfo ul {padding-left:30px;margin-top:0px;}
.portinfo h3 {margin-left:-20px !IMPORTANT;padding-left:0px;}
.portinfo p {margin:0px;}
.portinfo .details {font-size:0.8em;text-align:center;margin-top:3px;}
.portinfo div.iMac {display:none;height:195px;width:210px;padding:2px;margin:40px 0px 0px 10px;z-index:5;position:relative;border:none;background-color:transparent;
	background-image:url('../images/iMac.png');background-repeat:no-repeat;background-position:top center;background-size: contain; }
.portinfo div.iMac .iMacimg {width:197px;margin:5px auto;height:122px;border-radius:4px;background-repeat:no-repeat;background-size: cover;}

#infpb3 div.iMac .iMacimg {background-image:url('../images/Portfolio/rickywalkabout_com_scr.jpg');background-position:center center;}
#infpb6 div.iMac .iMacimg {background-image:url('../images/Portfolio/littlemisstangles_scr.jpg');background-position:top center;}
#infpb7 div.iMac .iMacimg {background-image:url('../images/Portfolio/penguinpig_scr.jpg');background-position:top center;}
#infpb2 div.iMac .iMacimg {background-image:url('../images/Portfolio/ShawnDean.png');background-position:center center;}
#infpb4 div.iMac .iMacimg {background-image:url('../images/Portfolio/winnerwinnerchickendinner_scr.jpg');background-position:center center;}
#infpb1 div.iMac .iMacimg {background-image:url('../images/Portfolio/RJValeting_scr.png');background-position:center top;}
#infpb5 div.iMac .iMacimg {background-image:url('../images/Portfolio/CP-Autos_scr.png');background-position:center center;}


@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; 
  src: local('Material Icons'), local('MaterialIcons-Regular');
}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.section-1 { max-width: 100vw; overflow: hidden; filter: saturate(115%); background-color: #35f; background-image: url(../images/BG01.jpg); background-position: 50%; background-size: cover; justify-content: center; align-items: center; height: 100vh; display: flex; position: relative;}
.section-1 h1, .section-1 h3 { color:#fff;}
.section-1 .h1 { -webkit-text-fill-color: inherit; background-image: none; background-clip: border-box; margin-bottom: 0; font-size: clamp(2rem,10vw,6rem); font-style: normal; line-height: 80%; overflow: visible;}

.w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; }

#section-2 .content {grid-row-gap: 36px; flex-direction: column; align-items: center; width: 90%; max-width: 1400px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: relative;}
#section-2 .w-layout-grid { grid-column-gap: 0px; grid-template-rows: auto; grid-template-columns: 48% 1fr; align-items: start;}

.section p { flex-direction: column; }

.div-block { z-index: 2; grid-row-gap: 36px; flex-direction: column; align-self: center; align-items: center; padding: 0; display: flex; position: relative;}

.span { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; margin-left: -4px; margin-right: -4px; font-weight: 600; display: inline-block; position: relative;}
.span.blue { filter: saturate(150%); background-image: url(../images/FadeBlue.webp); background-position: 50%; background-size: cover;}
.span.orange { background-image: linear-gradient(39deg,var(--tomato),#ed1c24);}

.button-rounded{background-color:#fff;color:#000;cursor:pointer;align-items:center; padding:24px 25px;font-family:Gilmer,sans-serif;font-size:16px;display:flex;
  position:relative;overflow:hidden; border:3px solid #fff;mix-blend-mode:normal;border-radius:100px; justify-content:center;min-width:150px;margin-top:0;text-decoration:none;transition:all .2s}
.button-rounded:hover{background-color:white;color:black;border-style:solid;mix-blend-mode:normal;background-color:#0000;border-style:solid;text-decoration:none;}

.BlueBlock .content {grid-row-gap: 36px; width: 90%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: relative; flex-direction: row; justify-content: space-between; align-items: center; max-width: 1400px;}

.PopBoxes { border-radius: 5px; grid-template-rows: auto; grid-auto-columns: 1fr; display: grid; grid-column-gap: 24px; grid-row-gap: 24px;}
.PopBox { perspective: 2000px;	position: relative;}
.PopBox .content {  grid-column-gap: 16px; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: flex;  z-index: 1; grid-row-gap: 48px; border: 1px solid #ececec; border-radius: 31px;
	 justify-content: space-between; height: 100%; padding: 24px; font-family: rift,sans-serif; transition: all .3s; position: relative; transform: perspective(2000px)perspective(388px); text-decoration: none; box-shadow:0 8px 8px -5px #004cffa8;
	grid-row-gap: 12px; flex-direction: column; display: flex; }
.PopBox .content:hover{z-index:3;background-color:#fff;box-shadow:0 48px 48px -15px #004cffa8; }
.PopBox .content .material-icons {position:absolute; top:10px; left:10px; margin:0px; font-size:3em;}
.PopBox .content h4 {padding:0em 1em 0em 1.2em; text-align:center; width:100%;}
.PopBox .content p { color: #57c;}

.h1 { letter-spacing: -.04em; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-size: 60px; line-height: 80%; text-shadow: 5px 0px 15px rgb(0, 0, 0, 1); }

h2 { letter-spacing: -.04em; text-transform: uppercase; margin-top: 20px; margin-bottom: 10px; font-family: "futura-pt-condensed",sans-serif; font-size: 37px; font-weight: 600; color:#fff;}
.h2 { letter-spacing: -.06em; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-size: clamp(2rem,5.5vw,3.5rem); font-weight: 600; line-height: 83%; color:#fff;}
.SBlock .h2, .highperf .h2, .section .h2, .contactus .h2 { color:#000;}
.h2.isparallax { z-index: 21; font-size: clamp(2rem,10vw,6rem); position: relative;}
h3 { color: #000; text-shadow:none;font-family: "futura-pt-condensed",sans-serif; }
.h4 { color: #000; letter-spacing: -.04em; text-transform: uppercase; margin-top: 8px; margin-bottom: 8px; font-family: Futura condensed extra,sans-serif; font-size: 32px; font-weight: 700; line-height: 90%; }
.h4.trueblack.materialicon { color:#000; margin-top: 0; margin-bottom: 0; font-family: Material Symbols Rounded,sans-serif; font-size: 32px; font-weight: 200;}


.BGimage { box-shadow: none; align-self: flex-start; width: 100%; max-width: 70vw; height: 310px; position: static;
	 filter: saturate(113%); object-fit: cover; object-position: 0% 100%; background-image: url(../images/BG01.jpg); background-position: 100%; background-size: cover; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; margin-left: -1px;
   inset: auto auto auto 0%; overflow: hidden; transform: scale(1.01); box-shadow: 45px 0 80px -6px #00000036;}
.BGimage.first { filter: saturate(139%); background-image: url(../images/BG01.jpg); background-position: 0 0;}
.BGimage.right { filter: saturate(140%); object-fit: cover; object-position: 100% 50%; border-radius: 1000px 0 0 1000px; flex-direction: column; justify-content: center; align-self: center; align-items: flex-start; height: 310px; min-height: auto;
  margin-left: auto; margin-right: -1px; padding-left: 0; display: flex; position: relative; inset: auto 0% auto auto; overflow: hidden; transform: scale(1.011);box-shadow: -38px 0 49px -6px #0003; background-position: 0 0; background-size: 238%; }

.section { position:relative; flex-direction: column; justify-content: flex-start; align-items: center; max-width: 100vw; min-height: 250px; padding-top: 80px; padding-bottom: 50px; overflow: hidden; display: flex; overflow: hidden;}

.section.alignmid { grid-row-gap: 48px; flex-direction: column; justify-content: center; min-height: 58vh; position: relative; overflow: visible;}
.section.alignmidR { grid-row-gap: 48px; flex-direction: column; justify-content: center; min-height: 58vh; position: relative; overflow: visible;}

.content { grid-row-gap: 36px; flex-direction: column; align-items: flex-start; max-width: 1400px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: relative;}
.content.spaced { flex-direction: row; justify-content: space-between; align-items: center; max-width: 1400px;}

.content .p, .Sfooter { grid-area: span 1/span 1/span 1/span 1;  
  transform-origin: 50% 0;
  letter-spacing: normal;
  flex-direction: column;
  margin-bottom: 0;
  font-family: Gilmer,sans-serif;
  font-size: clamp(1rem,1.8vw,1.6rem);
  font-weight: 400;
  line-height: 150%;
}

.block32 {background-color:#eee;border-radius:10px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);padding:6px 0px; width:95%; max-width:450px;
	background: linear-gradient(to right, #ddd 0%, #eee 10%, #fff 50%, #eee 90%, #ddd 100%);
}
.block32 p {text-align:left;font-size:1em;position:relative;padding:5px 0px;margin:5px 10px;}
.block32 div {background-color:#00d;color:#fff;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.8);text-align:center;font-weight:bold;font-size:1.2em;position:relative;padding:5px 0px;margin:5px 0px;
	background: linear-gradient(to right, #009 0%, #00c 20%, #00f 50%, #00c 80%, #009 100%);}
.block32 div:before {  content: "";position: absolute; left:-7px; top:0px; width: 7; height: 35px;background-color:#009;border-radius:0px 0px 0px 50%; }
.block32 div:after {  content: "";position: absolute; right:-7px; top:0px; width: 7; height: 35px;background-color:#009;border-radius:0px 0px 50% 0px; }

 .terms-content h2 {border-bottom: 1px solid #ccc; padding:5px; margin-top:40px;}

 .terms-nav { text-align:center; border-bottom:4px solid #8af; border-top:4px solid #8af; border-radius:20px; margin-top:20px; position:relative; padding:0px;}
	.terms-nav > .nav { list-style-type: none;border-bottom:0px solid #8af; position:relative; margin:0px; }
	.terms-nav > .nav > a {  padding:20px 10px 20px 10px; border:none;  position:relative; border-radius:10px; z-index:2; width:100%; }
	.terms-nav > .nav > .Taba1, .terms-nav > .nav > .Taba2 {position:absolute; bottom:0px; left:0px; width:100%; height:0%; background-color:#8af;  z-index:1; border-radius:10px; }
	.terms-nav > .nav > .Taba2 {top:0px; }
	.terms-nav > .nav.active > .Taba1, .terms-nav > .nav:hover > .Taba1, .terms-nav > .nav.active > .Taba2, .terms-nav > .nav:hover > .Taba2 { height:100%; }
 .terms-content {position:relative;}
	.terms-content > .tab-pane {opacity: 0;}
	.terms-content > .tab-pane.active {opacity: 1; display:block;}
	.terms-content > .tab-pane > p {padding: 0px 10px 0px 30px;}
	.terms-content > .tab-pane > p.w-padl20 {padding: 0px 10px 0px 50px;}
	.terms-content > .tab-pane > p.w-padl40 {padding: 0px 10px 0px 70px;}
	.terms-content > .tab-pane > p > a {border:none; padding:0px}

 .privacy.w-t { display: block; width:95%; margin:20px auto;}
 .privacy.w-t > .w-tr { border-bottom: 2px solid red;  padding:5px;}
 .privacy.w-t .w-trh { font-weight:bold;}
 .privacy.w-t .w-tc { border-bottom: 1px solid #ccc; padding:5px; }

 .client .tabs {position:relative;z-index:5;}

	.client .tabcontent {height:auto !IMPORTANT;position:relative;text-align:left;}
	.client .tabcontent .tabcont {padding:5px;text-align:left;}
	.client .tabcontent .tabcont p {padding:8px 0px;margin:0px;}
	.client .content100 {padding:0px;margin:0px;text-align:center;position:relative;}
	.client .content100 p {text-align:left;}
	.client .content100 .content50 {display:inline-block;margin:0px;text-align:left;padding:8px 0px;}
	.client .AccountDetails div {text-align:left;padding:8px;}
	.client .WebserverDetails {text-align:left;padding:8px 0px;display:block;padding-bottom:40px !IMPORTANT;}
	.client .content100 .editicon {CURSOR: pointer;position:absolute;bottom:-8px;right:-8px;width:auto !IMPORTANT;}
	.client ul {list-style-type: none;margin: 0px 0px 0px 10px;padding:0px;font-weight:bold;}

	.client #webmailpw, .client .webmailpw, .client .PWText {display:inline-block;margin:2px;}
	.client #webmailpw {padding:1px 10px;font-size:0.8em;border-radius:5px;}

	.client .tabcont1,.client .tabcont2,.client .tabcont3,.client .tabcont4 {font-size:0.8em;}
	#services, #invoices {font-size:0.7em;margin:10px auto;}
	#invoices font {display:none;}

.tabbed {display:block;width:100%;margin:20px auto;position:relative;padding:0px;border:none;background-color:transparent;}
	.tabbed .tabs {margin:0px;padding:0px;display:block;text-align:center;text-align:center !IMPORTANT;}
	.tabbed .tabs .tab {display:inline-block;width:24%;border-radius: 10px 10px 0px 0px;border:1px solid #39d; backdrop-filter: blur(10px); background-color: #06b9;
		margin:0px -1px 0px 0px;padding:5px 0px;text-align:center;font-size:0.8em;font-weight:bold;vertical-align:bottom;}
	.tabbed .tabs .tab:hover {cursor:pointer;padding:8px 0px;}
	.tabbed .tabs .tab span {display:none;}
	.tabbed .tabs .active {backdrop-filter: blur(10px); background-color: #29f9;border:2px solid #39d;padding:10px 0px !IMPORTANT;border-bottom:none;margin-bottom:-2px;}

	.tabbed .tabcontent {border-width:2px;border-style:solid;border-color:#39d;border-radius:6px;font-size:1em;margin:0px;}
	.tabbed .tabcontent .tabcont {position:relative;padding:10px; backdrop-filter: blur(10px); background-color: #29f9;}
	.tabbed .tabcontent .tabcont img {float:right;margin:0px 0px 0px 5px;}
	.tabbed .tabcontent .tabcont p {padding:0px;margin:15px 0px;}

	.tabbed6 .tabs .tab {width:15.7% !IMPORTANT;}
	.tabbed4 .tabcontent .tabcont img {width:80px;background-size:80px;margin:0px 0px 0px 0px;background-repeat:no-repeat;background-position: 0px 0px;}
	.tabbed4 .tabs .tab {width:24%;}

#useraccounts .UAheader {background-color:#00d;color:#fff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);font-weight:bold;position:relative;padding:5px 0px;margin:0px;
		background: linear-gradient(to right, #009 0%, #00c 20%, #00f 50%, #00c 80%, #009 100%);}
	#useraccounts .UAaccount {padding:0px;background-color:#eee;}
	#useraccounts .UAaccount:nth-child(even) {background-color:#ddd;}
	
	#useraccounts .UAaccount .UArow  {box-shadow: 0px 2px 6px rgba(0, 0, 0, 5);padding:10px 0px;margin:0px 1px;cursor:pointer;}
	#useraccounts .UAaccount .UArow:hover {background-color:#aef;}
	
	#useraccounts .UAbody {padding:20px;display:none;}
	#useraccounts .UAbody div {vertical-align:top;}
	
	#useraccounts table {font-size:0.8em;border:5px solid #ccc;border-radius:5px;width:100%; border-collapse: separate;border-spacing: 0px;overflow:hidden;margin-bottom:30px;background-color:#fff;}
	
	#useraccounts table th {background-color:#ccc;padding:4px 0px;}
	#useraccounts table td {text-align:center;border-bottom:2px solid #ccc;}
	#useraccounts table td:nth-child(3) {text-align:left;}

.SBlock { grid-column-gap: 16px; grid-row-gap: 24px; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: flex;}
.SBlock.left-side { justify-content: center; align-items: center; width: 50vw; margin-right: 0;}
.SBlock._40 { align-items: center; width: 50vw; margin-left: auto; margin-right: auto;}

.SBlock.right-side.is-hidden { z-index: 184; mix-blend-mode: lighten; align-items: flex-start; position: relative;}
.SBlock.right-side { align-items: center; width: 50vw;}
.SBlock .socialimages { grid-area: span 1/span 1/span 1/span 1; filter: contrast(200%); mix-blend-mode: darken; transform-style: preserve-3d; width: 127px; transition: all .2s; }

.socialimages img { vertical-align: middle; max-width: 100%; display: inline-block;}
.socialimages img { border: 0;}

.grid._9piece { filter: invert(); mix-blend-mode: lighten; grid-template-rows: auto auto auto; max-width: 355px; margin-left: auto; margin-right: auto;}
.grid { grid-column-gap: 24px; grid-row-gap: 24px; text-align: left; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;}


.pageheader { background-image: url(../images/BG01.jpg); background-position: 50%; background-size: cover; margin: 90px 0px 0px 0px; padding-top: 0; padding-bottom: 0; position: relative; overflow: visible; border-radius:500px;}
.pageheader .content { z-index: 1; grid-row-gap: 48px; filter: saturate(150%); border-bottom: 1px #ddd; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 90%; max-width: 1400px; min-height: 50px; padding: 70px 0%; display: flex; position: relative; overflow: hidden;}

.heading-wrap { flex-direction: column; justify-content: center; align-self: center; align-items: center; min-width: 350px; height: clamp(1rem,8vw,6rem); margin-top: 2px; display: flex; position: relative; overflow: hidden; }
	.scroll-text { grid-column-gap: 12px; display: flex; justify-content: center; align-items: flex-start;}
	.scroll-header { color: #0000; text-align: left; letter-spacing: -.06em; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000; text-transform: uppercase; margin-top: 0; margin-bottom: 0; padding-bottom: 0; font-size: clamp(1rem,8vw,6rem);
		 line-height: .8; position: absolute; inset: 0% 0% auto;}
	.scroll-header-static { color: #0000; text-align: left; letter-spacing: -.06em; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000; text-transform: uppercase; margin-top: 0; margin-bottom: 0; padding-bottom: .15em; font-size: clamp(1rem,8vw,6rem); line-height: .8; }


.form-block {position:relative; z-index: 1; padding:20px; }
	.form-block::before { content: ''; background-color: #7af; background-image: url(../images/BG01.jpg); background-position: 50%; background-size: cover; width: 100%; height: 100%; z-index: 0; position: absolute; border-radius: 2vw; margin:-20px 0px 0px -20px; }
    .form {z-index:2;position:relative; color: #fff; text-shadow: 1px 1px 4px #000}
	

.separator.isgradient { background-image: url(../images/BG-Blue-Orange.webp); background-position: 50%; background-size: cover; border-top-style: none; border-radius: 0; height: 5px; border-top: 1px solid #000; }


.div-horiz-24 { z-index: 34; grid-column-gap: 24px; align-items: center; width: 100%; display: flex; position: relative; }

.w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.grid-5 { grid-column-gap: 31px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; width: 100%; min-height: 150px; padding-left: 24px; padding-right: 24px;}
.grid-6 { grid-template-rows: auto;}

.div-vert-spaced.outlineright { grid-row-gap: 20px; justify-content: flex-start; height: auto; border-radius:5px; box-shadow: 0px 0px 15px #000a; padding:10px; backdrop-filter: blur(10px); background-color: #19f5;}
.div-vert-spaced { flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; grid-area: span 1/span 1/span 1/span 1;}


  .div-horiz-24._100 { grid-row-gap: 24px; flex-direction: column; }
  .grid-5 { padding-left: 0; padding-right: 0; }
  .grid-6 { flex-direction: column; display: flex; }




	.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-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-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-flex {display:flex}

	.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-textW { color:#fff; } .w-textTS {text-shadow: 1px 0px 1px #000;}

	.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-grid { display: grid; }

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

	.w-grid-span1 { grid-column: span 1; } .w-grid-span2 { grid-column: span 2; } .w-grid-span3 { grid-column: span 3; } .w-grid-span4 { grid-column: span 4; } .w-grid-span5 { grid-column: span 5; }
	.w-grid-g0 { gap: 0em 0em; } .w-grid-g05 { gap: 0.5em 0.5em; } .w-grid-g10 { gap: 1em 1em; } .w-grid-g15 { gap: 1.5em 1.5em; } .w-grid-g20 { gap: 2rem 2rem; } .w-grid-g25 { gap: 2.5rem 2.5rem; }
	.w-grid-rg0 { grid-row-gap: 0em; } .w-grid-rg05 { grid-row-gap: 0.5em; } .w-grid-rg10 { grid-row-gap: 1em; } .w-grid-rg15 { grid-row-gap: 1.5em; } .w-grid-rg20 { grid-row-gap: 2em; } .w-grid-rg25 { grid-row-gap: 2.5em; } 
	.w-grid-cg0 { grid-column-gap: 0em; } .w-grid-cg05 { grid-column-gap: 0.5em; } .w-grid-cg10 { grid-column-gap: 1em; } .w-grid-cg15 { grid-column-gap: 1.5em; } .w-grid-cg20 { grid-column-gap: 2em; } .w-grid-cg25 { grid-column-gap: 2.5em; }