@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600;700&family=Roboto+Slab:wght@200;300;400;600&family=Raleway:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Abril+Fatface&display=swap');
:root {
  	--coral: 242,103,121;
	--coral:237,116,88;
	--coral:232,91,102;
	--teal: 0,153,158;
	--teal:6,115,140;
	--ltblue:4,243,252;
	--blackish: 42,42,42;
	--whitish:226,220,209;
	--white-white:253,249,243;
	--dashoff:0;
	--lg-title:2.4rem;
	--md-title:1.85rem;
	--md-text:1.4rem;
	--sm-title:1rem;
	--sm-text:.8rem;
	--smaller:.72rem;
	--tiny:.65rem;
	--nsmall:.55rem;
	--smallest:.5rem;
	--tiniest:.4rem;
}

html,body {
	padding:0;
	margin:0;
	width:100vw;
	height:100%;
	height: calc(var(--vh, 1vh) * 100);
	font-family: 'Roboto Slab', 'Courier New', monospace;
	font-weight:400;
	font-size:16px;
	font-size: calc(1em + 1vw);
	line-height:130%;
	color: rgb(var(--blackish));
	}
body {
	position:relative;
	text-align:center;
	background-image: linear-gradient(rgb(var(--whitish)),rgb(var(--whitish)));
	background:rgb(var(--whitish));					
	top:0;
	left:0;
	overflow-x: hidden;
	min-height: 100vh;
    min-height: -webkit-fill-available;
	}
html {
	height: -webkit-fill-available;
	 -webkit-font-smoothing: antialiased;  
    scrollbar-width:thin;
    scrollbar-color: rgb(var(--coral)) rgb(var(--whitish));
}
html::-webkit-scrollbar {
	width:8px;
}
html::-webkit-scrollbar-thumb {
	background-color:rgb(var(--coral));
}
html::-webkit-scrollbar-thumb:hover {
	background-color:rgba(var(--teal),.5);
}
html::-webkit-scrollbar-track {
	background-color:rgb(var(--white-white));
}
html::-webkit-scrollbar-track:hover {
	background-color:rgb(var(--whitish));
}
.noScroll { 
  overflow: hidden;
}
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;	
  			box-sizing: border-box;
}
img {
	width:100%;
	height:auto;
	max-width:100%;
}
a, a:hover {
	text-decoration:none;
}	
.lm {
	position:relative;
	display:inline-block;
	clear:both;
	font-family: 'Raleway', 'Helvetica', sans-serif;	
	font-size:var(--smallest);
	font-weight:600;
	line-height:100%;
	text-transform:uppercase;
	letter-spacing:2px;
	color:rgba(0,0,0,.7);
	cursor:pointer;	
	background:rgba(0,0,0,.1);
	padding:6px 8px;
}

h1, h2, h3, h4, h5 {
	position:relative;
	font-weight:400;
	font-family:'Oswald', 'Impact', sans-serif;
	line-height:normal;
	margin-bottom:1rem;
}

.fancy {	
	font-family: 'Roboto Slab', 'Courier New', monospace;
	font-size:var(--sm-text);
	font-weight:400;
}
button:active,
button:focus {
  outline: none;
  border: none;
}


header, #footer, section, .site {
	position:relative;
	float:left;
	clear:both;
	width:100vw;	
	height:100%;
	height: calc(var(--vh, 1vh) * 100);
	padding:0px;
	margin:0px;	
	display:block;	
	overflow-x:hidden;
	z-index:1;
	}


section {
	text-align:left;
	line-height:130%;
 }

.half {
	position:relative;
}
.hidden {
	display:none;
}
.scrollme {
	scroll-behavior: smooth;
}
/*////////////////////    NAV      /////////////////////////////////*/

nav {
	position:fixed;
	bottom:0;
	left:0;
	width:auto;
	background:transparent;
	height:auto;	
	text-align:left;
	padding-left:40px;
	opacity:0;
	transition: all .5s  ease-in;
	z-index:3;
}
body.sticky nav {
	position:fixed;
	opacity:1;
	transition: all .5s  ease-in;
	z-index:3;
}
nav a {
	position:relative;	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-size:var(--smallest);
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:2px;
	color:rgba(var(--blackish),.7);
	display:inline-block;
	cursor:pointer;
	padding-right:20px;
}
#gotop::before,
#contactme::before,
#contactme::before,
#portf::before {
	content:"|";
	position:relative;
	color:rgb(var(--coral));
	left:-10px;
	font-weight:700;
	font-family:'Oswald', 'Impact', sans-serif;
	transition: color 100ms  ease;
}

