@charset "utf-8";
/* CSS Document */
html, body {padding:0; margin:0; width:100%; min-height:100%;-ms-overflow-style: none}
.wrapper {
	width: 100%;
	height: 100%;
}
.page {width:100%; max-width:3840px; margin:0 auto;}
body::-webkit-scrollbar { 
    display: none; 
}
.fade-object {}

/* Image map styles */
.imageMap {width:100%; position:relative;}
.imageMap img {display:block; width:100%;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; z-index:200;}
.imageMap a {display:block; position:absolute; background:#004; z-index:100; opacity:0;}
.imageMap a.p1 {
	left: 37.6%;
	top: 76%;
	width: 15.7%;
	height: 13%;
	z-index:30;
}
.imageMap a.p2 {
	left: 53%;
	top: 84%;
	width: 16%;
	height: 9%;
}
.imageMap a.p3 {
	left: 69%;
	top: 86%;
	width: 6%;
	height: 8%;
}
.imageMap a.p4 {
	left: 32%;
	top: 28%;
	width: 16%;
	height: 31%;
}
.imageMap a.p5 {
	left: 14%;
	top: 13%;
	width: 17%;
	height: 9%;
}
.imageMap a.p6 {
	left: 67%;
	top: 15%;
	width: 7%;
	height: 12%;
}
.imageMap a.p7 {
	left: 76%;
	top: 24%;
	width: 7%;
	height: 12%;
}
.imageMap a.p8 {
	left: 68%;
	top: 30%;
	width: 7%;
	height: 12%;
}
.imageMap a.p9 {
	left: 77%;
	top: 47%;
	width: 7%;
	height: 12%;
}
.imageMap a.p10 {
	left: 9%;
	top: 22%;
	width: 13%;
	height: 53%;
}
.imageMap a.p11 {
	left: 66%;
	top: 69%;
	width: 29%;
	height: 13%;
	z-index:20;
}
.imageMap a.p12 {
	left: 61%;
	top: 71%;
	width: 16.5%;
	height: 14%;
	z-index:25;
}
.imageMap a.p13 {
	left: 79%;
	top: 78%;
	width: 15%;
	height: 15%;
	z-index:25;
}
.imageMap a.p14 {
	left: 52%;
	top: 43%;
	width: 12%;
	height: 33%;
	z-index:20;
}
.imageMap a.p15 {
	left: 39%;
	top: 71%;
	width: 18%;
	height: 9%;
	z-index:25;
}
.imageMap a.p16 {
	left: 25%;
	top: 70%;
	width: 13%;
	height: 9%;
	z-index:20;
}
.imageMap a.p17 {
	left: 0%;
	top: 75%;
	width: 23%;
	height: 14%;
	z-index:25;
}
.imageMap a.p18 {
	left: 19%;
	top: 78.5%;
	width: 18%;
	height: 13%;
	z-index:30;
}
.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

#enterfull {
	position: absolute !important;
	left: 40%;
	text-align: center;
	font-size: 20pt;
	min-width: 12%;
	background-color: rgba(0,0,0,0.5);
	-webkit-animation: fadein 3s; /* Safari and Chrome */
	-moz-animation: fadein 3s; /* Firefox */
	-ms-animation: fadein 3s; /* Internet Explorer */
	-o-animation: fadein 3s; /* Opera */
	animation: fadein 3s;
	min-height: 5%;
	float: left;
	display: block;
	z-index: 225;
	padding-bottom: 2px;
	padding-top: 4px;
	border-radius: 6px;
	line-height: 30px;
	font-style: normal;
	font-weight: 400;
	top: 50%;
	font-family: cabin;
}
#deskicon {
	position: absolute;
	top: 5px;
}

