/* fonts */
@import url("https://fonts.googleapis.com/css?family=Varela+Round&subset=hebrew");
@import url("https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&subset=hebrew");

/* matrix */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	display: flex;
	outline: none !important;
	cursor: pointer;
	z-index: 999;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger:hover {
	opacity: 0.7;
}

.hamburger-box {
	width: 30px;
	height: 18px;
	display: inline-block;
	position: relative;
}

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

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 30px;
	height: 2px;
	background-color: #000;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -8px;
}

.hamburger-inner::after {
	bottom: -8px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
	perspective: 60px;
}

.hamburger--3dx .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
	background-color: transparent;
	transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
	perspective: 60px;
}

.hamburger--3dx-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
	background-color: transparent;
	transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
	perspective: 60px;
}

.hamburger--3dy .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
	background-color: transparent;
	transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
	perspective: 60px;
}

.hamburger--3dy-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
	background-color: transparent;
	transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
	perspective: 60px;
}

.hamburger--3dxy .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
	background-color: transparent;
	transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
	perspective: 60px;
}

.hamburger--3dxy-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
	background-color: transparent;
	transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
	transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
	transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
	transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
	transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
	transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
	transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
	top: 0;
	transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
	transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
	bottom: 0;
	transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
	transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
	transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
	transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
	top: 0;
	transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
	transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
	transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
	transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
	transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
	top: -16px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
	top: -16px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
	transform: translate3d(0, -8px, 0) rotate(45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
	top: 1px;
	transition-duration: 0.275s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
	top: 8px;
	transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
	top: 16px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
	transform: translate3d(0, 8px, 0) rotate(135deg);
	transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
	transform: translate3d(0, -16px, 0) rotate(-270deg);
	transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
	top: 1px;
	transition-duration: 0.275s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
	top: 8px;
	transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
	top: 16px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
	transform: translate3d(0, 8px, 0) rotate(-135deg);
	transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -16px, 0) rotate(270deg);
	transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
	overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
	transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
	left: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
	top: 8px;
	right: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
	left: -60px;
	top: -60px;
	transform: translate3d(60px, 60px, 0) rotate(45deg);
	transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
	right: -60px;
	top: -60px;
	transform: translate3d(-60px, 60px, 0) rotate(-45deg);
	transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
	overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
	transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
	left: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
	top: 8px;
	right: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
	left: -60px;
	top: 60px;
	transform: translate3d(60px, -60px, 0) rotate(-45deg);
	transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
	right: -60px;
	top: 60px;
	transform: translate3d(-60px, -60px, 0) rotate(45deg);
	transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
	transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
	opacity: 0;
	transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
	top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
	bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
	top: 1px;
}

.hamburger--slider .hamburger-inner::before {
	top: 8px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
	top: 16px;
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
	transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0);
	opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
	transform: translate3d(0, -16px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
	top: 1px;
}

.hamburger--slider-r .hamburger-inner::before {
	top: 8px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
	top: 16px;
}

.hamburger--slider-r.is-active .hamburger-inner {
	transform: translate3d(0, 8px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
	transform: rotate(45deg) translate3d(4.28571px, -6px, 0);
	opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -16px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

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

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
	transform: rotate(-225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
	top: 1px;
	transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
	top: 8px;
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
	top: 16px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
	transition-delay: 0.22s;
	background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
	top: 0;
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 8px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
	top: -16px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(90deg);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
	transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
	transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
	transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
	transform: rotate(90deg);
	background-color: transparent;
	transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-45deg);
	transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(45deg);
	transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
	transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
	transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
	transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
	transform: rotate(-90deg);
	background-color: transparent;
	transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-45deg);
	transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(45deg);
	transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

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

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

.hamburger--squeeze.is-active .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.12s;
	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.075s ease, opacity 0.075s 0.12s ease;
}

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

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
	transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
	transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
	transform: rotate(765deg);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
	transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
	transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
	transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
	transform: rotate(-765deg);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
	transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
}

.helper-checkbox {
	display: none;
}

.helper-checkbox:checked ~ .helper {
	transform: translate(0%);
}

.helper {
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.6);
	border-top: 1px solid rgba(204, 204, 204, 0.4);
	border-left: 1px solid rgba(204, 204, 204, 0.4);
	min-width: 250px;
	transition: all 400ms ease-in-out;
	transform: translate(100%);
}

.helper .x {
	position: absolute;
	top: -1px;
	left: -44px;
	background-color: rgba(255, 255, 255, 0.6);
	border-top: 1px solid rgba(204, 204, 204, 0.4);
	border-bottom: 1px solid rgba(204, 204, 204, 0.4);
	border-left: 1px solid rgba(204, 204, 204, 0.4);
	padding: 0 1rem;
}

.helper .x:before {
	content: 'X';
}

.helper ol {
	background-color: rgba(163, 73, 164, 0.1);
	margin-bottom: 0;
}

.helper ol li {
	text-align: left;
	font-size: .9rem;
	padding: .5rem 0;
}

.helper .slug {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.helper .slug img {
	display: inline-block;
	content: url('../images/logo-01.png');
	margin: 1rem;
	width: 70px;
}

.helper .slug:before {
	content: 'Page\'s Mapper';
	display: block;
	color: #A349A4;
	font-weight: 700;
	font-size: .75rem;
	padding: 1rem;
}

/* Colors */
/*
Example:
.css-mtx-button {
    padding: 0.5rem;
}*/
a {
	color: #000;
    text-decoration: none !important;
}

a:hover {
	color: #000;
}

.arrow-downup {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #000;
}

.arrow-up {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

.arrow-down {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #000;
}

.arrow-right {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}

.arrow-left {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid blue;
}

.share-menu {
	display: flex;
	flex-direction: column;
}

.share-menu span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #0861ae;
	margin: 2px;
}

.iconx-add-to-calender {
	display: flex;
	align-items: center;
	line-height: 1;
}

.iconx-add-to-calender:before {
	content: url('../images/icon_03.png');
	padding-right: .5rem;
	float: left;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.iconx-view-invitation {
	display: flex;
	align-items: center;
	line-height: 1;
}

.iconx-view-invitation:before {
	content: url('../images/icon_05.png');
	padding-right: .5rem;
}

.iconx-project {
	color: #454046;
	display: flex;
}

.iconx-project:before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #0861ae;
	border-radius: 50%;
	margin: 0 .5rem;
}

.iconx-office {
	color: #02B5FD;
	display: flex;
}
.home .iconx-office:before {
    cursor: default;
}
.iconx-office:before {
	content: '';
	width: 0.5vw;
	height: 0.4vw;
	max-height: 24px;
	background-color: #02B5FD;
	border-radius: 50%;
	margin: 0px 0.5rem;
	padding: 0.2vw;
	border: 0.12vw solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 0 1px #02B5FD;
	cursor: pointer;
}
.hide {
    display: none !important;
}
@media (min-width: 1025px) {
	.keys > .iconx-office:before{
		padding: 0.2vw!important;
	}
}

@media (max-width: 1024px) {
	.keys > .iconx-office:before{
		padding: 0.4vw!important;
	}
}

@media (max-width: 768px) {
	.keys > .iconx-office:before{
		padding: 0.7vw!important;
	}
}

@media (max-width: 768px) {
	.keys .iconx-office:before {
		width: 10px;
		height: 10px;
		box-shadow: none;
	}
}

.iconx-matrix {
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-weight: 700;
	padding-right: .5rem;
	line-height: 0;
	letter-spacing: -2px;
    display: inline-block;
    max-width: 260px;
    height: auto;
}

@media (max-width: 330px) {
	.iconx-matrix {
		max-width: 242px !important;
	}
}



.btn {
	font-family: 'Heebo', sans-serif;
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
	justify-content: center;
	border-radius: 0;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	z-index: 2;
}

.btn:hover {
	color: #000;
}

.btn:hover:after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ffffff;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 0%;
	transition: all 0.3s;
}

.btn.btn-register,
.btn.btn-cancel {
	display: inline-block;
	background-color: #edf1fa;
	color: #444346;
	padding: 0 4rem;
	border: 1px solid #0861ae;
	line-height: 3rem;
	font-size: 0.9rem;
}

.submit .btn.btn-register {
	display: inline-block;
	background-color: #0861ae;
	color: white;
	padding: 0 4rem;
	border: 1px solid #0861ae;
	line-height: 3rem;
	font-size: 0.9rem;
}

.submit .btn.btn-register:hover,
.submit .btn.btn-register:hover:after {
	background-color: #edf1fa;
	color: #444346;
}

#contact-us-submit:hover,
#contact-us-submit:hover:after {
	background-color: white;
	color: #444346;
}

#MainRegister .btn.btn-register:hover,
.btn.btn-cancel:hover {
	color: black;
}

.btn.btn-primary {
	background-color: transparent;
	box-shadow: 0 0 0 1px #fff;
	border: none;
}

