@import url(../fonts/fa98e406536543eea1c28957dae9e99e.woff) {
	overflow:hidden
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

figure {
	margin: 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

body {
	margin: 0 auto;
	padding: 0
}

button,input,select,textarea {
	font: inherit
}

optgroup {
	font-weight: 700
}

button,input,select {
	overflow: visible
}

button,input,select,textarea {
	margin: 0
}

button,select {
	text-transform: none
}[type=button],[type=reset],[type=submit],button {
	cursor: pointer
}[disabled] {
	cursor: default
}[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance: button;
	border: 0
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button:-moz-focusring,input:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}[type=checkbox],[type=radio] {
	box-sizing: border-box;
	padding: 0
}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto
}[type=search] {
	-webkit-appearance: textfield
}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

.glide {
	position: relative;
	width: 100%;
	box-sizing: border-box
}

.glide * {
	box-sizing: inherit
}

.glide__slides,.glide__track {
	overflow: hidden
}

.glide__slides {
	position: relative;
	width: 100%;
	list-style: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	touch-action: pan-Y;
	padding: 0;
	white-space: nowrap;
	display: flex;
	flex-wrap: nowrap;
	will-change: transform
}

.glide__slide,.glide__slides--dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide__slide {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	white-space: normal;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}

.glide__slide a {
	-webkit-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.glide__arrows,.glide__bullets {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide--rtl {
	direction: rtl
}

.glide__arrow {
	position: absolute;
	display: block;
	top: 50%;
	z-index: 2;
	color: #fff;
	text-transform: uppercase;
	padding: 9px 12px;
	background-color: transparent;
	border: 2px solid hsla(0,0%,100%,.5);
	border-radius: 4px;
	box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
	text-shadow: 0 .25em .5em rgba(0,0,0,.1);
	opacity: 1;
	cursor: pointer;
	transition: opacity .15s ease,border .3s ease-in-out;
	transform: translateY(-50%);
	line-height: 1
}

.glide__arrow:focus {
	outline: none
}

.glide__arrow:hover {
	border-color: #fff
}

.glide__arrow--left {
	left: 2em
}

.glide__arrow--right {
	right: 2em
}

.glide__arrow--disabled {
	opacity: .33
}

.glide__bullets {
	position: absolute;
	z-index: 2;
	bottom: 2em;
	left: 50%;
	display: inline-flex;
	list-style: none;
	transform: translateX(-50%)
}

.glide__bullet {
	background-color: hsla(0,0%,100%,.5);
	width: 9px;
	height: 9px;
	padding: 0;
	border-radius: 50%;
	border: 2px solid transparent;
	transition: all .3s ease-in-out;
	cursor: pointer;
	line-height: 0;
	box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
	margin: 0 .25em
}

.glide__bullet:focus {
	outline: none
}

.glide__bullet:focus,.glide__bullet:hover {
	border: 2px solid #fff;
	background-color: hsla(0,0%,100%,.5)
}

.glide__bullet--active {
	background-color: #fff
}

.glide--swipeable {
	cursor: grab;
	cursor: -webkit-grab
}

.glide--dragging {
	cursor: grabbing;
	cursor: -webkit-grabbing
}

.react-tabs {
	-webkit-tap-highlight-color: transparent
}

.react-tabs__tab-list {
	border-bottom: 1px solid #dee2e6;
	margin: 0 0 10px;
	padding: 0
}

.react-tabs__tab {
	display: inline-block;
	border: 1px solid transparent;
	border-bottom: none;
	bottom: -1px;
	position: relative;
	list-style: none;
	padding: 6px 12px;
	cursor: pointer
}

.react-tabs__tab--selected {
	background: #fff;
	border-color: #dee2e6;
	color: #000;
	border-radius: 5px 5px 0 0
}

.react-tabs__tab--disabled {
	color: GrayText;
	cursor: default
}

.react-tabs__tab:focus {
	outline: none
}

.react-tabs__tab:focus:after {
	content: "";
	position: absolute;
	height: 5px;
	left: -4px;
	right: -4px;
	bottom: -5px;
	background: #fff
}

.react-tabs__tab-panel {
	display: none
}

.react-tabs__tab-panel--selected {
	display: block
}[data-rmiz-wrap=hidden],[data-rmiz-wrap=visible] {
	position: relative;
	display: block
}[data-rmiz-wrap=hidden] {
	visibility: hidden
}[data-rmiz-overlay] {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-property: background-color
}[data-rmiz-btn-close],[data-rmiz-btn-open] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	font: inherit;
	color: inherit;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}[data-rmiz-btn-open] {
	cursor: zoom-in;
	outline: none
}[data-rmiz-btn-close] {
	cursor: zoom-out;
	outline: none
}[data-rmiz-modal-content] {
	position: absolute;
	transition-property: transform;
	transform-origin: center center;
	display: grid;
	place-content: center
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.animated.infinite {
	animation-iteration-count: infinite
}

.animated.hinge {
	animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
	animation-duration: .75s
}

@keyframes bounce {
	0%,20%,53%,80%,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translateZ(0)
	}

	40%,43% {
		transform: translate3d(0,-30px,0)
	}

	40%,43%,70% {
		animation-timing-function: cubic-bezier(.755,.05,.855,.06)
	}

	70% {
		transform: translate3d(0,-15px,0)
	}

	90% {
		transform: translate3d(0,-4px,0)
	}
}

.bounce {
	animation-name: bounce;
	transform-origin: center bottom
}

@keyframes flash {
	0%,50%,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

.flash {
	animation-name: flash
}

@keyframes pulse {
	0% {
		transform: scaleX(1)
	}

	50% {
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		transform: scaleX(1)
	}
}

.pulse {
	animation-name: pulse
}

@keyframes rubberBand {
	0% {
		transform: scaleX(1)
	}

	30% {
		transform: scale3d(1.25,.75,1)
	}

	40% {
		transform: scale3d(.75,1.25,1)
	}

	50% {
		transform: scale3d(1.15,.85,1)
	}

	65% {
		transform: scale3d(.95,1.05,1)
	}

	75% {
		transform: scale3d(1.05,.95,1)
	}

	to {
		transform: scaleX(1)
	}
}

.rubberBand {
	animation-name: rubberBand
}

@keyframes shake {
	0%,to {
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		transform: translate3d(-10px,0,0)
	}

	20%,40%,60%,80% {
		transform: translate3d(10px,0,0)
	}
}

.shake {
	animation-name: shake
}

@keyframes headShake {
	0% {
		transform: translateX(0)
	}

	6.5% {
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		transform: translateX(0)
	}
}

.headShake {
	animation-timing-function: ease-in-out;
	animation-name: headShake
}

@keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	to {
		transform: rotate(0deg)
	}
}

.swing {
	transform-origin: top center;
	animation-name: swing
}

@keyframes tada {
	0% {
		transform: scaleX(1)
	}

	10%,20% {
		transform: scale3d(.9,.9,.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		transform: scale3d(1.1,1.1,1.1) rotate(3deg)
	}

	40%,60%,80% {
		transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
	}

	to {
		transform: scaleX(1)
	}
}

.tada {
	animation-name: tada
}

@keyframes wobble {
	0% {
		transform: none
	}

	15% {
		transform: translate3d(-25%,0,0) rotate(-5deg)
	}

	30% {
		transform: translate3d(20%,0,0) rotate(3deg)
	}

	45% {
		transform: translate3d(-15%,0,0) rotate(-3deg)
	}

	60% {
		transform: translate3d(10%,0,0) rotate(2deg)
	}

	75% {
		transform: translate3d(-5%,0,0) rotate(-1deg)
	}

	to {
		transform: none
	}
}

.wobble {
	animation-name: wobble
}

@keyframes jello {
	0%,11.1%,to {
		transform: none
	}

	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		transform: skewX(.39062deg) skewY(.39062deg)
	}

	88.8% {
		transform: skewX(-.19531deg) skewY(-.19531deg)
	}
}

.jello {
	animation-name: jello;
	transform-origin: center
}

@keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		transform: scale3d(.3,.3,.3)
	}

	20% {
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		transform: scaleX(1)
	}
}

