@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600");
@import url("../fonts/Azidhor.otf");
@import url('https://fonts.googleapis.com/css?family=Cabin');
@import url("../fonts/Azidhor.otf");
@font-face {
    font-family: "Azidhor";
    src: url(http://nikzane.com/nikzane.com/assets/fonts/Azidhor.woff) format("truetype");
}

/*
	Dimension by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
	background: #111111;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}
mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
/* NIK ZANE */

body {
	font-family: 'Cabin'!important;
}

#logo-font, #tag-line, #main-nav {
	font-family: 'Cabin'!important;
}
#logo-font {
	font-family: 'Azidhor'!important;
	font-weight: normal;
	font-size: 4.0em;
}
.logo-font {
	font-family: 'Azidhor'!important;
	font-weight: normal;
	letter-spacing: 0.25em;
	padding: 0.2em 0.3em 0.2em 0.4em;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 3px;
	font-size: 1.2em;
}
.logo-font:hover {
	color: #000;
	background: rgba(255,255,255,1);
	border: 1px solid #CCC;
}
#tag-line {
	display: block;
	margin: 0; padding: 0;
	font-size: 1.0em;
	color: white;
	font-weight: bold;
	padding: 1.0em;
	border: 1px solid #FFF;
	background: rgba(0,0,0,0.5);
	border-radius: 0.25em;
}
#tag-line:hover {
/* 	background: rgba(0,0,0,0.75); */
}


/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}
	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #1b1f22;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	html {
		font-size: 16pt;
	}

		@media screen and (max-width: 1680px) {

			html {
				font-size: 12pt;
			}
			#logo-font {
				font-family: 'Azidhor'!important;
				font-weight: normal;
				font-size: 4.0em;
			}
			.custom-li {
				font-size: 1.2em!important;
			}
			.mailto {
				font-size: 50%!important;
			}
		}

		@media screen and (max-width: 1280px) {

			html {
				font-size: 12pt;
			}
			#logo-font {
				font-family: 'Azidhor'!important;
				font-weight: normal;
				font-size: 4.0em;
			}
			.custom-li {
				font-size: 1.1em!important;
			}
			.mailto {
				font-size: 50%!important;
			}
		}

		@media screen and (max-width: 736px) {

			html {
				font-size: 11pt;
			}
			#logo-font {
				font-family: 'Azidhor'!important;
				font-weight: normal;
				font-size: 3.0em;
			}
			.custom-li {
				font-size: 0.9em!important;
			}
			#footer .copyright {
				font-size: 0.6em!important;
			}
			.mailto {
				font-size: 50%!important;
			}
		}

		@media screen and (max-width: 360px) {

			html {
				font-size: 10pt;
			}
			#logo-font {
				font-family: 'Azidhor'!important;
				font-weight: normal;
				font-size: 2.0em;
			}
			.custom-li {
				font-size: 0.7em;
			}
			#footer .copyright {
				font-size: 0.4em!important;
			}
		}
		@media screen and (max-width: 550px) {
			#abn {
					display: none;
				}
			}

	body, input, select, textarea {
		color: #ffffff;
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 300;
		font-size: 1rem;
		line-height: 1.65;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
/* 		border-bottom: dotted 1px rgba(255, 255, 255, 0.5); */
		text-decoration: none;
		color: rgba(255,255,255,0.5);
		font-weight: bold;
	}

	a:hover {
		color: #FFF;
		text-decoration: none;
	}

	strong, b {
		color: #ffffff;
		font-weight: 600;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2rem 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #ffffff;
		font-weight: 600;
		line-height: 1.5;
		margin: 0 0 1rem 0;
		text-transform: uppercase;
		letter-spacing: 0.2rem;
		cursor: default;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

		h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
			border-bottom: solid 1px #ffffff;
			width: -moz-max-content;
			width: -webkit-max-content;
			width: -ms-max-content;
			width: max-content;
			padding-bottom: 0.5rem;
			margin: 0 0 2rem 0;
			cursor: default;
		}

	h1 {
		font-size: 2.25rem;
		line-height: 1.3;
		letter-spacing: 0.5rem;
	}

	h2 {
		font-size: 1.5rem;
		line-height: 1.4;
		letter-spacing: 0.5rem;
	}

	h3 {
		font-size: 1rem;
	}

	h4 {
		font-size: 0.8rem;
	}

	h5 {
		color: rgba(255,255,255,0.5);
		font-size: 0.7rem;
		font-style: italic;
	}

	h6 {
		color: rgba(255,255,255,0.25);
		font-size: 0.5rem;
	}
	h6 a {
		border-radius: 3px;
		padding: 0.25em;
		color: red;
	}
	h6 a:hover {
		padding: 0.25em;
		background-color: red;
		color: #000;
	}

	@media screen and (max-width: 736px) {

		h1 {
			font-size: 1.75rem;
			line-height: 1.4;
		}

		h2 {
			font-size: 1.25em;
			line-height: 1.5;
		}

	}

	sub {
		font-size: 0.8rem;
		position: relative;
		top: 0.5rem;
	}

	sup {
		font-size: 0.8rem;
		position: relative;
		top: -0.5rem;
	}

	blockquote {
		border-left: solid 4px #ffffff;
		font-style: italic;
		margin: 0 0 2rem 0;
		padding: 0.5rem 0 0.5rem 2rem;
	}

	code {
		background: rgba(255, 255, 255, 0.075);
		border-radius: 4px;
		font-family: "Courier New", monospace;
		font-size: 0.9rem;
		margin: 0 0.25rem;
		padding: 0.25rem 0.65rem;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9rem;
		margin: 0 0 2rem 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1rem 1.5rem;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px #ffffff;
		margin: 2.75rem 0;
	}
	.custom-hr {
		margin: 0.5em 0!important;
		padding: 0!important;
	}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Form */

	form {
		margin: 0 0 2rem 0;
	}

		form > :last-child {
			margin-bottom: 0;
		}

		form > .fields {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: calc(100% + 3rem);
			margin: -1.5rem 0 2rem -1.5rem;
		}

			form > .fields > .field {
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;
				padding: 1.5rem 0 0 1.5rem;
				width: calc(100% - 1.5rem);
			}

				form > .fields > .field.half {
					width: calc(50% - 0.75rem);
				}

				form > .fields > .field.third {
					width: calc(100%/3 - 0.5rem);
				}

				form > .fields > .field.quarter {
					width: calc(25% - 0.375rem);
				}

		@media screen and (max-width: 480px) {

			form > .fields {
				width: calc(100% + 3rem);
				margin: -1.5rem 0 2rem -1.5rem;
			}

				form > .fields > .field {
					padding: 1.5rem 0 0 1.5rem;
					width: calc(100% - 1.5rem);
				}

					form > .fields > .field.half {
						width: calc(100% - 1.5rem);
					}

					form > .fields > .field.third {
						width: calc(100% - 1.5rem);
					}

					form > .fields > .field.quarter {
						width: calc(100% - 1.5rem);
					}

		}

	label {
		color: #ffffff;
		display: block;
		font-size: 0.8rem;
		font-weight: 300;
		letter-spacing: 0.2rem;
		line-height: 1.5;
		margin: 0 0 1rem 0;
		text-transform: uppercase;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
/* 		background-color: transparent; */
		background-color: rgba(0,0,0,0.75);
		border-radius: 4px;
		border: solid 1px #ffffff;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1rem;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus {
			background: rgba(255, 255, 255, 0.075);
			border-color: #ffffff;
			box-shadow: 0 0 0 1px #ffffff;
		}

	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23ffffff' /%3E%3C/svg%3E");
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.75rem;
		padding-right: 2.75rem;
		text-overflow: ellipsis;
	}

		select option {
			color: #ffffff;
			background: #1b1f22;
		}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75rem;
	}

	textarea {
		padding: 0.75rem 1rem;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2rem;
		opacity: 0;
		width: 1rem;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;
			color: #ffffff;
			cursor: pointer;
			display: inline-block;
			font-size: 0.8rem;
			font-weight: 300;
			margin: 0 0 0.5rem 0;
			padding-left: 2.65rem;
			padding-right: 0.75rem;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
				-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
				-ms-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
				transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
				border-radius: 4px;
				border: solid 1px #ffffff;
				content: '';
				display: inline-block;
				height: 1.65rem;
				left: 0;
				line-height: calc(1.58125rem + 0em);
				position: absolute;
				text-align: center;
				top: -0.125rem;
				width: 1.65rem;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #ffffff !important;
			border-color: #ffffff !important;
			color: #1b1f22;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			background: rgba(255, 255, 255, 0.075);
			border-color: #ffffff;
			box-shadow: 0 0 0 1px #ffffff;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		border-radius: 4px;
		border: solid 1px #ffffff;
		margin-bottom: 2rem;
		padding: 1.5em;
	}

	.box > :last-child,
	.box > :last-child > :last-child,
	.box > :last-child > :last-child > :last-child {
		margin-bottom: 0;
	}

	.box.alt {
		border: 0;
		border-radius: 0;
		padding: 0;
	}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

	.icon:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-transform: none !important;
	}

	.icon > .label {
		display: none;
	}

/* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}

	.image:before {
		pointer-events: none;
		background-image: url("../../images/overlay.png");
		background-color: rgba(19, 21, 25, 0.5);
		border-radius: 4px;
		content: '';
		display: block;
		height: 100%;
		left: 0;
		opacity: 0.5;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.image img {
		border-radius: 4px;
		display: block;
	}

	.image.left, .image.right {
		max-width: 40%;
	}

		.image.left img, .image.right img {
			width: 100%;
		}

	.image.left {
		float: left;
		padding: 0 1.5em 1em 0;
		top: 0.25em;
	}

	.image.right {
		float: right;
		padding: 0 0 1em 1.5em;
		top: 0.25em;
	}

	.image.fit {
		display: block;
		margin: 0 0 2rem 0;
		width: 100%;
	}

		.image.fit img {
			width: 100%;
		}

	.image.main {
		display: block;
		margin: 2.5rem 0;
		width: 100%;
	}

		.image.main img {
			width: 100%;
		}

	@media screen and (max-width: 736px) {

		.image.main {
			margin: 2rem 0;
		}

	}

	@media screen and (max-width: 480px) {

		.image.main {
			margin: 1.5rem 0;
		}

	}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2rem 0;
		padding-left: 1.25em;
	}

	ol li {
		padding-left: 0.25em;
	}
	
	ol li {
		line-height: 2.5em!important;
	}

	ul {
		list-style: disc;
		margin: 0 0 2rem 0;
		padding-left: 1em;
	}

	ul li {
		padding-left: 0.5em;
	}

	.custom-li {
		list-style: disc;
		margin-top: 1.0em;
		margin-left: 2.0em;
		padding-bottom: 1.0em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.custom-li li {
		margin-bottom: 3px;
		background: rgba(255,255,255,0.05);
		padding: 1.0em;
		list-style-type: none;
		margin-left: -2.0em;
		text-align: center;
		border-radius: 0.5em;
/* 		font-size: 1.2em; */
		transition: 0.5s;
		cursor: default;
		border: 2px solid rgba(255,255,255,0.5);
	}
	.custom-li li i {
		float: left!important;
		font-size: 1.5em;
	}
	.custom-li li:hover {
		color: rgba(0,0,0,0.8);
		background: rgba(255,255,255,0.75);
		transition: 0.5s;
		border: 2px solid rgba(255,255,255,1);
	}
	ul.alt {
		list-style: none;
		padding-left: 0;
	}

	ul.alt li {
		border-top: solid 1px #ffffff;
		padding: 0.5em 0;
	}

	ul.alt li:first-child {
		border-top: 0;
		padding-top: 0;
	}

	dl {
		margin: 0 0 2rem 0;
	}

	dl dt {
		display: block;
		font-weight: 600;
		margin: 0 0 1rem 0;
	}

	dl dd {
		margin-left: 2rem;
	}

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1rem;
		padding-left: 0;
	}

	ul.actions li {
		padding: 0 0 0 1rem;
		vertical-align: middle;
	}

	ul.actions.special {
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		width: 100%;
		margin-left: 0;
	}

		ul.actions.special li:first-child {
			padding-left: 0;
		}

	ul.actions.stacked {
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
	}

	ul.actions.stacked li {
		padding: 1.3rem 0 0 0;
	}

	ul.actions.stacked li:first-child {
		padding-top: 0;
	}

	ul.actions.fit {
		width: calc(100% + 1rem);
	}

	ul.actions.fit li {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		width: 100%;
	}

	ul.actions.fit li > * {
		width: 100%;
	}

	ul.actions.fit.stacked {
		width: 100%;
	}

/* Icons */

	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

	ul.icons li {
		display: inline-block;
		padding: 0 0.75em 0 0;
	}

	ul.icons li:last-child {
		padding-right: 0;
	}

	ul.icons li a {
		border-radius: 100%;
		box-shadow: inset 0 0 0 1px #ffffff;
		display: inline-block;
		height: 2.25rem;
		line-height: 2.25rem;
		text-align: center;
		width: 2.25rem;
	}

	ul.icons li a:hover {
		background-color: rgba(255, 255, 255, 0.075);
	}

	ul.icons li a:active {
/* 					background-color: rgba(255, 255, 255, 0.175); */
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2rem 0;
		width: 100%;
	}

	table tbody tr {
		border: solid 1px #ffffff;
		border-left: 0;
		border-right: 0;
	}

	table tbody tr:nth-child(2n + 1) {
		background-color: rgba(255, 255, 255, 0.075);
	}

	table td {
		padding: 0.75em 0.75em;
	}

	table th {
		color: #ffffff;
		font-size: 0.9em;
		font-weight: 600;
		padding: 0 0.75em 0.75em 0.75em;
		text-align: left;
	}

	table thead {
		border-bottom: solid 2px #ffffff;
	}

	table tfoot {
		border-top: solid 2px #ffffff;
	}

	table.alt {
		border-collapse: separate;
	}

	table.alt tbody tr td {
		border: solid 1px #ffffff;
		border-left-width: 0;
		border-top-width: 0;
	}

	table.alt tbody tr td:first-child {
		border-left-width: 1px;
	}

	table.alt tbody tr:first-child td {
		border-top-width: 1px;
	}

	table.alt thead {
		border-bottom: 0;
	}

	table.alt tfoot {
		border-top: 0;
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		box-shadow: inset 0 0 0 1px #ffffff;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8rem;
		font-weight: 300;
		height: 2.75rem;
		letter-spacing: 0.2rem;
		line-height: 2.75rem;
		outline: 0;
		padding: 0 1.25rem 0 1.35rem;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		border: 1px solid rgba(255,255,255,0.1);
	}

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover {
		border: 1px solid #FFF;
		background-color: rgba(255, 255, 255, 0.275);
		box-shadow: 0px 3px 5px rgba(0,0,0,0.25)!important;
	}

	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active,
	button:active,
	.button:active {
/* 			background-color: red!important; */
		background-color: rgba(255, 255, 255, 0.175);
	}

	input[type="submit"].icon:before,
	input[type="reset"].icon:before,
	input[type="button"].icon:before,
	button.icon:before,
	.button.icon:before {
		margin-right: 0.5em;
	}

	input[type="submit"].fit,
	input[type="reset"].fit,
	input[type="button"].fit,
	button.fit,
	.button.fit {
		width: 100%;
	}

	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small,
	button.small,
	.button.small {
		font-size: 0.6rem;
		height: 2.0625rem;
		line-height: 2.0625rem;
	}

	input[type="submit"].primary,
	input[type="reset"].primary,
	input[type="button"].primary,
	button.primary,
	.button.primary {
		background-color: #ffffff;
		color: #1b1f22 !important;
		font-weight: 600;
	}

	input[type="submit"].disabled, input[type="submit"]:disabled,
	input[type="reset"].disabled,
	input[type="reset"]:disabled,
	input[type="button"].disabled,
	input[type="button"]:disabled,
	button.disabled,
	button:disabled,
	.button.disabled,
	.button:disabled {
		pointer-events: none;
		cursor: default;
		opacity: 0.25;
	}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button {
		line-height: calc(2.75rem - 2px);
	}

