@font-face {
	font-family: 'San Francisco Pro Display Regular';
	src: url("../fonts/SFProDisplay-Regular.eot");
	src: url("../fonts/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Regular.woff") format("woff"), url("../fonts/SFProDisplay-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'San Francisco Pro Display Medium';
	src: url("../fonts/SFProDisplay-Medium.eot");
	src: url("../fonts/SFProDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Medium.woff") format("woff"), url("../fonts/SFProDisplay-Medium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'San Francisco Pro Display Bold';
	src: url("../fonts/SFProDisplay-Bold.eot");
	src: url("../fonts/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Bold.woff") format("woff"), url("../fonts/SFProDisplay-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'San Francisco Pro Display Black';
	src: url("../fonts/SFProDisplay-Black.eot");
	src: url("../fonts/SFProDisplay-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Black.woff") format("woff"), url("../fonts/SFProDisplay-Black.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'San Francisco Pro Display Light';
	src: url("../fonts/SFProDisplay-Light.eot");
	src: url("../fonts/SFProDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Light.woff") format("woff"), url("../fonts/SFProDisplay-Light.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'San Francisco Pro Display Semibold';
	src: url("../fonts/SFProDisplay-Semibold.eot");
	src: url("../fonts/SFProDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Semibold.woff") format("woff"), url("../fonts/SFProDisplay-Semibold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'San Francisco Pro Display Heavy';
	src: url("../fonts/SFProDisplay-Heavy.eot");
	src: url("../fonts/SFProDisplay-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Heavy.woff") format("woff"), url("../fonts/SFProDisplay-Heavy.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../font/Lato-Regular.eot");
    src: url("../font/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Regular.woff") format("woff"), url("../font/Lato-Regular.ttf") format("truetype");
}


body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.hamburger {
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	-o-transition-property: opacity, filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	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.is-active:hover {
	opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #000;
}

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

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

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

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

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

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


/*
   * 3DX
   */

.hamburger--3dx .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
	-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

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


/*
   * 3DX Reverse
   */

.hamburger--3dx-r .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
	-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

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


/*
   * 3DY
   */

.hamburger--3dy .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
	-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

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


/*
   * 3DY Reverse
   */

.hamburger--3dy-r .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
	-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

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


/*
   * 3DXY
   */

.hamburger--3dxy .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
	-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

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


/*
   * 3DXY Reverse
   */

.hamburger--3dxy-r .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
	-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

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

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


/*
   * Arrow
   */

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

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


/*
   * Arrow Right
   */

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

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


/*
   * Arrow Alt
   */

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

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

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

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


/*
   * Arrow Alt Right
   */

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

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

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
	transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
	-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-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;
	-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
	transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
	-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}


/*
   * Arrow Turn
   */

.hamburger--arrowturn.is-active .hamburger-inner {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

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

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


/*
   * Arrow Turn Right
   */

.hamburger--arrowturn-r.is-active .hamburger-inner {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

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

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
	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 {
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

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

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

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


/*
   * Collapse
   */

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

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

.hamburger--collapse .hamburger-inner::before {
	-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-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);
	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);
	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), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

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

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	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;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-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);
	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);
	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), -webkit-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;
	-webkit-transition-duration: 0.13s;
	-o-transition-duration: 0.13s;
	transition-duration: 0.13s;
	-webkit-transition-delay: 0.13s;
	-o-transition-delay: 0.13s;
	transition-delay: 0.13s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
	top: -20px;
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	-o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	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 {
	-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-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);
	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);
	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), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

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

.hamburger--collapse-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	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;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
   * Elastic
   */

.hamburger--elastic .hamburger-inner {
	top: 2px;
	-webkit-transition-duration: 0.275s;
	-o-transition-duration: 0.275s;
	transition-duration: 0.275s;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

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

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

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

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

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


/*
   * Elastic Reverse
   */

.hamburger--elastic-r .hamburger-inner {
	top: 2px;
	-webkit-transition-duration: 0.275s;
	-o-transition-duration: 0.275s;
	transition-duration: 0.275s;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

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

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

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

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

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


/*
   * Emphatic
   */

.hamburger--emphatic {
	overflow: hidden;
}

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

.hamburger--emphatic .hamburger-inner::before {
	left: 0;
	-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	-o-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;
	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;
	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, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner::after {
	top: 10px;
	right: 0;
	-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	-o-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;
	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;
	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, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

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

.hamburger--emphatic.is-active .hamburger-inner::before {
	left: -80px;
	top: -80px;
	-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
	transform: translate3d(80px, 80px, 0) rotate(45deg);
	-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-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);
	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);
	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), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
	right: -80px;
	top: -80px;
	-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-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);
	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);
	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), -webkit-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 {
	-webkit-transition: background-color 0.125s 0.175s ease-in;
	-o-transition: background-color 0.125s 0.175s ease-in;
	transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
	left: 0;
	-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	-o-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;
	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;
	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, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner::after {
	top: 10px;
	right: 0;
	-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	-o-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;
	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;
	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, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

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

.hamburger--emphatic-r.is-active .hamburger-inner::before {
	left: -80px;
	top: 80px;
	-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
	transform: translate3d(80px, -80px, 0) rotate(-45deg);
	-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-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);
	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);
	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), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
	right: -80px;
	top: 80px;
	-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
	transform: translate3d(-80px, -80px, 0) rotate(45deg);
	-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-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);
	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);
	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), -webkit-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 {
	-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
	-o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
	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;
	-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
	-o-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
	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: 2px;
}

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

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

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

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

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


/*
   * Slider Reverse
   */

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

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

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

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

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

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


/*
   * Spin
   */

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

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

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

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

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

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


/*
   * Spin Reverse
   */

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

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

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

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

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

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


/*
   * Spring
   */

.hamburger--spring .hamburger-inner {
	top: 2px;
	-webkit-transition: background-color 0s 0.13s linear;
	-o-transition: background-color 0s 0.13s linear;
	transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
	top: 10px;
	-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-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);
	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);
	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), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
	top: 20px;
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-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);
	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);
	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), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

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

.hamburger--spring.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
	top: 0;
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}


/*
   * Spring Reverse
   */

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

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

.hamburger--spring-r .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-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);
	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);
	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), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

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

.hamburger--spring-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
	-o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
	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;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-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);
	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);
	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), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
   * Stand
   */

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

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

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

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

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

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


/*
   * Stand Reverse
   */

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

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

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

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

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

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


/*
   * Squeeze
   */

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

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

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

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

.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	-o-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

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


/*
   * Vortex
   */

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

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

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

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