.bounceIn {
	animation-name: bounceIn
}

@keyframes bounceInDown {
	0%,60%,75%,90%,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0,25px,0)
	}

	75% {
		transform: translate3d(0,-10px,0)
	}

	90% {
		transform: translate3d(0,5px,0)
	}

	to {
		transform: none
	}
}

.bounceInDown {
	animation-name: bounceInDown
}

@keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		transform: translate3d(25px,0,0)
	}

	75% {
		transform: translate3d(-10px,0,0)
	}

	90% {
		transform: translate3d(5px,0,0)
	}

	to {
		transform: none
	}
}

.bounceInLeft {
	animation-name: bounceInLeft
}

@keyframes bounceInRight {
	0%,60%,75%,90%,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px,0,0)
	}

	75% {
		transform: translate3d(10px,0,0)
	}

	90% {
		transform: translate3d(-5px,0,0)
	}

	to {
		transform: none
	}
}

.bounceInRight {
	animation-name: bounceInRight
}

@keyframes bounceInUp {
	0%,60%,75%,90%,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0,-20px,0)
	}

	75% {
		transform: translate3d(0,10px,0)
	}

	90% {
		transform: translate3d(0,-5px,0)
	}

	to {
		transform: translateZ(0)
	}
}

.bounceInUp {
	animation-name: bounceInUp
}