#entermobile {
	position: absolute;
	left: 40%;
	text-align: center;
	color: #FFFFFF;
	font-size: 20pt;
	background-color: rgba(0,0,0,0.5);
	-webkit-animation: fadein 3s; /* Safari and Chrome */
	-moz-animation: fadein 3s; /* Firefox */
	-ms-animation: fadein 3s; /* Internet Explorer */
	-o-animation: fadein 3s; /* Opera */
	animation: fadein 3s;
	float: left;
	display: block;
	z-index: 225;
	padding-bottom: 3px;
	border-radius: 6px;
	font-style: normal;
	font-weight: 400;
	top: 58%;
	min-width: 12%;
	min-height: 5%;
	font-family: cabin;
}
#enterfull a {
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
}
#entermobile a {
	text-decoration: none;
	color: #FFFFFF;
}
#mobicon {
	position: relative;
	top: 4px;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

#sidebar {
}

#click {}

.poptext {
	position: absolute;
	visibility: hidden;
	font-size: 1.5vw;
	font-style: normal;
	font-weight: 400;
	font-family: actor;
}

#ptrev {
	top: 56%;
	left: 35%;

}

#ptport {
	top: 75%;
	left: 54%;
}

#ptcontact {
	top: 78%;
	left: 65%;
}
#ptresume {
	top: 18%;
	left: 35%;
}
#ptqv {
	top: 9%;
	left: 33%;
}
#ptsoc {
	top: 5%;
	left: 70%;
}
#ptcstm {
	top: 25%;
	left: 17%;
}
#pt303 {
	top: 50%;
	left: 65%;
}
#pt401 {
	top: 49%;
	left: 58%;
}
#pt403 {
	top: 55%;
	left: 78%;
}
#pt497 {
	top: 23%;
	left: 46%;
}
#pt301 {
	top: 50%;
	left: 40%;
}
#pt103 {
	top: 50%;
	left: 22%;
}
#pt201 {
	top: 54%;
	left: 8%;
}
#pt203 {
	top: 57%;
	left: 18%;
}

#flyout {
	position: fixed;
	z-index: 90;
	right: -7.7%;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	top: 20%;
	margin-right: 0%;
	width: 10vw;
	height: 20vw;
	visibility:hidden;
}

#flyout:hover {
	right: 2.5%;
}

#exbutton {
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	line-height: 10%;
	width: 25%;
	border-top-left-radius: 2vw;
	border-bottom-left-radius: 9px;
	-webkit-box-shadow: inset -13px 0px 10px 4px rgba(255,255,255,0.5);
	box-shadow: inset -13px 0px 10px 4px rgba(255,255,255,0.5);
}

#exbutton p {
	position: relative;
	padding-top: 200%;
	padding-bottom: 200%;
	font-size: 1.5vw;
	line-height: 200%;
	font-style: normal;
	font-weight: 700;
	font-family: lato;
}

#navbar2 {
	position: relative;
	background-color: rgba(255,255,255,0.8);
	text-decoration: none;
	text-align: center;
	line-height: 2vw;
	width: 11vw;
	cursor: pointer;
	top: -23.5vw;
	left: 2.5vw;
}

#navbar2 ul {
	list-style-type: none;
	color: #000000;
	font-size: 1.2vw;
	padding-top: 1vw;
	padding-bottom: 0.55vw;
	margin-left: -4vw;
	font-style: normal;
	font-weight: 400;
	font-family: asap;
}

#navbar2 ul li:hover {
	text-decoration:underline;
	font-size: 1.3vw;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}

#navbar2 ul li a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#projects {
	display: none;
	position: relative;
	width: 12vw;
	height: 15vw;
	font-size: 1vw;
	line-height: 1.5vw;
	left:3%;
}
#projects li a{
	font-weight: normal !important;
}
#projects li:hover {font-size:1.1vw !important}

#resume {}
#portfolio {}
#cadpack {}

#search {
	width: 15vw;
	height: 0vw;
	position: relative;
	top: -3vw;
	left: -10.5vw;
	display: none;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0px !important;
	background-color: rgba(255,255,255,0) !important;
	border-color: rgba(255,255,255,0) !important;
	min-width:3vw !important;
	min-height:1vw !important;
        }