.btn.btn-secondary {
	align-self: flex-start;
	border: 1px solid #0861ae;
}

.aSlider .btn.btn-secondary,
#IndustryService .btn.btn-secondary {
	position: absolute;
	visibility: hidden;
}

.aSlider .btn.btn-secondary.active,
#IndustryService .btn.btn-secondary.active {
	opacity: 1;
	z-index: 10;
	visibility: visible;
}

#GameChangers blockquote {
    display: inline-block;
    width: 80%;
    margin: 0 0 15px;
    position: relative;
    font-size: 15px;
    font-size: 0.94rem;
    line-height: 1.2;
    text-align: justify;
    font-weight: 400;
}

#GameChangers blockquote:before {
	content: "\201D";
	font-family: ARIAL-ROUNDED, serif;
	font-size: 1.75rem;
	font-weight: 700;
	color: #0861ae;
	position: absolute;
	left: -20px;
	top: -5px;
	moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

#GameChangers blockquote:after {
	content: "\201D";
	 font-family: ARIAL-ROUNDED, serif;
	font-size: 1.75rem;
	font-weight: 700;
	color: #0861ae;
	position: absolute;
	bottom: -18px;
	margin-left: 4px;
}
.home #GameChangers blockquote:before {
    top: 10px;
}
.home #GameChangers blockquote:after {
    bottom: 0px;
}
date {
	display: inline-flex;
	flex-direction: column;
	color: #02B5FD;
	font-size: 1.5rem;
	line-height: 1;
	margin-bottom: 1rem;
}

date .day {
	font-size: 2.5rem;
}

date.classic {
	color: #454346;
	flex-direction: row;
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: uppercase;
}

date.classic span:not(:last-child):after {
	content: '|';
	padding: 0 .5rem;
}

.report-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.report-item .value {
	display: flex;
	align-items: baseline;
	font-size: 5.5rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -5px;
	margin-top: 1.5rem;
}

.report-item .value:after {
	font-size: 2.5rem;
	font-weight: 300;
}

.report-item .value:before {
	font-size: 2.5rem;
	font-weight: 300;
}

.report-item .describe {
	text-transform: uppercase;
	color: #6C6D6F;
	font-size: 1.25rem;
	font-weight: 300;
	text-align: center;
}

.report-item img {
	padding: 1.5rem 0;
}

.report-item#Q1 .value:after {
	content: 'M';
}

.report-item#Q1 .value:before {
	content: '$';
}

.report-item#Q2 .value:after {
	content: '%';
}

.report-item#Q3 .value:after {
	content: 'M';
}

.report-item#Q4 .value:after {
	content: 'M';
}

.facts-icon-items .facts-icon-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 10rem;
	margin: auto;
}

.facts-items {
	margin-bottom: 5rem;
}

.facts-items .facts-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.facts-items .facts-item .value {
    font-size: 3.75rem;
    font-size: 60px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.facts-items .facts-item .value {
		font-size: 3.5rem;
	}
}

.financial-news-items .financial-news-item {
	display: flex;
	flex-direction: column;
	padding: 15px;
	background-color: #fff;
	border-left: 3px solid #0861ae;
	padding-left: 2.5rem;
	margin-bottom: 30px;
}

.financial-news-item .btn:hover:after {
	background: #852daf;
}

.financial-news-items .financial-news-item .news-more {
	align-self: flex-end;
}

.financial-news-items .financial-news-item .title {
	padding-top: 2.5rem;
	margin-bottom: 1rem;
	font-weight: 100;
	text-transform: uppercase;
}

.events-items .event-item {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	background-clip: content-box;
	border-left: 1px solid #D8DDE1;
	margin-bottom: 30px;
}

.events-items .event-item p {
	font-size: 1.25rem;
	font-weight: 300;
}

.events-items .event-item date {
	font-size: .85rem;
}

.events-items .event-item date .day {
	font-size: 1.5rem;
	font-weight: 500;
}

.events-items .event-item datetime {
	display: block;
	margin-bottom: 0.1rem;
}

.events-items .event-item .event-image {
	border-bottom: 3px solid #0861ae;
	margin-bottom: 0.2rem;
	border-left: 1px solid #ccc;
}

.events-items .event-item .event-more {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 1rem;
}

tags tag {
	display: inline-block;
	font-size: .75rem;
	font-weight: 400;
}

tags tag:before {
	content: '#';
	font-size: .85rem;
	color: #02B5FD;
	font-style: italic;
	font-weight: 700;
	padding-right: 3px;
}

[class^='hvr'], .arrow {
	cursor: pointer;
}

.toggle-serach {
	cursor: pointer;
}

.smooth {
	transition: all 1s ease-out;
	opacity: 0;
	/*transform: translateX(-100%);*/
}

.smooth.active {
	opacity: 1;
	/*transform: translateX(0%);*/
}

.smooth.exit {
	opacity: 0;
	/*transform: translateX(-100%);*/
}

.smooth.enter {
	opacity: 1;
	/*transform: translateX(0%);*/
}

.column-layout {
	display: inline-block;
	line-height: 1;
}

.column-layout span {
	display: block;
	color: #6C6D6F;
	text-align: center;
	font-size: 1rem;
    font-size: 16px;
}

.column-layout span:first-child {
    font-size: 1.65rem;
    font-size: 26px;
	font-weight: 300;
}

.column-layout span:first-child:after {
	content: '';
	display: block;
	border-bottom: 1px solid #6C6D6F;
	padding: 0 3.5rem;
    max-width: 92px;
    margin: 0.75rem auto;
}

.column-layout.style-1 span:first-child {
	font-size: 3rem;
	font-weight: unset;
}

.column-layout.style-2 span {
	font-size: 0.9rem;
	line-height: 1.3;
}

.color-lightblue {
	color: #286AE2;
}

.color-darkblue {
	color: #1D508F;
}

.color-purple {
	color: #0861ae;
}

.color-matrix {
	color: #02B5FD;
}

.animation-element {
	transition: all 1s ease-in-out;
}

.animation-element:nth-child(odd) {
	transition-delay: 500ms;
}

.animation-element.animation-right {
	opacity: 0;
	transform: translateX(100%);
}

.animation-element.animation-right.in-view {
	opacity: 1;
	transform: translateX(0%);
}

.animation-element.animation-left {
	opacity: 0;
	transform: translateX(-100%);
}

.animation-element.animation-left.in-view {
	opacity: 1;
	transform: translateX(0%);
}

.animation-element.animation-top {
	transition: all 1.2s ease-in-out;
	opacity: 0;
	transform: translateY(-100%);
}

.animation-element.animation-top.in-view {
	opacity: 1;
	transform: translateY(0%);
}

.animation-element.animation-bottom {
	opacity: 0;
	transform: translateY(100%);
}

.animation-element.animation-bottom.in-view {
	opacity: 1;
	transform: translateY(0%);
}

.animation-element.animation-falldown {
	opacity: 0;
	transition: opacity 300ms linear;
}

.animation-element.animation-falldown.in-view {
	animation: ball 3s 0s ease-in-out;
	opacity: 1;
}

@keyframes ball {
	0% {
		transform: translateY(-500%);
	}
	33% {
		transform: translateY(0%);
	}
	35% {
		transform: translateY(-30%);
	}
	40% {
		transform: translateY(0%);
	}
	45% {
		transform: translateY(-15%);
	}
	51% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(0%);
	}
}

header {
	background-color: rgba(255, 255, 255, 0.95);
}

header #Navigation .navbar-brand {
	padding: .815rem 0;
	margin-right: 0;
}

header .navbar {
	width: 100%;
	height: 100%;
	padding: 0;
}

header .navbar .navbar-collapse {
	height: 100%;
}

header .navbar .navbar-collapse.show {
	transform: translateY(0%);
}

header .navbar .navbar-collapse .navbar-nav {
	width: 100%;
	justify-content: space-between;
}

header .navbar .navbar-collapse .navbar-nav .nav-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: border-bottom 400ms ease-in-out;
	border-bottom: 6px solid transparent;
	margin-top: 6px;
	font-size: 1rem;
}

header .navbar .navbar-collapse .navbar-nav .nav-item.active {
	border-top: 6px solid #02B5FD;
	margin-top: 0;
}

header .navbar .navbar-collapse .navbar-nav .nav-item.active > a {
	color: #02B5FD;
	font-weight: 700;
}

header .navbar .navbar-collapse .navbar-nav .nav-item a {
    display: flex;
    align-items: center;
    font-family: Heebo;
    font-weight: 400;
    color: #464247;
}

