/* ==========================================================================
   7. Animsition preloader
   ========================================================================== */
.black{
  background:black;
  width: 100%;
  height: 3000px;
  position: absolute;
  z-index:300;
}
.preloader {
	overflow: hidden;
}

.preloader.js-page-in {
	overflow: visible;
	overflow-x: hidden;
}

.js-animsition-overlay {
	overflow: hidden;
	position: relative;
	z-index: 2;
	opacity: 1;
}

.js-animsition-overlay-slide {
	background-color: transparent;
}


/* 7.1. Preloader in/out
   ========================================================================== */

.preloader:before,
.preloader:after {
	content: '';
	width:  100%;
	height: 100%;
	position: fixed;
	left: 0;
	top:  0;
	z-index: 99;
	pointer-events: none;
	background-color: #111517;
}

.preloader:before {
	-webkit-transform-origin: bottom;
	    -ms-transform-origin: bottom;
	        transform-origin: bottom;
	-webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);
	     -o-transition: 1s cubic-bezier(.858, .01, .068, .99);
	        transition: 1s cubic-bezier(.858, .01, .068, .99);
}

.preloader:after {
	opacity: 0;
	-webkit-transition: 1s cubic-bezier(.76, .06, .85, .07);
	     -o-transition: 1s cubic-bezier(.76, .06, .85, .07);
	        transition: 1s cubic-bezier(.76, .06, .85, .07);
	-webkit-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
}

.dark-nav.preloader:after {
	z-index: 8;
}

.js-nav-active.preloader:after {
	-webkit-transition: .5s cubic-bezier(.76, .06, .85, .07);
	     -o-transition: .5s cubic-bezier(.76, .06, .85, .07);
	        transition: .5s cubic-bezier(.76, .06, .85, .07);
	-webkit-transition-delay: 1s;
	     -o-transition-delay: 1s;
	        transition-delay: 1s;
}

.js-page-in.preloader:before {
	-webkit-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	        transform: scaleY(0);
}

.js-page-out.preloader:after {
	opacity: 1;
}


/* 7.2. Preloader loading logo box
   ========================================================================== */

.preloader__logoload-box {
	width:  100px;
	height: 100px;
	position: fixed;
	left: calc(50% - 50px);
	top:  calc(50% - 50px);
	z-index: 999;
	pointer-events: none;
	-webkit-transition: .5s cubic-bezier(.76, .06, .85, .07);
	     -o-transition: .5s cubic-bezier(.76, .06, .85, .07);
	        transition: .5s cubic-bezier(.76, .06, .85, .07);
}

.js-page-in .preloader__logoload-box {
	opacity: 0;
}

body.js-page-in.js-page-out .preloader__logoload-box {
	opacity: 1;
	-webkit-transition: .3s cubic-bezier(.76, .06, .85, .07);
	     -o-transition: .3s cubic-bezier(.76, .06, .85, .07);
	        transition: .3s cubic-bezier(.76, .06, .85, .07);
	-webkit-transition-delay: 1.2s;
	     -o-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}

body.js-nav-active.js-page-in.js-page-out .preloader__logoload-box {
	-webkit-transition: .25s cubic-bezier(.76, .06, .85, .07);
	     -o-transition: .25s cubic-bezier(.76, .06, .85, .07);
	        transition: .25s cubic-bezier(.76, .06, .85, .07);
	-webkit-transition-delay: 1.25s;
	     -o-transition-delay: 1.25s;
	        transition-delay: 1.25s;
}