#portf.hid::before {
	content:"";
	position:relative;
	color:transparent;
	left:0;
	font-weight:700;
	font-family:'Oswald', 'Impact', sans-serif;
	transition: color 100ms  ease;
}
#gotop.changed::before,
#contactme.changed::before,
#contactme.changed::before,
#portf.changed::before {
	content:"|";
	position:relative;
	color:rgb(var(--teal));
	left:-10px;
	font-weight:700;
	font-family:'Oswald', 'Impact', sans-serif;
	transition: color 100ms  ease;
}
#mainlogo {
	position:fixed;
	top:40px;
	left:40px;
	width:90px;
	height:auto;
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	transition: all .5s  ease-in;
	opacity:0;
	z-index:3;
}

#mainlogo svg {
	width:100%;
	height:auto;	
}
body.sticky #mainlogo {
	opacity:1;
	transition: all .5s  ease-in 1s;
}
#navlogo {
	fill:rgb(var(--coral));
	border-color:rgb(var(--blackish));
	transition: all 1s  ease-in;
}
#navlogo.ported {
	fill:rgb(var(--teal));
	transition: all 1s  ease-in;
}

#mobilemenu {
	display:none;
	}
#toggle-menu {
	display:none;
}

/*////////////////////    HEADER      /////////////////////////////////*/

header {
	background:transparent;	
	background:rgb(var(--white-white));
	overflow:hidden;
	text-align:center;
	z-index:0;
}

#mast {
	width:50vw;
	height:100vh;
	position: fixed;
	top: 0;
	bottom:0;
	left:0;	
	background:rgba(var(--teal), .98);	
	border-color:rgb(var(--white-white));
	border-width:0px 10px 0px 0px;
	border-style:solid;
	display:block;
	z-index:1;	
	-webkit-transform-origin:0% 50%;
	-moz-transform-origin:0% 50%;
	-ms-transform-origin:0% 50%;
	transform-origin:0% 50%;
	transition: all 500ms ease-in 300ms;
}

#mast.flipped {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100vw;
	height:100vh;
	background:rgba(var(--whitish), 1);
	border-color:rgb(var(--white-white));
	border-width:0px;
	border-style:solid;
	display:block;
	visibility:visible;
	-webkit-transform-origin:0% 50%;
	-moz-transform-origin:0% 50%;
	-ms-transform-origin:0% 50%;
	transform-origin:0% 50%;	
	transition: all 500ms ease-in 300ms;
}

#word-holder {
	position:absolute;
	bottom:30px;
	left:12%;
	width:76%;
	height:auto;
	opacity:1;
	z-index:2;
	transition: all .5s  ease-in;
}

#logo-holder {
	position:absolute;
	top:30px;
	left:50%;
	width:auto;
	height:70vh;
	text-align:left;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);	
	transition: all 300ms  ease-in;
	z-index:3;
}

#top-logo {
	position:absolute;
	top:30px;
	left:50%;
	width:auto;
	height:70vh;
	text-align:left;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);	
	opacity:0;
	z-index:4;
	transition: all 1s  ease-in 800ms;
}

#word-holder svg {
	width:100%;
	height:auto;
}

#logo-holder svg,
#top-logo svg {
	width:auto;
	height:100%;
}

#anim-logo {	
	fill:transparent;
	stroke:rgb(var(--coral));
	stroke-width:6px;
	stroke-miterlimit:10;
	stroke-linecap: round;
	transition: all 1s  ease-in;	
}
#anim-logo.dashed {
	-webkit-animation: dash 1.5s linear forwards;
	animation: dash 1.5s linear forwards;
}

@-webkit-keyframes dash {
      0%  { fill:transparent;}
	  99% { stroke-dashoffset: 0;
            fill:transparent;}
      100% { fill:rgb(var(--coral));}
    }
@-moz-keyframes dash {
      0%  { fill:transparent;}
	  99% { stroke-dashoffset: 0;
            fill:transparent;}
      100% { fill:rgb(var(--coral));}
    }
@-o-keyframes dash {
       0%  { fill:transparent;}
	  99% { stroke-dashoffset: 0;
            fill:transparent;}
      100% { fill:rgb(var(--coral));}
    }
@keyframes dash {
      0%  { fill:transparent;}
	  99% { stroke-dashoffset: 0;
            fill:transparent;}
      100% { fill:rgb(var(--coral));}
    }
#anim-logo.shown {
	fill:rgb(var(--coral));
	stroke:rgb(var(--blackish));
	stroke-width:2px;
	transition: all 1s  ease-in;
}
#mast.flipped #word-holder,
#mast.flipped #top-logo,
#mast.flipped #word-holder svg,
#mast.flipped #logo-holder
{
	opacity:0!important;
	visibility:hidden!important;
	transition: all 200ms  ease-in;	
}

#bkvideo {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden;
}

#open {
	position:absolute;
	top:0;
	left:50%;
	min-width:100%!important;
	min-height:100%!important;
	width:auto;
	height:auto;
	filter:saturate(.1) blur(2px);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);	
	transition: all 500ms ease-in;
}
#open.flipped {
	filter:saturate(.9) blur(0px);
	transition: all 500ms ease-in;
}