header .navbar .navbar-collapse .navbar-nav .nav-item[data-columns]:not([data-columns="1"]):not([data-columns="0"]) .submenu .submenu-wrapper .submenu-item.big-daddy:hover {
    color: #853399;
    font-family: Heebo;
    font-weight: bold;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .arrow-downup {
	margin-left: .5rem;
}

header .navbar .navbar-collapse .navbar-nav .nav-item:hover:not(.off) {
	border-color: #02B5FD;
}

header .navbar .navbar-collapse .navbar-nav .nav-item:hover:not(.off) > a {
	color: #00b5ff;
}

header .navbar .navbar-collapse .navbar-nav .nav-item:hover .label {
	color: #02B5FD;
}

header .navbar .navbar-collapse .navbar-nav .nav-item:hover .arrow-downup {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid #02B5FD;
	border-top: none;
}

header .navbar .navbar-collapse .navbar-nav .nav-item:hover .submenu {
	/*display: flex;*/
	/*flex-direction: column;*/
	/*opacity: 1;*/
    display: block;
}

header .navbar .navbar-collapse .navbar-nav .nav-item:before {
	content: '';
	border-top: 5px solid transparent;
	display: block;
	margin-bottom: 1rem;
}

header .navbar .navbar-collapse .navbar-nav .nav-item .submenu {
	position: absolute;
	top: calc(100% + 6px);
	background-color: #fff;
	/*box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.5);*/
	transition: opacity 400ms ease-out;
    display: none;
    right: 50%;
    transform: translate(50%,0);
}

header .navbar .navbar-collapse .navbar-nav .nav-item .submenu:before {
	content: '';
	border-top: 2px solid #02B5FD;
	display: block;
	padding: 0 6rem;
}

header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .submenu-multiple {
	display: flex;
}

header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .submenu-multiple .submenu-wrapper .submenu-item {
	font-size: .8rem;
}

header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .submenu-multiple .submenu-wrapper .submenu-item:first-child {
	font-size: .9rem;
	font-weight: 700;
	margin-top: 20px;
}

header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .submenu-wrapper {
	list-style: none;
	padding-left: 0;
    margin-bottom: 2rem;
}

header .navbar .navbar-collapse .navbar-nav .nav-item[data-columns]:not([data-columns="1"]):not([data-columns="0"]) .submenu .submenu-wrapper .submenu-item {
	padding: 0.3rem 1.5rem;
	font-size: 13px;
	color: #474749;
    text-transform: none;
    cursor: pointer;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .submenu-wrapper .submenu-item {
    padding: 0.7rem 1.5rem;
    font-size: 13px;
    color: #474749;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .submenu-wrapper .submenu-item:first-child {
	padding-top: 1rem;
}

header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .submenu-wrapper .submenu-item.active > a {
	color: #02B5FD;
}

footer #LinksList {
	display: flex;
	justify-content: space-between;
}

footer #LinksList .column {
	display: flex;
	flex-direction: column;
}

footer #LinksList .column .footer-links {
	list-style-type: none;
	padding: 0;
}

footer #LinksList .column .footer-links .footer-item:first-child {
	margin-bottom: 1rem;
}

footer #LinksList .column .footer-links .footer-item:first-child .footer-link {
	border-bottom: 1px solid #0861ae;
	font-size: .9rem;
	font-weight: 400;
}

footer #LinksList .column .footer-links .footer-item .footer-link {
	text-decoration: none;
	font-weight: 300;
	font-size: .7rem;
}

footer #LinksList .column .footer-links .footer-item .footer-link:hover {
	font-weight: 400;
}

.root {
	direction: ltr;
	font-family: 'Heebo', sans-serif;
	color: #454046;
	overflow-x: hidden;
	/* General Section */
	/* Event Page */
	/* Events Page */
	/* About Page */
	/* General Elements */
}

.root section {
	position: relative;
	margin-bottom: 110px;
}

.root section:last-child {
	margin-bottom: 0;
}

.root section .image-source.visible {
	display: flex;
	justify-content: flex-end;
}

.root section .image-source.visible img {
	visibility: visible;
}

[id^=Slider] img.img-fluid,
#IndustryService img.img-fluid {
	visibility: hidden;
}

[id^=Slider] img.img-fluid.active,
#IndustryService img.img-fluid.active {
	visibility: visible;
}

.root section .image-source ~ .image-source-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.root #MainBanner {
	background-image: url('../images/header-bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
    z-index: 9;
}

img#header-bg {
	opacity: 0;
}

@media (max-width: 768px) {
	.root #MainBanner {
		display: flex;
		position: relative;
		height: 420px;
		overflow: hidden;
		align-items: flex-end;
		background: #F5F5F5;
	}
}

.root #MainBanner #Slogen {
	margin-top: 3.5rem;
	margin-bottom: 5rem;
}

.root #GameChangers .banner-item .image-source-wrapper .pannel {
	width: 75%;
}

.root #GameChangers .banner-item .image-source-wrapper {
	align-items: flex-start;
	padding: 3.125rem 1.5rem 1.5rem 3rem;
	transition: all 400ms ease-in-out;
	overflow: hidden;
}

.root #GameChangers .banner-item .image-source-wrapper .image-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: scale(1.1, 1.1);
	transition: all 450ms ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.root #GameChangers .banner-item .image-source-wrapper:hover .image-bg {
	transform: scale(1, 1);
}

.root #GameChangers .banner-item .image-source-wrapper.invert .title,
.root #GameChangers .banner-item .image-source-wrapper.invert .details {
	color: #fff !important;
}

.root #GameChangers .banner-item .image-source-wrapper.invert blockquote {
	color: #fff !important;
}

.root #GameChangers .banner-item .image-source-wrapper.invert blockquote.disabled:before, .root #GameChangers .banner-item .image-source-wrapper.invert blockquote.disabled:after {
	display: none;
}

.root #GameChangers .banner-item .image-source-wrapper.invert blockquote:before, .root #GameChangers .banner-item .image-source-wrapper.invert blockquote:after {
	color: #02B5FD;
}

.root #GameChangers .banner-item .image-source-wrapper.invert .btn {
	color: #fff !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
}
.root #GameChangers .banner-item .image-source-wrapper.invert a.btn {
    color: #fff !important;
}
.root #GameChangers .banner-item .image-source-wrapper.invert a.btn:hover {
	color: #000 !important;
}

.root #GameChangers .banner-item .image-source-wrapper .btn {
	padding: 1rem 1.25rem;
	color: #000;
	font-size: .8rem;
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	right: 20px;
    bottom: 20px;
}

@media (min-width: 576px) {
	.root #GameChangers .banner-item .image-source-wrapper .btn {
		align-self: flex-end;
	}
}

.root #GameChangers .banner-item .image-source-wrapper .title {
    display: inline-block;
    font-weight: 800;
    margin-bottom: .65rem;
    text-transform: uppercase;
    font-size: 2.38rem;
    font-size: 38px;
}

.root #GameChangers .banner-item .image-source-wrapper .pannel {
	display: flex;
	flex-direction: column;
}

.root #GameChangers .banner-item .image-source-wrapper .details {
	width: 100%;
	font-size: .875rem;
}

.root #GameChangers .banner-item .image-source-wrapper .details .author {
	font-weight: 700;
}

@media (max-width: 768px) {
    .root section.aSlider,
    .root section#IndustryService {
        margin-bottom: 35%;
    }
    .root .aSlider aside .service-wrapper .service-block,
    .root #IndustryService aside .service-wrapper .service-block {
        padding: 2.5rem 3rem 5rem 3rem !important;
        transform: translateY(52%);
    }
	.root #GameChangers .animation-element {
		max-height: 200px;
	}

	.root #GameChangers .even .details {
		display: none !important;
	}

	.root #GameChangers .even blockquote {
		display: inline-block;
	}

	.root #GameChangers .banner-item .odd .image-source-wrapper.invert .title,
	.root #GameChangers .banner-item .odd .image-source-wrapper.invert .details,
	.root #GameChangers .banner-item .odd button a,
	.root #GameChangers .banner-item:last-child .animation-element:last-child .image-source-wrapper .title,
	.root #GameChangers .banner-item:last-child .animation-element:last-child .image-source-wrapper blockquote,
	.root #GameChangers .banner-item:last-child .animation-element:last-child .image-source-wrapper .btn a {
		color: #454046;
	}

	.root #GameChangers .banner-item .odd .image-source-wrapper.invert .btn,
	.root #GameChangers .banner-item:last-child .animation-element:last-child .image-source-wrapper .btn {
		background-color: rgba(255, 255, 255, 0.7);
	}

	.root #GameChangers .banner-item .even .image-source-wrapper .pannel .title,
	.root #GameChangers .banner-item .even .image-source-wrapper .pannel blockquote,
	.root #GameChangers .banner-item .even .image-source-wrapper button a {
		color: white;
	}

	.root #GameChangers .banner-item .image-source-wrapper .btn {
		padding: 0.75rem 0.6rem;
		right: 15px;
	}
    .root section#youtube {
        padding-bottom: 0 !important;
        margin-bottom: 96px;
    }
}

.root .aSlider .tabs,
.root #IndustryService .tabs {
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 5rem;
	font-size: 1.25rem;
}

.root .aSlider .tabs .tabs-item,
.root #IndustryService .tabs .tabs-item {
	padding: 0.2rem 1.75rem 0;
	transition: all 400ms ease-in-out;
	cursor: pointer;
}