@keyframes bounceOut {
	20% {
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		transform: scale3d(1.1,1.1,1.1)
	}

	to {
		opacity: 0;
		transform: scale3d(.3,.3,.3)
	}
}

.bounceOut {
	animation-name: bounceOut
}

@keyframes bounceOutDown {
	20% {
		transform: translate3d(0,10px,0)
	}

	40%,45% {
		opacity: 1;
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 0;
		transform: translate3d(0,2000px,0)
	}
}

.bounceOutDown {
	animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		transform: translate3d(20px,0,0)
	}

	to {
		opacity: 0;
		transform: translate3d(-2000px,0,0)
	}
}

.bounceOutLeft {
	animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		transform: translate3d(-20px,0,0)
	}

	to {
		opacity: 0;
		transform: translate3d(2000px,0,0)
	}
}

.bounceOutRight {
	animation-name: bounceOutRight
}

@keyframes bounceOutUp {
	20% {
		transform: translate3d(0,-10px,0)
	}

	40%,45% {
		opacity: 1;
		transform: translate3d(0,20px,0)
	}

	to {
		opacity: 0;
		transform: translate3d(0,-2000px,0)
	}
}

.bounceOutUp {
	animation-name: bounceOutUp
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	animation-name: fadeIn
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDown {
	animation-name: fadeInDown
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translate3d(0,-2000px,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDownBig {
	animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeft {
	animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeftBig {
	animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRight {
	animation-name: fadeInRight
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRightBig {
	animation-name: fadeInRightBig
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUp {
	animation-name: fadeInUp
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translate3d(0,2000px,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUpBig {
	animation-name: fadeInUpBig
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0,100%,0)
	}
}

.fadeOutDown {
	animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0,2000px,0)
	}
}

.fadeOutDownBig {
	animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(-100%,0,0)
	}
}

.fadeOutLeft {
	animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(-2000px,0,0)
	}
}

.fadeOutLeftBig {
	animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(100%,0,0)
	}
}

.fadeOutRight {
	animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(2000px,0,0)
	}
}

.fadeOutRightBig {
	animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0,-100%,0)
	}
}

.fadeOutUp {
	animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0,-2000px,0)
	}
}