.st0{
	fill:rgb(var(--white-white));
	stroke:rgb(var(--white-white));
	stroke-miterlimit:10;
}
.st1{
	fill:rgb(var(--blackish));
}
.st2{
	fill:rgb(var(--coral));
}

.st5{
	fill:rgb(var(--coral));
	stroke-width:3px;
	stroke:rgb(var(--white-white));
	
}
.st6{
	fill:rgba(var(--teal),.8);
}
.st7{
	fill:#cf2247;
}
.st8{
	fill:#e3d668;
}
.st9{
	fill:transparent;
	stroke-width:3px;
	stroke:rgb(var(--blackish));
}
/*////////////////////    WELCOME      /////////////////////////////////*/
#welcome {	
	height: calc(var(--vh, 1vh) * 100);
	height:100vh;
	background:rgb(var(--coral));
	background:transparent;
	color:rgb(var(--whitish));
	overflow:hidden;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;	
	 -ms-flex-line-pack:center;	
	     align-content:center;
	 -ms-flex-wrap: wrap;
	     flex-wrap: wrap;
	padding:50px 10%;
}
#welcome .half {
	position:relative;
	width:50%;
	height:auto;
	flex: 1 1 50%;
	text-align:center;
	margin-top:1rem;
	opacity:0;
}
#welcome .half ul {
	position:relative;
	display:inline-block;
	float:none;
	list-style-type:none;
	width:auto;
	height:auto;
	padding:0;
	margin:0px auto;	
	opacity:0;
}
#welcome .half ul li {
	position:relative;
	float:left;
	clear:both;
	width:auto;
	height:auto;
	display:inline-block;
	line-height:120%;
	color:rgb(var(--blackish));	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-size:var(--smallest);
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:left;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
}
#welcome .half ul li::before {
	content: "\f111";
	font-family: 'Font Awesome 5 Free';	
	font-size:.2rem;
	font-style: normal;
  	font-weight: 900;
	color:rgb(var(--coral));
	position:absolute;
	left:0;
	top:0;
	width:auto;
	height:auto;
}
#welcome .half h2 { 
	position:relative;
	color:rgb(var(--coral));
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:700;
	font-size:var(--sm-text);
	text-transform:uppercase;
	letter-spacing:2px;
	padding:0;	
	margin:15px 0 0 0;
	opacity:0;
}

#welcome .half:first-of-type {
	border-right:2px solid rgb(var(--blackish));
	padding-right:50px;
}
#welcome .half:last-of-type {
	padding-left:50px;
}

#welcome h1 {
	font-family: 'Abril Fatface', cursive;
	font-weight:400;
	font-size:var(--lg-title);
	color:rgb(var(--teal));
	text-align:center;
	clear:both;
	display:block;
	margin-top:0;
	margin-bottom:15px;
	padding:0;
	flex: 0 0 100%;
	opacity:0;
	
}
.servicon {
	position:relative;
	width:20%;
	height:auto;
	margin:0 auto;
	min-width:100px;
}
#welcome p {
	font-size:var(--smaller);
	line-height:120%;
	color:rgb(var(--blackish));	
	flex: 0 0 100%;
	margin:0;
	padding:0;
	opacity:0;
}

#w1,
#w2,
#w3,
#w4,
#w5,
#w6,
#w7,
#circs {
	fill:transparent;
	stroke:rgb(var(--blackish));
	stroke-width:3;
	stroke-miterlimit:10;
	stroke-linecap: round;
	transition: all 1s  ease-in;	
}
#w8,
#yellow,
#red,
#blue,
#orange,
#green,
#purple,
#white,
#aqua,
#dkaqua,
#dkaqua2,
#lavender,
#indigo,
#indigo2 {
	opacity:0;
	transition: all 1s  ease-in;
}
#white {fill:#E2DCD1;}
#yellow {fill:#E0CB63;}
#red {fill:#9B4656;}
#blue {fill:#576284;}
#orange {fill:#D88B3F;}
#green {fill:#689968;}
#purple {fill:#7D6193;}
#aqua {fill:#25BFBB;}
#dkaqua,
#dkaqua2 {fill:#67ACC1;}
#lavender {fill:#7D6193;}
#indigo,
#indigo2 {fill:#576284;}


