@charset "utf-8";
.sr {
	visibility: hidden;
}
body.home {
	opacity: 0;
	transition: opacity .6s
}
.application-banner, .product-banner {
	padding: 80px 0;
	position: relative
}
.application-banner .container, .product-banner .container {
	z-index: 20
}
@media screen and (min-width:67.5em) {
.application-banner, .product-banner {
	padding: 120px 0
}
}
@media screen and (min-width:100em) {
.application-banner, .product-banner {
	padding: 160px 0
}
.application-banner.home-banner, .product-banner.home-banner {
	padding: 200px 0
}
}
.application-banner__content, .product-banner__content {
	max-width: 100%;
	position: relative;
	width: 910px;
	z-index: 1
}
@media screen and (min-width:100em) {
.home-banner {
	padding: 200px 0
}
}
.home-banner h1 strong {
	color: #aacc38;
	font-weight: 400
}
.home-banner .animated-graphic {
	display: none;
	height: 100%;
	left: 0;
	opacity: .2;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0
}
.home-banner .animated-graphic svg {
	height: auto;
	width: 100%
}
@media screen and (min-width:1400px) {
.home-banner .animated-graphic {
	bottom: 0;
	top: auto
}
}
.scroll-down {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #aacc38;
	border: 0;
	border-radius: 15px;
	display: block;
	height: 85px;
	outline: none;
	position: relative;
	transition: all .4s ease-out 2.3s;
	width: 85px
}
.scroll-down__footer {
	border-radius: 8px;
	bottom: 0;
	display: none;
	height: 50px;
	position: absolute;
	right: 0;
	width: 50px
}
@media screen and (min-width:48em) {
.scroll-down__footer {
	display: block
}
}
.scroll-down svg {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}
.header-logo-link {
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-name: logoAnim;
	animation-timing-function: ease-out;
	display: block;
	height: 50px;
	left: -45px;
	position: absolute;
	transform-origin: left;
	width: 231px
}
@media screen and (min-width:30em) {
.header-logo-link {
	height: 69px;
	width: 320px
}
}
@media screen and (min-width:48em) {
.header-logo-link {
	height: 76px;
	left: 0;
	width: 352px
}
}
@media screen and (min-width:67.5em) {
.header-logo-link {
	height: 86px;
	width: 400px
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.header-logo-link {
	height: 99px;
	width: 460px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.header-logo-link {
	height: 120px;
	width: 556px
}
}
@keyframes logoAnim {
0% {
opacity:0;
top:50%;
transform:translateY(-50%) scale(.95)
}
25% {
opacity:1;
top:50%;
transform:translateY(-50%) scale(1)
}
50% {
opacity:1;
top:50%;
transform:translateY(-50%) scale(1)
}
to {
	opacity: 1;
	top: 20px;
	transform: translateY(0) scale(1)
}
}
@media screen and (min-width:48em) {
@keyframes logoAnim {
0% {
opacity:0;
top:50%;
transform:translateY(-50%) scale(.95)
}
25% {
opacity:1;
top:50%;
transform:translateY(-50%) scale(1)
}
50% {
opacity:1;
top:50%;
transform:translateY(-50%) scale(1)
}
to {
	opacity: 1;
	top: 35px;
	transform: translateY(0) scale(1)
}
}
}
.header-logo {
	fill: #000;
	display: block;
	height: 100%;
	width: 100%
}
.big-nav .header-logo {
	transition: all .5s ease-out 1s
}
.header {
	height: 91px;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	transition: height 2s ease-out 1s;
	transition: all .4s ease-out;
	width: 100%;
	z-index: 230
}
@media screen and (min-width:67.5em) {
.header {
	height: 156px
}
}
.header.active {
	box-shadow: 0 2px 0 0 #e5e5e5;
	height: 91px;
	transition: all .4s ease-out
}
.header.active .header-logo-link {
	animation: none;
	height: 60px;
	top: 10px;
	left:10px;
	transition: all .4s ease-out;
	width: 150px
}
@media screen and (min-width:30em) {
.header.active .header-logo-link {
	height: 90px;
	top: -4px;
	left:10px;
	width: 200px
}
}
.header.active-off {
	background-color: transparent;
	height: 91px
}
@media screen and (min-width:67.5em) {
.header.active-off {
	height: 156px
}
}
.header.active-off .header-logo-link {
	animation: none;
	top: 20px
}
@media screen and (min-width:30em) {
.header.active-off .header-logo-link {
	top: 35px
}
}
.header.headroom {
	transition: transform .2s linear
}
.header.headroom--pinned {
	transform: translateY(0)
}
.header.headroom--unpinned {
	transform: translateY(-100%)
}
body.loaded .header {
	background-color: #fff
}
.burger {
	background: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
	display: block;
	margin-left: 15px;
	padding: 11px 15px 11px 0;
	transition: all .2s linear
}
.burger .burger-text {
	color: #000;
	display: inline-block;
	font-size: 16px;
	height: 18px;
	margin-right: 12px;
	overflow: hidden;
	position: relative;
	transition: all .1s linear;
	vertical-align: middle;
	width: 52px
}
@media screen and (max-width:47.9375em) {
.burger .burger-text {
	position: absolute;
	right: 50px;
	top: 37px;
	transform: rotate(0deg)
}
}
.burger .burger-text:after, .burger .burger-text:before {
	position: absolute;
	right: 0;
	transition: all .3s linear
}
.burger .burger-text:before {
	content: "Menu";
	opacity: 1;
	top: 0;
	visibility: visible
}
.burger .burger-text:after {
	content: "Close";
	opacity: 0;
	top: 16px;
	visibility: hidden
}
.burger .burger-icon {
	display: inline-block;
	height: 28px;
	position: relative;
	transition: all .3s linear;
	vertical-align: middle;
	width: 25px
}
.burger .burger-icon .line {
	background: #000;
	display: block;
	height: 4px;
	position: absolute;
	transition: all .3s linear;
	width: 25px
}
.burger .burger-icon .line:first-child {
	top: 5px
}
.burger .burger-icon .line:nth-child(2) {
	top: 12px
}
.burger .burger-icon .line:nth-child(3) {
	top: 19px
}
.burger.active .burger-text {
	color: #aacc38;
	transition: all .1s linear
}
@media screen and (max-width:47.9375em) {
.burger.active .burger-text {
	animation-duration: .3s;
	animation-fill-mode: forwards;
	animation-name: rotateAnim;
	animation-timing-function: linear;
	transition: none
}
@keyframes rotateAnim {
0% {
color:#000;
position:absolute;
right:50px;
top:37px;
transform:rotate(0deg)
}
70% {
color:#aacc38
}
99% {
position:absolute;
right:50px;
top:37px;
transform:rotate(0deg)
}
to {
	color: #aacc38;
	position: absolute;
	right: 0;
	top: 90px;
	transform: rotate(-90deg)
}
}
}
.burger.active .burger-text:before {
	opacity: 0;
	top: -16px;
	visibility: hidden
}
.burger.active .burger-text:after {
	opacity: 1;
	top: 0;
	transition-delay: .3s;
	visibility: visible
}
.burger.active .burger-icon {
	transform: rotate(135deg);
	transition-delay: .6s
}
.burger.active .burger-icon .line {
	background: #aacc38
}
.burger.active .burger-icon .line:nth-child(2) {
	width: 0
}
.burger.active .burger-icon .line:first-child, .burger.active .burger-icon .line:nth-child(3) {
	top: 12px;
	transition-delay: .3s
}
.burger.active .burger-icon .line:nth-child(3) {
	transform: rotate(90deg)
}
body.nav-is-active .primary-slide {
	transform: translateY(0);
	transition: all .7s ease-out
}
body.nav-is-active .secondary-slide {
	transform: translateY(0);
	transition: all .7s ease-out .1s
}
body.nav-is-active .secondary-slide:before {
	transform: translateX(0);
	transition: all .7s ease-out .3s
}
body.nav-is-active .header-logo {
	fill: #fff;
	transition: all .3s linear .4s
}
body.nav-is-active .search--header {
	opacity: 0;
	transform: translateX(-30px);
	transition: all .4s ease-out;
	visibility: hidden
}
body.nav-is-active .product-finder {
	opacity: 0;
	transform: translateX(-30px);
	transition: all .4s ease-out .2s;
	visibility: hidden
}
body.nav-is-active .nav-bottom {
	opacity: 1;
	transform: translateY(0);
	visibility: visible
}
body.nav-is-active .header {
	background-color: transparent!important;
	height: 156px
}
body.nav-close .primary-slide {
	transition: all .7s ease-out .1s
}
body.nav-close .secondary-slide {
	transition: all .7s ease-out
}
@media screen and (max-width:47.9375em) {
body.nav-close .header-nav {
	transition: all .1s ease-out
}
}
body.nav-close .header-logo {
	fill: #000;
	transition: all .1s linear
}
.header-nav {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	opacity: 1;
	padding: 21px 10px 20px;
	transform: translateX(0);
	transition: all .4s ease-out 1.8s;
	visibility: visible
}
@media screen and (min-width:48em) {
.header-nav {
	padding: 21px 35px 20px
}
}
.header-nav__item {
	display: inline-block
}
.header-nav__item:first-child, .header-nav__item:nth-child(2) {
	display: none
}
@media screen and (min-width:61.9375em) {
.header-nav__item:first-child, .header-nav__item:nth-child(2) {
	display: inline-block
}
}
button.search {
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	padding: 11px 10px;
	transition: all .4s ease-out
}
button.search .search-icon {
	fill: #000
}
button.search--primary .search-icon {
	fill: #aacc38
}
button.search--header {
	margin-right: 20px
}
button.search--nav {
	margin-left: 5px
}
@media screen and (min-width:30em) {
button.search--nav {
	margin-left: 10px
}
}
@media screen and (min-width:67.5em) {
button.search--nav {
	margin-left: 20px
}
}
button.search--nav .search-icon {
	height: 23px;
	width: 23px
}
@media screen and (min-width:30em) {
button.search--nav .search-icon {
	height: 26px;
	width: 26px
}
}
.nav {
	height: 100%;
	position: fixed;
	z-index: 220
}
.nav, .nav:after {
	left: 0;
	opacity: 0;
	top: 0;
	visibility: hidden;
	width: 100%
}
.nav:after {
	background: linear-gradient(180deg, #000 40%, transparent);
	content: "";
	display: block;
	height: 140px;
	pointer-events: none;
	position: absolute
}
@media screen and (min-width:48em) {
.nav:after {
	height: 160px;
	width: 40%
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.nav:after {
	height: 180px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.nav:after {
	height: 200px
}
}
.nav__menu {
	display: flex;
	flex-flow: column;
	height: 100%;
	left: 0;
	overflow-y: scroll;
	padding: 130px 30px 50px;
	position: absolute;
	top: 0;
	width: 100%
}
@media screen and (min-width:30em) {
.nav__menu {
	padding: 130px 60px 50px
}
}
@media screen and (min-width:48em) {
.nav__menu {
	padding: 160px 0 100px
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.nav__menu {
	justify-content: space-between;
	padding: 190px 0 100px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.nav__menu {
	padding: 230px 0 100px
}
}
.nav__menu .linkedin {
	bottom: 140px;
	display: none;
	padding-left: 45px;
	position: absolute;
	right: 0;
	text-decoration: none;
	transform: rotate(-90deg)
}
@media screen and (min-width:48em) {
.nav__menu .linkedin {
	display: inline-block
}
}
.nav__menu .linkedin:before {
	background-color: #d1d700;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s ease-in-out;
	width: 30px
}
.nav.active, .nav.active:after {
	opacity: 1;
	visibility: visible
}
.nav.active:after {
	transition: all .1s ease-out .7s
}
.menu-primary-nav-container .menu {
	pointer-events: none
}
.menu-primary-nav-container .menu .menu-item {
	position: relative
}
.menu-primary-nav-container .menu .menu-item a {
	color: #fff;
	display: inline-block;
	font-family: proxima-nova-regular, Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 55px;
	pointer-events: all;
	text-decoration: none
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .menu-item a {
	padding-left: 12%
}
}
@media screen and (min-width:67.5em) {
.menu-primary-nav-container .menu .menu-item a {
	font-size: 33px;
	line-height: 58px
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.menu-primary-nav-container .menu .menu-item a {
	font-size: 38px;
	line-height: 63px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.menu-primary-nav-container .menu .menu-item a {
	font-size: 50px;
	line-height: 75px
}
}
.menu-primary-nav-container .menu .menu-item a:hover {
	color: #aacc38
}
.menu-primary-nav-container .menu .sub-menu {
	opacity: 0;
	padding: 10px 0;
	pointer-events: all;
	position: absolute;
	visibility: hidden
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .sub-menu {
	padding: 0 15%;
	right: 0;
	top: -15px;
	transform: translateX(-20px);
	width: 60%
}
}
@media screen and (min-width:67.5em) {
.menu-primary-nav-container .menu .sub-menu {
	top: -27px
}
}
@media screen and (min-width:85em) {
.menu-primary-nav-container .menu .sub-menu {
	top: -20px
}
}
.menu-primary-nav-container .menu .sub-menu .menu-item:not(:last-of-type) {
	margin-bottom: 10px
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .sub-menu .menu-item:not(:last-of-type) {
	margin-bottom: 20px
}
}
.menu-primary-nav-container .menu .sub-menu .menu-item a {
	background: #fff;
	color: #000;
	display: block;
	overflow: hidden;
	padding: 21px 19px;
	position: relative;
	width: 100%
}
@media screen and (min-width:67.5em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a {
	padding: 26px 23px
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a {
	padding: 30px 27px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a {
	padding: 35px 32px
}
}
.menu-primary-nav-container .menu .sub-menu .menu-item a:hover {
	background: #aacc38
}
.menu-primary-nav-container .menu .sub-menu .menu-item a span {
	display: block;
	text-transform: uppercase
}
.menu-primary-nav-container .menu .sub-menu .menu-item a .word1 {
	font-family: crillee;
	font-size: 26px;
	line-height: 27px
}
@media screen and (min-width:67.5em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a .word1 {
	font-size: 29px;
	line-height: 30px
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a .word1 {
	font-size: 32px;
	line-height: 33px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a .word1 {
	font-size: 42px;
	line-height: 43px
}
}
.menu-primary-nav-container .menu .sub-menu .menu-item a .word2 {
	font-family: proxima-nova-bold, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 23px
}
@media screen and (min-width:67.5em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a .word2 {
	font-size: 20px;
	line-height: 25px
}
}
@media screen and (min-width:85em) {
.menu-primary-nav-container .menu .sub-menu .menu-item a .word2 {
	font-size: 22px;
	line-height: 27px
}
}
.menu-primary-nav-container .menu .menu-item-has-children {
	position: relative
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .menu-item-has-children:before {
	background: #b2c600;
	content: "";
	display: block;
	height: 2px;
	left: calc(12% + 194px);
	position: absolute;
	top: 31px;
	transition: all .3s linear;
	width: 0
}
}
@media screen and (min-width:67.5em) {
.menu-primary-nav-container .menu .menu-item-has-children:before {
	left: calc(12% + 210px)
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.menu-primary-nav-container .menu .menu-item-has-children:before {
	left: calc(12% + 238px);
	top: 33px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.menu-primary-nav-container .menu .menu-item-has-children:before {
	left: calc(12% + 304px);
	top: 42px
}
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .menu-item-has-children:after {
	background: url(../images/nav-line.png) no-repeat;
	background-size: 50px 38px;
	content: "";
	display: block;
	height: 38px;
	opacity: 0;
	position: absolute;
	right: calc(45% + 40px);
	top: 13px;
	transition: all .05s linear;
	visibility: hidden;
	width: 50px
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.menu-primary-nav-container .menu .menu-item-has-children:after {
	top: 15px
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.menu-primary-nav-container .menu .menu-item-has-children:after {
	top: 24px
}
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .menu-item-has-children.active:before {
	width: calc(43% - 244px)
}
}
@media screen and (min-width:67.5em) {
.menu-primary-nav-container .menu .menu-item-has-children.active:before {
	width: calc(43% - 260px)
}
}
@media screen and (min-width:85em) and (min-height:50em) {
.menu-primary-nav-container .menu .menu-item-has-children.active:before {
	width: calc(43% - 288px)
}
}
@media screen and (min-width:100em) and (min-height:56.25em) {
.menu-primary-nav-container .menu .menu-item-has-children.active:before {
	width: calc(43% - 354px)
}
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .menu-item-has-children.active:after {
	opacity: 1;
	transition: all .3s linear .25s;
	visibility: visible
}
}
.menu-primary-nav-container .menu .menu-item-has-children.active .sub-menu {
	opacity: 1;
	transition: all .3s linear;
	visibility: visible
}
@media screen and (min-width:48em) {
.menu-primary-nav-container .menu .menu-item-has-children.active .sub-menu {
	transform: translateX(0);
	transition: all .3s linear .3s
}
}
@media screen and (max-width:47.9375em) {
.menu-primary-nav-container .menu .menu-item-has-children.active .sub-menu {
	position: relative
}
}
.menu-primary-nav-container .sub-menu .menu-item a:before {
	content: "";
	display: block;
	height: 124px;
	position: absolute;
	width: 285px
}
@media screen and (min-width:48em) and (max-width:61.875em) {
.menu-primary-nav-container .sub-menu .menu-item a:before {
	content: none
}
}
@media screen and (min-width:85em) {
.menu-primary-nav-container .sub-menu .menu-item a:before {
	height: 145px;
	width: 335px
}
}
@media screen and (min-width:100em) {
.menu-primary-nav-container .sub-menu .menu-item a:before {
	height: 158px;
	width: 365px
}
}
@media screen and (min-width:112.5em) {
.menu-primary-nav-container .sub-menu .menu-item a:before {
	height: 204px;
	width: 470px
}
}
.menu-primary-nav-container .sub-menu .menu-item:first-child a:before {
	background: url(../images/power.png) no-repeat;
	background-size: 285px 124px;
	right: -150px;
	top: -35px;
	transform: rotate(10deg)
}
@media screen and (min-width:85em) {
.menu-primary-nav-container .sub-menu .menu-item:first-child a:before {
	background-size: 335px 145px
}
}
@media screen and (min-width:100em) {
.menu-primary-nav-container .sub-menu .menu-item:first-child a:before {
	background-size: 365px 158px
}
}
@media screen and (min-width:112.5em) {
.menu-primary-nav-container .sub-menu .menu-item:first-child a:before {
	background-size: 470px 204px;
	right: -168px;
	top: -54px
}
}
.menu-primary-nav-container .sub-menu .menu-item:nth-child(2) a:before {
	background: url(../images/telecom.png) no-repeat;
	background-size: 285px 124px;
	right: -160px;
	top: -30px;
	transform: rotate(10deg)
}
@media screen and (min-width:85em) {
.menu-primary-nav-container .sub-menu .menu-item:nth-child(2) a:before {
	background-size: 335px 145px
}
}
@media screen and (min-width:100em) {
.menu-primary-nav-container .sub-menu .menu-item:nth-child(2) a:before {
	background-size: 365px 158px
}
}
@media screen and (min-width:112.5em) {
.menu-primary-nav-container .sub-menu .menu-item:nth-child(2) a:before {
	background-size: 470px 204px;
	right: -168px;
	top: -41px
}
}
.menu-primary-nav-container .sub-menu .menu-item:nth-child(3) a:before {
	background: url(../images/speciality.png) no-repeat;
	background-size: 285px 124px;
	right: -145px;
	top: -25px;
	transform: rotate(4deg)
}
@media screen and (min-width:85em) {
.menu-primary-nav-container .sub-menu .menu-item:nth-child(3) a:before {
	background-size: 335px 145px
}
}
@media screen and (min-width:100em) {
.menu-primary-nav-container .sub-menu .menu-item:nth-child(3) a:before {
	background-size: 365px 158px
}
}
@media screen and (min-width:112.5em) {
.menu-primary-nav-container .sub-menu .menu-item:nth-child(3) a:before {
	background-size: 470px 204px;
	right: -168px;
	top: -44px
}
}
.nav-search {
	opacity: 0;
	visibility: hidden
}
@media screen and (max-width:47.9375em) {
.nav-search {
	height: 0;
	margin-top: 0;
	transform: translateY(-40px)
}
}
@media screen and (min-width:48em) {
.nav-search {
	align-content: center;
	display: flex;
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(calc(-50% - 40px));
	transition: all .4s ease-out;
	width: 40%
}
}
.nav-search .search-form {
	display: block;
	width: 100%
}
.nav-search .search-form .search-form-title {
	font-size: 26px;
	margin-bottom: 20px
}
@media screen and (min-width:30em) {
.nav-search .search-form .search-form-title {
	font-size: 33px;
	margin-bottom: 30px
}
}
@media screen and (min-width:85em) {
.nav-search .search-form .search-form-title {
	font-size: 45px
}
}
.nav-search .search-form input[type=search] {
	background: #fff;
	width: 100%
}
.nav-search .search-form .search {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}
@media screen and (min-width:30em) {
.nav-search .search-form .search {
	right: 20px
}
}
@media screen and (min-width:85em) {
.nav-search .search-form .search {
	right: 30px
}
}
.nav-search .search-form .search .search-icon {
	fill: #aacc38
}
.nav-search.active {
	opacity: 1;
	visibility: visible
}
@media screen and (max-width:47.9375em) {
.nav-search.active {
	height: auto;
	margin-top: 40px;
	transform: translateY(0);
	transition: all .4s ease-out
}
}
@media screen and (min-width:48em) {
.nav-search.active {
	transform: translateY(-50%)
}
}
.nav-bottom {
	margin-top: 45px;
	opacity: 0;
	transform: translateY(-20px);
	transition: all .4s ease-out .7s;
	visibility: hidden
}
@media screen and (min-width:48em) {
.nav-bottom {
	padding-left: 12%
}
}
.nav-bottom__item {
	display: inline-block;
	vertical-align: middle
}
.search-bar {
	background: #fff;
	box-shadow: 0 53px 72px 0 rgba(0,0,0,.25);
	left: 0;
	opacity: 0;
	padding: 40px 0;
	position: fixed;
	top: 0;
	transform: translateY(-50%);
	transition: all .55s ease-out .2s;
	visibility: hidden;
	width: 100%;
	z-index: 300
}
@media screen and (min-width:85em) {
.search-bar {
	padding: 70px 0
}
}
.search-bar .search, .search-bar .search-close, .search-bar input[type=search] {
	display: inline-block;
	vertical-align: middle
}
.search-bar input[type=search] {
	width: calc(100% - 120px)
}
.search-bar .search-form {
	overflow: hidden
}
.search-bar .container {
	opacity: 0;
	transform: translateY(-100%);
	transition: all .55s ease-out;
	visibility: hidden
}
.search-bar.active {
	transition: all .55s ease-out .4s
}
.search-bar.active, .search-bar.active .container {
	opacity: 1;
	transform: translateY(0);
	visibility: visible
}
.search-bar.active .container {
	transition: all .55s ease-out .6s
}
.search-slide {
	background: #fff;
	height: 100vh;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: all .4s ease-out .6s;
	visibility: hidden;
	width: 100%;
	z-index: 290
}
.search-slide.active {
	opacity: .4;
	pointer-events: auto;
	transition: all .4s ease-out;
	visibility: visible
}
.breadcrumbs-bar {
	background-color: #fff;
	border-bottom: 2px solid #e5e5e5;
	font-size: 14px;
	justify-content: space-between;
	left: 0;
	padding: 17px 20px;
	position: fixed;
	top: 91px;
	width: 100%;
	z-index: 100
}
.breadcrumbs-bar.headroom {
	transition: all .2s linear
}
.breadcrumbs-bar.headroom--pinned {
	transform: translateY(0)
}
.breadcrumbs-bar.headroom--unpinned {
	opacity: 0;
	transform: translateY(-150%)
}
@media screen and (min-width:768px) {
.breadcrumbs-bar {
	padding: 17px 50px
}
}
.breadcrumbs-bar a {
	display: inline-block;
	text-decoration: none
}
.breadcrumbs-bar .crumbs {
	font-family: proxima-nova-regular, Helvetica, Arial, sans-serif
}
.breadcrumbs-bar .crumbs .breadcrumb_last, .breadcrumbs-bar .crumbs a {
	color: #000;
	line-height: 20px;
	padding: 0 5px
}
.breadcrumbs-bar .brochure {
	display: none;
	font-family: proxima-nova-semibold, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: right
}
@media screen and (min-width:700px) {
.breadcrumbs-bar .brochure {
	display: block
}
}
.breadcrumbs-bar .brochure a {
	color: #aacc38
}
main {
	background-color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 5
}
.acf-map {
	height: 600px;
	width: 100%
}
.acf-map img {
	max-width: inherit!important
}