.c-hamburger
{
	visibility : hidden;
}

.c-hamburger
{
	/*
  margin: 15px 0 0 0;
  width: 70px;
  height: 70px;
	right: calc(10% - 41px);
	right: -webkit-calc(10% - 41px);
	*/

	position: absolute;
	right: 5%;

  display: block;
  overflow: hidden;
  margin: 5px 0;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;

  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.c-hamburger:focus
{
  outline: none;
}

.c-hamburger span
{
  display: block;
  position: absolute;
  top: 44px;
  left: 18px;
  right: 18px;
  height: 8px;
  background: white;

  height: 3px;
  top: 21px;
  left: 9px;
  right: 9px;
}

.c-hamburger span::before,
.c-hamburger span::after
{
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #fff;
  content: "";

  height: 3px;
}

.c-hamburger span::before
{
	/*
  top: -20px;
	*/

  top: -9px;
}

.c-hamburger span::after
{
	/*
  bottom: -20px;
	*/

  bottom: -9px;
}

.c-hamburger--htx
{
  background-color: transparent;

	border: 3px solid white;
	border-radius: 50px;
}

.c-hamburger--htx span
{
  -webkit-transition: background 0s 0.3s;
  -moz-transition: background 0s 0.3s;
  -o-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after
{
  -webkit-transition-duration: 0.3s, 0.3s;
  -moz-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;

  -webkit-transition-delay: 0.3s, 0s;
  -moz-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before
{
  -webkit-transition-property: top, transform;
  -moz-transition-property: top, transform;
  -o-transition-property: top, transform;
  transition-property: top, transform;
}

.c-hamburger--htx span::after
{
  -webkit-transition-property: bottom, transform;
  -moz-transition-property: bottom, transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active
{
  background-color: transparent;
}

.c-hamburger--htx.is-active span
{
  background: none;
}

.c-hamburger--htx.is-active span::before
{
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after
{
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after
{
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition-delay: 0s, 0.3s;
  -o-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}

/** nav **/

.header-alt-menu
{
 	visibility: hidden;
	position: fixed;
	top: 100px;
	background-color: #000;
	height: 100%;
	width: 100%;
	z-index: 1000;

	overflow: hidden;
}

.alt-menu-item
{
	font-family: issimFont;
	width: 100%;
	text-align: center;
	font-size: 2em;
	padding-top: 1em;
}

.alt-menu-item a
{
	text-decoration: none;
	color: #fff;
}

.alt-menu-item a:hover
{
}

/* animation */
.header-alt-menu.dl-animate-out-1
{
	animation: MenuAnimOut1 0.4s linear forwards;
}

@keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		-moz-transform: translateZ(-250px) rotateY(30deg);
		-o-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		-o-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		-moz-transform: translateZ(-500px) rotateY(0deg);
		-o-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;
	}
}

.header-alt-menu.dl-animate-in-1 {
	animation: MenuAnimIn1 0.3s linear forwards;
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		-moz-transform: translateZ(-500px) rotateY(0deg);
		-o-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		-moz-transform: translateZ(-250px) rotateY(30deg);
		-o-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		-moz-transform: translateZ(0px) rotateY(0deg);
		-o-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);

		opacity: 1;
	}
}

@media (max-width: 1000px)
{
	.c-hamburger
	{
		visibility: visible;
	}

	.header-nav
	{
		visibility: hidden;
		display: none;
	}

	.header-alt-menu
	{
		visibility: hidden;
	}
}

@media (max-width: 640px)
{
	.wrapper-contact
	{
		text-align: center;
	}

	.s-about,
	.s-work,
	.s-contact
	{
		padding-top: 96px;
	}

	.s-contact
	{
		 background-attachment: scroll;
	}

	.s-home-text
	{
		font-size: 1.6em;
	}

	.s-home-text-big
	{
		font-size: 1.6em;
		margin: 0;
		margin-bottom: -7px;
	}

	#header
	{
		background-color: #000;
		top: 0;
	}

	.header-alt-menu
	{
		top: 60px;
	}
}

/* vim: set ts=2 sw=2 smarttab: */