#welcome.flipped h1 {
	opacity:1;
	transition: all 500ms ease-in 1.2s;
}
#welcome.flipped p {
	opacity:1;
	transition: all 500ms ease-in 1.5s;
}
#welcome.flipped .half {
	opacity:1;
	transition: all 200ms ease-in 1.8s;
}
#welcome.flipped h2 {
	opacity:1;
	transition: all 200ms ease-in 2s;
}
#welcome.flipped ul {
	opacity:1;
	transition: all 500ms ease-in 5s;
}
#welcome.flipped #w1,
#welcome.flipped #w2,
#welcome.flipped #w3,
#welcome.flipped #w4,
#welcome.flipped #w5,
#welcome.flipped #w6,
#welcome.flipped #w7 {
	-webkit-animation: roll 1.2s linear forwards 2.4s;
	animation: roll 1.2s linear forwards 2.4s;
}
#welcome.flipped #circs {
	-webkit-animation: roll 3.5s linear forwards 2.4s;
	animation: roll 3.5s linear forwards 2.4s;
}
#welcome.flipped #w8 {
	opacity:1;
	transition: all 1s  ease-in 4s;
}
#welcome.flipped #yellow,
#welcome.flipped #red,
#welcome.flipped #blue,
#welcome.flipped #orange,
#welcome.flipped #green,
#welcome.flipped #purple,
#welcome.flipped #white,
#welcome.flipped #aqua,
#welcome.flipped #dkaqua,
#welcome.flipped #dkaqua2,
#welcome.flipped #lavender,
#welcome.flipped #indigo,
#welcome.flipped #indigo2 {
	opacity:1;
	transition: all 1s  ease-in 4s;
}

@-webkit-keyframes roll {
      0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0}
    }
@-moz-keyframes roll {
       0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0}
    }
@-o-keyframes roll {
        0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0}
    }
@keyframes roll {
       0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0}
    }

/*////////////////////   KUDOS     /////////////////////////////////*/

#kudos {
	overflow:hidden;
	background:rgb(var(--coral));
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: row;
    -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;	
	 -ms-flex-line-pack:center;	
	     align-content:center;
	 -ms-flex-wrap: nowrap;
	     flex-wrap: nowrap;
	padding:50px 10%;
}

#kudos .half:first-of-type {
	padding-right:1rem;
	flex: 1 0 45%;
}
#kudos .half:last-of-type {
	flex: 1 0 55%;
}
#kudos h1 {	
	font-family: 'Abril Fatface', cursive;
	font-weight:400;
	font-size:var(--md-title);
	color:rgb(var(--white-white));
	line-height:105%;
}
.tale {
	position:relative;
	background:rgba(var(--white-white),.5);
	border-radius:3px;
	padding:15px;
	margin-bottom:10px;
	display: grid;
    grid-template-columns: minmax(2.9rem, 1fr) 3fr;
	grid-template-columns: 3.1rem auto;
    grid-template-rows: auto;
    gap: 10px 0px;
	justify-items: start;
	align-items: start;
	
}
.tale figure {
	position:relative;
	width:2.8rem;
	height:2.8rem;
	max-width:100px;
	max-height:100px;
	border-radius:100%;
	border:1px solid rgb(var(--blackish));
	grid-column: 1 / 2;
  	grid-row: 1 / 2;
	margin:0;
	padding:0;
}
.tale figure img {
	width:100%;
	height:auto;
	border-radius:100%;
}
.tale p {
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:300;
	position:relative;
	font-size:var(--smallest);
	grid-column: 2 / 3;
  	grid-row: 1 / 2;
	margin:0;
	padding:0;
	line-height:110%;
}
.tale p.author {
	position:relative;
	display:block;
	width:100%;
	text-align:center;	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:400;
	font-size:var(--tiniest);
	grid-column: 1 / span 2;
  	grid-row: 2 / 3;
	justify-items: stretch;
	margin:0;
}
.tale span.blue {
	position:relative;
	display:block;
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiniest);
	text-transform:uppercase;
	letter-spacing:1px;
	color:rgb(var(--teal));
	padding:0;
	margin:0;
}
.tale span.blue span {
	color:rgb(var(--coral));
	font-weight:700;
	font-family:'Oswald', 'Impact', sans-serif;
}



/*////////////////////    ABOUT      /////////////////////////////////*/


#clients,
#examiner {
	width:20px;
	height:20px;
	position: fixed;
	top: 50%;
	right: 50%;
	bottom:50%;
	left:50%;
	visibility:hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;	
	background-color:rgb(var(--teal));	
	border-color:rgb(var(--white-white));
	border-width:1px;
	border-style:solid;
	display:block;
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	z-index:100002;
}
#clients {
	background-color:rgb(var(--whitish));	
}
#examiner {
	background:rgb(var(--white-white));	
	border-color:rgb(var(--teal));
}

#clients.open,
#examiner.popped {
	position:fixed;
	display:block;
	width: 100vw;
	height: 100%;
	height: calc(var(--vh, 1vh) * 100);
	bottom:0;
	right:0;
	top:0;
	left:0;
	visibility:visible;
	border-width:40px;	
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	
}
#content-holder {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
#content {
	position:absolute;
	width: calc(100% + 16px);	
    height:100%;	
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	top:0;	
    right: -16px;
}
#content-inner {
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	text-align:left;	
	padding:0px 15%;
	margin:0;
	top:0;
	left:0;
}
.siteinfo {
	position:relative;
	width:100%;
	height:auto;
	display:block;
}
.pgcontainer p {	
	font-family: 'Roboto Slab', 'Courier New', monospace;
	font-weight:400;
	font-size:var(--sm-text);
	line-height:130%;
}