.preloader__logo {
	width: 100%;
	max-width: 65px;
	position: absolute;
	left: 50%;
	top:  50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/* Vertical logo */
.preloader__logo.vertical {
	width: auto;
	height: 100%;
	max-width: none;
	max-height: 65px;
}


/* 7.3. Preloader pulse animation
   ========================================================================== */

.preloader__pulse {
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
	border-radius: 50%;
	border: 1px solid rgba(250, 250, 250, .2);
}

.preloader__pulse:before,
.preloader__pulse:after {
	content: '';
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
	opacity: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
	        box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
	background-color: rgba(250, 250, 250, .3);
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
	        animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
}

.preloader__pulse:after {
	-webkit-animation-duration: 3s;
	        animation-duration: 3s;
	-webkit-animation-delay: .15s;
	        animation-delay: .15s;
}

.js-page-out .preloader__pulse:before,
.js-page-out .preloader__pulse:after {
	-webkit-animation: none;
	        animation: none;
}

@-webkit-keyframes pulse-anim {

	0% {
		opacity: 1;
		-webkit-transform: scale(.5);
		        transform: scale(.5);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

}

@keyframes pulse-anim {

	0% {
		opacity: 1;
		-webkit-transform: scale(.5);
		        transform: scale(.5);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

}





/* ==========================================================================
   8. Custom mouse cursor
   ========================================================================== */

.pointer {
	display: none;
}

.cursor-anim-enable * {
	cursor: none !important;
}

.cursor-anim-enable .pointer {
	display: block;
}

.js-touch .cursor-anim-enable .pointer {
	display: none;
}

.pointer {
	overflow: hidden;
	width:  30px;
	height: 30px;
	position: fixed;
	left: -100px;
	top: 50%;
	z-index: 9999;
	border: 2px solid var(--main-color);
	border-radius: 50%;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition-property: border, background, -webkit-transform, -webkit-box-shadow;
	        transition-property: border, background, -webkit-transform, -webkit-box-shadow;
	     -o-transition-property: border, background, transform, box-shadow;
	        transition-property: border, background, transform, box-shadow;
	        transition-property: border, background, transform, box-shadow, -webkit-transform, -webkit-box-shadow;
	-webkit-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.19, .94, .336, 1);
	     -o-transition-timing-function: cubic-bezier(.19, .94, .336, 1);
	        transition-timing-function: cubic-bezier(.19, .94, .336, 1);
}

body.js-page-out .pointer {
	-webkit-transform: translate(-50%, -50%) scale(0);
	    -ms-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
}

.js-pointer.js-black {
	border: 2px solid #000;
}

.js-pointer.js-large {
	-webkit-box-shadow: 0 0 12px var(--main-color);
	        box-shadow: 0 0 12px var(--main-color);
	border: none;
	-webkit-transform: translate(-50%, -50%) scale(2.5);
	    -ms-transform: translate(-50%, -50%) scale(2.5);
	        transform: translate(-50%, -50%) scale(2.5);
}

.js-pointer.js-large.js-black {
	-webkit-box-shadow: 0 0 12px #000;
	        box-shadow: 0 0 12px #000;
}

.js-pointer.js-small {
	-webkit-box-shadow: 0 0 30px var(--main-color);
	        box-shadow: 0 0 30px var(--main-color);
	-webkit-transform: translate(-50%, -50%) scale(.5);
	    -ms-transform: translate(-50%, -50%) scale(.5);
	        transform: translate(-50%, -50%) scale(.5);
}

.js-pointer.js-small.js-black {
	-webkit-box-shadow: 0 0 30px #000;
	        box-shadow: 0 0 30px #000;
}

.js-pointer.js-right,
.js-pointer.js-zoom,
.js-pointer.js-open {
	-webkit-box-shadow: 0 0 5px var(--main-color);
	        box-shadow: 0 0 5px var(--main-color);
	border: none;
	-webkit-transform: translate(-50%, -50%) scale(2.5);
	    -ms-transform: translate(-50%, -50%) scale(2.5);
	        transform: translate(-50%, -50%) scale(2.5);
}

.js-pointer.js-right.js-black,
.js-pointer.js-zoom.js-black,
.js-pointer.js-open.js-black {
	-webkit-box-shadow: 0 0 5px #000;
	        box-shadow: 0 0 5px #000;
	background-color: rgba(0, 0, 0, .1);
}

.pointer__inner {
	position: absolute;
	left: 50%;
	top:  50%;
	opacity: 0;
	font-size: 10px;
	color: var(--main-color);
	-webkit-transform: translate(-100%, -50%);
	    -ms-transform: translate(-100%, -50%);
	        transform: translate(-100%, -50%);
	-webkit-transition: .4s cubic-bezier(.17, .85, .438, .99);
	     -o-transition: .4s cubic-bezier(.17, .85, .438, .99);
	        transition: .4s cubic-bezier(.17, .85, .438, .99);
}

.js-black .pointer__inner {
	color: #000;
}

.pointer__inner.fa-search,
.pointer__inner.fa-link {
	-webkit-transform: translate(-50%, -50%) scale(0);
	    -ms-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
}

.js-right .pointer__inner.fa-long-arrow-alt-right {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}

.js-zoom .pointer__inner.fa-search,
.js-open .pointer__inner.fa-link  {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	    -ms-transform: translate(-50%, -50%) scale(1);
	        transform: translate(-50%, -50%) scale(1);
	-webkit-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}

.js-pointer.js-none {
	-webkit-transform: translate(-50%, -50%) scale(0);
	    -ms-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
}





/* ==========================================================================
   9. Header
   ========================================================================== */

.fixed-header {
	opacity: 0;
}

.js-page-in .fixed-header {
	opacity: 1;
}


/* 9.1. Header logo
   ========================================================================== */

.header-logo {
	width: auto;
	position: fixed;
	left: 20px !important;
	top:  20px !important;
	z-index: 10;
	pointer-events: none;
}

.header-logo__box {
	display: inline-block;
	position: relative;
	pointer-events: none;
}

.js-page-in-out .header-logo__box {
	pointer-events: auto;
}

.header-logo__img {
	width: auto;
	height: 20px;
	vertical-align: top;
	-webkit-transform: translateX(-110%);
	    -ms-transform: translateX(-110%);
	        transform: translateX(-110%);
	-webkit-transition-property: opacity, -webkit-transform;
	        transition-property: opacity, -webkit-transform;
	     -o-transition-property: transform, opacity;
	        transition-property: transform, opacity;
	        transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01), cubic-bezier(.17, .85, .438, .99);
	     -o-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01), cubic-bezier(.17, .85, .438, .99);
	        transition-timing-function: cubic-bezier(.767, .01, .18, 1.01), cubic-bezier(.17, .85, .438, .99);
}