.hamburger--vortex.is-active .hamburger-inner {
	-webkit-transform: rotate(765deg);
	-ms-transform: rotate(765deg);
	transform: rotate(765deg);
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	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 {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

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

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


/*
   * Vortex Reverse
   */

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

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

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

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

.hamburger--vortex-r.is-active .hamburger-inner {
	-webkit-transform: rotate(-765deg);
	-ms-transform: rotate(-765deg);
	transform: rotate(-765deg);
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	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 {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	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;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*:focus {
	outline: none;
}

html {
	overflow-x: hidden;
}

body {
	font-family: "San Francisco Pro Display Regular";
	overflow-x: hidden;
}

a {
	text-decoration: none;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

a:hover {
	opacity: .8;
}

img {
	max-width: 100%;
	height: auto;
}

input[type="submit"] {
	cursor: pointer;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

input[type="submit"]:hover {
	opacity: .8;
}

.wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1227px;
	padding: 0 15px;
}

@media only screen and (max-width: 1550px) {
	.wrapper {
		max-width: 1030px;
	}
}

.no-scroll {
	overflow: hidden;
}

.b-btn {
	padding: 15px 0 16px 0;
	min-width: 219px;
	max-width: 219px;
	text-align: center;
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	display: block;
	background: #0033A0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	cursor: pointer;
}

@media only screen and (max-width: 1550px) {
	.b-btn {
		padding: 11px 0 11px 0;
		min-width: 156px;
		max-width: 156px;
		font-size: 12px;
		line-height: 14px;
	}
}

.b-btn:hover {
	background: linear-gradient(180deg, #0033A0 0%, #03297A 100%);
	box-shadow: 0px 2px 4px rgba(0, 51, 160, 0.5);
	opacity: 1;
}

.b-btn--yellow {
	color: #fff;
	opacity: 1;
	background: #F2A800;
}

.b-btn--yellow:hover {
	background: linear-gradient(180deg, #F2A800 0%, #D2A505 100%);
	box-shadow: 0px 2px 8px rgba(242, 168, 0, 0.4);
	opacity: 1;
}

.b-trs {
	padding: 16px 84px;
	background: none;
	border: 1px solid #0033A0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #0033A0;
	cursor: pointer;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.m-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	padding: 18px 0;
	background: linear-gradient(180deg, #2D241C 0%, rgba(45, 36, 28, 0) 100%);
	height: 158px;
}

.m-header .wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.m-header .wrapper .logo {
	margin-right: 160px;
}

@media only screen and (max-width: 1550px) {
	.m-header .wrapper .logo {
		margin-right: 179px;
		width: 100%;
		max-width: 113px;
		position: relative;
		top: 5px;
	}
	.m-header.m-header-static .wrapper .logo {
		top: 2px;
	}
}

.m-header .wrapper .m-nav {
	margin-right: 47px;
	-webkit-transform: translateY(16px);
	-ms-transform: translateY(16px);
	transform: translateY(16px);
}

.m-header .wrapper .lang-select {
	margin-left: auto;
	-webkit-transform: translateY(16px);
	-ms-transform: translateY(16px);
	transform: translateY(16px);
}

@media only screen and (max-width: 1550px) {
	.m-header .wrapper .lang-select img {
		width: 23px;
		height: 23px;
	}
	.m-header .wrapper .lang-select {
		-webkit-transform: translateY(17px);
		-ms-transform: translateY(17px);
		transform: translateY(17px);
	}
}

.m-nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.m-nav ul li {
	margin-right: 58px;
}

.m-nav ul li:last-child {
	margin-right: 0;
}

.m-nav ul li a {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	color: #FFFFFF;
}

@media only screen and (max-width: 1550px) {
	.m-nav ul li a {
		font-size: 14px;
		line-height: 17px;
	}
	.m-nav ul li {
		margin-right: 35px;
	}
	.m-header {
		padding: 12px 0 18px 0;
	}
}

.m-footer-bottom {
	background: #494949;
	padding-top: 20px;
	padding-bottom: 20px;
}

.m-footer {
	background: #585858;
	padding-top: 20px;
	padding-bottom: 45px;
}

.m-footer .wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.m-footer .logo {
	margin-right: 104px;
	width: 210px;
}

.m-footer .logo div {
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 28px;
}

@media only screen and (max-width: 1550px) {
	.m-footer .logo {
		margin-right: 122px;
		width: 152px;
	}
	.m-footer .logo img {
		width: 111px;
	}
	.m-footer .logo div {
		font-weight: 500;
		font-size: 12px;
		line-height: 14px;
	}
}

.f-questions {
	width: 183px;
	display: flex;
	flex-wrap: wrap;
	margin-right: 22px;
}

.f-questions span {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
}

.f-questions-tel {
	font-weight: 500;
	font-size: 25px;
	line-height: 30px;
	color: #FFFFFF;
	margin-top: 16px;
	margin-bottom: 11px;
}

.f-questions-btn {
	border: 1px solid #F2A800;
	box-sizing: border-box;
	border-radius: 5px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #F2A800;
	width: 183px;
	display: flex;
	height: 40px;
	align-items: center;
	justify-content: center;
}

.f-questions-btn:hover {
	border: 1px solid #F2A800;
	background: #F2A800;
	color: #fff;
}

.f-payments {
	width: 308px;
	margin-left: auto;
	margin-top: 15px;
}

.f-payments span {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
}

.f-payments-ul {
	display: flex;
	flex-wrap: wrap;
	width: 140px;
	justify-content: space-between;
	margin-top: 25px;
	margin-left: 5px;
}

.f-payments-ul li {
	margin-bottom: 15px;
}

.f-payments-ul li:first-child {
	width: 70px;
}

.f-payments-ul li:nth-child(2) {
	width: 70px;
	display: flex;
	justify-content: flex-end;
}

.f-payments-ul li:nth-child(3) {
	width: 33px;
}

.f-payments-ul li:nth-child(4) {
	width: 57px;
}

.f-payments-ul li:nth-child(5) {
	width: 22px;
}

.m-footer-bottom .copy {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	color: rgba(255, 255, 255, 0.7);
	width: 235px;
	margin-right: 85px;
}

.m-footer-bottom .footer-lang {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	display: flex;
}

.footer-social {
	width: 320px;
	align-items: center;
	display: flex;
	margin-left: auto;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: rgba(255, 255, 255, 0.7);
	justify-content: flex-end;
}

.m-footer-bottom .lang {
	position: relative;
	margin-left: 40px;
	cursor: pointer;
}

.m-footer-bottom .lang:hover {
	opacity: 0.8;
}

/*
.m-footer-bottom .lang.ru:before {
	content: "";
	position: absolute;
	top: -4px;
	left: -32px;
	width: 25px;
	height: 25px;
	background-image: url(../img/flag-for-russia-footer.svg);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}
*/

.m-footer-bottom .lang:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -32px;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    z-index: 0;
}

.m-footer-bottom .lang.ru:before {
    background-image: url(../img/icon/ru.svg);
}

.m-footer-bottom .lang.en:before {
    background-image: url(../img/icon/en.svg);
}

.m-footer-bottom .lang.am:before {
    background-image: url(../img/icon/am.svg);
}

.m-footer-bottom .lang.fr:before {
    background-image: url(../img/icon/fr.svg);
}

.m-footer-bottom .lang.it:before {
    background-image: url(../img/icon/it.svg);
}

/*.m-footer-bottom .lang.ru:after {*/
.m-footer-bottom .lang:after {
	content: "";
	position: absolute;
	top: -4px;
	right: -30px;
	width: 25px;
	height: 25px;
	background-image: url(../img/arrow-bottom.svg);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

.footer-social div {
	margin-left: 12px;
	margin-right: 12px;
}

.footer-social div:first-child {
	margin-left: 0;
}

.footer-social div:last-child {
	margin-right: 0;
}

.footer-social div a {
	display: flex;
}

.m-footer-block {
	display: flex;
	align-items: center;
}

.m-footer .f-menu {
	margin-left: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 300px;
	margin-left: 0;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.m-footer .f-menu li {
	margin: 10px 0;
	width: 100%;
}

.m-footer .f-menu li:last-child {
	margin-top: 12px;
}

.m-footer .f-menu li a {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.7);
	padding-left: 20px;
	background: url(../img/ellipse-footer.svg) left center no-repeat;
}

@media only screen and (max-width: 1550px) {
	.m-footer .f-menu li a {
		font-size: 12px;
		line-height: 13px;
		padding-left: 15px;
	}
	.m-footer .f-menu li {
		margin: 7px 0;
	}
	.m-footer .f-menu li:first-child {
		margin-top: 12px;
	}
	.m-footer .f-menu li:last-child {
		margin-top: 7px;
	}
	.m-footer-bottom .copy {
		font-size: 12px;
		line-height: 14px;
		margin-right: 40px;
	}
	.m-footer-bottom .footer-lang {
		font-size: 12px;
		line-height: 14px;
	}
	.m-footer-bottom .lang.ru:after {
		top: 4px;
		right: -16px;
		width: 8px;
		height: 4px;
		background-size: cover;
	}
	.m-footer-bottom .lang.ru:before {
		content: "";
		position: absolute;
		top: -4px;
		left: -24px;
		width: 20px;
		height: 20px;
		background-size: cover;
	}
	.m-footer-bottom .lang {
		margin-left: 40px;
	}
	.footer-social {
		width: 320px;
		font-size: 12px;
		line-height: 14px;
	}
	.footer-social div {
		margin-left: 9px;
		margin-right: 9px;
	}
	.footer-social div a img {
		max-height: 12px;
	}
	.f-payments span {
		font-size: 12px;
		line-height: 14px;
	}
	.f-questions-btn {
		font-size: 12px;
		line-height: 14px;
		color: #F2A800;
		width: 136px;
		height: 30px;
	}
	.f-questions {
		top: 14px;
		position: relative;
	}
	.f-payments {
		width: 182px;
		margin-left: auto;
		margin-top: 0px;
		top: 12px;
		position: relative;
	}
	.f-questions span {
		font-size: 12px;
		line-height: 14px;
	}
	.m-footer .f-menu {
		width: 235px;
	}
	.f-payments-ul li a img {
		max-height: 18px;
	}
	.f-payments-ul {
		width: 100px;
		margin-top: 15px;
		margin-left: 0px;
	}
	.f-payments-ul li:first-child {
		width: 50px;
	}
	.f-payments-ul li:nth-child(2) {
		width: 50px;
	}
	.f-payments-ul li:nth-child(3) {
		width: 25px;
	}
	.f-payments-ul li:nth-child(4) {
		width: 43px;
	}
	.f-payments-ul li:nth-child(5) {
		width: 17px;
	}
	.m-footer-bottom {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.m-footer {
		padding-bottom: 28px;
	}
}

.m-footer .f-menu li a:hover {
	opacity: 0.8;
}

.projects-tree-all .projects-tree-bottom {
	padding-bottom: 0;
}

.m-section {
	min-height: 765px;
	height: 765px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 228px;
	padding-bottom: 45px;
}

@media only screen and (max-width: 1550px) {
	.m-section {
		min-height: 553px;
		height: 553px;
		padding-top: 170px;
		padding-bottom: 45px;
	}
}

.m-section .wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.m-section h1 {
	font-family: "San Francisco Pro Display Heavy";
	font-style: normal;
	font-weight: 800;
	font-size: 80px;
	line-height: 110%;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 36px;
	max-width: 888px;
}

@media only screen and (max-width: 1550px) {
	.m-section h1 {
		font-size: 55px;
		line-height: 110%;
		margin-bottom: 21px;
		max-width: 680px;
	}
}

.m-section p {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	max-width: 888px;
}

@media only screen and (max-width: 1550px) {
	.m-section p {
		font-size: 12px;
		line-height: 14px;
		max-width: 584px;
	}
}

.m-action-btns {
	margin-top: 58px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 78px;
}

@media only screen and (max-width: 1550px) {
	.m-action-btns {
		margin-top: 30px;
		margin-bottom: 90px;
	}
}

.m-action-btns a {
	margin-right: 17px;
}

.m-action-btns a:last-child {
	margin-right: 0;
}

.g-since {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: auto;
}

.g-since span {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
	display: block;
	opacity: 0.7;
	padding: 0 20px;
}

@media only screen and (max-width: 1550px) {
	.g-since span {
		font-size: 12px;
		line-height: 14px;
		padding: 0 15px;
	}
	.g-since svg {
		width: 18px;
		height: 18px;
	}
}

.projects-tree {
	padding-top: 191px;
}

@media only screen and (max-width: 1550px) {
	.projects-tree {
		padding-top: 147px;
	}
}

.projects-tree h2 {
	font-family: "San Francisco Pro Display Heavy";
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 110%;
	text-align: center;
	color: #3D4856;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 1550px) {
	.projects-tree h2 {
		font-size: 35px;
		line-height: 110%;
	}
}

.project {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.project .p-img {
	width: 50%;
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}

.project .p-img img {
    border-radius: 0px 100px 0px 100px;
    -moz-border-radius: 0px 100px 0px 100px;
    -webkit-border-radius: 0px 100px 0px 100px;
    border: 0px solid #000000;
}

.project-reverse .p-img img {
    border-radius: 100px 0px 100px 0px;
    -moz-border-radius: 100px 0px 100px 0px;
    -webkit-border-radius: 100px 0px 100px 0px;
    border: 0px solid #000000;
}

@media only screen and (max-width: 1550px) {
	.project .p-img {
		width: 50%;
		-webkit-transform: translateX(6px);
		-ms-transform: translateX(10px);
		transform: translateX(6px);
		max-width: 422px;
		margin-left: auto;
	}
}

.project .p-content {
	padding-left: 74px;
	padding-top: 16px;
	width: 50%;
}

.project .p-content h3,
.project .p-content h6,
.project .p-content h3 a {
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 110%;
	color: #3D4856;
	margin-bottom: 15px;
	max-width: 518px;
}

.project .p-content p {
	font-family: "San Francisco Pro Display Light";
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 125.5%;
	color: #3D4856;
}

.project .p-content p+p {
	margin-top: 26px;
}

.p-foot {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 25px;
}

@media only screen and (max-width: 1550px) {
	.project .p-content h3 {
		font-size: 20px;
		margin-bottom: 14px;
		max-width: 340px;
	}
	.project .p-content {
		padding-left: 88px;
		padding-top: 10px;
	}
	.project .p-content p {
		font-size: 12px;
		max-width: 340px;
	}
	.project .p-content p+p {
		margin-top: 15px;
	}
	.p-foot {
		margin-top: 30px;
	}
}

.p-soc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.project-reverse .p-soc {
	padding-right: 30px;
}

@media only screen and (max-width: 1550px) {
	.p-soc {
		display: none;
	}
}

.p-soc span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #575757;
	margin-right: 10px;
}

.soc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.soc li {
	margin-right: 20px;
}

.soc li:last-child {
	margin-right: 0;
}

.project+.project {
	margin-top: 100px;
}

.project-reverse .p-img {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	-webkit-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
}

.project-reverse .p-content {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	padding-left: 52px;
	padding-top: 45px;
}

.project-reverse .p-content h3,
.project-reverse .p-content p {
	max-width: 457px;
}

.p-list {
	position: relative;
	background-image: url("../img/line.svg");
	background-position: center top;
	background-repeat: repeat-y;
	padding-top: 65px;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
	padding-bottom: 30px;
}

@media only screen and (max-width: 1550px) {
	.p-list {
		background-image: url("../img/line-notebook.svg");
		padding-top: 54px;
	}
	.project+.project {
		margin-top: 65px;
	}
	.project-reverse .p-img {
		margin-left: 0;
	}
	.project-reverse .p-content {
		padding-left: 68px;
	}
	.project-reverse .p-content h3,
	.project-reverse .p-content p {
		max-width: 340px;
	}
}

.projects-tree {
	position: relative;
}

.projects-tree:before {
	content: "";
	position: absolute;
	top: 25px;
	left: 51%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200px;
	height: 200px;
	background-image: url("../img/top.svg");
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

@media only screen and (max-width: 1550px) {
	.projects-tree:before {
		top: 25px;
		width: 140px;
		height: 140px;
		background-size: cover;
	}
}

.project {
	position: relative;
}

.project:before {
	content: "";
	position: absolute;
	width: 41px;
	height: 41px;
	background-image: url("../img/ll.svg");
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	bottom: -136px;
	left: 46.2%;
}

.project:after {
	content: "";
	position: absolute;
	width: 74px;
	height: 74px;
	background-image: url("../img/lr.svg");
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	bottom: -88px;
	left: 50.5%;
}

.project-reverse {
	position: relative;
}

.project-reverse:before {
	background-image: url("../img/ll-2.svg");
	bottom: -128px;
	left: 50.5%;
}

.project-reverse:after {
	bottom: -80px;
	left: 43.5%;
	background-image: url("../img/lr-2.svg");
}

@media only screen and (max-width: 1550px) {
	.project:after {
		width: 52px;
		height: 52px;
		bottom: -42px;
	}
	.project:before {
		width: 29px;
		height: 29px;
		bottom: -66px;
		left: 46.6%;
	}
	.project-reverse:after {
		left: 44.2%;
	}
	.project-reverse:before {
		left: 50.5%;
	}
}

.project:last-child:before,
.project:last-child:after {
	display: none;
}

.projects-tree-bottom {
	padding-top: 169px;
	padding-bottom: 44px;
	position: relative;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}

.projects-tree-bottom:before {
	content: "";
	position: absolute;
	width: 131px;
	height: 131px;
	background-image: url("../img/circ.svg");
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	top: -3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.projects-tree-bottom .b-trs {
	margin: 0 auto;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.projects-tree-bottom .b-trs:hover {
	background: #0033A0;
	color: #fff;
}

@media only screen and (max-width: 1550px) {
	.projects-tree-bottom:before {
		width: 89px;
		height: 89px;
	}
	.projects-tree-bottom {
		padding-top: 109px;
	}
	.projects-tree-bottom .b-trs {
		height: 35px;
		width: 242px;
		padding: 0;
		font-size: 12px;
		line-height: 14px;
	}
}

.idea {
	position: relative;
	background: #F5F6F7;
}

.idea .ph {
	position: absolute;
	top: 0;
	left: 0;
	width: 44.16%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.idea .wrapper {
	display: grid;
	grid-template-columns: 41% 1fr;
	height: 100%;
	grid-column-gap: 118px;
}

.idea .r-side {
	padding-top: 95px;
	padding-bottom: 176px;
	position: relative;
}

.idea .r-side:after {
	content: "";
	position: absolute;
	left: -2%;
	bottom: 0;
	width: 146%;
	height: 328px;
	background-image: url("../img/1_homepage/logo-bg.svg");
	background-position: right bottom;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}

.idea .r-side h3 {
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 125.5%;
	color: #3D4856;
	margin-bottom: 31px;
	max-width: 425px;
	position: relative;
	z-index: 1;
}

.idea .r-side p {
	font-family: "San Francisco Pro Display Light";
	font-style: normal;
	font-weight: 300;
	font-size: 25px;
	line-height: 125.5%;
	color: #3D4856;
	position: relative;
	z-index: 1;
}

.idea .r-side p+p {
	margin-top: 34px;
}

@media only screen and (max-width: 1550px) {
	.idea .ph {
		height: 406px;
	}
	.idea .wrapper {
		grid-column-gap: 87px;
		max-height: 406px;
	}
	.idea .r-side h3 {
		font-size: 30px;
		line-height: 110%;
		color: #3D4856;
		margin-bottom: 25px;
		max-width: 334px;
	}
	.idea .r-side p {
		font-size: 16px;
		max-width: 405px;
	}
	.idea .r-side p+p {
		margin-top: 20px;
	}
	.idea .r-side:after {
		left: -20px;
		bottom: 74px;
		width: 659px;
		height: 233px;
		-webkit-background-size: contain;
		background-size: contain;
	}
}

.donations-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-bottom: 67px;
}

.donations-list li {
	padding: 21px 24px 14px 21px;
	border: 1px solid #ECEDEE;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.donations-list li span {
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 110%;
	color: #F2A800;
	display: block;
	margin-bottom: 6px;
}

.donations-list li strong {
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 110%;
	color: #0033A0;
	display: block;
	margin-bottom: 7px;
}

.donations-list li small {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #3D4856;
	opacity: 0.7;
}

.last-donation {
	padding-top: 153px;
	padding-bottom: 130px;
}

.last-donation h3 {
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 125.5%;
	text-align: center;
	color: #F2A800;
	margin-bottom: 26px;
}

.last-donation h4 {
	font-family: "San Francisco Pro Display Heavy";
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 110%;
	text-align: center;
	color: #3D4856;
	max-width: 1114px;
	margin-left: auto;
	margin-right: auto;
}

.last-donation .b-btn {
	margin: 0 auto;
	min-width: 340px;
	max-width: 340px;
	margin-top: 34px;
}

@media only screen and (max-width: 1550px) {
	.last-donation {
		padding-top: 92px;
		padding-bottom: 141px;
	}
	.last-donation h3 {
		font-size: 25px;
	}
	.donations-list li {
		padding: 15px 19px 15px 19px;
	}
	.donations-list li span {
		font-size: 14px;
	}
	.donations-list li strong {
		font-size: 18px;
	}
	.donations-list li small {
		font-size: 12px;
		line-height: 14px;
	}
	.last-donation h4 {
		font-size: 35px;
		max-width: 740px;
	}
	.last-donation .b-btn {
		min-width: 240px;
		max-width: 240px;
		margin-top: 30px;
	}
}

.b-btn.yellow {
	background: #F2A800;
}

.hdn {
	display: none;
	opacity: 0;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

@media only screen and (max-width: 1190px) {
	.p-foot {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.p-soc {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 1100px) {
	.project .p-content {
		padding-left: 37px;
	}
	.project-reverse .p-content {
		padding-left: 0;
		padding-right: 27px;
	}
	.idea .wrapper {
		grid-template-columns: 100%;
	}
	.idea .wrapper .l-side {
		display: none;
	}
	.idea .r-side:after {
		width: 100%;
		left: 0;
		background-position: center bottom;
	}
	.donations-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media only screen and (max-width: 1060px) {
	.m-section h1 {
		font-size: 45px;
	}
	.projects-tree h2 {
		font-size: 40px;
	}
	.project .p-content h3 {
		font-size: 25px;
	}
	.idea .r-side h3 {
		font-size: 30px;
	}
	.last-donation h4 {
		font-size: 35px;
		max-width: 780px;
	}
}

.hamburger {
	display: none;
}

.l-dark {
	display: none;
}

@media only screen and (max-width: 980px) {
	.m-header .wrapper .m-nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		z-index: 2;
		padding-top: 120px;
		overflow-y: scroll;
	}
	.projects-tree h2 {
		z-index: 0;
	}
	.m-header.active {
		background-color: #fff;
	}
	.m-header.active .logo {
		z-index: 3;
		position: relative;
	}
	.m-header.active .logo .l-light {
		display: none;
	}
	.m-header.active .logo .l-dark {
		display: block;
	}
	.m-header.active .hamburger {
		z-index: 3;
		position: relative;
	}
	.m-header.active .lang-select {
		z-index: 3;
		position: relative;
	}
	.m-nav {
		padding-left: 15px;
		-webkit-transform: translate(-120%, 0) !important;
		-ms-transform: translate(-120%, 0) !important;
		transform: translate(-120%, 0) !important;
		opacity: 0;
		-webkit-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	.m-nav.active {
		-webkit-transform: translate(0, 0) !important;
		-ms-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
		opacity: 1;
	}
	.m-nav ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.m-nav ul li {
		margin-bottom: 20px;
	}
	.m-nav ul li a {
		color: #000;
	}
	.hamburger {
		display: block;
	}
	.project-reverse:after {
		left: 41.5%;
	}
	.m-footer .wrapper {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.m-footer .f-menu {
		width: 100%;
		margin-top: 20px;
	}
	.m-footer .f-menu a {
		font-size: 14px !important;
	}
	.m-footer .copy {
		font-size: 14px;
		-webkit-transform: translateY(15px);
		-ms-transform: translateY(15px);
		transform: translateY(15px);
	}
}

.cur-lang {
	background: none;
	border-radius: 5px;
	padding: 2px 25px 2px 6px;
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
	cursor: pointer;
}

.cur-lang:hover {
	background: rgba(255, 255, 255, 0.2);
}

.cur-lang:after {
	content: "";
	position: absolute;
	top: 6px;
	right: 0px;
	width: 25px;
	height: 25px;
	background-image: url(../img/arrow-header.svg);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

.cur-lang img {
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}

.lang-select {
	position: relative;
}

.cur-lang-block {
	display: none;
	background: rgba(64, 64, 64, 1);
	border-radius: 5px;
	width: 150px;
	position: absolute;
	top: 50px;
	left: 0;
	padding: 6px;
}

.cur-lang-block.active {
	display: flex;
}

.cur-lang-block:after {
	content: "";
	position: absolute;
	top: -17px;
	left: 10px;
	width: 25px;
	height: 25px;
	background-image: url(../img/lang.svg);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

.cur-lang-block a {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: rgba(255, 255, 255, 0.7);
	padding-left: 42px;
	height: 34px;
	position: relative;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.cur-lang-block a.lang-ru {
	background-image: url(../img/russia.svg);
}

.cur-lang-block a.lang-ar {
	background-image: url(../img/armenia.svg);
}

.cur-lang-block a.lang-am {
    background-image: url(../img/armenia.svg);
}

.cur-lang-block a.lang-en {
	background-image: url(../img/english.svg);
}

.cur-lang-block a.lang-fr {
	background-image: url(../img/fr.svg);
}

.cur-lang-block a.lang-it {
	background-image: url(../img/it.svg);
}


.cur-lang-block a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

.cur-lang-block li {
	padding: 4px 0;
}

.cur-lang-block a.active {
	color: rgba(255, 255, 255, 1);
}

@media only screen and (max-width: 1550px) {
	.cur-lang-block a {
		padding-left: 30px;
		height: 23px;
		background-size: contain;
	}
	.cur-lang-block:after {
		top: -16px;
	}
	.cur-lang:after {
		top: 11px;
		right: 9px;
		width: 8px;
		height: 4px;
		background-size: cover;
	}
	.cur-lang-block a:before {
		width: 23px;
		height: 23px;
	}
}

.header-enter {
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 17px;
	-webkit-transform: translateY(13px);
	-ms-transform: translateY(13px);
	transform: translateY(13px);
	cursor: pointer;
}

.header-exit {
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	-webkit-transform: translateY(12px);
	-ms-transform: translateY(12px);
	transform: translateY(12px);
	cursor: pointer;
	background: url(../img/logout-white.svg) no-repeat;
}

.m-header-static .header-exit {
	background: url(../img/logout.svg) no-repeat;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.header-settings {
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    cursor: pointer;
    background: url(../img/settings-white.svg) no-repeat;
    margin-left: 15px;
}

.m-header-static .header-settings {
	background: url(../img/settings.svg) no-repeat;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}


@media only screen and (max-width: 1550px) {
	.header-enter {
		font-size: 14px;
		line-height: 17px;
		width: 71px;
		height: 30px;
		margin-left: 10px;
		-webkit-transform: translateY(15px);
		-ms-transform: translateY(15px);
		transform: translateY(15px);
	}
}

.header-enter:hover {
	color: #000;
	border: 1px solid #FFFFFF;
	background: #fff;
}

.m-action-btns .b-btn.yellow:hover {
	background: linear-gradient(180deg, #F2A800 0%, #D2A505 100%);
	box-shadow: 0px 2px 8px rgba(242, 168, 0, 0.4);
	opacity: 1;
}

@media only screen and (max-width: 912px) {
	.project .p-content h3 {
		font-size: 20px;
		margin-bottom: 8px;
	}
	.m-section {
		min-height: auto;
	}
	.project .p-content p {
		font-size: 12px;
		padding-right: 8px;
	}
	.project .p-content p+p {
		margin-top: 10px;
	}
	.b-btn {
		min-width: auto;
		max-width: none;
		padding: 8px 12px 8px 12px;
		font-size: 12px;
		width: 100%;
	}
	.p-foot .b-btn {
		width: 140px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		line-height: 17px;
	}
	.projects-tree-bottom .b-trs {
		width: 100%;
		height: 40px;
		font-size: 14px;
		line-height: 17px;
	}
	.project-reverse:after {
		right: 7px !important;
	}
	.projects-tree:before {
		top: 0;
		right: -10px;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		width: 100px;
		height: 100px;
		background-size: contain;
		left: auto;
	}
	.p-list {
		background-image: url(../img/line-mob.svg);
		background-position: right top;
		background-repeat: repeat-y;
	}
	.project:after,
	.project:before {}
	.projects-tree {
		padding-top: 41px;
	}
	.projects-tree h2 {
		font-size: 30px;
	}
	.project .p-img {
		-webkit-transform: translateX(0) !important;
		-ms-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}
	.m-section h1 {
		font-size: 35px;
		margin-bottom: 20px;
	}
	.g-since span {
		font-size: 14px;
	}
	.g-since svg {
		width: 20px;
		height: 20px;
	}
	.m-section p {
		font-size: 10px;
		line-height: 12px;
		text-align: left;
	}
	.m-section {
		height: auto;
		padding-bottom: 15px;
	}
	.logo {
		width: 127px;
	}
	.m-header {
		padding: 9px 0 18px 0;
	}
	.cur-lang {
		height: 20px;
		width: 20px;
		display: none;
	}
	.m-action-btns a {
		margin-right: 11px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		line-height: 17px;
	}
	.m-action-btns {
		margin-top: 20px;
		width: 100%;
		margin-bottom: 27px;
	}
	.m-header .wrapper .logo {
		margin-right: 0;
		top: 1px;
	}
	.m-header .wrapper .lang-select {
		-webkit-transform: translateY(8px);
		-ms-transform: translateY(8px);
		transform: translateY(8px);
	}
	.header-enter {
		font-size: 12px;
		line-height: 14px;
		width: 59px;
		height: 26px;
		margin-left: 0;
	}
	.project+.project {
		margin-top: 40px;
	}
	.projects-tree-bottom {
		padding-top: 60px;
		padding-bottom: 15px;
	}
	.b-trs {
		padding: 9px 20px;
		font-size: 12px;
		line-height: 12px;
	}
	.idea .r-side {
		padding-top: 23px;
	}
	.idea .r-side h3 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.idea .r-side p {
		font-size: 12px;
		line-height: 125.5%;
	}
	.idea .r-side p+p {
		margin-top: 15px;
	}
	.idea .r-side:after {
		width: 100%;
		bottom: 20px;
	}
	.idea .r-side {
		padding-bottom: 60px;
	}
	.last-donation {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.last-donation h3 {
		font-size: 30px;
	}
	.donations-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.donations-list li span {
		font-size: 14px;
		margin-bottom: 4px;
	}
	.donations-list li small {
		font-size: 12px;
	}
	.donations-list li strong {
		font-size: 16px;
		position: absolute;
		right: 15px;
		top: 25px;
	}
	.last-donation h4 {
		font-size: 30px;
	}
	.last-donation .b-btn {
		min-width: auto;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-top: 20px;
		width: 100%;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		line-height: 17px;
	}
}

@media only screen and (max-width: 912px) {
	.project {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.project .p-img {
		width: 100%;
	}
	.project .p-content {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 16px;
		z-index: 1;
	}
	.project-reverse .p-img {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	.project:after {
		width: 36px;
		height: 36px;
		bottom: 35px;
		right: -37px;
		left: auto;
	}
	.projects-tree-bottom:before {
		width: 45px;
		height: 45px;
		top: -2px;
		right: 0;
		z-index: 1;
		left: auto;
	}
	.project-reverse .p-content {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		padding-top: 16px;
	}
	.donations-list li {
		padding: 16px 60px 13px 15px;
	}
	.m-section h1 {
		font-size: 25px;
		margin-bottom: 20px;
		text-align: left;
	}
	.m-section {
		padding-top: 108px;
	}
	.idea .ph {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 215px;
	}
	.idea .wrapper {
		display: block;
	}
	.idea .wrapper .l-side {
		display: block;
		width: 100%;
	}
	.projects-tree h2 {
		font-size: 22px;
		text-align: left;
	}
	.p-list {
		margin-top: 48px;
		margin-right: 41px;
		padding-top: 0;
	}
	.project .p-soc {
		display: none;
	}
	.project:before {
		width: 20px;
		height: 20px;
		background-image: url(../img/ll.svg);
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		bottom: 15px;
		right: 7px;
		z-index: 0;
		left: auto;
	}
	.project-reverse:before {
		right: -20px;
		background-image: url(../img/ll-2.svg);
	}
	.project .p-content h3 {
		font-weight: 600;
		font-size: 16px;
		line-height: 110%;
		margin-bottom: 15px;
	}
	.idea .r-side h3 {
		font-size: 20px;
		margin-bottom: 15px;
		font-family: "San Francisco Pro Display Heavy";
		padding-right: 94px;
	}
	.last-donation h3 {
		font-size: 18px;
		margin-bottom: 15px;
		text-align: left;
	}
	.donations-list {
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
		margin-bottom: 34px;
	}
	.donations-list li {
		position: relative;
	}
	.last-donation h4 {
		font-size: 20px;
		padding: 0 34px;
	}
	.m-footer .logo {
		width: 127px;
		margin-right: 20px;
	}
	.m-footer .logo div {
		font-weight: 500;
		color: rgba(255, 255, 255, 0.7);
		margin-top: 28px;
		font-size: 10px;
		line-height: 12px;
	}
	.m-footer .f-menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		width: 129px;
		margin-top: 10px;
		margin-left: auto;
	}
	.m-footer .f-menu li {
		margin: 10px 0 0 0;
	}
	.m-footer .f-menu li a {
		background: url(../img/ellipse-footer-mob.svg) left center no-repeat;
	}
	.m-footer .f-menu a {
		font-size: 12px !important;
	}
	.m-footer .copy {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin-top: 25px;
	}
	.m-footer .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.m-header .wrapper .lang-select {
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
	}
	.f-questions {
		margin-right: 0;
		border-top: 1px solid #494949;
		width: 100%;
		border-bottom: 1px solid #494949;
		margin: 17px 0;
		display: block;
		padding: 12px 0;
		position: relative;
		top: 0;
	}
	.f-questions span {
		font-size: 12px;
		line-height: 14px;
	}
	.f-questions-tel {
		font-size: 16px;
		line-height: 19px;
		margin-top: 0;
		margin-bottom: 0;
		display: block;
	}
	.f-questions-btn {
		font-size: 12px;
		line-height: 14px;
		width: 129px;
		height: 26px;
		position: absolute;
		top: 16px;
		right: 0;
	}
	.m-footer {
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.f-payments {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		top: 0;
	}
	.f-payments span {
		font-size: 12px;
		line-height: 14px;
	}
	.f-payments-ul {
		width: 100%;
		margin-top: 9px;
		margin-left: 0;
	}
	.f-payments-ul li {
		margin-bottom: 0;
		width: auto !important;
	}
	.m-footer-block {
		flex-wrap: wrap;
	}
	.m-footer-bottom {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.m-footer-bottom .copy {
		font-size: 12px;
		line-height: 14px;
		color: rgba(255, 255, 255, 0.7);
		width: 100%;
		margin-right: 0;
		order: 2;
		border-top: 1px solid #585858;
		padding-top: 15px;
		margin-top: 15px;
	}
	.m-footer-bottom .lang {
		margin-left: 25px;
		margin-top: 10px;
		width: 100%;
	}
	.m-footer-bottom .footer-lang {
		font-size: 12px;
		line-height: 14px;
		display: flex;
		flex-wrap: wrap;
	}
	.m-footer-bottom .lang.ru:before {
		width: 20px;
		height: 20px;
		background-size: cover;
		left: -26px;
	}
	.m-footer-bottom .lang.ru:after {
		top: 5px;
		right: 48px;
		width: 8px;
		height: 5px;
		background-size: cover;
	}
	.footer-social {
		width: 129px;
		font-size: 12px;
		line-height: 14px;
		justify-content: end;
		flex-wrap: wrap;
	}
	.footer-social div {
		margin-left: 0;
		margin-right: 10px;
		margin-top: 9px;
	}
	.footer-social div:first-child {
		width: 100%;
		margin-right: 0;
		margin-top: 0;
	}
	.m-header {
		background: linear-gradient(180deg, #2D241C 0%, rgba(45, 36, 28, 0) 100%);
		height: 131px;
	}
}

.projects-tree-bottom .b-trs {
	position: relative;
	z-index: 1;
}

.hamburger {
	-webkit-transform: translateY(18px);
	-ms-transform: translateY(18px);
	transform: translateY(18px);
	padding: 0;
	margin-right: 15px;
}

.hamburger-box {
	width: 25px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 25px;
	height: 2px;
	background-color: #fff;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #000;
}

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

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

.m-header.m-header-static {
	padding-top: 11px;
	padding-bottom: 26px;
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
	height: auto;
}

.m-header.m-header-static .wrapper .m-nav {
	-webkit-transform: translateY(9px);
	-ms-transform: translateY(9px);
	transform: translateY(9px);
}

.m-header.m-header-static .wrapper .lang-select {
	margin-left: auto;
	-webkit-transform: translateY(11px);
	-ms-transform: translateY(11px);
	transform: translateY(11px);
}

.m-header-static .logo .l-light {
	display: none;
}

.m-header-static .header-enter {
	color: #3D4856;
	border: 1px solid #3D4856;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.m-header-static .header-enter:hover {
	background: #3D4856;
	border: 1px solid #3D4856;
	color: #fff;
}

.m-header-static .logo .l-dark {
	display: block;
}

.m-header-static .m-nav ul li a {
	color: #3D4856;
}

.m-header-static .cur-lang:after {
	background-image: url(../img/arrow-header-black.svg);
}

.page-content {
	padding-top: 55px;
	padding-bottom: 0px;
	margin-bottom: 70px;
}

.back {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 110%;
	color: #3D4856;
	margin-top: 19px;
	position: absolute;
}

.back svg {
	margin-right: 15px;
}

.feature-tree {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 104px 86px 60px;
	border-bottom: 1px dashed rgba(119, 127, 137, 0.2);
}

.feature-tree h1 {
	font-family: "San Francisco Pro Display Heavy";
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 110%;
	text-align: center;
	color: #27AE60;
	margin-bottom: 36px;
	position: relative;
}

.last-comments {
	margin-bottom: 130px;
}

.last-comments h3 {
	color: #3D4856;
	font-weight: 800;
	font-size: 35px;
	line-height: 125.5%;
	font-family: "San Francisco Pro Display Bold";
	text-align: center;
	margin-bottom: 50px;
}

.comments-list li {
	display: flex;
	border-bottom: 1px dashed rgba(119, 127, 137, 0.2);
	padding-bottom: 35px;
	margin-bottom: 35px;
	align-items: end;
}

.comments-list {
	margin-bottom: 40px;
}

.comments-list li:last-child {
	/*margin-bottom: 130px;*/
}

.comments-img {
	margin-right: 19px;
	max-width: 47px;
}

.comments-info {
	width: 200px;
	margin-right: 19px;
	display: flex;
	flex-wrap: wrap;
}

.comments-info div {
	font-weight: 600;
	font-size: 18px;
	line-height: 110%;
	color: #0033A0;
	width: 100%;
	margin-bottom: 6px;
}

.comments-info span {
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #3D4856;
	opacity: 0.7;
}

.comments-text {
	width: 886px;
	margin-left: auto;
	font-weight: 300;
	font-size: 18px;
	line-height: 125.5%;
	color: #3D4856;
}

.map-box {
	display: grid;
	grid-template-columns: 36.41% 1fr;
	grid-column-gap: 68px;
}

.f-item .map-box {
	display: grid;
	grid-template-columns: 504px 471px;
	grid-column-gap: 103px;
	margin-left: 103px;
	margin-top: 140px;
	position: relative;
	background-image: url(../img/line.svg);
	background-position: 487px top;
	background-repeat: repeat-y;
	padding-bottom: 60px;
	padding-top: 0;
}

.f-item .p-soc {
	margin-top: 72px;
	margin-left: 88px;
}

.f-item .map-box:after {
	content: "";
	position: absolute;
	width: 74px;
	height: 74px;
	background-image: url(../img/lr.svg);
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	bottom: 147px;
	left: 45.9%;
	z-index: 0;
}

.f-item .map-box:before {
	content: "";
	position: absolute;
	width: 41px;
	height: 41px;
	background-image: url(../img/ll.svg);
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	bottom: 103px;
	left: 41%;
	z-index: 0;
}

.f-item .b-btn {
	min-width: 240px;
	max-width: 240px;
}

.f-item-img {
	border-radius: 0px 100px 0px 100px;
	-moz-border-radius: 0px 100px 0px 100px;
	-webkit-border-radius: 0px 100px 0px 100px;
	border: 0px solid #000000;
}

.f-item.feature-tree {
	padding: 0;
	position: relative;
}

.f-item:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 51%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200px;
	height: 200px;
	background-image: url(../img/top.svg);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

.map {
	position: relative;
}

.map .map-img {
	position: absolute;
	width: 120%;
	max-width: none;
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
}

@media only screen and (max-width: 1550px) {
	.feature-tree {
		padding: 0 84px 86px 60px;
	}
	.feature-tree .inmapblock {
		padding: 0 84px 40px 60px;
	}
	.map .map-img {
		width: 100%;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.page-content {
		margin-bottom: 40px;
	}
	.last-comments h3 {
		font-size: 25px;
		line-height: 125.5%;
		margin-bottom: 39px;
	}
	.comments-info div {
		font-size: 14px;
		margin-bottom: 4px;
	}
	.comments-info span {
		font-size: 10px;
		line-height: 12px;
	}
	.comments-text {
		font-size: 12px;
		line-height: 125.5%;
		margin-top: 5px;
	}
	.comments-info {
		margin-top: 5px;
	}
	.comments-list li {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.comments-list li:last-child {
		/*margin-bottom: 63px;*/
	}
	.f-item:before {
		top: 25px;
		width: 140px;
		height: 140px;
		background-size: cover;
	}
	.f-item .map-box {
		grid-template-columns: 405px 353px;
		grid-column-gap: 103px;
		margin-top: 117px;
		background-position: 393px top;
		padding-bottom: 60px;
		background-image: url(../img/line-notebook.svg);
		padding-top: 0px;
	}
	.ft-content p.f-italic {
		font-size: 14px;
	}
	.f-item .b-btn {
		min-width: 156px;
		max-width: 156px;
	}
}

.ft-content {
	padding-top: 0;
}

.ft-content p {
	font-family: "San Francisco Pro Display Light";
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 125.5%;
	color: #3D4856;
}

.ft-content p+p {
	margin-top: 27px;
}

.type {
	margin-bottom: 37px;
	padding: 33px 35px 31px 35px;
	background: #F5F6F7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.type h3 {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 110%;
	color: #3D4856;
	margin-bottom: 23px;
}

.type-foot {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.type-foot .b-btn {
	max-width: 183px;
	width: 100%;
	min-width: auto;
}

.type-foot .count {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 36px;
}

.type-foot .count .t-ic {
	margin-right: 0;
	min-width: 40px;
}

.type-foot .count span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	display: block;
	margin-bottom: 2px;
}

.type-foot .count strong {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 110%;
	color: #27AE60;
}

.necessary {
	margin-right: 47px;
}

.necessary span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	display: block;
	margin-bottom: 2px;
}

.necessary strong {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 110%;
	color: #DA0113;
}

.ft-content .p-soc {
	margin-top: 26px;
}

.map-box {
	padding-bottom: 55px;
	border-bottom: 1px dashed rgba(119, 127, 137, 0.2);
	padding-top: 40px;
}

.contact-box {
	padding-top: 51px;
	display: grid;
	grid-template-columns: 350px 1fr;
	grid-column-gap: 38px;
}

.trees-head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 27px;
}

.trees-head h4 {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 110%;
	color: #3D4856;
}

.trees-head span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #575757;
	display: block;
	max-width: 160px;
}

.tree-loc {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	padding-left: 13px;
	padding-right: 14px;
	background: #F5F6F7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
}

.tree-loc+.tree-loc {
	margin-top: 10px;
}

.tree-loc .tr {
	margin-right: 11px;
	min-width: 21px;
}

.tree-loc span {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 110%;
	color: #27AE60;
}

.tree-loc .lc {
	margin-left: auto;
}

.trees-box {
	padding-top: 3px;
}

.contact-form {
	border-left: 1px dashed rgba(119, 127, 137, 0.2);
	padding-left: 63px;
	padding-top: 5px;
}

.contact-form h4 {
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 110%;
	color: #F2A800;
	margin-bottom: 28px;
}

.input-wrap {
	display: grid;
	grid-template-columns: 200px 1fr;
}

.input-wrap+.input-wrap {
	margin-top: 20px;
}

.input-wrap .l-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.input-wrap .l-wrap label,
.input-wrap .l-wrap span {
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
	cursor: pointer;
}

.input-wrap input {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 50px;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	color: #575757;
	padding-left: 12px;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.input-wrap input:focus {
	border: 1px solid #27ae60;
}

.form-textarea {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	color: #575757;
	padding-left: 12px;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.check-mask {
	position: relative;
	width: 19px;
	min-width: 19px;
	height: 19px;
	margin-right: 11px;
}

.check-mask .mask {
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.check-mask input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.check-mask input:checked~.mask:after {
	background: url("../img/check-mark-1.svg") no-repeat;
	content: "";
	display: block;
	width: 23px;
	height: 21px;
	z-index: 1;
	position: absolute;
	top: -5px;
	left: 0;
}

.check-input {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.check-input label {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #575757;
	cursor: pointer;
}

.n-select {
	width: 100%;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left: 19px;
	font-size: 20px;
	line-height: 48px;
	color: #575757;
}

.details {
	margin-top: 27px;
	padding-top: 43px;
	border-top: 1px dashed rgba(119, 127, 137, 0.2);
	padding-bottom: 40px;
}

.nice-select:after {
	right: 22px;
	border-color: #D0D3D7;
}

.nice-select .list {
	width: 100%;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
	border-color: #D0D3D7;
}

.input-wrap input[type="number"] {
	max-width: 69px;
	text-align: center;
	z-index: 1;
}

.select-wrap+.input-wrap {
	margin-top: 34px;
}

.totals-box {
	padding-top: 40px;
}

.submit-btn-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.submit-btn-box span {
	font-family: "San Francisco Pro Display Regular";
	font-style: normal;
	font-weight: 900;
	font-size: 30px;
	line-height: 36px;
	color: #0033A0;
}

.submit-btn-box .b-btn {
	max-width: 183px;
	min-width: auto;
	width: 100%;
}

.project-block .submit-btn-box .b-btn {
	max-width: 120px;
}

.page-content+.last-donation {
	padding-top: 18px;
	padding-bottom: 86px;
}

.sflex {
	display: flex;
	align-items: baseline;
	margin-top: 12px;
}

.sflex .w50 {
	width: 50%;
}

.sflex .w50:last-child {
	justify-content: flex-end;
}

.sflex .w50:last-child .l-wrap {
	margin-right: 15px;
	justify-content: flex-end;
}

.m-header-static .hamburger--boring .hamburger-inner,
.m-header-static .hamburger--boring .hamburger-inner::before,
.m-header-static .hamburger--boring .hamburger-inner::after {
	background-color: #000;
}

.m-header-static .hamburger {
	-webkit-transform: translateY(18px);
	-ms-transform: translateY(18px);
	transform: translateY(18px);
}

.total-pay-block {
	display: flex;
}

.total-pay-block .nice-select .option {
	padding-left: 18px;
	padding-right: 18px;
	text-align: center;
	font-size: 25px;
}

.n-select.open {
	border: 1px solid #27ae60;
}

.total-pay-block .n-select {
	max-width: 90px;
	margin-left: 15px;
	display: flex;
	align-items: center;
}

.project-block .total-pay-block .n-select {
    max-width: 70px;
    margin-left: 5px;
    margin-right: 5px;
}

.total-pay-block .n-select span {
	font-size: 25px;
	line-height: 110%;
	color: #575757;
}

@media only screen and (max-width: 1550px) {
	.input-wrap .l-wrap label,
	.input-wrap .l-wrap span {
		font-size: 14px;
		line-height: 17px;
	}
	.contact-form {
		padding-left: 25px;
		padding-top: 5px;
	}
	.input-wrap input {
		height: 35px;
		font-size: 12px;
		line-height: 14px;
	}
	.check-input label {
		font-size: 12px;
		line-height: 14px;
	}
	.check-mask {
		width: 15px;
		min-width: 15px;
		height: 15px;
	}
	.details {
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.n-select {
		height: 35px;
		padding-left: 17px;
		font-size: 12px;
		line-height: 35px;
	}
	.details .submit-btn-box .b-btn {
		max-width: 129px;
	}
	.total-pay-block .n-select {
		max-width: 67px;
		margin-left: 15px;
		margin-right: 0;
	}
	.total-pay-block .n-select span {
		font-size: 12px;
	}
	.page-content+.last-donation {
		padding-bottom: 58px;
	}
	.type {
		margin-bottom: 28px;
		padding: 27px 22px;
	}
	.type h3 {
		font-size: 20px;
		margin-bottom: 17px;
	}
	.type-foot .count span {
		font-size: 12px;
		line-height: 14px;
	}
	.necessary span {
		font-size: 12px;
		line-height: 14px;
	}
	.type-foot .b-btn {
		max-width: 144px;
	}
	.type-foot .count .t-ic {
		min-width: 31px;
		margin-left: -4px;
	}
	.necessary {
		margin-right: 0;
	}
	.type-foot .count {
		margin-right: 0;
	}
	.type-foot {
		justify-content: space-between;
	}
	.type-foot .count strong {
		font-size: 18px;
	}
	.necessary strong {
		font-size: 18px;
	}
	.ft-content p {
		font-size: 12px;
	}
	.ft-content p+p {
		margin-top: 20px;
	}
	.contact-form h4 {
		font-size: 20px;
	}
	.ft-content .p-soc {
		display: flex;
	}
	.p-soc span {
		font-size: 12px;
		line-height: 14px;
	}
	.trees-head h4 {
		font-size: 20px;
	}
	.trees-head span {
		font-size: 12px;
		line-height: 14px;
	}
	.tree-loc span {
		font-size: 14px;
	}
	.tree-loc {
		height: 35px;
		padding-left: 9px;
		padding-right: 9px;
	}
	.contact-box {
		grid-template-columns: 320px 1fr;
		grid-column-gap: 60px;
	}
	.single .contact-form {
		padding-left: 0;
		border-left: 0;
	}
	.submit-btn-box span {
		font-size: 25px;
		line-height: 30px;
	}
	.input-wrap input[type="number"] {
		text-align: left;
		padding-left: 17px;
	}
	.input-wrap {
		grid-template-columns: 140px 1fr;
	}
	.totals-box {
		padding-top: 20px;
		border-top: 1px dashed rgba(119, 127, 137, 0.2);
		margin-top: 5px;
	}
	.nice-select:after {
		right: 11px;
	}
	.project-block .submit-btn-box .b-btn {
	         max-width: 90px;
	}
	.project-block .total-pay-block .n-select {
	    max-width: 50px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
}

@media only screen and (max-width: 1150px) {
	.feature-tree {
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media only screen and (max-width: 980px) {
	.feature-tree h1 {
		font-size: 35px;
	}
	.map-box {
		grid-template-columns: 1fr;
		grid-row-gap: 30px;
	}
	.map .map-img {
		position: relative;
		max-width: 350px;
		margin: 0 auto;
		display: block;
	}
	.contact-box {
		grid-template-columns: 1fr;
		grid-row-gap: 30px;
	}
	.contact-form {
		padding-left: 0;
		border-left: none;
	}
	.page-content {
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 640px) {
	.type-foot {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.type-foot .b-btn {
		margin-top: 30px;
		width: 100%;
		max-width: none;
	}
	.hamburger {
		-webkit-transform: translateY(14px) !important;
		-ms-transform: translateY(14px) !important;
		transform: translateY(14px) !important;
	}
	.type h3 {
		font-size: 20px;
		line-height: 24px;
	}
	.page-content h1 {
		font-size: 25px;
	}
	.trees-head h4,
	.contact-form h4 {
		font-size: 25px;
	}
	.input-wrap {
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.type-foot .count {
		margin-bottom: 15px;
	}
}

.single {
	padding-bottom: 46px;
}

.map-box-single {
	padding-bottom: 0;
	border-bottom: none;
}

.ft-content .contact-form {
	border-left: none;
}

.map-box-4 {
	grid-column-gap: 45px;
}

.map-box-4 .input-wrap {
	display: grid;
	grid-template-columns: 157px 1fr;
}

.submit-btn-box span {
	position: relative;
}

.submit-btn-box span small {
	position: absolute;
	top: 100%;
	left: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #575757;
	white-space: nowrap;
}

.total-pay input {
	max-width: 71px;
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 110%;
	padding-left: 0;
	text-align: center;
	color: #0033A0;
}

.ft-content .details {
	border-bottom: none;
	padding-bottom: 0;
}

.total-pay small {
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #575757;
	margin-top: 9px;
}

.fl-start button {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.map-soc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 485px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.map-img {
	position: relative;
}

.map-img img:last-child {
	position: absolute;
	z-index: 2;
	top: 45px;
	left: 6px;
}

.map-soc .p-soc {
	margin-top: auto;
	margin-left: 19%;
}

@media only screen and (max-width: 1550px) {
	.total-pay input {
		max-width: 95px;
		font-size: 18px;
		line-height: 110%;
	}
	.map-soc {
		min-height: auto;
	}
	.total-pay small {
		font-size: 11px;
		line-height: 14px;
		margin-top: 6px;
	}
	.total-pay-block .nice-select .option {
		font-size: 12px;
	}
}

@media only screen and (max-width: 980px) {
	.map-soc .map-img {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.map-soc .p-soc {
		margin-left: 0;
	}
}

@media only screen and (max-width: 680px) {
	.hamburger {
		-webkit-transform: translateY(14px);
		-ms-transform: translateY(14px);
		transform: translateY(14px);
	}
	.fl-start {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.fl-start button {
		margin-top: 10px;
	}
	.map-box-4 .input-wrap {
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	.total-pay {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
	}
	.total-pay-block {
		width: 100%;
	}
	.total-pay input {
		min-width: 50%;
		margin-right: 20px;
	}
	.fl-start button {
		margin-top: 30px;
		width: 100% !important;
		max-width: none !important;
	}
	.total-pay-block .n-select {
		max-width: 50%;
		margin-left: 0;
		margin-right: 0;
	}
}

.map-img path:hover {
	fill: #27AE60;
	stroke: white;
	pointer-events: all;
	cursor: pointer;
}

.page-content h1 {
	font-family: "San Francisco Pro Display Black";
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 110%;
	text-align: center;
	color: #27AE60;
	margin-bottom: 28px;
}

.text-content h2 {
	font-family: "San Francisco Pro Display Bold";
	font-size: 25px;
	margin-top: 23px;
	color: #3D4856;
}

.text-content p {
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
}

.text-content p+p {
	margin-top: 20px;
}

.text-content ul {
	margin-top: 72px;
}

.text-content ul li {
	display: grid;
	grid-template-columns: 46px 1fr;
	margin-bottom: 25px;
}

.text-content ul li:last-child {
	margin-bottom: 0;
}

.text-content ul li p {
	max-width: 1090px;
}

.text-content ul li span {
	font-family: "San Francisco Pro Display Black";
	font-style: normal;
	font-weight: 800;
	font-size: 25px;
	line-height: 110%;
	text-align: left;
	color: #F2A800;
}

.text-content {
	padding-bottom: 69px;
}

.text-content .wrapper {
	border-bottom: 4px solid #F5F6F7;
	padding-bottom: 70px;
}

.text-content+.last-donation {
	padding-bottom: 86px;
}

@media only screen and (max-width: 1550px) {
	.page-content h1 {
		font-size: 35px;
		line-height: 110%;
		margin-bottom: 28px;
	}
	.back {
		margin-top: 12px;
	}
	.text-content p {
		font-size: 12px;
		line-height: 14px;
	}
	.text-content p+p {
		margin-top: 15px;
	}
	.text-content h2 {
		font-size: 14px;
		margin-top: 15px;
	}
	.text-content ul {
		margin-top: 22px;
	}
	.text-content ul li span {
		font-size: 20px;
	}
	.text-content ul li {
		margin-bottom: 15px;
	}
	.text-content {
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 640px) {
	.page-content h1 {
		font-size: 25px;
		line-height: 110%;
	}
	.text-content p {
		font-size: 12px;
		line-height: 125.5%;
	}
	.text-content ul {
		margin-top: 15px;
	}
	.text-content ul li {
		display: grid;
		grid-template-columns: 25px 1fr;
	}
	.text-content ul li span {
		font-size: 14px;
	}
}

input[type="number"] {
	padding-left: 0;
	text-align: center;
}

.contacts-block {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.contacts-block li {
	background: linear-gradient(0deg, #F5F6F7, #F5F6F7), #DEB1B1;
	border-radius: 10px;
	width: 387px;
	padding: 22px;
	display: flex;
}

.contacts-block-icon {
	background: #FFFFFF;
	border-radius: 100px;
	min-width: 58px;
	min-height: 58px;
	max-width: 58px;
	max-height: 58px;
	display: flex;
	justify-content: center;
	align-content: center;
}

.contacts-block-text {
	margin-left: 22px;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	color: #3D4856;
	display: flex;
	flex-wrap: wrap;
}

.contacts-block-text span {
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: #3D4856;
}

.contacts-block-text strong {
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	color: #3D4856;
}

.contacts-block-text a {
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: #0033A0;
	margin-top: 10px;
}

.contacts-map-form {
	margin-top: 106px;
	display: flex;
	padding-bottom: 30px;
}

#germilio-map {
	width: 735px;
	min-height: 491px;
}

.contacts-form {
	width: 100%;
	max-width: 388px;
	margin-left: auto;
}

.contacts-form input {
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding-left: 21px;
	padding-right: 21px;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
    font-family: "San Francisco Pro Display Regular";
}

.form-textarea {
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 20px;
	height: 149px;
	padding-top: 15px;
	padding-left: 12px;
	padding-right: 12px;
	color: #575757;
	font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    font-family: "San Francisco Pro Display Regular";
}

.contacts-form textarea {
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 20px;
	height: 149px;
	padding-top: 15px;
	padding-left: 21px;
	padding-right: 21px;
	color: #575757;
	font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    font-family: "San Francisco Pro Display Regular";
}

.contacts-form span {
	font-family: "San Francisco Pro Display Bold";
	font-weight: 800;
	font-size: 30px;
	line-height: 110%;
	color: #3D4856;
	margin-bottom: 24px;
	display: flex;
}

.contacts-form input::-webkit-input-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form input::-moz-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form input:-ms-input-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form input:-moz-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form textarea::-webkit-input-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form textarea::-moz-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form textarea:-ms-input-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form textarea:-moz-placeholder {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
}

.contacts-form .b-btn {
	width: 100%;
	border: 1px solid #0033A0;
	box-sizing: border-box;
	border-radius: 5px;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #0033A0;
	background: none;
	max-width: 100%;
}

.form-textarea:focus,
.contacts-form textarea:focus,
.contacts-form input:focus {
	border: 1px solid #27ae60;
}

.contacts-form .b-btn:hover {
	background: #0033A0;
	color: #fff;
}

.comments-form {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.comments-form .errors {
	display: none;
	color: #ff0000;
	margin-bottom: 20px;
}

.comments-form h3 {
	margin-bottom: 20px;
}

.comments-success {
	display: none;
}

.comments-form input {
    background: #FFFFFF;
    border: 1px solid #D0D3D7;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
    height: 50px;
    padding-left: 21px;
    padding-right: 21px;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form textarea {
    background: #FFFFFF;
    border: 1px solid #D0D3D7;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
    height: 149px;
    padding-top: 15px;
    padding-left: 21px;
    padding-right: 21px;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form span {
    font-family: "San Francisco Pro Display Bold";
    font-weight: 800;
    font-size: 30px;
    line-height: 110%;
    color: #3D4856;
    margin-bottom: 24px;
    display: flex;
}

.comments-form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form input::-moz-placeholder {
    /* Firefox 19+ */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form input:-ms-input-placeholder {
    /* IE 10+ */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form input:-moz-placeholder {
    /* Firefox 18- */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form textarea:-ms-input-placeholder {
    /* IE 10+ */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form textarea:-moz-placeholder {
    /* Firefox 18- */
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.comments-form .b-btn {
    border: 1px solid #0033A0;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #0033A0;
    background: none;
    margin: 0 auto;
    max-width: 200px;
}

.comments-form textarea:focus,
.comments-form input:focus {
    border: 1px solid #27ae60;
}

.comments-form .b-btn:hover {
    background: #0033A0;
    color: #fff;
}

.show-more-comments {
	margin: 0 auto;
}

.pay-block-header {
	display: flex;
	width: 100%;
	border-bottom: 1px dashed rgba(119, 127, 137, 0.2);
	padding-bottom: 40px;
	margin-bottom: 40px;
	margin-top: 70px;
}

.pay-block-header-left {
	display: flex;
	width: 100%;
	max-width: 700px;
	flex-wrap: wrap;
}

.pay-block-header-left strong {
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
	display: flex;
	width: 100%;
	margin-bottom: 11px;
}

.pay-block-header-left div {
	font-weight: 800;
	font-size: 50px;
	line-height: 110%;
	text-align: center;
	color: #3D4856;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	font-family: "San Francisco Pro Display Black";
}

.pay-block-header-left span {
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
	display: flex;
	width: 100%;
}

.pay-block-header-right {
	border-left: 1px dashed rgba(119, 127, 137, 0.2);
	padding-left: 37px;
	margin-left: auto;
}

.pay-block-header-right strong {
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
}

.pay-block-header-summ {
	display: flex;
	margin-top: 10px;
}

.pay-block-header-summ span {
	font-family: "San Francisco Pro Display Black";
	font-weight: 800;
	font-size: 50px;
	line-height: 110%;
	color: #0033A0;
}

.pay-block-header-right .check-input {
	margin-top: 20px;
}

.pay-block-header-right .check-input label {
	font-size: 20px;
	line-height: 24px;
	color: #575757;
	display: flex;
}

.check-faq {
	width: 25px;
	height: 25px;
	display: flex;
	margin-left: 5px;
	background: url(../img/ion_help-circle-outline.svg) center no-repeat;
	cursor: pointer;
}

.check-faq:hover {
	opacity: 0.8;
}

.pay-block-type {
	border-bottom: 1px dashed rgba(119, 127, 137, 0.2);
	padding-bottom: 34px;
	margin-bottom: 34px;
}

.pay-block-type span {
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
}

.pay-block-type ul {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.pay-block-type ul li {
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	max-width: 183px;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	-webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	overflow: hidden;
	position: relative;
}

.pay-block-type ul li:hover {
	border: 1px solid #27AE60;
}

.pay-block-type ul li.active:after {
	content: "";
	position: absolute;
	top: -21px;
	right: -12px;
	width: 34px;
	height: 40px;
	background: #27AE60;
	transform: rotate(-51deg);
	z-index: 1;
}

.pay-block-type ul li.active:before {
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	width: 12px;
	height: 8px;
	background: url(../img/pay/check.svg) center no-repeat;
	z-index: 2;
}

.pay-block-btn {
	display: flex;
	align-items: center;
	margin-bottom: 168px;
}

.pay-block-btn-left {
	display: flex;
	width: 100%;
	max-width: 300px
}

.pay-block-btn-left a.btn {
	border: 1px solid #0033A0;
	box-sizing: border-box;
	border-radius: 5px;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #0033A0;
	max-width: 183px;
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pay-block-btn-left a.btn:hover {
	background: #0033A0;
	color: #fff;
}

.pay-block-btn-right {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.pay-block-btn-right span {
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #575757;
	margin-right: 95px;
}

.pay-block-btn-right span a {
	color: #0033A0;
}

.pay-block-btn-right .b-btn {
	max-width: 183px;
	min-width: 183px;
}

.edit-sum {
	background: url(../img/ion_pencil.svg) center no-repeat;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
	border: 1px solid #D0D3D7;
	box-sizing: border-box;
	border-radius: 5px;
	margin-left: auto;
}

.edit-sum:hover {
	border: 1px solid #27AE60;
}

.pay-block-header-summ #count {
	width: 135px;
	max-width: 135px;
	text-align: LEFT;
	padding-left: 20px;
	padding-right: 20px;
}

.pay-block-header-summ .sflex {
	margin-top: 0;
	align-items: start;
}

.pay-block-header-summ .input-wrap {
	display: flex;
}

.pay-block-header-summ .input-wrap+.input-wrap {
	margin-top: 0;
}

.edit-sum-block {
	display: none;
}

.edit-sum-block.active {
	display: flex;
}

.hidden {
	display: none;
}

.edit-sum-block .n-select span {
	font-family: "San Francisco Pro Display Regular";
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
}

.edit-sum-block .nice-select .option {
	padding-left: 18px;
	padding-right: 18px;
	text-align: center;
	font-size: 20px;
}

.edit-sum-block .n-select {
	margin-left: 10px;
}

.check-summ {
	background: url(../img/check-summ.svg) center no-repeat;
	width: 50px;
	height: 50px;
	background-color: #F2A800;
	border-radius: 5px;
	box-sizing: border-box;
	margin-left: 8px;
}

@media only screen and (max-width: 1550px) {
	.contacts-block li {
		width: 315px;
		padding: 17px;
	}
	.contacts-block-icon {
		min-width: 48px;
		min-height: 48px;
		max-width: 48px;
		max-height: 48px;
	}
	.contacts-block-text {
		margin-left: 18px;
		font-size: 14px;
		line-height: 17px;
	}
	.contacts-block-text span {
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-block-text strong {
		font-size: 16px;
		line-height: 18px;
	}
	.contacts-block-text a {
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-map-form {
		margin-top: 52px;
	}
	#germilio-map {
		width: 613px;
		height: 344px;
		min-height: auto;
	}
	.contacts-form span {
		font-size: 20px;
		line-height: 110%;
		color: #3D4856;
		margin-bottom: 17px;
	}
	.contacts-form {
		max-width: 320px;
	}
	.contacts-form input {
		width: 100%;
		margin-bottom: 10px;
		height: 35px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea {
		margin-bottom: 11px;
		height: 115px;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form input::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form input::-moz-placeholder {
		/* Firefox 19+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form input:-ms-input-placeholder {
		/* IE 10+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form input:-moz-placeholder {
		/* Firefox 18- */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea::-moz-placeholder {
		/* Firefox 19+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea:-ms-input-placeholder {
		/* IE 10+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea:-moz-placeholder {
		/* Firefox 18- */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form .b-btn {
		font-size: 12px;
		line-height: 14px;
	}
	.pay-block-header-left strong {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 0;
	}
	.pay-block-header-left div {
		font-size: 35px;
		margin-bottom: 10px;
	}
	.pay-block-header-left span {
		font-size: 12px;
		line-height: 14px;
	}
	.pay-block-header-right strong {
		font-size: 14px;
		line-height: 17px;
	}
	.pay-block-header-summ span {
		font-size: 25px;
		font-family: "San Francisco Pro Display Bold";
		line-height: 30px;
	}
	.pay-block-header-right .check-input label {
		font-size: 12px;
		line-height: 14px;
		align-items: center;
	}
	.edit-sum {
		width: 35px;
		height: 35px;
		background-size: 45%;
	}
	.pay-block-header-right .check-input {
		margin-top: 9px;
	}
	.pay-block-type span {
		font-size: 14px;
		line-height: 17px;
	}
	.pay-block-type ul {
		padding-top: 15px;
	}
	.pay-block-header {
		padding-bottom: 20px;
	}
	.pay-block-type ul li {
		max-width: 150px;
		height: 79px;
	}
	.pay-block-type ul li img {
		max-width: 92px;
		max-height: 27px;
	}
	.pay-block-btn-left a.btn {
		font-size: 12px;
		line-height: 14px;
		max-width: 149px;
		height: 35px;
	}
	.pay-block-btn-right .b-btn {
		font-size: 12px;
		line-height: 14px;
		max-width: 149px;
		height: 35px;
		min-width: 149px;
	}
	.pay-block-btn-right span {
		font-size: 12px;
		line-height: 14px;
		margin-right: 150px;
	}
}

@media only screen and (max-width: 640px) {
	.contacts-form {
		max-width: 100%;
	}
	.back {
		margin-top: 5px;
	}
	.page-content {
		padding-top: 30px;
	}
	.map-box-4 {
		grid-column-gap: 0;
		grid-row-gap: 0;
		padding-top: 0;
	}
	.map-img img:last-child {
		top: 70px;
	}
	.map-soc {
		min-height: 230px;
		margin-bottom: 20px;
	}
	.input-wrap .l-wrap label,
	.input-wrap .l-wrap span {
		font-size: 14px;
		line-height: 16px;
	}
	.map-box.map-box-single .map .map-img {
		height: auto;
	}
	.map-box-4 .input-wrap {
		grid-row-gap: 5px;
	}
	.input-wrap input {
		height: 40px;
		font-size: 16px;
		line-height: 14px;
	}
	.map .map-img {
		width: 100%;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		max-width: 172px;
		height: auto;
	}
	.feature-tree {
		padding-top: 0px;
	}
	.n-select {
		height: 40px;
		font-size: 14px;
		line-height: 36px;
	}
	.feature-tree {
		padding-left: 0;
		padding-right: 0;
		border-radius: 0;
	}
	.submit-btn-box .b-btn {
		font-size: 14px;
		line-height: 17px;
		height: 40px;
	}
	.page-content {
		margin-bottom: 0;
	}
	.last-comments h3 {
		font-size: 18px;
		line-height: 125.5%;
		text-align: left;
		margin-bottom: 25px;
	}
	.page-content+.last-donation {
		padding-bottom: 26px;
	}
	.comments-list li {
		flex-wrap: wrap;
		position: relative;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.comments-info {
		margin-right: 0;
		display: flex;
		align-items: center;
		width: 100%;
		margin-left: 51px;
		margin-top: 3px;
		margin-bottom: 8px;
	}
	.comments-info span {
		width: 50%;
		text-align: right;
		font-size: 10px;
	}
	.comments-text {
		font-size: 12px;
		line-height: 125.5%;
		margin-left: 51px;
	}
	.m-header-static .hamburger {
		-webkit-transform: translateY(16px) !important;
		-ms-transform: translateY(16px) !important;
		transform: translateY(16px) !important;
	}
	.comments-info div {
		width: 50%;
		font-size: 12px;
		line-height: 110%;
		margin-bottom: 0;
	}
	.comments-img {
		margin-right: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
	}
	.comments-list li:last-child {
		/*margin-bottom: 41px;*/
	}
	.map-box {
		padding-top: 0;
	}
	.type {
		padding: 20px;
		margin-bottom: 31px;
	}
	.type h3 {
		font-size: 16px;
		line-height: 110%;
		margin-bottom: 10px;
	}
	.t-ic {
		display: none;
	}
	.type-foot .count {
		margin-right: 0;
		margin-bottom: 0;
	}
	.type-foot .count span,
	.necessary span {
		font-size: 10px;
		line-height: 17px;
		margin-bottom: 0;
	}
	.type-foot .count strong,
	.necessary strong {
		font-size: 14px;
		line-height: 110%;
	}
	.type-foot .b-btn {
		margin-top: 13px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		line-height: 17px;
	}
	.ft-content p {
		font-size: 12px;
		line-height: 125.5%;
	}
	.ft-content p+p {
		margin-top: 15px;
	}
	.p-soc span {
		font-size: 12px;
	}
	.trees-head h4,
	.contact-form h4 {
		font-size: 18px;
	}
	.trees-head span {
		font-size: 12px;
	}
	.trees-head {
		margin-bottom: 10px;
	}
	.tree-loc span {
		font-size: 16px;
	}
	.input-wrap {
		grid-row-gap: 5px;
	}
	.sflex .w50:last-child .l-wrap {
		margin-right: 0;
	}
	.input-wrap+.input-wrap {
		margin-top: 10px;
	}
	.details {
		margin-top: 17px;
	}
	.select-wrap+.input-wrap {
		margin-top: 15px;
	}
	.text-content h2 {
		font-size: 12px;
	}
	.text-content {
		padding-bottom: 30px;
	}
	.page-content h1 {
		margin-left: 0;
	}
	.text-content .wrapper {
		padding-bottom: 50px;
	}
}

.ft-content p.f-italic {
	font-style: italic;
	font-weight: 600;
	font-size: 20px;
}

@media only screen and (max-width: 1200px) {
	.f-item .map-box {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		background: none;
		padding-bottom: 45px;
	}
	.f-item .p-soc {
		margin-top: 20px;
		margin-left: 0;
		margin-bottom: 0;
	}
	.f-item .map-box:before,
	.f-item .map-box:after,
	.f-item:before {
		display: none;
	}
	.f-item .p-soc {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.contacts-block {
		padding-top: 0;
		flex-wrap: wrap;
	}
	.contacts-block li {
		padding: 20px;
		display: flex;
		margin-bottom: 10px;
		width: 100%;
	}
	.contacts-block-text span,
	.contacts-block-text strong,
	.contacts-block-text a {
		width: 100%;
	}
	.contacts-map-form {
		margin-top: 40px;
		flex-wrap: wrap;
	}
	#germilio-map {
		width: 100%;
	}
	.contacts-form {
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}
	.pay-block-header-left {
		max-width: 100%;
	}
	.pay-block-header {
		padding-bottom: 20px;
		margin-bottom: 20px;
		margin-top: 30px;
		flex-wrap: wrap;
	}
	.pay-block-header-right {
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
		margin-top: 20px;
	}
	.pay-block-header-left div {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.edit-sum {
		width: 35px;
		height: 35px;
	}
	.pay-block-type ul {
		flex-wrap: wrap;
	}
	.pay-block-type ul li {
		margin: 5px 0;
		max-width: 168px;
		height: 60px;
		width: 100%;
	}
	.pay-block-btn-right span {
		font-size: 16px;
	}
	.pay-block-btn {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 640px) {
	.ft-content p.f-italic {
		font-style: italic;
		font-weight: 600;
		font-size: 12px;
		line-height: 125.5%;
	}
	.f-item .b-btn {
		min-width: 100%;
		max-width: 100%;
	}
	.contacts-block-icon {
		min-width: 50px;
		min-height: 50px;
		max-width: 50px;
		max-height: 50px;
	}
	.contacts-block-text {
		margin-left: 15px;
		font-size: 14px;
		line-height: 17px;
	}
	.contacts-block-text span,
	.contacts-block-text strong,
	.contacts-block-text a {
		font-size: 14px;
		line-height: 17px;
	}
	.contacts-block-text a {
		margin-top: 0px;
	}
	.contacts-form span {
		font-size: 18px;
		line-height: 110%;
		margin-bottom: 15px;
	}
	.contacts-form input {
		margin-bottom: 10px;
		height: 40px;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 12px;
		line-height: 18px;
	}
	.input-wrap input {
		font-size: 12px;
		text-align: left;
		padding-left: 18px;
	}
	.contacts-form input::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form input::-moz-placeholder {
		/* Firefox 19+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form input:-ms-input-placeholder {
		/* IE 10+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form input:-moz-placeholder {
		/* Firefox 18- */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea::-moz-placeholder {
		/* Firefox 19+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea:-ms-input-placeholder {
		/* IE 10+ */
		font-size: 12px;
		line-height: 14px;
	}
	.contacts-form textarea:-moz-placeholder {
		/* Firefox 18- */
		font-size: 12px;
		line-height: 18px;
	}
	.contacts-form textarea {
		padding-left: 12px;
		padding-right: 12px;
		font-size: 12px;
		margin-bottom: 10px;
		line-height: 14px;
	}
	.contacts-form .b-btn {
		font-size: 14px;
		line-height: 17px;
		height: 40px;
	}
	.total-pay-block .n-select span {
		font-size: 12px;
		font-weight: normal;
	}
	.contacts-map-form {
		padding-bottom: 0;
	}
	.pay-block-header-left div {
		font-size: 20px;
		margin-top: 6px;
		margin-bottom: 4px;
	}
	.pay-block-header-right strong,
	.pay-block-type span {
		font-size: 12px;
		line-height: 125.5%;
	}
	.pay-block-header-right .check-input {
		margin-top: 10px;
	}
	.pay-block-type ul {
		padding-top: 10px;
	}
	.pay-block-btn {
		flex-wrap: wrap;
	}
	.pay-block-btn-left a.btn {
		height: 40px;
		font-size: 14px;
		line-height: 17px;
		width: 100%;
		max-width: 100%;
	}
	.pay-block-btn-right {
		margin-left: 0;
		flex-wrap: wrap;
		text-align: center;
	}
	.pay-block-btn-left {
		max-width: 100%;
	}
	.pay-block-btn-right span {
		font-size: 12px;
		line-height: 110%;
		margin: 20px auto;
	}
	.pay-block-btn-right .b-btn {
		max-width: 100%;
		min-width: 100%;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
	}
	.pay-block-type ul li {
		margin: 5px 0;
		max-width: 168px;
		height: 60px;
		width: 100%;
	}
	.pay-block-header {
		border-top: 1px dashed rgba(119, 127, 137, 0.2);
		padding-top: 23px;
	}
	.pay-block-header-left strong {
		font-size: 12px;
		line-height: 14px;
	}
	.pay-block-header-left {
		max-width: 100%;
		border-bottom: 1px dashed rgba(119, 127, 137, 0.2);
		padding-bottom: 20px;
	}
	.pay-block-header-right {
		width: 100%;
	}
	.check-faq {
		width: 18px;
		height: 18px;
	}
	.pay-block-type {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.check-summ {
		width: 40px;
		height: 40px;
		background-size: 40%;
	}
	.edit-sum-block.active {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.pay-block-header-summ #count {
		width: 100%;
		max-width: 100%;
		text-align: left;
		padding-left: 12px;
		padding-right: 20px;
		font-weight: 600;
		font-size: 16px;
		line-height: 110%;
		color: #0033A0;
	}
}

@media only screen and (max-width: 350px) {
	.pay-block-type ul li {
		max-width: 100%;
		height: 60px;
		width: 100%;
	}
}

.login-page {
	background-image: url(../img/1_homepage/bg.jpg);
	height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.m-footer-login {
	width: 100%;
	margin-top: 125px;
}

.m-footer-login .m-footer {
	background: rgb(88, 88, 88, 0.7);
}

.m-footer-login .m-footer-bottom {
	background: rgb(73, 73, 73, 0.8);
}

.m-login {
	margin-top: 199px;
}

.m-login .wrapper {
	display: flex;
}

.m-login-left {
	width: 100%;
	max-width: 671px;
}

.m-login-left h1 {
	font-family: "San Francisco Pro Display Heavy";
	font-weight: 800;
	font-size: 70px;
	line-height: 110%;
	color: #FFFFFF;
	text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	margin-bottom: 48px;
}

.m-login-left span {
	font-size: 18px;
	line-height: 21px;
	text-align: left;
	color: rgba(255, 255, 255, 0.7);
}

.m-login-right {
	background: #fff;
	border-radius: 10px;
	margin-left: auto;
	width: 387px;
	padding: 30px 30px 80px 30px;
	position: relative;
}

.m-register-right {
	padding-bottom: 30px;
}

.register-link {
	font-size: 14px;
    line-height: 17px;
    color: #0033A0;
    text-align: center;
    display: block;
    margin-top: 5px;
}

.m-login-right h2 {
	font-family: "San Francisco Pro Display Heavy";
	font-weight: 800;
	font-size: 30px;
	line-height: 110%;
	color: #3D4856;
	margin-bottom: 24px;
}

.login-form .input-wrap {
	width: 100%;
	display: flex;
	position: relative;
}

.login-form input {
	background: #FFFFFF;
	border: 1px solid #D0D3D7;
	box-sizing: border-box;
	border-radius: 5px;
	height: 50px;
	display: flex;
	width: 100%;
	padding-left: 37px;
	font-size: 18px;
}

.login-form .input-wrap.iemail:after {
	content: "";
	display: flex;
	width: 20px;
	height: 20px;
	background: url('../img/login/email.svg') no-repeat;
	position: absolute;
	top: 15px;
	left: 13px;
}

.login-form .input-wrap.ipass:after {
	content: "";
	display: flex;
	width: 20px;
	height: 20px;
	background: url('../img/login/pass.svg') no-repeat;
	position: absolute;
	top: 15px;
	left: 13px;
}

.login-form .input-wrap+.input-wrap {
	margin-top: 16px;
}

.login-form .b-btn {
	width: 100%;
	max-width: 100%;
	margin-top: 7px;
}

.m-login-footer-auth {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(0deg, #F5F6F7, #F5F6F7), url(.jpg), #DEB1B1;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	height: 69px;
	display: flex;
	align-items: center;
}

.m-login-footer-auth span {
	font-size: 14px;
	line-height: 110%;
	color: #3D4856;
	max-width: 163px;
	padding-left: 30px;
}

.m-login-footer-auth ul {
	display: flex;
	margin-left: auto;
	margin-right: 23px;
}

.m-login-footer-auth ul li {
	margin: 0 8px;
}

.m-login-footer-auth ul li a {
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.m-login .check-input {
	margin-top: 23px;
	margin-bottom: 16px;
}

.m-login .check-input a {
	margin-left: auto;
	font-size: 14px;
	line-height: 17px;
	color: #0033A0;
}

.login-form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 18px;
}

.login-form input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 18px;
}

.login-form input:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 18px;
}

.login-form input:-moz-placeholder {
	/* Firefox 18- */
	font-size: 18px;
}

@media only screen and (max-width: 1550px) {
	.m-login-left h1 {
		font-size: 50px;
		margin-top: 10px;
		margin-bottom: 48px;
	}
	.m-footer-login {
		position: relative;
		bottom: auto;
		margin-top: 125px;
	}
	.m-login-left {
		width: 100%;
		max-width: 500px;
	}
	.m-login-left span {
		font-size: 12px;
		line-height: 14px;
	}
	.m-login-right {
		width: 340px;
		padding: 30px 21px 80px 21px;
	}
	.m-login .check-input a {
		font-size: 12px;
		line-height: 17px;
	}
	.m-login-footer-auth span {
		font-size: 12px;
		max-width: 163px;
	}
	.m-login-footer-auth ul li a {
		width: 30px;
		height: 30px;
	}
	.check-mask input:checked~.mask:after {
		width: 18px;
		height: 17px;
		background-size: cover;
	}
	.m-login {
		margin-top: 170px;
	}
	.login-form input {
		height: 40px;
	}
	.login-form .input-wrap.iemail:after {
		top: 10px;
		left: 13px;
	}
	.login-form .input-wrap.ipass:after {
		top: 10px;
		left: 13px;
	}
}

@media only screen and (max-width: 870px) {
	.m-login-left {
		display: none;
	}
	.m-login-right {
		margin-right: auto;
	}
	.m-login {
		margin-top: 100px;
	}
	.login-form input::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		font-size: 12px;
		line-height: 16px;
	}
	.login-form input::-moz-placeholder {
		/* Firefox 19+ */
		font-size: 12px;
		line-height: 16px;
	}
	.login-form input:-ms-input-placeholder {
		/* IE 10+ */
		font-size: 12px;
		line-height: 16px;
	}
	.login-form input:-moz-placeholder {
		/* Firefox 18- */
		font-size: 12px;
		line-height: 16px;
	}
	.login-form input {
		font-size: 12px;
	}
}

@media only screen and (max-width: 640px) {
	.m-login-right h2 {
		font-size: 21px;
	}
	.m-footer-login {
		margin-top: 50px;
	}
}

.user-home-page {
	padding-top: 81px;
	padding-bottom: 129px;
}

.user-first-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: end;
	-ms-flex-align: end;
	align-items: end;
	padding-bottom: 32px;
	border-bottom: 1px solid rgba(119, 127, 137, 0.2);
}

.user-name-box {
	position: relative;
}

.user-name-box span {
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
	display: block;
	margin-bottom: 13px;
}

.user-name-box h1 {
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 110%;
	text-align: center;
	color: #27AE60;
	margin-bottom: 13px;
}

.user-totals {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.user-totals .tt-box--blue strong {
	text-align: left;
}

.tt-box {
	position: relative;
	padding: 8px 32px;
	border-left: 1px dashed rgba(119, 127, 137, 0.2);
}

.tt-box:last-child {
	margin-right: 30px;
}

.tt-box strong {
	font-family: "San Francisco Pro Display Black";
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 110%;
	text-align: center;
	color: #F2A800;
	display: block;
	margin-bottom: 3px;
}

.tt-box span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #3D4856;
}

.tt-box--blue strong {
	color: #0033A0;
}

.user-projects {
	padding: 38px 0;
	border-bottom: 1px solid rgba(119, 127, 137, 0.2);
}

.user-projects h2 {
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
	margin-bottom: 17px;
}

.u-projects-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.u-projects-list li {
	margin-right: 20px;
}

.u-project-photo {
	position: relative;
	margin-bottom: 13px;
}

.u-project-photo .i-box {
	position: absolute;
	top: 8px;
	right: 9px;
	padding: 0;
	background: none;
	border: none;
	z-index: 1;
}

.u-project-photo, .u-project-photo > img{
	max-height: 116px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.u-project-photo span {
	position: absolute;
	left: 20px;
	bottom: 16px;
	font-family: "San Francisco Pro Display Medium";
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 110%;
	color: #FFFFFF;
	max-width: 140px;
}

.u-project-link {
	position: relative;
}

.u-project-link small {
	display: block;
	padding-left: 20px;
	font-family: "San Francisco Pro Display Light";
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 125.5%;
	color: #27AE60;
	margin-bottom: 3px;
}

.u-project-link strong {
	display: block;
	font-family: "San Francisco Pro Display Black";
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 110%;
	color: #0033A0;
	padding-left: 20px;
}

.u-latest-donations-wrap {
	padding: 48px 0;
	display: grid;
	grid-template-columns: 1fr 403px;
	grid-column-gap: 121px;
}

.u-latest-donations-wrap h3 {
	font-family: "San Francisco Pro Display Bold";
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #3D4856;
	margin-bottom: 21px;
}

.latest-donats-list {
	width: 100%;
}

.latest-donats-list li {
	width: 100%;
	margin-bottom: 10px;
}

.latest-donats-list li:last-child {
	margin-bottom: 0;
}

.u-donat {
	border: 1px solid #ECEDEE;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	padding-left: 20px;
	padding-right: 26px;
	padding-top: 12px;
	padding-bottom: 12px;
	display: grid;
	/*
	grid-template-columns: 11.96% 48.36% 27.01% 11.12% 1fr;
	*/
	grid-template-columns: 20% 70% 10% 1fr;
}

.u-donat .d-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 5px;
}

.d-date span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #3D4856;
	opacity: 0.7;
}

.d-cat span {
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #3D4856;
}

.d-card span {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #3D4856;
}

.d-ammount span {
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 110%;
	color: #0033A0;
}

.r-arrow button {
	padding: 0;
	border: none;
	background: none;
	width: 100%;
	height: 100%;
}

.u-subscribes-list {
	width: 100%;
}

.u-subscribes-list li {
	width: 100%;
	border-top: 1px dashed rgba(119, 127, 137, 0.2);
}

.u-subscribes-list li:last-child {
	border-bottom: 1px dashed rgba(119, 127, 137, 0.2);
}

.u-subscribe-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 14px;
	padding-bottom: 18px;
}

.u-subscribe-item .us-name strong {
	display: block;
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #3D4856;
	margin-bottom: 4px;
}

.u-subscribe-item .us-name span {
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 110%;
	color: #0033A0;
}

.s-delete {
	border: none;
	background: none;
	padding: 0;
	cursor: pointer;
}

.s-delete svg path {
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.s-delete:hover svg path {
	stroke: #FF5F00;
}

.payment-info-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px 19px 15px 20px;
	border: 1px solid #D0D3D7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.payment-logo {
	margin-right: 32px;
}

.payment-card strong {
	font-family: "San Francisco Pro Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	color: #3D4856;
	display: block;
}

.payment-card span {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: #3D4856;
	opacity: 0.5;
}

.edit-card {
	margin-left: auto;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}

.edit-card svg path {
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.edit-card:hover svg path {
	stroke: #0033A0;
}

.payment-info-wrap {
	margin-top: 50px;
}

.payment-info-wrap h3 {
	margin-bottom: 10px;
}

.payment-info-wrap h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.payment-info-wrap h3 button {
	margin-left: -3px;
	border: none;
	background: none;
	cursor: pointer;
}

.u-project-link {
	display: block;
}

@media only screen and (max-width: 1380px) {
	.user-home-page {
		padding-top: 59px;
		padding-bottom: 95px;
	}
	.user-name-box span {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 4px;
	}
	.user-name-box h1 {
		font-size: 35px;
		line-height: 110%;
		margin-bottom: 11px;
	}
	.tt-box strong {
		font-size: 35px;
		line-height: 110%;
		margin-bottom: 4px;
	}
	.tt-box span {
		font-size: 14px;
		line-height: 17px;
	}
	.wrapper-sm {
		max-width: 1000px;
	}
	.tt-box:last-child {
		margin-right: 0;
		padding-right: 0;
	}
	.user-totals {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
	}
	.tt-box {
		padding: 8px 25px;
	}
	.user-first-info {
		padding-bottom: 12px;
	}
	.user-projects h2 {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 18px;
	}
	.u-project-link {
		max-width: 151px;
	}
	.u-project-photo span {
		font-size: 12px;
		line-height: 110%;
		left: 14px;
		bottom: 14px;
	}
	.u-project-photo .i-box {
		width: 12px;
		height: 12px;
	}
	.u-project-photo {
		margin-bottom: 8px;
	}
	.u-project-link small {
		padding-left: 14px;
		font-size: 12px;
		line-height: 125.5%;
	}
	.u-project-link strong {
		padding-left: 14px;
		font-size: 16px;
		line-height: 110%;
	}
	.u-latest-donations-wrap {
		padding: 30px 0;
	}
	.u-latest-donations-wrap h3 {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 18px;
	}
	.u-donat {
		padding-left: 14px;
		padding-right: 16px;
	}
	.d-date span {
		font-size: 10px;
		line-height: 12px;
		max-width: 55px;
	}
	.d-cat span {
		font-size: 12px;
		line-height: 14px;
	}
	.d-card span {
		font-size: 12px;
		line-height: 14px;
	}
	.d-ammount span {
		font-size: 12px;
		line-height: 110%;
	}
	.u-latest-donations-wrap {
		grid-template-columns: 1fr 291px;
		grid-column-gap: 104px;
	}
	.u-subscribe-item {
		padding-top: 12px;
		padding-bottom: 16px;
	}
	.u-subscribe-item .us-name strong {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 3px;
	}
	.u-subscribe-item .us-name span {
		font-size: 12px;
		line-height: 110%;
	}
	.s-delete svg {
		width: 20px;
		height: 20px;
	}
	.payment-info-wrap {
		margin-top: 40px;
	}
	.plus-payment svg {
		width: 30px;
		height: 30px;
		min-width: 30px;
	}
	.payment-info-wrap h3 {
		margin-bottom: 6px;
	}
	.payment-info-box {
		padding: 13px 12px 12px 10px;
	}
	.payment-logo {
		max-width: 48px;
		margin-right: 26px;
	}
	.payment-card strong {
		font-size: 12px;
		line-height: 14px;
	}
	.payment-card span {
		font-size: 10px;
		line-height: 12px;
	}
}

.form-error {
	color: #dc3545;
	margin-top: 2px;
	margin-bottom: 10px;
}

.footer-lang {
	position: relative;
}

.footer-lang-block {
	display: none;
    background: rgba(64, 64, 64, 1);
    border-radius: 5px;
    width: 145px;
    position: absolute;
    bottom: 35px;
    right: -35px;
    padding: 6px;
}

.footer-lang-block li {
    padding: 4px 0;
}

.footer-lang-block a.active {
    color: rgba(255, 255, 255, 1);
}

.footer-lang-block a {
	font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 33px;
    height: 27px;
    position: relative;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-size: 24%;
}

.footer-lang-block a.lang-ru {
	background-image: url(../img/russia.svg);
}

.footer-lang-block a.lang-ar {
	background-image: url(../img/armenia.svg);
}

.footer-lang-block a.lang-am {
    background-image: url(../img/armenia.svg);
}

.footer-lang-block a.lang-en {
	background-image: url(../img/english.svg);
}

.footer-lang-block a.lang-fr {
	background-image: url(../img/fr.svg);
}

.footer-lang-block a.lang-it {
	background-image: url(../img/it.svg);
}

.footer-lang-block a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
}

.footer-lang-block.active {
    display: flex;
}

.footer-lang-block:after {
	content: "";
    position: absolute;
    bottom: -17px;
    left: 51px;
    width: 25px;
    height: 25px;
    background-image: url(../img/lang.svg);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(180deg);
}

@media only screen and (max-width: 1550px) {
	.footer-lang-block {
	    position: absolute;
	    bottom: 26px;
	    right: 1px;
	    padding: 6px;
	}
	.footer-lang-block a {
		padding-left: 30px;
		height: 23px;
		background-size: contain;
	}
	.footer-lang-block:after {
		bottom: -10px;
	    right: 18px;
	    width: 19px;
	    height: 12px;
	    background-size: cover;
	}
	.footer-lang-block a:before {
		width: 23px;
		height: 23px;
	}
}

.donation-form-wrapper {
	padding-left: 50px;
}

.donation-form {
	margin-top: 50px;
}

.donation-form .check-input {
    margin-top: 23px;
    margin-bottom: 16px;
}

.donation-form .check-input a {
    margin-left: auto;
    font-size: 14px;
    line-height: 17px;
    color: #0033A0;
}

.error {
	color: #ff0000;
}

.project-block .editor {
	margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
	.user-first-info {
	    padding-bottom: 12px;
	    flex-wrap: wrap;
	}
	.user-name-box h1 {
	    font-size: 21px;
	    line-height: 110%;
	    margin-bottom: 11px;
	}
	.tt-box span {
	    font-size: 12px;
	    line-height: 17px;
	}
	.tt-box strong {
	    font-size: 27px;
	    line-height: 110%;
	    margin-bottom: 4px;
	}
	.u-projects-list {
	    flex-wrap: wrap;
	}
	.u-projects-list li {
	    margin-right: 20px;
	    margin-bottom: 20px;
	}
	.u-latest-donations-wrap {
	    grid-template-columns: 1fr;
	    grid-column-gap: 104px;
	}
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.profile-password-hint {
    color: #aeaeae;
    margin: 15px 0;
}


.m-login, .user-home-page, .page-content {
	flex: 1;
}

.m-footer {
	margin-top: auto;
}



@media (max-width: 915px) {

	.footer-lang-block {
		right:  auto;
	    left: 0;
	}

}