button.shut {
	position:absolute;
	width:50px;
	height:50px;
	top:20px;
	right:20px;
	background:transparent;
	border:0px solid rgb(var(--white-white));	
	cursor:pointer;
	z-index:100003;
}
button.shut::before {
	content:"";
	position:absolute;
	top:5px;
	left:0;
	width:8px;
	height:40px;
	margin-left:21px;
	background:rgb(var(--white-white));
	display:block;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
button.shut::after {
	content:"";
	position:absolute;
	top:5px;
	left:0;
	width:8px;
	height:40px;
	background:rgb(var(--white-white));
	margin-left:21px;
	display:block;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#examiner button.shut::before,
#examiner button.shut::after {
	background:rgb(var(--teal));
}

#skills div,
#innerclients div {
	position:relative;
	display:inline-block;
	padding:8px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid rgba(0,0,0,.3);
	text-align:center;	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiniest);
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:100%;
	border-radius:10px;
	color:rgb(var(--teal));
}


#skills i {
	color:rgb(var(--coral));
}

/*////////////////////    WORKPAGES      /////////////////////////////////*/
.siteholder {
	position:absolute;
	top:0;
	left:0;
	width:150vw;
	height:100%;	
	height: calc(var(--vh, 1vh) * 100);
	background:rgb(var(--white-white));
}

.titlehalf {
	position:fixed;
	left:0;
	width:50%;
	height:100%;
	height: calc(var(--vh, 1vh) * 100);
	display:block;
	background:rgba(0,0,0,0);
	z-index:100000;
	pointer-events: none;
	opacity:0;
	transition: all .5s  ease-in;
}
.titlehalf.ported {
	opacity:1;
	transition: all 200ms  ease-in;
}
.titlebox {
	position:absolute;
	left:40px;
	top:20%;
	bottom:20%;
	width:calc(100% - 80px);
	height:auto;
}

#worktitle {
	position:absolute;
	top:0;
	left:0;	
	font-family: 'Abril Fatface', cursive;
	font-weight:400;
	font-size:var(--lg-title);
	color:rgb(var(--coral));
	padding-top:0;
	text-align:left;
}

#worktitle::before {
	content:"designs";
	color:rgb(var(--blackish));	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiny);
	text-transform:uppercase;
	letter-spacing:2px;
	position:absolute;
	top:-.7rem;
	left:0;
	display:inline-block;	
	border-bottom:1px solid rgb(var(--blackish));
	padding-bottom:.3rem;
	margin-bottom:0rem;
}
#sitetitle {
	position:absolute;
	left:0;
	bottom:1.2rem;
	font-family: 'Oswald', 'Impact', sans-serif;
	font-weight:300;
	font-size:var(--md-text);
	text-align:left;
	line-height:105%;
}
#casetitle {
	position:absolute;
	left:0;
	bottom:0;
	padding-left: 10px;
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiny);
	line-height:100%;
	text-transform:uppercase;
	letter-spacing:2px;
	color:rgb(var(--blackish));
	border-left:3px solid rgb(var(--coral));
	text-align:left;
}

#divider {
	position:absolute;
	right:-3px;
	top:0;
	height:100%;
	width:6px;
	overflow:visible;
	z-index:6;
	background:rgba(var(--blackish),.1);
	transition: all 1s  ease-in;
}
#indicator {
	position:absolute;
	top:0;
	width:6px;
	left:0;
	background:rgb(var(--coral));
	height:0;
	z-index:7;
}
.dot {
	position:absolute;
	left:0;
	width:6px;
	height:6px;
	border-radius:100%;
	background:rgb(var(--blackish));
	z-index:8;
}
#dot1 { top:10%;}
#dot2 { top:20%;}
#dot3 { top:30%;}
#dot4 { top:40%;}
#dot5 { top:50%;}
#dot6 { top:60%;}
#dot7 { top:70%;}
#dot8 { top:80%;}
#dot9 { top:90%;}

.descrip {
	position:absolute;
	left:50vw;
	width:50vw;
	height:100%;
	display:block;
	transition:all 1s 500ms ease;
	z-index:53000;	
}
.siteholder.moved > .descrip {
	left:0;
	z-index:53000;
}
.portmove {
	position:absolute;
	top:50%;
	left:60px;
	width:80px;
	height:80px;
	background:rgba(var(--coral),.8);
	border:0px solid rgb(var(--whitish));
	border-radius:100%;
	z-index:5;	
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);	
	box-shadow:0px 0px 0px 2px #000, inset 0px 0px 0px 2px #fff;
	cursor:pointer;
}
.portmove::before {
	content:"\f101";
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
	font-size:1.8rem;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	margin:0;
	padding:0;
	color:rgb(var(--whitish));
}
.closethis {
	position:absolute;
	top:50%;
	left:60px;
	width:80px;
	height:80px;
	background:rgba(var(--coral),.8);
	border:0px solid rgb(var(--whitish));
	border-radius:100%;
	z-index:5;	
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);		
	box-shadow:0px 0px 0px 2px #000, inset 0px 0px 0px 2px #fff;
	display:none;
	cursor:pointer;
}
.closethis::before {
	content:"\f100";
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
	font-size:1.8rem;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	margin:0;
	padding:0;
	color:rgb(var(--whitish));
}
.pagewrap .closethis {
	display:none;
}
.pages {
	position:absolute;
	top:0;
	left:100vw;
	width:50vw;
	height:100%;
	height: calc(var(--vh, 1vh) * 100);
	display:block;
	transition:all 1s 500ms ease;
	background:rgb(var(--white-white));
	overflow:hidden;
}
.siteholder.moved > .pages {
	left:50vw;
}