.fadeOutUpBig {
	animation-name: fadeOutUpBig
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(-1turn)
	}

	0%,40% {
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) translateZ(150px) rotateY(-190deg)
	}

	50% {
		transform: perspective(400px) translateZ(150px) rotateY(-170deg)
	}

	50%,80% {
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) scale3d(.95,.95,.95)
	}

	to {
		transform: perspective(400px);
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	animation-name: flip
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	0%,40% {
		animation-timing-function: ease-in
	}

	40% {
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: flipInX
}

@keyframes flipInY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	0%,40% {
		animation-timing-function: ease-in
	}

	40% {
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: flipInY
}

@keyframes flipOutX {
	0% {
		transform: perspective(400px)
	}

	30% {
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}

@keyframes flipOutY {
	0% {
		transform: perspective(400px)
	}

	30% {
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: flipOutY
}

@keyframes lightSpeedIn {
	0% {
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0
	}

	60% {
		transform: skewX(20deg)
	}

	60%,80% {
		opacity: 1
	}

	80% {
		transform: skewX(-5deg)
	}

	to {
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	animation-name: lightSpeedIn;
	animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	to {
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	animation-name: lightSpeedOut;
	animation-timing-function: ease-in
}

@keyframes rotateIn {
	0% {
		transform-origin: center;
		transform: rotate(-200deg);
		opacity: 0
	}

	0%,to {
		-webkit-transform-origin: center
	}

	to {
		transform-origin: center;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	animation-name: rotateIn
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}

	0%,to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(45deg);
		opacity: 0
	}

	0%,to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}

	0%,to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}

	0%,to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	animation-name: rotateInUpRight
}

@keyframes rotateOut {
	0% {
		transform-origin: center;
		opacity: 1
	}

	0%,to {
		-webkit-transform-origin: center
	}

	to {
		transform-origin: center;
		transform: rotate(200deg);
		opacity: 0
	}
}

.rotateOut {
	animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	0%,to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	0%,to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}

	0%,to {
		-webkit-transform-origin: left bottom
	}

	to {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}

	0%,to {
		-webkit-transform-origin: right bottom
	}

	to {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	animation-name: rotateOutUpRight
}

@keyframes hinge {
	0% {
		transform-origin: top left
	}

	0%,20%,60% {
		-webkit-transform-origin: top left;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		transform: rotate(80deg);
		transform-origin: top left
	}

	40%,80% {
		transform: rotate(60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		transform: translate3d(0,700px,0);
		opacity: 0
	}
}

.hinge {
	animation-name: hinge
}

@keyframes rollIn {
	0% {
		opacity: 0;
		transform: translate3d(-100%,0,0) rotate(-120deg)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.rollIn {
	animation-name: rollIn
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(100%,0,0) rotate(120deg)
	}
}

.rollOut {
	animation-name: rollOut
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	animation-name: zoomIn
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomInDown {
	animation-name: zoomInDown
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomInLeft {
	animation-name: zoomInLeft
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomInRight {
	animation-name: zoomInRight
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomInUp {
	animation-name: zoomInUp
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		transform: scale3d(.3,.3,.3)
	}

	50%,to {
		opacity: 0
	}
}

.zoomOut {
	animation-name: zoomOut
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomOutDown {
	animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(-2000px,0,0);
		transform-origin: left center
	}
}

.zoomOutLeft {
	animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(2000px,0,0);
		transform-origin: right center
	}
}

.zoomOutRight {
	animation-name: zoomOutRight
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomOutUp {
	animation-name: zoomOutUp
}

@keyframes slideInDown {
	0% {
		transform: translate3d(0,-100%,0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInDown {
	animation-name: slideInDown
}

@keyframes slideInLeft {
	0% {
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInLeft {
	animation-name: slideInLeft
}

@keyframes slideInRight {
	0% {
		transform: translate3d(100%,0,0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInRight {
	animation-name: slideInRight
}

@keyframes slideInUp {
	0% {
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInUp {
	animation-name: slideInUp
}

@keyframes slideOutDown {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(0,100%,0)
	}
}

.slideOutDown {
	animation-name: slideOutDown
}

@keyframes slideOutLeft {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(-100%,0,0)
	}
}

.slideOutLeft {
	animation-name: slideOutLeft
}

@keyframes slideOutRight {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(100%,0,0)
	}
}

.slideOutRight {
	animation-name: slideOutRight
}

@keyframes slideOutUp {
	0% {
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		transform: translate3d(0,-100%,0)
	}
}

.slideOutUp {
	animation-name: slideOutUp
}

:root {
	--brand_black: #101010;
	--brand_brown: #493628;
	--brand_brown_light: #493628;
	--brand_grey: #ede9e7;
	--text_grey: #707070;
	--text_grey_dark: #424242;
	--text_grey_light: #6f6f6f;
	--text_black: #171616;
	--bg_black: #171616;
	--border_grey: #e6e6e6;
	--transition: all 0.3s ease;
	--font_fallback: "Open Sans",sans-serif
}

html {
	font-size: 16px
}

@media screen and (min-width:320px) {
	html {
		font-size: calc(16px + 8*(100vw - 320px)/1600)
	}
}

@media screen and (min-width:1920px) {
	html {
		font-size: 24px
	}
}

* {
    box-sizing: border-box;
    max-width:100%;
}

h1,h2,h3,h4,h5,h6,li,p,ul {
	padding: 0;
	margin: 0
}

body {
	font-family: var(--font_fallback);
	overflow-x: hidden;
	scroll-behavior: smooth
}

.container {
	max-width: 1390px
}

.container,.container_wide {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px
}

.container_wide {
	max-width: 1696px
}

@media (max-width:1780px) {
	.container_wide {
		max-width: 1380px
	}
}

.container_small {
	width: 100%;
	max-width: 1110px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.container_small {
		padding: 0 15px
	}
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
	appearance: none;
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

@keyframes loadingAnimation {
	0% {
		background-position: 0 26%
	}

	50% {
		background-position: 100% 75%
	}

	to {
		background-position: 0 26%
	}
}

@keyframes runSlide {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

.bg_loading {
	background: linear-gradient(290deg,#fff,#a5a5a5);
	background-size: 400% 400%;
	animation: loadingAnimation 2s ease infinite
}

.fade_in {
	opacity: 1;
	transition: var(--transition)
}

.content_center {
	max-width: 900px;
	margin: 0 auto
}

.content_wrap {
	max-width: 900px
}

.section_title {
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 60px;
	color: var(--text_grey_dark)
}

@media (max-width:1024px) {
	.section_title {
		margin-bottom: 40px
	}
}

.section_subtitle {
	text-align: center;
	font-size: .65em;
	color: var(--text_grey);
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 15px;
	text-transform: uppercase
}

.section_description {
	font-size: .7em;
	font-weight: 300;
	color: #595959;
	text-align: center
}

@media (max-width:1024px) {
	.section_description {
		font-size: .8em;
		margin-bottom: 40px
	}
}

.content_subtitle {
	text-align: center;
	font-size: .65em;
	color: var(--text_grey);
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 15px;
	text-transform: uppercase
}

.content_title {
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 60px;
	color: var(--text_grey_dark)
}

@media (max-width:1024px) {
	.content_title {
		margin-bottom: 40px
	}
}

.content_title_with_span {
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 1px;
	color: #595959;
	text-align: left;
	text-transform: none;
	margin-bottom: 30px
}

.content_title_with_span span,.content_title_with_span strong {
	color: #333;
	font-weight: 600
}

.bg_grey,.bg_light {
	background-color: #f7f5f4
}

.section_paddings {
	padding: 80px 0
}

@media (max-width:1024px) {
	.section_paddings {
		padding: 60px 0
	}
}

.section_pb {
	padding-bottom: 80px
}

@media (max-width:1024px) {
	.section_pb {
		padding-bottom: 60px
	}
}

.mt-15 {
	margin-top: 15px
}

.mt-60 {
	margin-top: 60px
}

.mt-30 {
	margin-top: 30px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-60 {
	margin-bottom: 60px
}

.pb-0 {
	padding-bottom: 0
}

.pt-60 {
	padding-top: 60px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-80 {
	padding-bottom: 80px
}

.text-center {
	text-align: center!important
}

.text-color-dark {
	color: #333!important
}

.header_wrap {
	display: block;
	overflow-y: visible;
	position: fixed;
	top: 54px;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 100;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.header_wrap {
		height: auto
	}
}

.header_wrap.fixed {
	background-color: #fff;
	border-bottom: 1px solid #f7f5f4;
	top: 50px;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.header_wrap.fixed {
		top: 0;
		padding: 10px 0
	}
}

.header_wrap.fixed .nav_wrap {
	padding: 15px 60px 40px;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.header_wrap.fixed .nav_wrap {
		padding: 7px 15px
	}
}

.header_wrap.fixed .nav_wrap .logo svg {
	fill: var(--brand_black);
	transition: var(--transition)
}

.header_wrap.fixed .nav_wrap .menu_toggle {
	border: 1px solid var(--brand_black)
}

.header_wrap.fixed .nav_wrap .menu_toggle svg {
	fill: var(--brand_black)
}

.header_wrap.fixed .nav_wrap nav.main ul li.has_children>a {
	color: var(--brand_black)
}

.header_wrap.fixed .nav_wrap nav.main ul li.has_children>a svg {
	fill: var(--brand_black);
	transition: var(--transition)
}

.header_wrap.fixed .nav_wrap nav.main ul li a {
	color: var(--brand_black)
}

.header_wrap.fixed .lang_switch li:first-of-type:after {
	background-color: var(--brand_black)
}

.header_wrap.fixed .lang_switch li a {
	color: var(--brand_black)
}

.header_wrap .nav_wrap {
	padding: 30px 60px;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	position: relative;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.header_wrap .nav_wrap {
		padding: 20px 15px
	}
}

.header_wrap .nav_wrap .logo {
	align-self: center
}

.header_wrap .nav_wrap .logo svg {
	width: 170px;
	fill: #fff;
	display: block;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.header_wrap .nav_wrap .logo svg {
		width: 100px
	}
}

.header_wrap .nav_wrap .menu_toggle {
	display: none;
	padding: 6px 12px;
	background-color: transparent;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #fff
}

@media (max-width:1024px) {
	.header_wrap .nav_wrap .menu_toggle {
		display: block
	}
}

.header_wrap .nav_wrap .menu_toggle:focus,.header_wrap .nav_wrap .menu_toggle:hover {
	outline: none
}

.header_wrap .nav_wrap .menu_toggle.is_active {
	background-color: var(--brand_black);
	transition: var(--transition)
}

.header_wrap .nav_wrap .menu_toggle.is_active svg {
	fill: #fff;
	transition: var(--transition)
}

.header_wrap .nav_wrap .menu_toggle svg {
	display: block;
	width: 26px;
	height: 20px;
	fill: #fff;
	transition: var(--transition)
}

.top_bar {
	text-align: right;
	padding: 7px 60px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.top_bar {
		padding: 7px 15px;
		transition: var(--transition)
	}
}

.top_bar.fixed {
	background-color: #fff;
	padding: 5px 60px;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.top_bar.fixed {
		position: absolute;
		opacity: 0
	}
}

.top_bar.fixed .mini_nav li a {
	color: var(--text_grey);
	transition: var(--transition);
	cursor: pointer
}

.top_bar.fixed .contact_sales {
	color: var(--text_grey);
	border: 1px solid var(--brand_black);
	transition: var(--transition)
}

.top_bar.fixed .lang_switch li:first-of-type:after {
	background-color: var(--brand_black);
	transition: var(--transition)
}

.top_bar.fixed .lang_switch li a {
	color: var(--text_grey);
	transition: var(--transition)
}

.top_bar .mini_nav {
	display: inline-block;
	margin: 0;
	padding: 0 15px
}

@media (max-width:1024px) {
	.top_bar .mini_nav {
		padding: 0 5px
	}
}

.top_bar .mini_nav li {
	list-style-type: none;
	display: inline-block;
	padding: 0 15px
}

@media (max-width:1024px) {
	.top_bar .mini_nav li {
		padding: 0 5px
	}
}

.top_bar .mini_nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: .5em;
	cursor: pointer;
	text-transform: uppercase
}

@media (max-width:1024px) {
	.top_bar .mini_nav li a {
		font-size: .6em
	}
}

.top_bar .mini_nav li a:hover {
	text-decoration: underline;
	transition: var(--transition)
}

.top_bar .contact_sales {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 12px 15px;
	font-size: .5em;
	text-transform: uppercase;
	border-radius: 18px;
	border: 1px solid #fff;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.top_bar .contact_sales {
		font-size: .6em;
		padding: 8px 13px
	}
}

.top_bar .contact_sales:hover {
	background-color: var(--brand_black);
	border: 1px solid var(--brand_black);
	color: #fff;
	transition: var(--transition)
}

.lang_switch {
	padding: 0;
	margin: 0
}

.lang_switch,.lang_switch li {
	display: inline-block;
	position: relative
}

.lang_switch li {
	list-style-type: none
}

.lang_switch li:first-of-type {
	padding-right: 1px;
	position: relative
}

.lang_switch li:first-of-type:after {
	content: " ";
	width: 1px;
	height: 10px;
	background-color: #fff;
	display: block;
	position: absolute;
	right: 0;
	top: 17px;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.lang_switch li:first-of-type:after {
		top: 9px
	}
}

.lang_switch li a {
	padding: 0 5px;
	text-decoration: none;
	color: #fff;
	font-size: .5em;
	line-height: 1.1;
	transition: var(--transition)
}

@media (max-width:1024px) {
	.lang_switch li a {
		font-size: .6em
	}
}

.lang_switch li a.is_active,.lang_switch li a:hover {
	text-decoration: underline;
	transition: var(--transition)
}

nav.main {
	text-align: right
}

@media (max-width:1024px) {
	nav.main {
		position: absolute;
		top: 55px;
		right: 10px;
		transform: translateX(120%);
		opacity: 0;
		z-index: 10
	}

	nav.main,nav.main.is_active {
		transition: var(--transition)
	}

	nav.main.is_active {
		opacity: 1;
		transform: translateX(0)
	}
}

nav.main ul {
	display: inline-block;
	padding: 0;
	margin: 0
}

@media (max-width:1024px) {
	nav.main ul {
		display: block;
		background-color: #fff;
		max-height: calc(100vh - 170px);
		overflow-y: scroll;
		overflow-x: hidden
	}
}

nav.main ul li {
	list-style-type: none;
	display: inline-block;
	padding: 10px 15px;
	position: relative
}

@media (max-width:1024px) {
	nav.main ul li {
		display: block
	}
}

nav.main ul li.has_children:hover {
	background-color: #fff
}

nav.main ul li.has_children:hover>a {
	color: var(--brand_black)
}

nav.main ul li.has_children:hover>a svg {
	fill: var(--brand_black);
	transition: var(--transition)
}

@media (min-width:1024px) {
	nav.main ul li.has_children {
		padding-right: 25px;
		cursor: pointer
	}

	nav.main ul li.has_children:hover>.submenu {
		display: block
	}

	nav.main ul li.has_children svg {
		display: block;
		position: absolute;
		fill: #fff;
		right: 15px;
		top: 15px;
		width: 16px;
		height: 8px;
		transform: rotate(90deg);
		transition: var(--transition)
	}
}

@media (max-width:1024px) {
	nav.main ul li.has_children>a {
		padding: 5px 30px 5px 10px
	}

	nav.main ul li.has_children>.submenu {
		display: none
	}

	nav.main ul li.has_children.is_active>.submenu {
		display: block;
		border-top: 1px solid #fff
	}

	nav.main ul li.has_children svg {
		display: block;
		position: absolute;
		fill: var(--brand_black);
		right: 3px;
		top: 8px;
		width: 20px;
		height: 11px;
		transform: rotate(90deg);
		transition: var(--transition);
		z-index: 10
	}
}

nav.main ul li .submenu {
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 20;
	background-color: #fff;
	padding: 20px 0 5px;
	width: 100%
}

@media (max-width:1024px) {
	nav.main ul li .submenu {
		position: relative;
		top: auto;
		right: auto;
		text-align: right;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 0;
		background-color: var(--brand_grey);
		max-width: 100%
	}
}

nav.main ul li .submenu.with_titles {
	min-width: 210px;
	padding: 40px 20px 15px
}

@media (max-width:1024px) {
	nav.main ul li .submenu.with_titles {
		padding-top: 15px
	}
}

nav.main ul li .submenu.with_titles .title {
	display: block;
	text-align: left;
	color: var(--text_grey);
	font-size: .4em;
	margin-top: 20px;
	letter-spacing: 1px
}

@media (max-width:1024px) {
	nav.main ul li .submenu.with_titles .title {
		text-align: right;
		font-size: .6em
	}
}

nav.main ul li .submenu.with_titles .title:first-of-type {
	margin-top: 0
}

nav.main ul li .submenu.with_titles li {
	display: block;
	text-align: left;
	color: var(--text_grey);
	font-size: 10px
}

@media (max-width:1024px) {
	nav.main ul li .submenu.with_titles li {
		text-align: right
	}
}

nav.main ul li .submenu.with_titles li a {
	font-size: 13px;
	padding: 8px 20px
}

@media (max-width:1024px) {
	nav.main ul li .submenu.with_titles li a {
		padding: 8px 0
	}
}

nav.main ul li .submenu:not(.with_titles) li a {
	text-align: center
}

@media (max-width:1024px) {
	nav.main ul li .submenu:not(.with_titles) li a {
		text-align: right
	}
}

nav.main ul li .submenu li {
	padding: 0;
	display: block
}

nav.main ul li .submenu li a {
	padding: 8px 13px;
	display: block;
	text-align: left;
	font-size: 13px;
	color: #4e4c47;
	text-transform: uppercase
}

@media (max-width:1024px) {
	nav.main ul li .submenu li a {
		padding: 4px 13px;
		text-align: right;
		color: var(--brand_black);
		font-size: 12px
	}
}

nav.main ul li .submenu li a:hover {
	color: var(--brand_black)
}

nav.main ul li a {
	display: block;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .55em;
	letter-spacing: 1px;
	transition: var(--transition)
}

@media (max-width:1024px) {
	nav.main ul li a {
		color: var(--brand_black);
		font-size: .8em;
		position: relative
	}
}

nav.main ul li a:hover {
	transition: var(--transition)
}

.footer_wrap {
	background: var(--brand_black);
	border-top: 1px solid var(--text_grey)
}

.footer_wrap .container_small .footer_grid_wrapper {
	padding-top: 60px;
	padding-bottom: 40px
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid {
	display: grid;
	grid-template-columns: repeat(4,1fr)
}

@media (max-width:1024px) {
	.footer_wrap .container_small .footer_grid_wrapper .footer_grid {
		grid-template-columns: 1fr 1fr;
		justify-items: unset;
		text-align: center;
		grid-gap: 30px 15px;
		gap: 30px 15px
	}
}

@media (max-width:1024px) {
	.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content {
		grid-column: span 2
	}
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content:last-child {
	text-align: center
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content:nth-of-type(2),.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content:nth-of-type(3) {
	grid-column: span 1
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content h4 {
	font-size: .6em;
	letter-spacing: 1px;
	color: var(--text_grey);
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 2px;
	text-decoration: underline;
	text-underline-position: under
}

@media (max-width:768px) {
	.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content h4 {
		margin-bottom: 25px
	}
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content ul {
	padding: 0;
	margin: 0
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content ul li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content ul li a {
	display: block;
	font-size: .7em;
	letter-spacing: 1px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content .socials_wrapper ul {
	margin: 0;
	padding: 0
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content .socials_wrapper ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 30px
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content .socials_wrapper ul li:last-child {
	margin-right: 0;
	vertical-align: sub
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content .socials_wrapper ul li a {
	display: block
}

.footer_wrap .container_small .footer_grid_wrapper .footer_grid .grid_content .socials_wrapper ul li a svg {
	max-width: 30px;
	height: 28px
}

.footer_wrap .container_small .footer_copyrights {
	padding-bottom: 40px;
	padding-top: 20px;
	text-align: center
}

.footer_wrap .container_small .footer_copyrights p {
	font-size: .6em;
	font-weight: 300;
	color: var(--text_grey)
}

figure.table table {
	margin: 0 auto;
	min-width: 800px;
	text-align: left;
	border-spacing: 0
}

@media (max-width:800px) {
	figure.table table {
		min-width: 100%
	}
}

figure.table table thead tr th {
	padding: 10px 50px 10px 15px;
	font-weight: 600;
	background-color: var(--brand_grey);
	border: 0;
	border-right: 1px solid #fff
}

figure.table table thead tr th:last-of-type {
	border-right: 0
}

figure.table table tbody {
	background-color: #fff
}

figure.table table tbody tr:last-of-type td {
	border-bottom: 0
}

figure.table table tbody tr td {
	padding: 10px 15px;
	border-bottom: 1px solid var(--border_grey);
	border-right: 1px solid var(--border_grey)
}

figure.table table tbody tr td:last-of-type {
	border-right: 0
}

ul.projects_list {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 90px 35px;
	gap: 90px 35px;
	margin-bottom: 80px;
	overflow: hidden
}

@media (max-width:1024px) {
	ul.projects_list {
		grid-template-columns: repeat(2,1fr);
		margin-bottom: 60px;
		grid-gap: 30px 15px;
		gap: 30px 15px
	}
}

ul.projects_list li {
	list-style-type: none
}

ul.projects_list li a {
	text-decoration: none;
	display: block;
	color: var(--brand_black)
}

ul.projects_list li a .image_wrap {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	margin-bottom: 20px
}

ul.projects_list li a .image_wrap img {
	display: block;
	width: 100%;
	transition: var(--transition)
}

ul.projects_list li a h5 {
	font-size: .6em;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 5px;
	letter-spacing: .5px
}

ul.projects_list li a h5 span {
	margin: 0 3px
}

ul.projects_list li a h4 {
	font-size: .7em;
	font-weight: 400;
	color: var(--brand_black);
	letter-spacing: 1px
}

.blog_list {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 40px 20px;
	gap: 40px 20px;
	list-style-type: none;
	padding: 20px;
	margin: 0 0 80px
}

@media (max-width:1024px) {
	.blog_list {
		grid-template-columns: repeat(2,1fr);
		margin-bottom: 60px;
		grid-gap: 30px 15px;
		gap: 30px 15px
	}
}

.blog_list .blog_post {
	position: relative
}

.blog_list .blog_post .permalink {
	position: relative;
	text-decoration: none;
	color: var(--brand_white)
}

.blog_list .blog_post .permalink .featured_image {
	overflow: hidden;
	border-radius: 4px
}

.blog_list .blog_post .permalink .featured_image img {
	display: block;
	width: 100%;
	transition: var(--transition)
}

.blog_list .blog_post .permalink p {
	font-size: .6em;
	color: var(--text_grey)
}

@media (max-width:768px) {
	.blog_list .blog_post .permalink p {
		font-size: .8em
	}
}

.blog_list .blog_post .blog_category {
	margin-top: 15px
}

.blog_list .blog_post .blog_category .category_link {
	text-decoration: none
}

.blog_list .blog_post .blog_category .category_link p {
	font-size: .6em;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 5px;
	letter-spacing: .5px;
	color: var(--brand_black)
}

.blog_list .blog_post .blog_category .blog_title {
	text-decoration: none;
	color: var(--brand_black)
}

.blog_list .blog_post .blog_category .blog_title h4 {
	font-size: .7em;
	font-weight: 400;
	color: var(--brand_black);
	letter-spacing: 1px
}

.product_info {
	text-align: center
}

@media (max-width:1024px) {
	.product_info {
		padding-top: 30px
	}
}

.product_info h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: .7em;
	color: var(--brand_black);
	letter-spacing: 1.5px;
	font-weight: 300;
	margin-bottom: 5px
}

.product_info h1 {
	text-align: center;
	font-size: 1.4em;
	font-weight: 500;
	margin-bottom: 30px;
	color: var(--text_grey_dark)
}

.product_info h5 {
	font-size: .75em;
	color: #3f3f3f;
	font-weight: 300;
	margin-bottom: 20px
}

.product_info .content {
	color: var(--text_grey);
	font-size: .7em;
	font-weight: 300;
	max-width: 500px;
	margin: 0 auto 30px
}

@media (max-width:1024px) {
	.product_info .content {
		margin-bottom: 35px
	}
}