.root .aSlider .tabs .tabs-item.active,
.root #IndustryService .tabs .tabs-item.active {
	background-color: #0861ae;
	color: #fff;
}

.root .aSlider aside,
.root #IndustryService aside {
	position: relative;
}

.root .aSlider aside .container,
.root #IndustryService aside .container {
	height: 100%;
}

.root .aSlider aside .container .row,
.root #IndustryService aside .container .row {
	height: 100%;
}

.root .aSlider aside .service-wrapper,
.root #IndustryService aside .service-wrapper {
	background-repeat: no-repeat;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.root #OurCustomers .container {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
}
.root #OurCustomers .container .row {
	width: 95%;
	margin: 0 auto;
}
.root #OurCustomers .container [type=reset],
.root #OurCustomers .container [type=submit],
.root #OurCustomers .container button,
.root #OurCustomers .container html [type=button] {
    -webkit-appearance: button;
    z-index: 99999;
}
.root .aSlider aside .service-wrapper .image-item,
.root #IndustryService aside .service-wrapper .image-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.root .aSlider aside .service-wrapper .image-item img,
.root #IndustryService aside .service-wrapper .image-item img {
	position: absolute;
	top: 0;
	left: 0;
}

.root .aSlider aside .service-wrapper .service-block,
.root #IndustryService aside .service-wrapper .service-block {
	/*display: flex;
                    flex-direction: column;
                    justify-content: center;*/
	background-color: #EDF0F9;
	box-shadow: -15px 15px 40px 0 rgba(0, 0, 0, 0.1);
	padding: 5rem;
	max-height: 22.25rem;
}

.root .aSlider aside .service-wrapper .service-block .pannel,
.root #IndustryService aside .service-wrapper .service-block .pannel {
	display: flex;
	position: relative;
	align-self: flex-start;
	margin-bottom: 1rem;
	align-items: center;
}

.root .aSlider aside .service-wrapper .service-block .pannel .titles,
.root #IndustryService aside .service-wrapper .service-block .pannel .titles {
	position: relative;
	align-self: flex-start;
	width: 100%;
	/*height: 2.5rem;*/
	/*overflow: hidden;*/
}

.root .aSlider aside .service-wrapper .service-block .pannel .titles .title,
.root #IndustryService aside .service-wrapper .service-block .pannel .titles .title {
	/*position: absolute;*/
	left: 0;
	right: 0;
	top: 0;
	color: #0861ae;
	font-weight: 700;
	font-size: 1.71rem;
	opacity: 0;
    display: none;
}

.root .aSlider aside .service-wrapper .service-block .pannel .titles .title.active,
.root #IndustryService aside .service-wrapper .service-block .pannel .titles .title.active {
	opacity: 1;
    display: block;
}

.root .aSlider aside .service-wrapper .service-block .pannel .arrow,
.root #IndustryService aside .service-wrapper .service-block .pannel .arrow {
	position: absolute;
    top:-6px;
	color: #02B5FD;
	font-size: 1.5rem;
	padding: 0 1rem;
}

.root .aSlider aside .service-wrapper .service-block .pannel .arrow.left,
.root #IndustryService aside .service-wrapper .service-block .pannel .arrow.left {
	left: -45px;
}

.root .aSlider aside .service-wrapper .service-block .pannel .arrow.left:before,
.root #IndustryService aside .service-wrapper .service-block .pannel .arrow.left:before {
	content: '\276E';
}

.root .aSlider aside .service-wrapper .service-block .pannel .arrow.right,
.root #IndustryService aside .service-wrapper .service-block .pannel .arrow.right {
	right: -45px;
}

.root .aSlider aside .service-wrapper .service-block .pannel .arrow.right:before,
.root #IndustryService aside .service-wrapper .service-block .pannel .arrow.right:before {
	content: '\276F';
}

.root .aSlider aside .service-wrapper .service-block .paragraphes,
.root #IndustryService aside .service-wrapper .service-block .paragraphes {
	position: relative;
	align-self: flex-start;
	width: 100%;
	min-height: 8rem;
	overflow: hidden;
	margin-bottom: 1.2rem;
}

.root .aSlider aside .service-wrapper .service-block .paragraphes p,
.root #IndustryService aside .service-wrapper .service-block .paragraphes p {
	font-size: .875rem;
	font-weight: 300;
	position: absolute;
	left: 0;
	top: 0;
}

.root .aSlider aside .service-wrapper .service-block .btn,
.root #IndustryService aside .service-wrapper .service-block .btn {
	font-size: .8rem;
	padding: 1rem 1.385rem;
	background: rgba(255, 255, 255, 0.7);;
}

.aSlider aside .service-wrapper .service-block .btn a,
#IndustryService aside .service-wrapper .service-block .btn a {
	color: #454046;
	font-size: 0.9rem;
}


.root #OurCustomers {
	background-image: url('../images/bg-customers.jpg');
	background-size: cover;
    z-index: 1;
}

.root #OurCustomers .section-title {
	margin-bottom: 9.37500rem;
}

@media (max-width: 768px) {
	.root #OurCustomers .image-source-wrapper {
		padding-bottom: 90px;
	}
}

.root #BoundLess {
	margin-bottom: 0;
	background-color: #EDF0F9;
	/*background-image: url('../images/map2.png');*/
	/*background-repeat: no-repeat;*/
	/*background-position: bottom center; */
}

.root #BoundLess .container > .row:first-child {
	margin-bottom: -10%;
}

.root #BoundLess .section-title.-first {
	margin-top: 5.5rem;
	margin-bottom: 0.1rem;
}

.root #BoundLess .section-title.-second {
	margin-bottom: 2.75rem;
}

.root #BoundLess .keys {
	display: flex;
	justify-content: center;
	margin-bottom: 5rem;
}

.root #BoundLess .keys .keys-item {
	display: flex;
	align-items: center;
	margin: 0 1rem;
}

.root #BoundLess #Map {
	position: relative;
}

.root #BoundLess #Map .image-source img.projects {
	position: absolute;
	top: -80px;
	opacity: 0;
	transition: all 600ms ease-in .2s;
}

.root #BoundLess #Map .image-source img.projects.in-view {
	opacity: 1;
	top: 0;
}

.root #BoundLess #Map .image-source img {
	display: block;
	width: 100%;
	height: auto;
}

.root #BoundLess #Map .hotspots {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.root #BoundLess #Map .hotspots .hotspots-item {
	position: absolute;
	display: flex;
	/* IN-VIEW */
}

.root #BoundLess #Map .hotspots .hotspots-item.in-view .iconx-office:after {
	transform: translateY(0%);
	opacity: 1;
}

.root #BoundLess #Map .hotspots .hotspots-item.in-view span {
	transform: translateX(0%);
	opacity: 1;
	text-transform: uppercase;
	font-size: 12px;
	min-width: 23px;
}

.root #BoundLess #Map .hotspots .hotspots-item span {
	line-height: 1;
	color: #02B5FD;
	font-weight: 600;
	opacity: 0;
	transform: translateX(-100%);
	transition: all 400ms ease-in-out;
	transition-delay: 2.5s;
}

/* Map location Max-Height*/
.root #BoundLess #Map .hotspots .hotspots-item .iconx-office {
	flex-direction: column-reverse;
	align-items: center;
	height: 2rem;
}

.root #BoundLess #Map .hotspots .hotspots-item .iconx-office:before {
	margin: 0;
}

.hotspots-item.rotate {
	align-items: baseline;
}

.root #BoundLess #Map .hotspots .hotspots-item.rotate .iconx-office {
	transform: rotate(180deg);
}

.root #BoundLess #Map .hotspots .hotspots-item.rotate span {
	position: relative;
	top: 5px;
}

@media (min-width: 720px) {
	.root #BoundLess #Map .hotspots .hotspots-item .iconx-office:after {
		content: '';
		width: 1px;
		/* Basic Map Pin Point Height */
		height: inherit;
		background-color: #02B5FD;
		transition: all 400ms ease-in-out;
		opacity: 0;
		transform: translateY(100%);
		transition-delay: 1.5s;
	}
}


.root #DoYou {
	background-image: url('../images/bg-do-you-have.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.root #DoYou a {
	text-decoration: none;
}

.root #DoYou .btn:hover:after {
	background: white;
}

.root #DoYou .container {
	height: 100%;
}

.root #DoYou .container .row {
	height: 100%;
}

.root #DoYou #ContextBanner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 7rem 5rem;
	background-color: rgba(134, 45, 175, 0.95);
	color: #fff;
}

.root #DoYou #ContextBanner .title {
    font-size: 4rem;
    font-weight: 100;
    text-align: left;
    display: block;
    width: 100%;
}

.root #DoYou #ContextBanner .btn {
	align-self: flex-start;
	font-size: 1.125rem;
	padding: 0.8rem 2rem;
	margin-top: 3rem;
}

.root #SocialMedia {
	margin-bottom: 0;
	margin-top: 2%;
}