.pagewrap {
	position:relative;
	width:100%;
	height:100%;
	height: calc(var(--vh, 1vh) * 100);
	overflow:hidden;
	background:rgb(var(--white-white));
}
.inside {
	position:absolute;
	width: calc(100% + 16px);
	right: -16px;
    height: 100%;
	height: calc(var(--vh, 1vh) * 100);
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	top:0;	
}
a.pop-up {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	padding:6px 8px;
	text-align:center;
	background:rgba(var(--teal),.4);	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiny);
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:100%;
	color:rgb(var(--blackish));
	margin-top:25px;
}
.flyer {
	position:relative;
	float:left;
	clear:both;
	width:80%;
	margin-left:10%;
	margin-bottom:20px;
}
.flyer img {
	width:100%;
	max-width:100%!important;
	position:relative;
	height:auto;
}
picture {
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin-bottom:35px;
}
picture.shadowed {
	background:rgb(var(--whitish));
	border:1px solid rgb(var(--blackish));
}
picture.shadowed::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height:20px;
	width:100%;
	background-color: rgba(155,155,0, .25);
	border-radius: 50% / 20px; 
	box-shadow: rgba(0,0,0,.5) 0 5px 15px;
	z-index:0;
}
picture img {
	position:relative;
	max-width:100%;
	width:100%;
	height:auto;
	float:left;
	clear:both;
}
picture.shadowed img {
	z-index:1;
}
.flyer::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 5px;
	height:20px;
	width:100%;
	background-color: rgba(155,155,0, 0.25);
	border-radius: 50% / 20px; 
	box-shadow: rgba(0,0,0,.5) 0 5px 15px;
	
}
.devices {
	position:relative;
	width:80%;
	height:auto;
	float:left;
	clear:both;
	margin-left:10%;
	margin-right:10%;
}
.screenscroll {
	position:relative;
	width:90%;
	height:0;
	overflow:hidden;
	padding-top:73.4%;
	margin-left:5%;
	margin-right:5%;
	
}
.clip {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	clip-path: polygon(6.3333% 7.2207%, 93.6667% 7.2207%,  93.6667% 76.839237%, 6.3333% 76.839237%);
}
.scroller {
	position:absolute;
	top:7.2207%;	
	left:6.3333%;
	width:87.2222%;
	height:auto;
	z-index:4;
	
}
.mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:5;
	background-image:url(../img/mask.png);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}

.descrip-inner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:5;
}
#site0 .descrip{
	background:url('../img/aobw.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	  
	  }