.js-nav-active .midnightHeader .header-logo__img {
	-webkit-transition-delay: 0s, .8s;
	     -o-transition-delay: 0s, .8s;
	        transition-delay: 0s, .8s;
}

.js-page-in-out .header-logo__img {
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transition-duration: 1s, .5s;
	     -o-transition-duration: 1s, .5s;
	        transition-duration: 1s, .5s;
	-webkit-transition-delay: 1s, .8s;
	     -o-transition-delay: 1s, .8s;
	        transition-delay: 1s, .8s;
}

.js-page-in-out.landing-page .header-logo__img {
	-webkit-transition-delay: 1s, .4s;
	     -o-transition-delay: 1s, .4s;
	        transition-delay: 1s, .4s;
}

.header-logo__img.black {
	position: absolute;
	left: 0;
	top:  0;
	z-index: 2;
}

.midnightHeader.black .header-logo__img.white,
.midnightHeader.default .header-logo__img.black,
.js-nav-active .midnightHeader.default .header-logo__img.white,
.dark-nav.js-nav-active .midnightHeader.black .header-logo__img.black,
.dark-nav.js-nav-active .midnightHeader.default .header-logo__img.black {
	opacity: 0;
}

.midnightHeader.default .header-logo__img.white,
.midnightHeader.black .header-logo__img.black,
.js-nav-active .midnightHeader.default .header-logo__img.black,
.dark-nav.js-nav-active .midnightHeader.black .header-logo__img.white,
.dark-nav.js-nav-active .midnightHeader.default .header-logo__img.white {
	opacity: 1;
}