.root #SocialMedia .social {
	display: flex;
	justify-content: center;
}

.root #SocialMedia .social .social-item {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0861ae;
	width: 50px;
	height: 50px;
	margin: 0 0.5rem;
}

.root #SocialMedia .site-items {
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: center;
}
.root #SocialMedia .site-items .site-item{
	text-align: center;
}
.root #SocialMedia .site-items .site-item:not(:last-child){
	border-right: 1px solid #0861ae;
}
.root #SocialMedia .site-items .site-item.site-link {
	padding-right: 0;
	width: 100%;
   display: block;
   text-align: center;
}
.root #SocialMedia .site-items .site-item:last-child .site-link {
	padding-left: 0;
}

.root #SocialMedia .site-items .site-item .site-link {
	color: #2C6EDE;
	font-size: .8rem;
	text-decoration: underline;
}

@media (max-width: 330px) {
	.root #SocialMedia .site-items .site-item .site-link {
		font-size: .7rem !important;
	}

	.root #SocialMedia .site-items .site-item:not(:last-child) .site-link {
		padding-right: 7px !important;
	}
}

.root #SocialMedia .rights {
	margin-bottom: 1.5rem;
}

.root #SocialMedia .rights .iconx-matrix {
	color: #0861ae;
	padding-right: 0;
	font-size: 1.5em;
}

.root #MainRegister {
	background-color: #EDF0F9;
	padding: 5rem 0;
	margin-bottom: 0;
}
#MainRegister .col .fa-long-arrow-right {
	font-size: 1.5rem;
	color: #02B5FD;
	top: 30px;
	position: relative;
	margin: 0 5px;
}

.event-item .fa-long-arrow-right {
	font-size: 0.85rem;
	color: #02B5FD;
	top: 19px;
	position: relative;
	margin: 0 4px;
}

#MainRegister .container  {
	padding: 0;
}

.root #MainRegister .btn {
	display: inline-block;
	font-size: 1.15rem;
	font-weight: 500;
	padding: 0.6rem 4rem;
	background: #F6F7F9;
}

.root #MainRegister .section-title {
	font-size: 2.5rem;
	line-height: 48px;
	font-weight: 400;
}

.root #EventDetails #EventImage {
	margin-bottom: 3rem;
}

#EventDetails > .container {
	overflow: visible;
}

#EventDetails .addeventatc {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	border: none;
	background: white;
	display: flex;
	align-items: center;
	line-height: 1;

}

#EventDetails .fa.fa-calendar-plus-o.atc_node {
	position: absolute;
	top: 11px;
	zoom: 0.9;
	left: 11px;
	font-size: 1.7rem;
	color: #853399;
	opacity: 0;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

#EventDetails .addeventatc:hover:before {
	opacity: 1;
}

#EventDetails .addeventatc:hover .fa.fa-calendar-plus-o.atc_node {
	opacity: 0;
	zoom: 1;
}

#EventDetails .addeventatc .atc_node:first-child {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	color: #454046;
	background-color: #fff;
}

#EventDetails .addeventatc_icon.atc_node {
	display: none;
}

.root #EventDetails .details-items .details-item {
	font-size: 1rem;
}

.root #EventDetails .details-items .details-item:not(:last-child) {
	margin-bottom: 2.5rem;
}

.root #EventDetails .details-items .details-item p {
	width: 75%;
}

.root #EventDetails .details-items .details-item address {
	width: 50%;
}

.root #EventDetails .details-items .details-item > *:first-child {
	color: #474348;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.root #EventDetails .details-items .details-item:last-child > *:first-child {
	color: #474348;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.root #EventDetails .social .social-item {
	padding-right: 1.5rem;
}

.root #EventDetails .events-bottons {
	display: flex;
}

.root #EventForm iframe {
	width: 100%;
	height: 40vh;
	padding-top: 5rem;
}
#contact-us .g-recaptcha {
    margin-top: 20px;
}
#find-out-more #lead-form .g-recaptcha {
    display: inline-block !important;
    margin-top: 25px;
}
#find-out-more #lead-form .g-recaptcha.hide {
    display: none !important;
    margin-top: 25px;
}
#career-popup-container .g-recaptcha {
    margin-left: -15px;
    margin-bottom: 15px;
}
.root #EventForm .g-recaptcha {
    margin-bottom: 20px;
}
.root #EventForm .g-recaptcha iframe {
    padding: 0;
}
.root #EventForm .section-title {
	font-size: 2rem;
	padding-top: 5rem;
	padding-bottom: 2rem;
}

.root #EventForm .input-group {
	margin-bottom: 2rem;
}

.root #EventForm .input-group .form-control {
	border-radius: 0;
	border-color: #0861ae;
	background-color: #F2F7FD;
	padding: 1rem .5rem;
}

.root #EventForm .input-group .form-control::-webkit-input-placeholder {
	color: #949398;
}

.root #EventForm .input-group .form-control:-moz-placeholder {
	color: #949398;
}

.root #EventForm .input-group .form-control::-moz-placeholder {
	color: #949398;
}

.root #EventForm .input-group .form-control:-ms-input-placeholder {
	color: #949398;
}

.root #OtherEvents {
	background-color: #F2F7FD;
	padding-bottom: 7.35rem;
	margin-bottom: 0;
}

.root #OtherEvents .section-title {
	padding: 4rem 0 2rem;
}

.root #AllEvents {
	background-color: #F2F7FD;
	padding: 4rem 0;
	margin-bottom: 0;
}

.root #MainEvents {
	background-color: #F2F7FD;
	margin-bottom: 0;
}

.root #MainEvents .section-title {
	margin-top: 10rem;
	font-size: 4.5rem;
	font-weight: 300;
}

.root #FinancialReports .section-title {
	margin: 4rem 0 1rem;
}

.root #FinancialReports .section-sub-title {
	margin: 0 0 2rem;
}

.root #lifeAtMatrix,
.root #StockExchangeData {
	border-top: 1px solid #E1E4ED;
	border-bottom: 1px solid #E1E4ED;
}

.root #lifeAtMatrix .section-title,
.root #StockExchangeData .section-title {
	text-align: center;
	margin-bottom: 1.5rem;
}

.root #lifeAtMatrix .btn,
.root #StockExchangeData .btn {
	align-self: center;
}

.root #FinancialNews {
	background-color: #F2F7FD;
	padding: 2.5rem 0;
}

.root #FinancialNews .section-title {
	margin-bottom: 1.5rem;
}

.root #MainCEO {
	margin-bottom: 0;
}

.root #MainCEO .section-title {
	margin-bottom: 3.5rem;
}

.root #MainCEO blockquote {
	font-size: 1.5rem;
	padding: 0 2rem;
}

.root #MainCEO blockquote:before {
	font-size: 3.5rem;
	color: #02B5FD;
}

.root #MainCEO blockquote:after {
	font-size: 3.5rem;
	color: #02B5FD;
}

.root #FastFacts .section-title {
	margin: 4rem 0;
}

.root #AFewWords {
	background-color: #E8F1F8;
	margin-bottom: 0;
}
@media (max-width: 768px) {
	.root #AFewWords img {
		max-width: 150px;
		display: block;
		margin: 0 auto;
	}

	.root #BoundLess #Map .hotspots .hotspots-item.in-view span {
		display: none;
	}

}


.root #AFewWords .section-title {
	padding: 8rem 0 5rem;
}

.root #AFewWords p {
	font-size: 1.250rem;
	font-weight: 300;
}

.root #AFewWords .signature {
	display: flex;
	flex-direction: column;
	padding: 3rem 0 0 0;
}

.root #AFewWords .signature img {
	align-self: flex-start;
	padding: 3rem 0;
}

.root #Remarks {
	padding: 3rem 0;
	margin-bottom: 0;
}

.root #Remarks .remarks-item {
	font-size: .9rem;
	font-weight: 300;
}

.root .section-title {
	font-size: 3.75rem;
	font-weight: 100;
	text-transform: uppercase;
}

.root .section-subtitle {
	font-size: 1.25rem;
	font-weight: 300;
	margin-bottom: 2.875rem;
}

.is-search-screen {
	overflow: hidden;
}

#SearchScreen {
    overflow: hidden !important;
}
.is-search-screen #SearchScreen {
	transform: translateY(0%);
}

#SearchScreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #454046;
	overflow: auto;
	transition: all 600ms ease-in-out;
	transform: translateY(-100%);
}

#SearchScreen .icon-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
    z-index: 99999;
}

#SearchScreen #SearchResults {
	text-align: center;
}

#SearchScreen #SearchResults .title {
	display: inline-block;
	font-weight: 100;
	font-size: 2.5rem;
	text-align: center;
	line-height: 14px;
	margin: 5rem 0;
}

#SearchScreen #SearchResults .title:after {
	content: '';
	display: inline-block;
	height: 1px;
	width: 60%;
	background-color: #02B5FD;
}

#SearchScreen #SearchResults .title-no-results {
	font-size: 1rem;
	font-weight: 300;
	margin: 5rem 0;
}

