/************************************************** Hamburger ***************************************************/
 
.hamburger{z-index:99999;}

.hamburger:hover {
opacity: 0.7; }

.hamburger-box {
  width: 5vw;
  height: 2.5vw;
  display: inline-block;
  position: relative;
  }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 5vw;height: 0.4vw;background-color: #000;border-radius: 1vw;position: absolute;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }

.hamburger--squeeze .hamburger-inner {
transition-duration: 0.1s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before {
transition: top 0.1s 0.14s ease, opacity 0.1s ease; }

.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease, opacity 0.1s 0.14s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }




/****************************************** Animations ************************************************/


@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
       -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
         -o-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(180deg);
       -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
         -o-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
       -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
         -o-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(180deg);
       -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
         -o-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
  }
}
	


@keyframes colorchange
{
    0% {
        background-color: rgb(239, 239, 239);
    }
    100% {
        background-color: rgb(255, 255, 255);
    }
}
@-webkit-keyframes colorchange
{
    0% {
        background-color: rgb(239, 239, 239);
    }
    100% {
        background-color: rgb(255, 255, 255);
    }
}
@keyframes colorchangeback
{
    0% {
        background-color: rgb(255, 255, 255);

    }
    100% {
        background-color: rgb(239, 239, 239);
    }
}
@-webkit-keyframes colorchangeback
{
    0% {
        background-color: rgb(255, 255, 255);

    }
    100% {
        background-color: rgb(239, 239, 239);
    }
}
@media (min-width: 966px) {

	@keyframes growchange
	{
		0% {
			padding-bottom: 0px;
		}
		100% {
			padding-bottom: 9.4vw;
		}
	}
	@-webkit-keyframes growchange
	{
		0% {
			padding-bottom: 0px;
		}
		100% {
			padding-bottom: 9.4vw;
		}
	}
	@keyframes closechange
	{
		0% {
			padding-bottom: 9.4vw;
		}
		100% {
			padding-bottom: 0.8vw !important;
		}
	}
	@-webkit-keyframes closechange
	{
		0% {
			padding-bottom: 9.4vw;
		}
		100% {
			padding-bottom: 0.8vw !important;
		}
	}
}
@media (min-width: 1280px) {

	@keyframes growchange
	{
		0% {
			padding-bottom: 0px;
		}
		100% {
			padding-bottom: 120px;
		}
	}
	@-webkit-keyframes growchange
	{
		0% {
			padding-bottom: 0px;
		}
		100% {
			padding-bottom: 120px;
		}
	}
	@keyframes closechange
	{
		0% {
			padding-bottom: 120px;
		}
		100% {
			padding-bottom: 0.8vw !important;
		}
	}
	@-webkit-keyframes closechange
	{
		0% {
			padding-bottom: 120px;
		}
		100% {
			padding-bottom: 0.8vw !important;
		}
	}
}
@keyframes menuon
{
    0% {
        opacity: 0;
    }
    75% {
        opacity: .9;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes menuon
{
    0% {
        opacity: 0;
    }
    75% {
        opacity: .9;
    }
    100% {
        opacity: 1;
    }
}
@keyframes minilogogrow
{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes minilogogrow
{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}