/* Vertical logo */
.header-logo.vertical {
	width: 20px;
}

.vertical .header-logo__img {
	width: 20px;
	height: auto;
}


/* 9.2. Navigation open button
   ========================================================================== */

.menu-icon {
	width: 40px;
	position: fixed;
	left: auto !important;
	top:   20px !important;
	right: 20px !important;
	z-index: 10;
	pointer-events: none;
	cursor: pointer;
}

.js-page-in-out .menu-icon {
	pointer-events: auto;
}

.menu-icon__box {
	overflow: hidden;
	width: 40px;
	height: 20px;
	position: relative;
}

.menu-icon__box:before,
.menu-icon__inner:before,
.menu-icon__inner:after {
	content: '';
	width: 40px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) scaleX(0);
	    -ms-transform: translateY(-50%) scaleX(0);
	        transform: translateY(-50%) scaleX(0);
	-webkit-transform-origin: right;
	    -ms-transform-origin: right;
	        transform-origin: right;
	-webkit-transition: 1s  cubic-bezier(.767, .01, .18, 1.01);
	     -o-transition: 1s  cubic-bezier(.767, .01, .18, 1.01);
	        transition: 1s  cubic-bezier(.767, .01, .18, 1.01);
	-webkit-transition-delay: .1s;
	     -o-transition-delay: .1s;
	        transition-delay: .1s;
}

.menu-icon__inner:before,
.menu-icon__inner:after {
	top: 0;
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}

.menu-icon__inner:after {
	top: auto;
	bottom: 0;
	-webkit-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}

.js-page-in-out .menu-icon__box:before {
	-webkit-transform: translateY(-50%) scaleX(1);
	    -ms-transform: translateY(-50%) scaleX(1);
	        transform: translateY(-50%) scaleX(1);
	-webkit-transition-delay: 1.1s;
	     -o-transition-delay: 1.1s;
	        transition-delay: 1.1s;
}

.js-page-in-out .menu-icon__inner:before,
.js-page-in-out .menu-icon__inner:after {
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
	-webkit-transition-delay: 1s;
	     -o-transition-delay: 1s;
	        transition-delay: 1s;
}

.js-page-in-out .menu-icon__inner:after {
	-webkit-transition-delay: 1.2s;
	     -o-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}

.js-nav-active.js-page-in-out .menu-icon__box:before {
	-webkit-transform: translateY(-50%) scaleX(0);
	    -ms-transform: translateY(-50%) scaleX(0);
	        transform: translateY(-50%) scaleX(0);
	-webkit-transition-delay: .1s;
	     -o-transition-delay: .1s;
	        transition-delay: .1s;
}

.js-nav-active.js-page-in-out .menu-icon__inner:before,
.js-nav-active.js-page-in-out .menu-icon__inner:after {
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}

.js-nav-active.js-page-in-out .menu-icon__inner:after {
	-webkit-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}

.midnightHeader.default .menu-icon__box:before,
.midnightHeader.default .menu-icon__inner:before,
.midnightHeader.default .menu-icon__inner:after {
	background-color: #fff;
}

.midnightHeader.black .menu-icon__box:before,
.midnightHeader.black .menu-icon__inner:before,
.midnightHeader.black .menu-icon__inner:after {
	background-color: #000;
}

/* Landing header */
@media only screen and (min-width: 1000px) {

	.landing-page .menu-icon {
		display: none;
	}

}

/* Vertical menu open icon */
.menu-icon.vertical {
	width: 20px;
}

.vertical .menu-icon__box {
	width: 20px;
	height: 40px;
}

.vertical .menu-icon__box:before,
.vertical .menu-icon__inner:before,
.vertical .menu-icon__inner:after {
	width: 2px;
	height: 40px;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%) scaleY(0);
	    -ms-transform: translateX(-50%) scaleY(0);
	        transform: translateX(-50%) scaleY(0);
	-webkit-transform-origin: bottom;
	    -ms-transform-origin: bottom;
	        transform-origin: bottom;
}