/* BG */

	#bg {
		-moz-transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
		-webkit-backface-visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 1;
	}

	#bg:before, #bg:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#bg:before {
		-moz-transition: background-color 2.5s ease-in-out;
		-webkit-transition: background-color 2.5s ease-in-out;
		-ms-transition: background-color 2.5s ease-in-out;
		transition: background-color 2.5s ease-in-out;
		-moz-transition-delay: 0.75s;
		-webkit-transition-delay: 0.75s;
		-ms-transition-delay: 0.75s;
		transition-delay: 0.75s;
/* 			background-image: linear-gradient(to top, rgba(19, 21, 25, 0.5), rgba(19, 21, 25, 0.5)), url("../../images/overlay.png"); */
		background-size: auto, 256px 256px;
		background-position: center, center;
		background-repeat: no-repeat, repeat;
		z-index: 2;
	}

	#bg:after {
		-moz-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out;
		-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out;
		-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out;
		transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out;
/* 			background-image: url("../../images/bg5.jpg"); */
/* 			background-image: url(../../images/nzm/NZM-code-screenshot-original-compressed.jpg) */
/* 			background-image: url("../../images/NZM-code-screenshot-original-compressed.jpg"); */
/* 			background: url("../../images/generic-code-by-nikzane(compressed1).jpg"); */
/* 			background: url("../../images/generic-code-by-nikzane(compressed1)-darker.jpg"); */
		background: url("../../images/bg.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 1;
	}
	body.is-article-visible #bg:after {
		-moz-transform: scale(1.0825);
		-webkit-transform: scale(1.0825);
		-ms-transform: scale(1.0825);
		transform: scale(1.0825);
		-moz-filter: blur(0.2rem);
		-webkit-filter: blur(0.2rem);
		-ms-filter: blur(0.2rem);
		filter: blur(0.2rem);
	}

	body.is-preload #bg:before {
		background-color: #000000;
	}

/* Wrapper */

	#wrapper {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		position: relative;
		min-height: 100vh;
		width: 100%;
		padding: 4rem 2rem;
		z-index: 3;
	}

	#wrapper:before {
		content: '';
		display: block;
	}

	@media screen and (max-width: 1680px) {

		#wrapper {
			padding: 3rem 2rem;
		}

	}

	@media screen and (max-width: 736px) {

		#wrapper {
			padding: 2rem 1rem;
		}

	}

	@media screen and (max-width: 480px) {

		#wrapper {
			padding: 1rem;
		}

	}

/* Header */

	#header {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
		background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
		background-image: -ms-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
		background-image: radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
		max-width: 100%;
		text-align: center;
	}

	#header > * {
		-moz-transition: opacity 0.325s ease-in-out;
		-webkit-transition: opacity 0.325s ease-in-out;
		-ms-transition: opacity 0.325s ease-in-out;
		transition: opacity 0.325s ease-in-out;
		position: relative;
		margin-top: 3.5rem;
	}

	#header > *:before {
		content: '';
		display: block;
		position: absolute;
		top: calc(-3.5rem - 1px);
		left: calc(50% - 1px);
		width: 1px;
		height: calc(3.5rem + 1px);
		background: #ffffff;
	}

	#header > :first-child {
		margin-top: 0;
	}

	#header > :first-child:before {
		display: none;
	}

/* ##### LOGO RING #####  */

	#header .logo {
		width: 5.5rem;
		height: 5.5rem;
		line-height: 5.5rem;
		border: solid 1px #ffffff;
		border-color: rgba(255,255,255,0.75);
		border-radius: 100%;
	}

	#header .logo .icon:before {
		font-size: 2rem;
	}

	#header .content {
		border-style: solid;
		border-color: #ffffff;
		border-top-width: 1px;
		border-bottom-width: 1px;
		max-width: 100%;
	}

	#header .content .inner {
		-moz-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
		-webkit-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
		-ms-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
		transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
		-moz-transition-delay: 0.25s;
		-webkit-transition-delay: 0.25s;
		-ms-transition-delay: 0.25s;
		transition-delay: 0.25s;
		padding: 3rem 2rem;
		max-height: 40rem;
		overflow: hidden;
	}

	#header .content .inner > :last-child {
		margin-bottom: 0;
	}

	#header .content p {
		text-transform: uppercase;
		letter-spacing: 0.2rem;
		font-size: 0.8rem;
		line-height: 2;
	}

	#header .content span {
		color: rgba(255,255,255,0.5);
		display: block;
		text-transform: uppercase;
		letter-spacing: 3px;
	}

	#header nav ul {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		margin-bottom: 0;
		list-style: none;
		padding-left: 0;
		border: solid 1px #ffffff;
		border-radius: 4px;
	}

	#header nav ul li {
		padding-left: 0;
		border-left: solid 1px #ffffff;
	}

	#header nav ul li:first-child {
		border-left: 0;
	}

	#header nav ul li a {
		display: block;
		min-width: 7.5rem;
		height: 2.75rem;
		line-height: 2.75rem;
		padding: 0 1.25rem 0 1.45rem;
		text-transform: uppercase;
		letter-spacing: 0.2rem;
		font-size: 0.8rem;
		border-bottom: 0;
	}

	#header a:hover {
			background-color: rgba(0, 0, 0, 0.5);
			text-decoration: none;
	}

	#header nav ul li a:active {