#site0 .descrip-inner {
	background:url('../img/aocolor.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site1 .descrip{
	background:url('../img/gccbkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	  
	  }
#site1 .descrip-inner {
	background:url('../img/gccbkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}	
#site2 .descrip{
	background:url('../img/iimsambkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	
}
#site2  .descrip-inner {	
	background:url('../img/iimsambkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site4 .descrip{
	background:url('../img/mmbkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;
		}
#site4  .descrip-inner {	
	background:url('../img/mmbkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site3 .descrip{
	background:url('../img/csrcbkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	
		}
#site3  .descrip-inner {	
	background:url('../img/csrcbkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site6 .descrip{
	background:url('../img/bluelinebkg.jpg');
	 background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	
		}
#site6  .descrip-inner {	
	background:url('../img/bluelinebkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site5 .descrip{
	background:url('../img/confbkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	
		}
#site5  .descrip-inner {	
	background:url('../img/confbkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site7 .descrip{
	background:url('../img/meltzerbkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	
		}
#site7  .descrip-inner {	
	background:url('../img/meltzerbkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site8 .descrip{
	background:url('../img/rootsbkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	
		}
#site8  .descrip-inner {	
	background:url('../img/rootsbkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#site9 .descrip{
	background:url('../img/fourbkg.jpg');
	  background-size:auto 100%;
	  background-position:center center;
	  background-repeat:no-repeat;	
		}
#site9  .descrip-inner {	
	background:url('../img/fourbkg2.jpg');
	background-size:auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.inside h1 {
	font-size:var(--md-text);
	line-height:105%;
	text-align:center;
}
.inside h2 {
	font-family:'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--sm-title);
	text-transform:uppercase;
	margin-bottom:0;
}
.inside h3 {
	font-family:'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--sm-text);
	text-transform:uppercase;
	margin-bottom:0;
}
.inside p {	
	font-family: 'Roboto Slab', 'Courier New', monospace;
	font-weight:400;
	font-size:var(--nsmall);
	line-height:120%;
	margin-top:0;
}
.inside p.strong,
#content p.strong {
	position:relative;
	float:left;
	clear:both;
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiny);
	text-transform:uppercase;
	letter-spacing:1px;
	width:100%;
	display:block;
	margin-top:25px;
}
#content h1 {
	text-align:center;
	font-size:var(--md-title); 
	color:rgb(var(--blackish));
}
#content h2 {
	text-align:center;
	font-size:var(--md-text); 
	color:rgb(var(--teal));
}
#content p.strong {
	font-size:var(--sm-title); 
}

.inside p.strong::after {
	content:"";
	position:relative;
	top:100%;
	left:0;
	width:2rem;
	height:2px;
	background:rgb(var(--coral));
	display:block;
	margin-top:10px;
	margin-bottom:25px;
}
#content p.strong::after {
	content:"";
	position:relative;
	top:100%;
	left:0;
	width:200px;
	height:2px;
	background:rgb(var(--coral));
	display:block;
	margin-top:10px;
	margin-bottom:25px;
}

/*////////////////////    TESTIMONIALS      /////////////////////////////////*/

#testimonials {
	background:rgb(var(--whitish));
	overflow:hidden;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: row;
    -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;	
	 -ms-flex-line-pack:center;	
	     align-content:center;
	 -ms-flex-wrap: nowrap;
	     flex-wrap: nowrap;
	padding:50px 10%;
}
#nay2 {
	display:none;
}
#nay {
	filter:saturate(0);
	transition:all 1s ease-in;
	width:100%;
	float:none;
	margin-bottom:0;
}
#testimonials.bounced #nay {
	filter:saturate(.9);
	transition:all .5s ease-in 1.5s;
}
#testimonials .half:first-of-type {
	padding-right:25px;	
	flex: 1 0 35%;
}
#testimonials .half:last-of-type {
	flex: 2 1 65%;
}
#testimonials h1 {
	font-family: 'Abril Fatface', cursive;
	font-weight:400;
	font-size:var(--md-text); 
	color:rgb(var(--coral));
	clear:both;
	display:block;
	line-height:105%;
	margin-top:0;
	margin-bottom:0;
	padding-top:calc(1rem + 6px);
}
#testimonials h1::before {
	content:"about the owner";
	color:rgb(var(--blackish));	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiny);
	line-height:100%;
	text-transform:uppercase;
	letter-spacing:2px;	
	position:relative;
	margin-top:-1rem;
	float:left;
	clear:both;
	display:inline-block;	
	border-bottom:1px solid rgb(var(--blackish));
	padding-bottom:5px;
	margin-bottom:0rem;
}
#testimonials.bounced h1{
	-webkit-animation: bounce 1s ease-out forwards;
	animation: bounce 1s ease-out forwards;
}
#testimonials h4 {
	margin:.5rem 0 1rem 0;
}
#testimonials h5 {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	padding:6px 8px;
	text-align:center;
	background:rgba(var(--teal),.4);
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--sm-text);
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:100%;
	color:rgb(var(--blackish));
	margin-top:15px;
	margin-bottom:10px;
}
#testimonials p {	
	padding:0;
	margin:0;
	color:rgb(var(--blackish));
	line-height:120%;
	font-size:var(--nsmall);
}
#skills {
	position:relative;
	width:100%;
	height:auto;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: row;
    -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
    -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;	
	 -ms-flex-line-pack:flex-start;	
	     align-content:flex-start;
	 -ms-flex-wrap: wrap;
	     flex-wrap: wrap;
}
#skills div,
#innerclients div {
	flex:1 1 auto;
}
#client-content {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	 -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;	
	 -ms-flex-line-pack:center;	
	     align-content:center;
	 -ms-flex-wrap: wrap;
	     flex-wrap: wrap;
}
#clients h4 {
	text-align:center;
	font-family: 'Abril Fatface', cursive;
	font-weight:400;
	font-size:var(--md-text); 
	color:rgb(var(--coral));
	margin-top:0;
	width:100%;
	flex: 1 0 100%;
}
#innerclients {
	width:100%;
	padding:0 5%;
	flex: 1 0 100%;
	height:auto;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: row;
    -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
    -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;	
	 -ms-flex-line-pack:flex-start;	
	     align-content:flex-start;
	 -ms-flex-wrap: wrap;
	     flex-wrap: wrap;
}

#bubstroke{
	fill:none;
	stroke:rgb(var(--white-white));
	stroke-width:6;
	stroke-linecap:round;
	stroke-miterlimit:10;
	transition: all 1s  ease-in;
}
#bubback {
	fill:rgba(var(--coral),1);
	fill:#25BFBB;
	opacity:0;
}
#bubstroke.quoted {
	-webkit-animation: trigg 1s linear 500ms forwards;
	animation: trigg 1s linear 500ms forwards;
}
#bubback.quoted {
	opacity:1;
	-webkit-transition: opacity 500ms  ease-out 1500ms;
	transition: opacity 500ms  ease-out 1500ms;
}