.vertical .menu-icon__inner:before,
.vertical .menu-icon__inner:after {
	left: 0;
	-webkit-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	        transform: scaleY(0);
}

.vertical .menu-icon__inner:after {
	left: auto;
	right: 0;
	bottom: auto;
}

.js-page-in-out .vertical .menu-icon__box:before {
	-webkit-transform: translateX(-50%) scaleY(1);
	    -ms-transform: translateX(-50%) scaleY(1);
	        transform: translateX(-50%) scaleY(1);
}

.js-page-in-out .vertical .menu-icon__inner:before,
.js-page-in-out .vertical .menu-icon__inner:after {
	-webkit-transform: scaleY(1);
	    -ms-transform: scaleY(1);
	        transform: scaleY(1);
}

.js-nav-active.js-page-in-out .vertical .menu-icon__box:before {
	-webkit-transform: translateX(-50%) scaleY(0);
	    -ms-transform: translateX(-50%) scaleY(0);
	        transform: translateX(-50%) scaleY(0);
}

.js-nav-active.js-page-in-out .vertical .menu-icon__inner:before,
.js-nav-active.js-page-in-out .vertical .menu-icon__inner:after {
	-webkit-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	        transform: scaleY(0);
}


/* 9.3. Navigation close button
   ========================================================================== */

.menu-icon__close:before,
.menu-icon__close:after {
	content: '';
	width: 45px;
	height: 2px;
	position: absolute;
	left: 1px;
	top: -1px;
	background-color: #000;
	-webkit-transform: rotate(26.5deg) scaleX(0);
	    -ms-transform: rotate(26.5deg) scaleX(0);
	        transform: rotate(26.5deg) scaleX(0);
	-webkit-transform-origin: left;
	    -ms-transform-origin: left;
	        transform-origin: left;
	-webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
	     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
	        transition: 1s cubic-bezier(.767, .01, .18, 1.01);
	-webkit-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}

.dark-nav .menu-icon__close:before,
.dark-nav .menu-icon__close:after {
	background-color: #fff;
}

.menu-icon__close:after {
	top: 19px;
	-webkit-transform: rotate(-26.5deg) scaleX(0);
	    -ms-transform: rotate(-26.5deg) scaleX(0);
	        transform: rotate(-26.5deg) scaleX(0);
	-webkit-transition-delay: .15s;
	     -o-transition-delay: .15s;
	        transition-delay: .15s;
}

.js-nav-active .menu-icon__close:before {
	-webkit-transform: rotate(26.5deg) scaleX(1);
	    -ms-transform: rotate(26.5deg) scaleX(1);
	        transform: rotate(26.5deg) scaleX(1);
	-webkit-transition-delay: 1.15s;
	     -o-transition-delay: 1.15s;
	        transition-delay: 1.15s;
}

.js-nav-active .menu-icon__close:after {
	-webkit-transform: rotate(-26.5deg) scaleX(1);
	    -ms-transform: rotate(-26.5deg) scaleX(1);
	        transform: rotate(-26.5deg) scaleX(1);
	-webkit-transition-delay: 1s;
	     -o-transition-delay: 1s;
	        transition-delay: 1s;
}

.js-nav-active.js-page-out .menu-icon__close:before {
	-webkit-transform: rotate(26.5deg) scaleX(0);
	    -ms-transform: rotate(26.5deg) scaleX(0);
	        transform: rotate(26.5deg) scaleX(0);
	-webkit-transition-delay: .15s;
	     -o-transition-delay: .15s;
	        transition-delay: .15s;
}

.js-nav-active.js-page-out .menu-icon__close:after {
	-webkit-transform: rotate(-26.5deg) scaleX(0);
	    -ms-transform: rotate(-26.5deg) scaleX(0);
	        transform: rotate(-26.5deg) scaleX(0);
	-webkit-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}