#SearchScreen #SearchResults .results-items {
	list-style-type: none;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
    height:100%;
    max-height: 11.7rem;
    max-height: 39vh;
}

#SearchScreen #SearchResults .results-items .result-item {
	border-bottom: 1px solid #E2E2E2;
	padding: 1.5rem 0;
	text-align: left;
}

#SearchScreen #SearchResults .results-items .result-item .result-link {
	font-size: 1.5rem;
	font-weight: 300;
	color: #454046;
	text-transform: uppercase;
}

#SearchScreen #SearchResults .results-items .result-item .result-link:hover {
	text-decoration: none;
	color: #02B5FD;
}

#SearchScreen #SearchPannel {
	display: flex;
	flex-direction: column;
	margin-top: 9rem;
}
#SearchScreen #SearchPannel .input-search {
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	width: 100%;
	font-size: 2.5rem;
	outline: none;
	border: none;
	color: #454046;
	padding-right: 3rem;
	text-transform: uppercase;
}

#SearchScreen #SearchPannel .input-search::placeholder {
	font-weight: 100;
	font-style: italic;
}

#SearchScreen #SearchPannel > .fa-search {
	font-size: 2.5rem;
	color: #0861ae;
	position: absolute;
	top: 5px;
	right: 15px;
}

#SearchScreen #SearchPannel:after {
	content: '';
	height: 3px;
	background-color: #454046;
}

/* Icons */
@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.eot?i0w52w");
	src: url("../fonts/icomoon.eot?i0w52w#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?i0w52w") format("truetype"), url("../fonts/icomoon.woff?i0w52w") format("woff"), url("../fonts/icomoon.svg?i0w52w#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
	content: "\e900";
	color: #7f1da8;
}

.icon-Ellipse-2-copy:before {
	content: "\e901";
	color: #852cad;
}

.icon-Ellipse-1094-copy:before {
	content: "\e902";
	color: #00b5ff;
}

.icon-search:hover {
	color: #0861ae;
}

.icon-search:before {
	content: "\e986";
	font-size: 1.5rem;
}

/* Hover */
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.2.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes hvr-pulse {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

.hvr-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@keyframes hvr-pulse-grow {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

.hvr-pulse-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
	-webkit-animation-name: hvr-pulse-grow;
	animation-name: hvr-pulse-grow;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes hvr-pulse-shrink {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

.hvr-pulse-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
	-webkit-animation-name: hvr-pulse-shrink;
	animation-name: hvr-pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.hvr-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
	-webkit-animation-name: hvr-push;
	animation-name: hvr-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.hvr-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
	-webkit-animation-name: hvr-pop;
	animation-name: hvr-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
	-webkit-transform: scale(1.1) rotate(4deg);
	transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@-webkit-keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

.hvr-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}

@keyframes hvr-hang {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}

@-webkit-keyframes hvr-hang-sink {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}

@keyframes hvr-hang-sink {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}

.hvr-hang {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
	-webkit-animation-name: hvr-hang-sink, hvr-hang;
	animation-name: hvr-hang-sink, hvr-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
	-webkit-transform: skew(10deg);
	transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes hvr-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.hvr-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.hvr-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes hvr-wobble-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.hvr-wobble-to-bottom-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
	-webkit-animation-name: hvr-wobble-to-bottom-right;
	animation-name: hvr-wobble-to-bottom-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px);
	}
	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes hvr-wobble-to-top-right {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px);
	}
	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.hvr-wobble-to-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
	-webkit-animation-name: hvr-wobble-to-top-right;
	animation-name: hvr-wobble-to-top-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

@keyframes hvr-wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

.hvr-wobble-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
	-webkit-animation-name: hvr-wobble-top;
	animation-name: hvr-wobble-top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

@keyframes hvr-wobble-bottom {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

.hvr-wobble-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
	-webkit-animation-name: hvr-wobble-bottom;
	animation-name: hvr-wobble-bottom;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

@keyframes hvr-wobble-skew {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

.hvr-wobble-skew {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
	-webkit-animation-name: hvr-wobble-skew;
	animation-name: hvr-wobble-skew;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}

@keyframes hvr-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}

.hvr-buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}

@keyframes hvr-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}

.hvr-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
	-webkit-transform: translateX(8px);
	transform: translateX(8px);
}

/* Backward */
.hvr-backward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
	-webkit-transform: translateX(-8px);
	transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
	50% {
		background-color: rgba(32, 152, 209, 0.75);
	}
}

@keyframes hvr-back-pulse {
	50% {
		background-color: rgba(32, 152, 209, 0.75);
	}
}

.hvr-back-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-color: rgba(0, 0, 0, 0.6);
	background-color: #2098d1;
	color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: white;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
	color: white;
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
	color: white;
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
	color: white;
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
	color: white;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
	color: white;
}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
	color: white;
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
	color: white;
}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
	color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-radial-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e1e1e1;
	border-radius: 100%;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
	color: white;
}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
	-webkit-transform: scale(0);
	transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e1e1e1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
	color: white;
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
	-webkit-transform: scale(0);
	transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
	color: white;
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e1e1e1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
	color: white;
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	color: white;
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e1e1e1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
	color: white;
}

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
	color: white;
}

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
	/* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
	box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
	/* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: background;
	transition-property: background;
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
	/* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
	background: none;
}

/* Trim */
.hvr-trim {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-trim:before {
	content: '';
	position: absolute;
	border: white solid 4px;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
	opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}

.hvr-ripple-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-ripple-out:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 6px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
	}
}

@keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
	}
}

.hvr-ripple-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-ripple-in:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
	-webkit-animation-name: hvr-ripple-in;
	animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-outline-out:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
}

/* Outline In */
.hvr-outline-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-outline-in:before {
	pointer-events: none;
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -16px;
	right: -16px;
	bottom: -16px;
	left: -16px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: border-radius;
	transition-property: border-radius;
}

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
	border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
	right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	left: 0;
	right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-underline-from-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
	left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-overline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
	right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-overline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
	left: 0;
	right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-overline-from-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
	left: 0;
}

/* Reveal */
.hvr-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-color: rgba(0, 0, 0, 0.6);
	border-style: solid;
	border-width: 0;
	-webkit-transition-property: border-width;
	transition-property: border-width;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-underline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-overline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 4px;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
	/* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
	/* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	/* move the element up by 5px */
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-shadow-radial:before, .hvr-shadow-radial:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.hvr-shadow-radial:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}