/* 						background-color: rgba(255, 255, 255, 0.175); */
	}

	#header nav.use-middle:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
		width: 1px;
		height: 100%;
		background: #ffffff;
	}

	#header nav.use-middle ul li.is-middle {
		border-left: 0;
	}

	body.is-article-visible #header {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		-moz-filter: blur(0.1rem);
		-webkit-filter: blur(0.1rem);
		-ms-filter: blur(0.1rem);
		filter: blur(0.1rem);
		opacity: 0;
	}

	body.is-preload #header {
		-moz-filter: blur(0.125rem);
		-webkit-filter: blur(0.125rem);
		-ms-filter: blur(0.125rem);
		filter: blur(0.125rem);
	}

	body.is-preload #header > * {
		opacity: 0;
	}

	body.is-preload #header .content .inner {
		max-height: 0;
		padding-top: 0;
		padding-bottom: 0;
		opacity: 0;
	}

	@media screen and (max-width: 980px) {

		#header .content p br {
			display: none;
		}

	}

	@media screen and (max-width: 736px) {

		#header > * {
			margin-top: 2rem;
		}

			#header > *:before {
				top: calc(-2rem - 1px);
				height: calc(2rem + 1px);
			}

		#header .logo {
			width: 4.75rem;
			height: 4.75rem;
			line-height: 4.75rem;
		}

			#header .logo .icon:before {
				font-size: 1.75rem;
			}

		#header .content .inner {
			padding: 2.5rem 1rem;
		}

		#header .content p {
			line-height: 1.875;
		}

	}

	@media screen and (max-width: 480px) {

		#header {
			padding: 1.5rem 0;
		}

			#header .content .inner {
				padding: 2.5rem 0;
			}

			#header nav ul {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				min-width: 10rem;
				max-width: 100%;
			}

				#header nav ul li {
					border-left: 0;
					border-top: solid 1px #ffffff;
				}

					#header nav ul li:first-child {
						border-top: 0;
					}

					#header nav ul li a {
						height: 3rem;
						line-height: 3rem;
						min-width: 0;
						width: 100%;
					}

			#header nav.use-middle:after {
				display: none;
			}

	}

/* Main */

	#main {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		max-width: 100%;
		z-index: 3;
	}

	#main article {
		-moz-transform: translateY(0.25rem);
		-webkit-transform: translateY(0.25rem);
		-ms-transform: translateY(0.25rem);
		transform: translateY(0.25rem);
		-moz-transition: opacity 0.325s ease-in-out, -moz-transform 0.325s ease-in-out;
		-webkit-transition: opacity 0.325s ease-in-out, -webkit-transform 0.325s ease-in-out;
		-ms-transition: opacity 0.325s ease-in-out, -ms-transform 0.325s ease-in-out;
		transition: opacity 0.325s ease-in-out, transform 0.325s ease-in-out;
		padding: 4.5rem 2.5rem 1.5rem 2.5rem ;
		position: relative;
		width: 50rem;
		max-width: 100%;
		background-color: rgba(27, 31, 34, 0.85);
		border-radius: 4px;
		opacity: 0;
	}

	#main article.active {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		border: 1px solid #FFF;
		border-top: 10px solid #FFF;
		border-bottom: 10px solid #FFF;
	}

	#main article .close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 4rem;
		height: 4rem;
		cursor: pointer;
		text-indent: 4rem;
		overflow: hidden;
		white-space: nowrap;
	}
/*
	#main article .close:hover {
		transform: scale(1.2)!important;
	}
*/
	#main article .close:before {
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		content: '';
		display: block;
		position: absolute;
		top: 0.75rem;
		left: 0.75rem;
		width: 2.5rem;
		height: 2.5rem;
		border-radius: 100%;
		background-position: center;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E");
		background-size: 20px 20px;
		background-repeat: no-repeat;
	}

	#main article .close:hover:before {
		background-color: rgba(255, 255, 255, 0.075);				
	}

	#main article .close:active:before {
		background-color: rgba(255, 255, 255, 0.175);
	}

	@media screen and (max-width: 736px) {

		#main article {
			padding: 3.5rem 2rem 0.5rem 2rem ;
		}

			#main article .close:before {
				top: 0.875rem;
				left: 0.875rem;
				width: 2.25rem;
				height: 2.25rem;
				background-size: 14px 14px;
			}

	}

	@media screen and (max-width: 480px) {

		#main article {
			padding: 3rem 1.5rem 0.5rem 1.5rem ;
		}

	}

/* Footer */

	#footer {
		-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
		width: 100%;
		max-width: 100%;
		margin-top: 2rem;
		text-align: center;
	}

	#footer .copyright {
		font-size: 0.85em;
		letter-spacing: 0.2rem;
		opacity: 0.75;
		margin-bottom: 0;
		margin-top: 1.0em;
		text-transform: uppercase;
	}

	body.is-article-visible #footer {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		-moz-filter: blur(0.1rem);
		-webkit-filter: blur(0.1rem);
		-ms-filter: blur(0.1rem);
		filter: blur(0.1rem);
		opacity: 0;
	}

	body.is-preload #footer {
		opacity: 0;
	}
		
/* ************* */
/* NIK ZANE ICON */
/* ************* */
		
	.nx-icon, .generic-icon {
		display: inline-block;
		background-image: url(../../images/nx-icon-md.png);
	}
	.nx-icon {
/* 		display: block!important; */
		width: 100%!important;
		background-position: center center;
		opacity: 0.5;
	}
	.nx-icon:hover {
		opacity: 1;
	}
	.icon-hover:hover ~ .nx-icon-lg {
  -webkit-transform: rotate(90deg)!important;
          transform: rotate(90deg)!important;
		  transition: all 0.5s ease-in-out 0s;
		  opacity: 1;
	}
	.nx-icon-lg {

	}
	.nx-icon-faded {
		opacity: 0.25;
	}
	.nx-icon-faded:hover {
		opacity: 1;
	}
	.generic-icon {
		background-color: #FFF;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 0.5em;
		font-size: 0.5em;
	}
	.portfolio-icon {
		display: inline-block;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 0.5em;
		font-size: 0.5em;
		transform: scale(0.75)!important;
	}
	.grow { transition: all .2s ease-in-out; }
	.grow:hover { transform: scale(1); }
	.portfolio-icon:hover {
		transform: scale(1)!important;
	}
	.old-icon {
		background-color: transparent!important;
	}
	.generic-icon + span {
		opacity: 0.5;
		display: block;
	}
/*
	.generic-icon + span:hover {
		opacity: 1;
	}
*/
	.nx-icon-custom {
		display: block;
		width: 100%!important;
		height: 100%!important;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: rgba(0, 0, 0, 0.1);
		border-radius: 100px;
	}
	.nx-icon-custom:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}
	.nx-icon-sm {
		width: 50px;
		height: 50px;
		background-size: 50px 50px;
		background-repeat: no-repeat;
	}
	.nx-icon-md {
		width: 100px;
		height: 100px;
		background-size: 100px 100px;
		background-repeat: no-repeat;
	}
	.nx-icon-lg {
		display: inline-block;
		width: 256px;
		height: 256px;
		background-size: 256px 256px;
		background-repeat: no-repeat;
	}
	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