/* Vertical menu close icon */
.vertical .menu-icon__close:before,
.vertical .menu-icon__close:after {
	left: 0px;
	-webkit-transform: rotate(63.5deg) scaleX(0);
	    -ms-transform: rotate(63.5deg) scaleX(0);
	        transform: rotate(63.5deg) scaleX(0);
}

.vertical .menu-icon__close:after {
	top: 39px;
	-webkit-transform: rotate(-63.5deg) scaleX(0);
	    -ms-transform: rotate(-63.5deg) scaleX(0);
	        transform: rotate(-63.5deg) scaleX(0);
}

.js-nav-active .vertical .menu-icon__close:before {
	-webkit-transform: rotate(63.5deg) scaleX(1);
	    -ms-transform: rotate(63.5deg) scaleX(1);
	        transform: rotate(63.5deg) scaleX(1);
}

.js-nav-active .vertical .menu-icon__close:after {
	-webkit-transform: rotate(-63.5deg) scaleX(1);
	    -ms-transform: rotate(-63.5deg) scaleX(1);
	        transform: rotate(-63.5deg) scaleX(1);
}

.js-nav-active.js-page-out .vertical .menu-icon__close:before {
	-webkit-transform: rotate(63.5deg) scaleX(0);
	    -ms-transform: rotate(63.5deg) scaleX(0);
	        transform: rotate(63.5deg) scaleX(0);
}

.js-nav-active.js-page-out .vertical .menu-icon__close:after {
	-webkit-transform: rotate(-63.5deg) scaleX(0);
	    -ms-transform: rotate(-63.5deg) scaleX(0);
	        transform: rotate(-63.5deg) scaleX(0);
}


/* 9.4. Header social buttons
   ========================================================================== */

.header-social {
	width: 20px;
	position: fixed;
	left: auto !important;
	top: 50% !important;
	right: 20px !important;
	z-index: 10;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	pointer-events: none;
}

.js-page-in-out .header-social {
	pointer-events: auto;
}

.header-social i {
	font-size: 13px;
	-webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
	     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
	        transition: .5s cubic-bezier(.17, .85, .438, .99);
	-webkit-transition-delay: 1.1s;
	     -o-transition-delay: 1.1s;
	        transition-delay: 1.1s;
}

.js-nav-active .header-social i {
	-webkit-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
}

.js-page-in-anim-active.js-page-out .header-social.after-preloader-anim .anim-slide {
	-webkit-transform: translateY(105%);
	    -ms-transform: translateY(105%);
	        transform: translateY(105%);
	-webkit-transition: 1.3s cubic-bezier(.17, .85, .438, .99);
	     -o-transition: 1.3s cubic-bezier(.17, .85, .438, .99);
	        transition: 1.3s cubic-bezier(.17, .85, .438, .99);
	-webkit-transition-delay: 0s !important;
	     -o-transition-delay: 0s !important;
	        transition-delay: 0s !important;
}

.header-social .midnightHeader.default i,
.dark-nav.js-nav-active .header-social .midnightHeader.default i,
.dark-nav.js-nav-active .header-social .midnightHeader.black i {
	color: #fff;
}

.header-social .midnightHeader.black i,
.js-nav-active .header-social .midnightHeader.default i {
	color: #000;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {

	.header-social {
		display: none;
	}

}

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

	.header-social {
		display: none;
	}

}

/* Landing header */
.landing-page .fixed-header .header-social i {
	-webkit-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}


/* 9.5. Header contact
   ========================================================================== */