.hvr-shadow-radial:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
	opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-bubble-top:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 10px);
	top: 0;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-bubble-right:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	top: calc(50% - 10px);
	right: 0;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-bubble-bottom:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 10px);
	bottom: 0;
	border-width: 10px 10px 0 10px;
	border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-bubble-left:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	top: calc(50% - 10px);
	left: 0;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-top:before {
	position: absolute;
	z-index: -1;
	content: '';
	left: calc(50% - 10px);
	top: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #e1e1e1 transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-right:before {
	position: absolute;
	z-index: -1;
	top: calc(50% - 10px);
	right: 0;
	content: '';
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #e1e1e1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-bottom:before {
	position: absolute;
	z-index: -1;
	content: '';
	left: calc(50% - 10px);
	bottom: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #e1e1e1 transparent transparent transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-left:before {
	position: absolute;
	z-index: -1;
	content: '';
	top: calc(50% - 10px);
	left: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e1e1e1 transparent transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-left: 2.2em;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

.hvr-icon-back:before {
	content: "\f137";
	position: absolute;
	left: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

.hvr-icon-forward:before {
	content: "\f138";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@keyframes hvr-icon-down {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

/* Icon Down */
.hvr-icon-down {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-down:before {
	content: "\f01a";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
	-webkit-animation-name: hvr-icon-down;
	animation-name: hvr-icon-down;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

@keyframes hvr-icon-up {
	0%,
	50%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,
	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

/* Icon Up */
.hvr-icon-up {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-up:before {
	content: "\f01b";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
	-webkit-animation-name: hvr-icon-up;
	animation-name: hvr-icon-up;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-spin:before {
	content: "\f021";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	51%,
	100% {
		opacity: 1;
	}
}

@keyframes hvr-icon-drop {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	51%,
	100% {
		opacity: 1;
	}
}

/* Icon Drop */
.hvr-icon-drop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-drop:before {
	content: "\f041";
	position: absolute;
	right: 1em;
	opacity: 1;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-animation-name: hvr-icon-drop;
	animation-name: hvr-icon-drop;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-fade:before {
	content: "\f00c";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color;
	transition-property: color;
}

.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
	color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em);
	}
}

@keyframes hvr-icon-float-away {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em);
	}
}

/* Icon Float Away */
.hvr-icon-float-away {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-float-away:before, .hvr-icon-float-away:after {
	content: "\f055";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
}

.hvr-icon-float-away:after {
	opacity: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
	-webkit-animation-name: hvr-icon-float-away;
	animation-name: hvr-icon-float-away;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em);
	}
}

@keyframes hvr-icon-sink-away {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em);
	}
}

/* Icon Sink Away */
.hvr-icon-sink-away {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
	content: "\f056";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-sink-away:after {
	opacity: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
	-webkit-animation-name: hvr-icon-sink-away;
	animation-name: hvr-icon-sink-away;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-grow:before {
	content: "\f118";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
	-webkit-transform: scale(1.3) translateZ(0);
	transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-shrink:before {
	content: "\f119";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.hvr-icon-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-pulse:before {
	content: "\f015";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
	-webkit-animation-name: hvr-icon-pulse;
	animation-name: hvr-icon-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}

@keyframes hvr-icon-pulse-grow {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}

.hvr-icon-pulse-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-pulse-grow:before {
	content: "\f015";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
	-webkit-animation-name: hvr-icon-pulse-grow;
	animation-name: hvr-icon-pulse-grow;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes hvr-icon-pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.hvr-icon-pulse-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}

.hvr-icon-pulse-shrink:before {
	content: "\f015";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
	-webkit-animation-name: hvr-icon-pulse-shrink;
	animation-name: hvr-icon-pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

@keyframes hvr-icon-push {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

.hvr-icon-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-push:before {
	content: "\f006";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
	-webkit-animation-name: hvr-icon-push;
	animation-name: hvr-icon-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

.hvr-icon-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-pop:before {
	content: "\f005";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
	-webkit-animation-name: hvr-icon-pop;
	animation-name: hvr-icon-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-bounce:before {
	content: "\f087";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-rotate:before {
	content: "\f0c6";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-grow-rotate:before {
	content: "\f095";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
	-webkit-transform: scale(1.5) rotate(12deg);
	transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-float:before {
	content: "\f01b";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-sink:before {
	content: "\f01a";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

@keyframes hvr-icon-bob {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

@-webkit-keyframes hvr-icon-bob-float {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

@keyframes hvr-icon-bob-float {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}

.hvr-icon-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-bob:before {
	content: "\f077";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
	-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
	animation-name: hvr-icon-bob-float, hvr-icon-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@-webkit-keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

.hvr-icon-hang {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-hang:before {
	content: "\f078";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
	-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.hvr-icon-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal:before {
	content: "\f061";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
	-webkit-animation-name: hvr-icon-wobble-horizontal;
	animation-name: hvr-icon-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes hvr-icon-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.hvr-icon-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical:before {
	content: "\f062";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
	-webkit-animation-name: hvr-icon-wobble-vertical;
	animation-name: hvr-icon-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}

@keyframes hvr-icon-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}

.hvr-icon-buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-buzz:before {
	content: "\f017";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
	-webkit-animation-name: hvr-icon-buzz;
	animation-name: hvr-icon-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}

@keyframes hvr-icon-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}

.hvr-icon-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-buzz-out:before {
	content: "\f023";
	position: absolute;
	right: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
	-webkit-animation-name: hvr-icon-buzz-out;
	animation-name: hvr-icon-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-curl-top-left:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	left: 0;
	background: white;
	/* IE9 */
	background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
	/*For IE7-8-9*/
	z-index: 1000;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
}

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
	width: 25px;
	height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-curl-top-right:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	right: 0;
	background: white;
	/* IE9 */
	background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
}

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
	width: 25px;
	height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-curl-bottom-right:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	bottom: 0;
	right: 0;
	background: white;
	/* IE9 */
	background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
	width: 25px;
	height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}

.hvr-curl-bottom-left:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	bottom: 0;
	left: 0;
	background: white;
	/* IE9 */
	background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
	box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
	width: 25px;
	height: 25px;
}

/* Search Custom Scrollbar*/
#SearchScreen .results-items::-webkit-scrollbar {
	width: 1em;
}

#SearchScreen .results-items::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#SearchScreen .results-items::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(8, 97, 174, 0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#SearchScreen .results-items::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(8, 97, 174, 0.4);
}
.page-template-page-life-at-matrix #lifeAtMatrix,
.page-template-page-life-at-matrix #StockExchangeData {
    margin-bottom:0;
}
.page-template-page-life-at-matrix #lifeAtMatrix > .image-source.visible > img {
    margin: 0 auto;
}
#youtube {
    padding-bottom: 5%;
}
#youtube .section-title {
    font-size: 18px;
    font-weight: bold;
}
#youtube #youtube-container {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#youtube .video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#youtube .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#youtube .more-videos {
    position: absolute;
    left: 0;
    bottom: -20px;
}
#career-popup-overlay #career-popup-container {
    background: #EDF0F9;
    -webkit-transition: all 500ms ease-in-out ;
    -moz-transition: all 500ms ease-in-out ;
    -ms-transition: all 500ms ease-in-out ;
    -o-transition: all 500ms ease-in-out ;
    transition:  500ms ease-in-out ;
}
#career-popup-overlay #career-popup-container .career-popup-content-container .submit {
    font-size: 17px;
    padding: 13.5px 44.83px;
}
#career-popup-overlay #career-popup-container .career-popup-content-container .submit.disable {
    opacity: 0.5;
    background-color: #0861ae;
    color: white;
}
#career-popup-overlay #career-popup-container .career-popup-content-container .submit.disable:hover:after {
    width: 0 !important;
}
#career-popup-overlay #close {
    display: inline-block;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 2px solid rgba(115, 42, 130, 0.7);
    cursor: pointer;
}
#career-popup-overlay #career-popup-container .conformation {
    padding-top: 20px;
}
#career-popup-overlay #career-popup-container .conformation > input {
    display: inline-block;
    width: 10%;
}
#career-popup-overlay #career-popup-container .conformation > span {
    display: inline-block;
    width: 86%;
}
#career-popup-overlay #career-popup-container .conformation > span > span {
    display: block;
}
#career-popup-overlay .popup-title {
    display: block;
    text-transform: uppercase;
    color: #732a82;
    font-weight: bold;
    font-size: 24px;
    margin: 15px 0 10px 0;
}
.career-popup-content-container #dropZone span:nth-child(1) {
    padding: 25px 0;
}
.career-popup-content-container #dropZone span:nth-child(2) {
    font-weight: bold;
    font-size: 20px;
}
.career-popup-content-container #dropZone span:nth-child(3) {
    font-weight: 200;
    font-size: 17px;
}

#bottom-banner-block .image-source > img,
#bottom-banner-block .image-source-wrapper a {
    display: block;
    margin: 0 auto;
	object-fit: cover;
}

#career-popup-overlay {
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 999999;
}

#career-popup-container {
    position: fixed;
    width: 480px;
    height: fit-content;
    background: white;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.career-popup-content-container {
    position: relative;
    padding: 40px 36px;
}

#cvAttachedFile {
    opacity: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    display: block;
    font-size: 3em;
    z-index: 8;
}

#dropZone {
    position: relative;
    border: 3px dashed #6d6d6d;
    width: 100%;
    margin: 0 auto;
    background: white;
    padding-bottom: 10px;
}

#dropZone span {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#career-popup-container #dropZone .fileName {position: relative;padding: 40px 60px;}
#career-popup-container #dropZone .fileName > span {font-size:15px;text-align: left;position: relative;}
#career-popup-container #dropZone .fileName > img:first-child {position:absolute;display: inline-block;top: 34px;left: 20px;}
#career-popup-container #dropZone .fileName > span > img {/*position:absolute;display: inline-block;top: 34px;right: 20px;*/}
.page-career .container .section-title > div:first-child {
    font-size: 55px;
    text-align: center;
}
.page-career section#bottom-banner-block {
    margin-bottom: 0;
}
.page-career .container .section-title > div:last-child {
    font-size: 23px;
    text-align: center;
    margin-bottom: 30px;
}
#progressBarContainer {
    display: block;
    width: 70%;
    height: 4px;
    border-radius: 50px;
    position: relative;
    margin: -36px 0 0 60px;
    background: rgba(134, 45, 175, 0.3);
}
#progressBar {
    display: block;
    width: 0%;
    height: inherit;
    background: #0861ae;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    opacity: 1;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
#career-popup-container #dropZone .fileName > span > img {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9;
    cursor: pointer;
}
div.clearDropZone {
    position: relative;
    padding: 10px 0 0 60px;
    cursor: pointer;
    z-index: 9;
}

#dropZone div.clearDropZone > img {
    display: inline-block;
    position:relative;
    top:-1px;
}

#career-popup-container .career-popup-content-container #dropZone div.clearDropZone > span {
    display: inline-block;
    text-align: left;
    margin-left: 10px;
    font-size: 17px;
    font-weight: 300;
}
.fileNameError {
    position: relative;
    padding: 10px 0 0 60px;
    font-size: 12px;
    font-weight: bold;
    color: red;
}