/* ************* */
/* COMPANY ICONS */
/* ************* */

	.company-icons {
		display: inline-block;
		background-repeat: no-repeat;
		height: 100px!important;
		border: 3px solid red;
	}

	.project span {
		display: none;
		color: #FFF!important;
		font-size: 0.6em;
		font-weight: normal;
		text-transform: none;
		margin-top: 0.5em;
	}
	#astor-icon {
		background-color: #FFF;
		background-image: url(../../images/astor-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#latent-icon {
		background-color: #000;
		background-image: url(../../images/latent-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
/* 			padding-left: 100px; */
	}
	#cogent-icon {
		background-color: #FFF;
		background-image: url(../../images/cogent-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#rockart-icon {
		background-color: #FFF;
		background-image: url(../../images/rockart-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#securoty-icon {
		background-color: #000;
		background-image: url(../../images/securoty-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#darklogix-icon {
		background-color: #000;
		background-image: url(../../images/darklogix-icon-brushed-metal-large-no-shadow.jpg);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#daisys-icon {
		background-color: #8bcb4d;
		background-image: url(../../images/daisys-logo.png);
		width: 64px;
		height: 35px;
		background-size: 70px 38px;
		padding: 5em;
	}
	#gavanbright-icon {
		background-color: #000;
		background-image: url(../../images/gavanbright-logo.png);
		width: 64px;
		height: 35px;
		background-size: 70px 38px;
		padding: 5em;
	}
	#storia-icon {
		background-color: #000;
		background-image: url(../../images/storia-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#plantpresents-icon {
		background-color: #FFF;
		background-image: url(../../images/plantpresents-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#casa-icon {
		background-color: #FFF;
		background-image: url(../../images/casa-icon.jpg);
		width: 64px;
		height: 64px;
		background-size: 70px 70px;
		padding: 5em;
	}
	#jbcps-icon {
		background-color: #FFF;
		background-image: url(../../images/JBCPS-icon.png);
		width: 64px;
		height: 64px;
		background-size: 70px 70px;
		padding: 5em;
	}
	#pp-icon {
		background-image: url(../../images/pp-icon.jpg);
		width: 64px;
		height: 64px;
		background-size: 70px 70px;
		padding: 5em;
	}
	#ivs-icon {
		background-image: url(../../images/ivs-icon.png);
		width: 64px;
		height: 64px;
		background-size: 70px 70px;
		padding: 5em;
	}
	#tapr-icon {
		background-image: url(../../images/tapr-icon.jpg);
		width: 64px;
		height: 64px;
		background-size: 70px 70px;
		padding: 5em;
	}
	#synkronos-icon {
		background-color: #FFF;
		background-image: url(../../images/synkronos-icon.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	#adept-icon {
		background-color: #FFF;
		background-image: url(../../images/adept-business-logo-dark-small.png);
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
		padding: 5em;
	}
	.project {
		display: block!important;
		text-transform: uppercase;
		text-align: center!important;
		font-size: 1.4em;
		font-weight: bold;
		padding-left: 0.5em;
		position: relative;
		line-height: 1;
		border-radius: 5px;
	}
	.nav-button {
		min-width: 12em!important;
		color: rgba(255,255,255,0.75);

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.5+0,0.5+100;Black+3D+%231 */
		background: -moz-linear-gradient(top, rgba(69,72,77,0.3) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(69,72,77,0.3) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(69,72,77,0.3) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	}
	.nav-button:hover {
/* 			color: #FFF; */
		color: rgba(255,255,255,1);
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.5+0,0.5+100;Black+3D+%231 */
		background: -moz-linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	}
	.nav-button:active {
	  -moz-box-shadow:    inset 0px 2px 10px 3px rgba(0,0,0,0.5);
	  -webkit-box-shadow: inset 0px 3px 10px 3px rgba(0,0,0,0.5);
	  box-shadow:         inset 0px 3px 10px 3px rgba(0,0,0,0.5);
	}
/* ################################################################## */

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
}
.grid-item {
  padding: 0.5em;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.1);
  margin: 1px;
  transition: background-color 0.25s linear;
}
.grid-item:hover {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.5);
}
#nikzane-pic {
	display: inline-block;
	background-color: red;
	background: url(../../images/nikzane-pic.jpg);
	width: 150px;
	height: 150px;
	background-size: 150px 150px;
	float: right;
	margin-left: 1.0em;
	border-radius: 0.5em;
}
.projects {
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 2.0em;
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 0.25em;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center!important;
	text-shadow: 1px 1px #000;
	margin-bottom: 0.5em;
	height: 4.0em;
	padding-top: 1.2em;
}
#phantom {
	background: url(../../images/galaxy-bg.jpg);
	background-size: 100%;
}
#phantom:hover {
	border: 1px solid rgba(255,255,255,0.5);
}
#wfxs {
	background: url(../../images/wfxs.jpg);
}
#wfxs:hover {
	border: 1px solid rgba(255,255,255,0.5);
}
#nikzane-media {
	background: url(../../images/nikzane-media.jpg);
}
#nikzane-media:hover {
	border: 1px solid rgba(255,255,255,0.5);
}
#wordpress {
	background: url(../../images/wp-bg.jpg);
}
#wordpress:hover {
	border: 1px solid rgba(255,255,255,0.5);
}
#work hr {
	opacity: 0.25;
}
.coming-soon {
	cursor: cell;
}
.old span {
	font-size: 85%;
}
.small-font {
	font-size: 120%;
}
.smaller-font {
	font-size: 80%;
}
.tooltip {
	font-weight: bold;
	color: #CCC!important;
	cursor: help!important;
	border-bottom: 1px dotted rgba(255,255,255,0.25)!important;
	background: rgba(255,255,255,0.05);
	padding: 0 0.5em;
}
.tooltip:hover {
	background: rgba(255,255,255,0.15);
}
h2.price {
	display: block;
	width: 100%!important;
	text-align: center;
	padding: 0.5em;

	background: rgba(0,0,0,0.25);
	border: 1px solid #FFF;	
	
	border-radius: 0.5em;
	cursor: default;
	float: left;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
	transition: 0.25s ease-in-out;
}
h2.price:hover {
	color: rgba(0,0,0,0.75);
	background: rgba(255,255,255,0.75);
}
/* ########### CUSTOM NZM ################## */