.header-contact {
	width: 20px;
	position: fixed;
	left: 20px !important;
	top: 50% !important;
	z-index: 10;
	pointer-events: none;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.header-contact__flex {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	width: 20px;
	height: 60vh;
}

.header-contact__anim {
	opacity: 0;
	-webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	        transform: translateY(30px);
	-webkit-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
	     -o-transition: 1s cubic-bezier(.767, .01, .18, 1.01);
	        transition: 1s cubic-bezier(.767, .01, .18, 1.01);
}

.js-page-in-anim-active .header-contact__anim {
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

.js-page-in-anim-active.js-page-out .header-contact__anim {
	opacity: 0;
	-webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	        transform: translateY(30px);
}

.header-contact__btn {
	white-space: nowrap;
	pointer-events: auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 20px;
	text-transform: uppercase;
	-webkit-transition: .5s cubic-bezier(.17, .85, .438, .99);
	     -o-transition: .5s cubic-bezier(.17, .85, .438, .99);
	        transition: .5s cubic-bezier(.17, .85, .438, .99);
	-webkit-transition-delay: 1.1s;
	     -o-transition-delay: 1.1s;
	        transition-delay: 1.1s;
}

.header-contact__btn i {
	font-size: 16px;
}

.js-nav-active .header-contact__btn {
	-webkit-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}

.midnightHeader.default .header-contact__btn,
.dark-nav.js-nav-active .midnightHeader.default .header-contact__btn,
.dark-nav.js-nav-active .midnightHeader.black .header-contact__btn {
	color: #fff;
}

.midnightHeader.black .header-contact__btn,
.js-nav-active .midnightHeader.default .header-contact__btn {
	color: #000;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {

	.header-contact {
		display: none;
	}

}

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

	.header-contact {
		display: none;
	}

}

/* Landing header */
.landing-page .header-contact__btn {
	-webkit-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}


/* 9.6. Headroom
   ========================================================================== */

.headroom {
	-webkit-transition-property: -webkit-transform;
	        transition-property: -webkit-transform;
	     -o-transition-property: transform;
	        transition-property: transform;
	        transition-property: transform, -webkit-transform;
	-webkit-transition-duration: .7s;
	     -o-transition-duration: .7s;
	        transition-duration: .7s;
	-webkit-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
	     -o-transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
	        transition-timing-function: cubic-bezier(.767, .01, .18, 1.01);
	will-change: transform;
}

	.header-social.headroom--unpinned {
		-webkit-transform: translateX(210%) translateY(-50%);
		    -ms-transform: translateX(210%) translateY(-50%);
		        transform: translateX(210%) translateY(-50%);
	}

	.header-contact.headroom--unpinned {
		-webkit-transform: translateX(-210%) translateY(-50%);
		    -ms-transform: translateX(-210%) translateY(-50%);
		        transform: translateX(-210%) translateY(-50%);
	}

	.js-nav-active .header-social.headroom--unpinned,
	.js-nav-active .header-contact.headroom--unpinned {
		-webkit-transform: translateY(-50%) !important;
		    -ms-transform: translateY(-50%) !important;
		        transform: translateY(-50%) !important;
	}

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

	.headroom--unpinned {
		-webkit-transform: translateY(-210%);
		    -ms-transform: translateY(-210%);
		        transform: translateY(-210%);
	}

	.vertical.headroom--unpinned {
		-webkit-transform: translateX(210%);
		    -ms-transform: translateX(210%);
		        transform: translateX(210%);
	}

	.vertical.header-logo.headroom--unpinned {
		-webkit-transform: translateX(-210%);
		    -ms-transform: translateX(-210%);
		        transform: translateX(-210%);
	}

	.scroll-to-btn.headroom--unpinned {
		opacity: 0;
		-webkit-transform: translateX(0) translateY(-100%) !important;
		    -ms-transform: translateX(0) translateY(-100%) !important;
		        transform: translateX(0) translateY(-100%) !important;
	}

	.scroll-to-btn.to-down.headroom--unpinned {
		-webkit-transform: translateX(0) translateY(100%) !important;
		    -ms-transform: translateX(0) translateY(100%) !important;
		        transform: translateX(0) translateY(100%) !important;
	}

	.js-nav-active .headroom--unpinned {
		-webkit-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
	}

}