@-webkit-keyframes trigg {
      0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0;}
    }
@-moz-keyframes trigg {
       0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0;}
    }
@-o-keyframes trigg {
        0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0;}
    }
@keyframes trigg {
       0%  { fill:transparent;}
	  100% { stroke-dashoffset: 0;}
    }
/*////////////////////    FOOTER      /////////////////////////////////*/
#footer {
	background-color:rgb(var(--teal));
	color:rgb(var(--white-white));
	overflow:hidden;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: row;
    -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;	
	 -ms-flex-line-pack:center;	
	     align-content:center;
	 -ms-flex-wrap: nowrap;
	     flex-wrap: nowrap;
	padding:50px 10%;
}

#footer h1 {
	font-family: 'Abril Fatface', cursive;
	font-weight:400;
	font-size:var(--lg-title);
	line-height:105%;
	color:rgb(var(--coral));	
	clear:both;
	display:block;
	margin-top:0;
	margin-bottom:0;
	padding-top:calc(1rem + 6px);
}
#footer h1::before {
	content:"contact";
	color:rgb(var(--blackish));	
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--tiny);
	line-height:100%;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative;
	margin-top:-1rem;
	float:left;
	clear:both;
	display:inline-block;	
	border-bottom:1px solid rgb(var(--blackish));
	padding-bottom:5px;
	margin-bottom:0rem;	
}
#footer p.fancy {
	font-size:var(--sm-title);
	color:rgb(var(--white-white));
	font-weight:600;
	margin-bottom:0;
}
.bigfoot {
	font-size:var(--sm-text);
	color:rgb(var(--white-white));
	margin-top:0;
	line-height:130%;
}
.foot-left {
	position:relative;
	padding-right:20px;
	text-align:left;
	flex:1 0 50%;
}
.foot-right {
	position:relative;
	text-align:left;
	overflow:visible;
	flex:1 0 50%;
}
#bubble {
	position:relative;
	width:100%;
	height:auto;
	margin-top:-7%;
	margin-top:0;
	overflow:visible;
}
#bubble-content {
	position:absolute;
	top:46%;
	left:53%;
	width:auto;
	height:auto;
	display:block;
	-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
	line-height:100%;
	
}
.foot-right i {
	display:inline-block;
	width:20px;
	margin-right:.25rem;
	font-size:var(--sm-text);
	padding:0;
	line-height:100%;
	margin-top:0;
	margin-bottom:0;
}
#bubble-content p {	
	position:relative;
	line-height:110%;
	margin:0;
	padding:0;
}
.foot-right h4 {
	font-family:'Oswald', 'Impact', sans-serif;
	font-weight:400;
	font-size:var(--sm-text);
	line-height:110%;
	margin-bottom:0;
	margin-top:0;
}
.foot-right a {
	position:relative;
	display:block;
	color:rgb(var(--white-white));	
	text-decoration:none;
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:400;
	font-size:var(--tiny);
	font-size:var(--nsmall);
	height:auto;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:0;
	margin:0;	
	transition:.5s all ease-in;
}
.foot-right a:hover,
.foot-right a:active {
	color:rgb(var(--coral));
	transition:.5s all ease-in;
	font-weight:600;
}

#copy {
	position:absolute;
	bottom:0px;
	right:0;
	width:auto;
	background:transparent;
	height:auto;
	text-align:right;
	padding-right:40px;
	font-family: 'Raleway', 'Helvetica', sans-serif;
	font-weight:600;
	font-size:var(--smallest);
	text-transform:uppercase;
	letter-spacing:2px;
	color:rgba(var(--blackish),.7);
	flex:0;
	
}

#copy span {
	margin-left:10px;
	margin-right:10px;
	font-weight:700;
	font-family:'Oswald', 'Impact', sans-serif;
	color:rgb(var(--coral));
}
#copy a {
	color:rgba(var(--blackish),.7);
}
a.socials {
	position:relative;
	display:inline-block;	
	margin-right:10px;
	padding:0;
	margin-left:0;
}
a.socials i {
	font-size:var(--sm-title);
}
/*////////////////////    SCROLLBAR      /////////////////////////////////*/
.ss-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
  z-index: 1;
  float: left;
}

.ss-content {
  height: 100%;
height: calc(var(--vh, 1vh) * 100);
  width: calc(100% + 18px);
  position: relative;
  overflow: auto;
  box-sizing: border-box;	
	padding:0px 1.5rem;
}

.ss-content.rtl {
  width: calc(100% + 18px);
  right: auto;
}

.ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
	
}

.ss-hidden {
  display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
  opacity: 1;
}

.ss-grabbed {
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}