#services p {
/* 	color: red!important; */
	cursor: default;
}
.custom-hr {
	display: block;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin: 2.0em 0;
}
.link {
	cursor: pointer!important;
}
.contact-box-facebook:hover {
	color: #FFF!important;
	background: #3b5998!important;
}
.contact-box-linkedin:hover {
	color: #FFF!important;
	background: #4875B4!important;
}
.flickr:hover, .fa-flickr:hover {
	color: #ff0084!important;
}
.instagram:hover, .fa-instagram:hover {
	color:  #517fa4!important;	
}
.google-plus-square:hover, .fa-google-plus-square:hover {
	color:  #dc4e41!important;
}
.tumblr-square:hover, .fa-tumblr-square:hover {
	color:  #35465c!important;
}
.twitter-square:hover, .fa-twitter-square:hover {
	color:  #55acee!important;
}
.vimeo:hover, .fa-vimeo:hover {
	color:  #1ab7ae!important;
}
.youtube:hover, .fa-youtube:hover {
	color:  #b31217!important;
}
.check-square {
	color: rgba(255,255,255,0.5);
}
.fa-check-square:hover {
	color: rgba(255,255,255,1);
}
#form input {
	margin: 1.0em 0!important;
}
.icon, .close {
  -webkit-transform: rotate(0deg)!important;
          transform: rotate(0deg)!important;
		  transition: all 0.5s ease-in-out 0s;
}
.icon:hover {
  -webkit-transform: rotate(45deg)!important;
          transform: rotate(45deg)!important;
		  transition: all 0.5s ease-in-out 0s;
}
.spin-once {
  -webkit-transform: rotate(0deg)!important;
          transform: rotate(0deg)!important;
		  transition: all 0.5s ease-in-out 0s;
		  transition-timing-function: ease-in-out;
}
.spin {
  -webkit-transform: rotate(0deg)!important;
          transform: rotate(0deg)!important;
		  transition: all 0.5s ease-in-out 0s;
		  transition-timing-function: ease-in-out;
}
.spin:hover {
  -webkit-transform: rotate(360deg)!important;
          transform: rotate(360deg)!important;
		  transition: all 0.5s ease-in-out 0s;
}
.spin-reverse {
  -webkit-transform: rotate(0deg)!important;
          transform: rotate(0deg)!important;
		  transition: all 0.5s ease-in-out 0s;
}
.spin-reverse:hover {
  -webkit-transform: rotate(-360deg)!important;
          transform: rotate(-360deg)!important;
		  transition: all 0.5s ease-in-out 0s;
}
.spin-half:hover {
  -webkit-transform: rotate(180deg)!important;
          transform: rotate(180deg)!important;
		  transition: all 0.5s ease-in-out 0s;
}
.spin-quarter:hover {
  -webkit-transform: rotate(90deg)!important;
          transform: rotate(90deg)!important;
		  transition: all 0.5s ease-in-out 0s;
}
.spin-quarter-demo {
		-webkit-transform: scale(2)!important;
		-ms-transform: scale(2)!important;
		transform: scale(2)!important;
  -webkit-transform: rotate(0deg)!important;
          transform: rotate(0deg)!important;
		  transition: all 0.75s ease-in-out 1.0s;
		  transition-timing-function: ease-in-out;
}
.spin-quarter-demo:hover {
		-webkit-transform: scale(2)!important;
		-ms-transform: scale(2)!important;
		transform: scale(2)!important;
  -webkit-transform: rotate(270deg)!important;
          transform: rotate(270deg)!important;
		  transition: all 0.75s ease-in-out 1.0s;
		  transition-timing-function: ease-in-out;
		  cursor: default;
}
.delay {
	transition-delay: 1s;
}
.delay:hover {
	transition-delay: 0.25s;
}
#header .logo {
  -webkit-transform: rotate(360deg)!important;
          transform: rotate(360deg)!important;
		  transition: all 0.5s ease-in-out 0s;
/* 		  cursor: none; */
	}
#header .logo:hover {
  -webkit-transform: rotate(360deg)!important;
          transform: rotate(360deg)!important;
		  transition: all 0.5s ease-in-out 0s!important;
		  background: rgba(255,255,255,0.1)!important;
}
.mini-button {
	border: 1px solid rgba(255,255,255,0.25);
	padding: 0.25em 1.0em;
	text-align: center;
	border-radius: 3px;
}
.mini-button:hover {
	border: 1px solid rgba(255,255,255,0.5);
	background: rgba(255,255,255,0.15);
}
.icon-au {
	display: inline-block!important;
	background-image: url(../../images/au-bw-icon.gif)!important;
	width: 30px;
	height: 15px;
	background-size: 30px 15px;
	border: 1px solid rgba(255,255,255,0.5);
	margin-right: 0.25em;
}
.icon-wh-au {
	background-image: url(../../images/au-wh-icon.gif)!important;
}
.icon-bl-au {
	background-image: url(../../images/au-bl-icon.gif)!important;
}
.icon-blu-au {
	background-image: url(../../images/au-blu-icon.gif)!important;
}
.icon-blu-au:hover {
	background-image: url(../../images/au-blu-icon.gif)!important;
}
.icon-op {
	opacity: 0.5!important;
}
.fa-facebook-square {
	font-size: 1.2em;
}

/* *** CUSTOM FONT *** */

@font-face {
    font-family: 'azidhorregular';
    src: url('assets/fonts/azidhor-webfont.woff2') format('woff2'),
         url('assets/fonts/azidhor-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.sub-header {
	display: block;
	text-align: center;
	border: 1px solid rgba(25,125,225,0.75);
	border-radius: 3px;
	padding: 0.5em;
	background: rgba(25,125,225,0.1);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	cursor: default;
}
.div-header {
	margin: 0!important;
}
.note-header {
	display: block;
	text-align: center;
	border: 1px solid rgba(25,125,225,0.75);
	border-radius: 3px;
	padding: 0.5em;
	background: rgba(136,189,81,0.5)!important;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	cursor: default;
}
.div-note {
	display: block;
	background: rgba(136,189,81,0.25)!important;
	margin-bottom: 1.0em;
}
.product {
	cursor: default;
	padding: 1.0em;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 5em;
	color: #FFF;
	text-align: center;
}
.product:hover {
}
.fa-facebook-square, .fa-linkedin-square, .fas fa-eye {
	font-size: 2.0em!important;
}
.fa-envelope {
	color: rgba(255,255,255,0.5);
}
.fa-envelope:hover {
	color: green;
}
.facebook-square:hover, .fa-facebook-square:hover {
	color: #3b5998;	
}
.linkedin-square:hover, .fa-linkedin-square:hover {
	color: #0077B5;	
}
.fa-eye {
	font-size: 200%;
}
.fa-eye:hover {
	color: violet;	
}
.fa-smile-wink:hover {
/*
    background: violet;
    background: -webkit-linear-gradient(45deg, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(45deg, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(45deg, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(45deg, orange , yellow, green, cyan, blue, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
*/
}
.dribbble-square:hover, .fa-dribbble-square:hover {
	color: #ea4c89;
}
.validator-tick:hover, .fa-check-square:hover {
	color: #33cc00!important;
}
.paypal-button {
	opacity: 0.5;
	display: inline-block;
	background: url(../../images/paypal-button-alt.png);
	width: 155px!important;
	height: 30px!important;
	background-size: 155px 30px!important;
	background-repeat: no-repeat;
	background-position: center center;
/* 	padding: 2.0em; */
	right: 0;
	transition: ease-in-out 0.25s;
}
.paypal-button:hover {
	opacity: 1;
	background: url(../../images/paypal-button.png);
	width: 155px!important;
	height: 30px!important;
	background-size: 155px 30px!important;
	background-repeat: no-repeat;
	background-position: center center;
/* 	padding: 2.0em; */
	right: 0;
}
.question {
	cursor: help;
}
.social {
	font-size: 1.2em;
	padding: 0.25em;
	margin: 0 0.5em;
}

.hvr-underline-from-center {
	position: relative;
	bottom: 2px;
}
.custom-social {
	padding: 0.3em 0.4em 0 0.4em;
	border-radius: 0.3em;
}
.custom-social-black:hover {
	background: #000!important;
}
.custom-social-black:active {
	background: #FFF!important;
}
.custom-social-white:hover {
	background: #FFF!important;
}
.custom-social-white:active {
	background: #000!important;
}
.custom-social-white:hover {
	/* 	background: rgba(255,255,255,1)!important; */
	background: #FFF!important;
}

/* ###### SOCIAL LINKS TOGGLE ###### */

.hide {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.this-will-not-be-read {
  display: none !important;
}
#links {
	cursor: pointer;
	font-size: 0.8em;
	border: 1px solid #FFF;
	padding: 0.5em;
	border-radius: 50px;
	padding: 0.5em 1.2em;
}
#links:hover {
	background: rgba(0,0,0,0.5);
}
.shadow {
   -moz-box-shadow:    inset 0 1.5em 2.5em rgba(0,0,0,0.25), inset 0 0.5em 0.5em rgba(0,0,0,0.5);
   -webkit-box-shadow: inset 0 1.5em 2.5em rgba(0,0,0,0.25), inset 0 0.5em 0.5em rgba(0,0,0,0.5);
   box-shadow:         inset 0 1.5em 2.5em rgba(0,0,0,0.25), inset 0 0.5em 0.5em rgba(0,0,0,0.5);
}
#socialLinks {
	display: none;
	border: 1px solid rgba(255,255,255,0.25);
	margin-top: 5px;
	padding: 1.0em;
	background: rgba(0,0,0,0.5);
	border-radius: 100px;
}
.fa-phone, .fa-email {
	color: rgba(0,0,0,0.5);
	background: rgba(255,255,255,0.5);
	padding: 0.5em;
	border-radius: 0.25em;
}
.fa-phone:hover, .fa-email:hover {
	color: #FFF;
	background: green;
}
#phone-link {
	display: block;
	font-size: 2.0em;
	text-align: center!important;
	border-radius: 0.25em;
	margin-top: 1.0em;
	padding: 1.0em;
	border: 1px solid rgba(20,100,0,0.5);
	border-radius: 0.25em;
	letter-spacing: 0.25em;
	background: rgba(20,100,0,0.25);
}
#email-link {
	display: block;
	font-size: 2.0em;
	text-align: center!important;
	border-radius: 0.25em;
	margin-top: 1.0em;
	padding: 1.0em;
	border: 1px solid rgba(20,100,0,0.5);
	border-radius: 0.25em;
	letter-spacing: 0.25em;
	background: rgba(20,100,0,0.25);