#career-popup-container .career-popup-content-container #checkboxError {
    position: relative;
    top: 20px;
    font-size: 16px;
    color: red;
    display: block !important;
}
#checkboxError.checkboxError:after {
    content: attr(data-checkbox-error) ;
}
#checkboxError.serverError:after {
    content: attr(data-server-error);
}
#thankyou .title {
    font-family: Heebo;
    font-weight: bold;
    font-size: 40px;
    text-transform: uppercase;
    color: #732d8f;
    text-align: center;
}
#thankyou .line-1,
#thankyou .line-2 {
    font-family: Heebo;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
}
#thankyou .line-1 {
    margin-top: 20px;
}
#thankyou {
    display: none;
    padding-bottom: 60px;
}
#formReplyMessage .formReplyMessage-title {
    text-align: center;
    font-size: 40px;
    font-width: bold;
    color: #0861ae;
}
#formReplyMessage .formReplyMessage-line-1,
#formReplyMessage .formReplyMessage-line-2 {
    text-align: center;
    font-size: 20px;
    font-weight: lighter;
    color: #454046
}
#formReplyMessage .formReplyMessage-error {
    text-align: center;
    font-size: 40px;
    font-width: bold;
    color: red;
}
#find-out-more .formReplyMessage-title,
#find-out-more .formReplyMessage-line-1,
#find-out-more .formReplyMessage-line-2 {
    color: white;
}
@keyframes scale-up {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
}

@media (min-width: 768px) {
	header .hamburger {
		display: none;
	}

	.slick-dots {
		width: 81% !important;
	}

	.root #GameChangers .banner-item .image-source-wrapper .details .author:after {
		content: ', ';
	}

	.root #OurCustomers img {
	}
}

@media (max-width: 991px) {
    #FastFacts .facts-icon-item .main-icon,
    #FastFacts .facts-icon-item .hover-icon {
        display: none !important;
    }
    .page-career .container .section-title > div:first-child {
        font-size: 2.2rem;
        margin-bottom: 2%;
    }
	#SearchScreen #SearchResults .title {
		font-size: 1rem;
		margin: 2rem 0;
	}

	.root .section-title {
        font-size: 2.2rem;
        line-height: 1;
	}
	.root .section-sub-title {
        font-size: 1.5rem!important;
        line-height: 1;
	}
    #bottom-banner-block .section-title {
        font-size: 2.2rem;
        line-height: 1;
        margin-bottom: 11%;
    }

    #bottom-banner-block .image-source-wrapper a {
        display: block;
        margin: 0px auto;
        padding: 10px 15px;
    }
    .root #MainRegister .section-title {
        font-size: 1.9rem;
    .root #MainRegister .section-title
    }
	#SearchScreen #SearchResults .results-items .result-item .result-link {
		font-size: 1rem;
	}

	#SearchScreen #SearchPannel .input-search {
		font-size: 1rem;
	}

	#SearchScreen #SearchPannel .fa-search {
		font-size: 1.5rem;
		top: -5px;
	}

	.root #SocialMedia {
		margin-top: 5rem;
	}

	.navbar-toggleable-md .navbar-nav .dropdown-menu {
		position: static;
		float: none;
	}

	.navbar-toggleable-md > .container {
		padding-right: 0;
		padding-left: 0;
	}

	.hidden-md-down {
		display: none !important;
	}

    .aSlider blockquote,
	#IndustryService blockquote {
		display: none;
	}

	.root #GameChangers blockquote:before,
	.root #GameChangers blockquote:after {
		display: none;
	}

	.financial-news-items .financial-news-item {
		margin-bottom: 15px;
	}

	.events-items .event-item {
		margin-bottom: 15px;
	}

	header {
		background-color: #fff;
	}

	header #Navigation {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	header .navbar .navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		transition: all 300ms ease-in-out;
		transform: translateX(-100%);
	}

	footer {
		display: none;
	}

	.root section .image-source img {
		height: 60vh;
	}

	.root #MainBanner .image-source img {
		height: unset;
	}

	.root #GameChangers .image-source img {
		height: unset;
	}

	.root #GameChangers .banner-item .image-source-wrapper {
		flex-direction: row;
		padding: 1rem;
	}

	.root #GameChangers .banner-item .image-source-wrapper .pannel {
		align-self: center;
		width: 75%;
	}

	.root #GameChangers .banner-item .image-source-wrapper .btn {
		align-self: flex-end;
	}

	.root #GameChangers .banner-item .image-source-wrapper .title {
		font-size: 1.5rem;
	}

	.root #GameChangers .banner-item .image-source-wrapper .details {
		display: flex;
		flex-direction: column;
		font-size: 1rem;
	}

	.root [id^=Slide].aSlider .image-source-wrapper,
	.root #IndustryService .image-source-wrapper {
		display: block;
	}

	.root #BoundLess .keys {
		margin-bottom: 3rem;
	}

	.root .aSlider .tabs,
	.root #IndustryService .tabs {
		margin-bottom: 2rem;
	}

	.root .aSlider .tabs .tabs-item,
	.root #IndustryService .tabs .tabs-item {
		display: flex;
		align-items: center;
		font-size: 0;
		padding: 0 .5rem;
	}

	.root .aSlider .tabs .tabs-item:after,
	.root #IndustryService .tabs .tabs-item:after {
		content: '';
		width: 15px;
		height: 15px;
		background-color: #ccc;
		border-radius: 50%;
	}

	.root .aSlider .tabs .tabs-item.active,
	.root #IndustryService .tabs .tabs-item.active {
		background-color: transparent;
	}

	.root .aSlider .tabs .tabs-item.active:after,
	.root #IndustryService .tabs .tabs-item.active:after {
		background-color: #02B5FD;
	}

	.root .aSlider aside .service-wrapper,
	.root #IndustryService aside .service-wrapper {
		justify-content: flex-end;
	}

	.root .aSlider aside .service-wrapper .service-block,
    .root #IndustryService aside .service-wrapper .service-block {
		padding: 5rem 3rem;
	}

	.root #OurCustomers .section-title {
		margin-bottom: 3.5rem;
	}

	.root #DoYou #ContextBanner {
		padding: 1rem 2rem;
	}

}


@media (max-width: 991px) {
	.root #BoundLess #Map .hotspots .animation-element.animation-falldown.in-view > span,
	.root #BoundLess #Map .hotspots .animation-element.animation-falldown.in-view > .iconx-office:after {
		transition: all 350ms ease-in-out;
		transition-delay: 100ms;
	}

	.root #BoundLess #Map .hotspots span,
	.root #BoundLess #Map .hotspots .iconx-office:after {
		opacity: 0;
		display: none;
	}

	.root #BoundLess #Map .hotspots .animation-element.animation-falldown.in-view:hover > span,
	.root #BoundLess #Map .hotspots .animation-element.animation-falldown.in-view:hover > .iconx-office:after {
		display: block;
		opacity: 1;
	}
}


@media only screen and (min-width: 768px) and (max-width: 850px)  {
	#Navigation > a > img {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 768px) {
    .root #AFewWords .section-title {
        padding: 3rem 0 2rem;
    }
    .root #SocialMedia .site-items{
    	justify-content: center;
    	flex-wrap: wrap;
    }
    .root #SocialMedia .site-items .site-item:not(:last-child) {
	    border-right: none;
	}
	.root #SocialMedia .site-items .site-item{
		text-align: center;
	   width: 100%;
	   max-width: 100%;
	   flex: 0 0 100%;
	   margin-bottom: 15px;
	}
}
@media (max-width: 380px) {
    .root section.aSlider,
    .root section#IndustryService {
        margin-bottom: 235px;
    }
}
@media (max-width: 480px) {
	.slider-for-item > h3 {
        display: none;
    }
    #career-popup-container {
        width: 100%;
    }
    .career-popup-content-container {
        padding: 1%;
    }
}
.mobile-icon {
    display: none !important;
}
.main-icon, .hover-icon {
    display: block !important;
    margin: auto;
}

/* MW-175 - disable all animations in mobile */
@media (max-width: 767px) {
	.animation-element.animation-top,
	.root #BoundLess #Map .image-source img.projects,
	.animation-element.animation-right {
		transition: none;
		opacity: 1;
		transform: none
    }
	.iconx-add-to-calender:before {
		content: url('../images/single-event/calendar_white_sm.png');
	}
	.iconx-view-invitation:before {
		content: url('../images/single-event/paper_clip_sm.png');
	}
    .mobile-icon {
        display: block !important;
        margin: auto;
    }
    .main-icon.hover-icon {
        display: none !important;
    }

    #EventDetails .details-item {
        margin-bottom: 2.5rem;
    }

    #EventDetails .details-item p {
        width: 100% !important;
    }
}
#percentElement {
    font-size: 10px !important;
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto !important;
    opacity: 0.5;
    font-weight: 400 !important;
}
.root #DoYou #ContextBanner {
    width: 42%;
}
@media (max-width: 1200px) {
    .root #DoYou #ContextBanner {
        width: 450px;
        padding: 5rem 2rem 5rem 5rem;
    }
}
@media (max-width: 450px) {
    .root #DoYou #ContextBanner {
        width: 100%;
        padding: 1rem 1rem;
    }
}
.financial-news-item > h3:after {
    background: transparent !important;
}