/*
	display: block;
	font-size: 2.0em;
	background: rgba(255,255,255,0.05)!important;
	border: 1px solid rgba(255,255,255,0.1)!important;
	padding: 1.0em;
	padding-top: 2.0em;
	border-radius: 0.5em;
	text-align: center;
	margin-top: 1.0em;
*/
}
.links-title {
	display: block;
	color: rgba(255,255,255,0.5);
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.25em;
	margin-bottom: 1.0em;
	letter-spacing: 0.25em;
}
.fa-facebook, .fa-linkedin, .fa-check-square, .fas fa-eye {
	font-size: 100%;
}
.service.product {
	background-color: purple!important;
}
.service {
	display: block!important;
	background: rgba(255,255,255,0.05);
	padding: 1.0em;
	border: 1px solid rgba(255,255,255,0.25);
	margin-bottom: 1.0em;
	box-shadow: inset 0px 3px 5px rgba(0,0,0,0.25)!important;
}
.service-button {
	display: block;
	text-align: center;
}
.service li {
	padding: 1.0em;
	margin-bottom: 1.0em;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.5);
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,45484d+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(69,72,77,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(69,72,77,0.5) 0%,rgba(69,72,77,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(69,72,77,0.5) 0%,rgba(69,72,77,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#8045484d',GradientType=0 ); /* IE6-9 */
}
.note {
	border: 1px solid rgba(255,255,255,0.1);
	padding: 1.0em;
	background: rgba(255,255,255, 0.05);
}
.mini-note {
	float: right;
	font-size: 0.6em!important;
	border: 1px solid rgba(255,255,255,0.1);
	margin-top: -1.0em;
	padding: 0.5em;
	background: rgba(255,255,255, 0.05);
	border-radius: 0.3em;
}
.product-keypoints {
	margin-bottom: 1.0em;
}
.product-keypoints li {
	font-size: 75%;
	display: inline-block;
	text-align: center;
	padding: 0 1.0em!important;
	margin-bottom: 1px;
	background: rgba(255,255,255,0.05);
	cursor: default;
	line-height: 2.5em!important;
	border: 1px solid #777;
	transition: 0.25s ease-in-out;
	border-radius: 3px;
}
.product-keypoints li:hover {
	color: rgba(0,0,0,0.75);
	background: rgba(255,255,255,0.75);
}
.product-keypoints span:hover {
/* 	background: rgba(255,255,255,0.1); */
/* 	box-shadow: 0em 0.2em 0.25em rgba(0,0,0,0.25); */
}
.service ul li small {
	font-family: Cabin;
	font-size: small;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	margin-left: 0.25em;
	color: rgba(255,255,255,0.5);
}
/* ********************************************** */
/* *** STYLE EACH PRODUCT KEY POINT (up to 5) *** */
/* ********************************************** */
.product-keypoints span:nth-child(1) {

}
.product-keypoints span:nth-child(1):hover {

}
.product-keypoints span:nth-child(2) {

}
.product-keypoints span:nth-child(2):hover {

}
.product-keypoints span:nth-child(3) {
	
}
.product-keypoints span:nth-child(3):hover {
	
}
.product-keypoints span:nth-child(4) {
	
}
.product-keypoints span:nth-child(4):hover {
	
}
.product-keypoints span:nth-child(5) {
	
}
.product-keypoints span:nth-child(5):hover {
	
}
.title {
	border-bottom: 1px dotted rgba(255,255,255,0.5);
	cursor: help;
}



/*  ########## TEMPORARY!!! #########  */
.grid-item {
	display: inline-block;
/* 	float: left; */
}
.grid-item-w { width: 160px; }
.grid-item-h { height: 120px; }

.major-group {
/* 	padding: 2.0em; */
	border: 1px solid rgba(255,255,255,0.25);
	margin-bottom: 1.0em;
}
.social-more {
	display: none!important;
}
.social-more ul {
}
.social-more ul li {
}
#contact h5 {
	display: block;
	text-align: center;
}
#contact .icons {
	display: block;
	text-align: center;

}
#send-message {
	display: block;
	text-align: center;
}
.enquire {
	display: block;
}
#call-today {
	background: rgba(255,255,255,0.05)!important;
	border: 1px solid rgba(255,255,255,0.1)!important;
	padding: 1.0em;
	border-radius: 0.5em;
	text-align: center;
	font-style: italic;
}
::selection {
	color: #000;
	background: rgba(30, 130, 76, 0.5);
}
::-moz-selection {
	color: #000;
	background: rgba(30, 130, 76, 0.5);
}
#main-logo-text {
	display: block;
	background: url(../../images/nikxero-text-white-md.png);
	width: 600px;
	height: 122px;
	background-size: 600px 122px;
	margin: auto;
	margin-bottom: 2.0em;
}
@media screen and (max-width: 1680px) {

	#main-logo-text {
		width: 500px;
		height: 101px;
		background-size: 500px 101px;
	}
	.grid-item-w, .grid-item-h {
		font-size: 1.1em;
	}
	.grid-item-w { width: 200px; }
	.grid-item-h { height: 180px; }
	#astor-icon {
		width: 100px;
		height: 100px;
		background-size: 80px 80px;
	}
	.nx-icon-lg {
		display: inline-block;
		width: 256px;
		height: 256px;
		background-size: 256px 256px;
		background-repeat: no-repeat;
	}
}

@media screen and (max-width: 736px) {

	#main-logo-text {
		width: 400px;
		height: 81px;
		background-size: 400px 81px;
	}
	.grid-item-w, .grid-item-h {
		font-size: 1.0em;
	}
	.grid-item-w { width: 140px; }
	.grid-item-h { height: 150px; }
	.nx-icon-lg {
		display: inline-block;
		width: 196px;
		height: 196px;
		background-size: 196px 196px;
		background-repeat: no-repeat;
	}
	#astor-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#latent-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#cogent-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#rockart-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#securoty-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#darklogix-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#daisys-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#gavanbright-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#storia-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#plantpresents-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#casanara-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	#juliebennet-icon {
		width: 80px;
		height: 80px;
		background-size: 70px 70px;
	}
	
	#tag-line {
		font-size: 0.9em;
	}

}

@media screen and (max-width: 480px) {

	#main-logo-text {
		width: 300px;
		height: 61px;
		background-size: 300px 61px;
	}
	.grid-item-w, .grid-item-h {
		font-size: 0.9em;
	}
	.grid-item-w { width: 120px; }
	.grid-item-h { height: 140px; }

	#tag-line {
		font-size: 0.6em;
	}
	.nx-icon-lg {
		display: inline-block;
		width: 128px;
		height: 128px;
		background-size: 128px 128px;
		background-repeat: no-repeat;
	}
}
#portfolio {

}
#portfolio-grid {
	text-align: center;
}
#portfolio-grid div {
	display: inline-block;
}
#development-grid {
	text-align: center;
}
#development-grid div {
	display: inline-block;
}
.hvr-underline-from-center {
	margin-bottom: -2px!important;
}
.cursor-right-arrow {
	cursor: e-resize!important;
}
.cursor-up-right-arrow {
	cursor: ne-resize!important;
}
.cursor {
    width: 12px;
    height: 12px;
	cursor: url(../../favicon.ico)!important;
}



#insta {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
          background-clip: text;
  -webkit-text-fill-color: transparent;
  
  font-size: 200px; /* change this to change the size*/
  
}
#direct-contact {
	display: block;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 1.0em;
}
#direct-contact .details {
	font-size: 2.0em;
	margin: 0 1.0em;
	margin-bottom: 1.0em!important;
	background: rgba(255,255,255,0.1);
	padding: 0.25em 0.5em;
	border-radius: 0.25em;
}
#direct-contact .details:hover {
	background: rgba(255,255,255,0.2);
	text-decoration: none;
}
.contact-box {
	background: rgba(255,255,255,0.1);
	padding: 0.1em 0.5em 0.25em 0.5em;
	border-radius: 0.1em;
}
.contact-box:hover {
	background: rgba(255,255,255,0.2);
}
article p {
	cursor: default;
}
form select {
	margin-bottom: 1.0em;
}
.examples {
	display: inline-block;
	margin: 1.0em;
	width: 200px;
	height: 267px;
	background-size: 200px 267px;
}
#mrbean {
	background-image: url(../../images/photos/RowanAtkinson.jpg);
}
#mrbean-depth {
	background-image: url(../../images/photos/RowanAtkinson_depth.jpg);
}
#stormtrooper {
	background-image: url(../../images/photos/stormtrooper-lores.jpg);
}
#stormtrooper-depth {
	background-image: url(../../images/photos/stormtrooper-lores_depth.jpg);
}
#ninahagen {
	background-image: url(../../images/photos/NinaHagen-medium.jpg);
}
#ninahagen-depth {
	background-image: url(../../images/photos/NinaHagen-medium_depth.jpg);
}
.nina {
	width: 200px!important;
	height: 120px!important;
	background-size: 200px 120px!important;
}
.mrbean {
	width: 450px;
	height: 600px;
	background-size: 450px 600px;
}
.example > span + span {

}
span.example span {
	color: #000;
	padding: 0.5em;
	background-color: rgba(255,255,255,0.5);
}
.group {
	padding: 0.5em;
	background: rgba(255,255,255,0.1);
	border-radius: 0.25em;
}
#final-word {
	display: block!important;
	padding: 1.0em;
	background: rgba(255,255,255,0.1);
	border-radius: 0.5em;
}
.button-example {
	padding: 0.25em 0.5em;
	border: 1px dotted rgba(255,255,255,0.25);
	border-radius: 0.15em;
	background: rgba(255,255,255,0.05);
	font-style: italic;
}
.button-example:hover {
	background: rgba(255,255,255,0.1);
	border: 1px dotted rgba(255,255,255,0.25);
}
.fun:hover {
    background: violet;
    background: -webkit-linear-gradient(45deg, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(45deg, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(45deg, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(45deg, orange , yellow, green, cyan, blue, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#3D a::after {
	content: '3D';
}
#hitcounter {
	display: none!important;
	display: transparent!important;
}
.highlight {
	font-style: italic;
	color: #8cf873!important;
	border: 1px dotted rgba(94,231,143,0.25);
	border-radius: 3px;
	background: rgba(94,231,143,0.15);
	padding: 0.25em 0.5em;
}
.highlight:hover {
	color: #8cf873!important;
	border: 1px dotted rgba(94,231,143,0.5);
	background: rgba(94,231,143,0.25);
}
.spacer {
	display: block;
	padding: 1.0em 0;
}
.small-note {
	display: block;
	font-size: 75%;
	text-align: center;
	font-style: italic;
}
/* ###################### */
/*  ##### PREVIEWS #####  */
/* ###################### */

#adept-dark {
	display: block;
	background-image: url(../../images/adept-logo-lg-dark.png);
	background-size: 400px 400px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
}
#adept-light {
	display: block;
	background-image: url(../../images/adept-logo-lg-light.png);
	background-size: 400px 400px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
}
@media screen and (max-width: 1680px) {
	#adept-dark {
		display: block;
		background-image: url(../../images/adept-logo-lg-dark.png);
		background-size: 400px 400px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 400px;
	}
	#adept-light {
		display: block;
		background-image: url(../../images/adept-logo-lg-light.png);
		background-size: 400px 400px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 400px;
	}
}
@media screen and (max-width: 1280px) {
	#adept-dark {
		display: block;
		background-image: url(../../images/adept-logo-lg-dark.png);
		background-size: 300px 300px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 300px;
	}
	#adept-light {
		display: block;
		background-image: url(../../images/adept-logo-lg-light.png);
		background-size: 300px 300px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 300px;
	}
}
@media screen and (max-width: 736px) {
	#adept-dark {
		display: block;
		background-image: url(../../images/adept-logo-lg-dark.png);
		background-size: 200px 200px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 200px;
	}
	#adept-light {
		display: block;
		background-image: url(../../images/adept-logo-lg-light.png);
		background-size: 200px 200px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 200px;
	}
}
@media screen and (max-width: 360px) {
	#adept-dark {
		display: block;
		background-image: url(../../images/adept-logo-lg-dark.png);
		background-size: 100px 100px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100px;
	}
	#adept-light {
		display: block;
		background-image: url(../../images/adept-logo-lg-light.png);
		background-size: 100px 100px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100px;
	}
}
.center-contents {
	display: block;
	text-align: center;
	margin: 1.0em;
}
input, textarea, select {
	color: #FFF!important;
	background: rgba(0,0,0,0.5)!important;
}
input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover, select:focus, select:hover {
	color: #FFF!important;
	background: rgba(0,0,0,0.9)!important;
}
ul.icons {
	margin-top: 1.0em;
}
.ext-soundcloud {
	display: block;
	background: #ff7700!important;
}
.soundcloud-link iframe {
	width: 100%;
}
#header .content, #header nav {
	background: rgba(0,0,0,0.5);
}
.fa-soundcloud:hover {
	background: #FF7700!important;
}

.alert-success {
	background: rgba(0,227,54,1);
}
.grecaptcha-badge {
/* 	display: none!important; */
	position: fixed!important;
	bottom: 20!important;
	right: 0!important;
}