/* Animation CSS */
.easeAll { transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
}

/* hamburger */


.hamburger {
    padding: 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0 4px 0 0;
    overflow: visible;
}
.hamburger-box {
    width: 30px;
    height: 20px;
    display: inline-block;
    position: relative;
	vertical-align: top;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: 0px;
    margin-left: 0px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 0px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
    left: inherit;
    right: 0;
    width: 20px;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .22s
}
.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(225deg);
    width: 35px;
    background-color: #00ABB0;
}
.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s;
    opacity: 0;
    width: 35px;
}
.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg);
    width: 35px;
    background-color: #00ABB0;
}
/*  */




.animate { /*	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;*/ }
.fadeIn { opacity:0; transition: opacity .8s ease-in-out;
 -webkit-transition: opacity .8s ease-in-out;
 -moz-transition: opacity .8s ease-in-out;
 -o-transition: opacity .8s ease-in-out;
}
.fadeIn.triggeredCSS3 { opacity:1 }
.fadeInUp {
  -webkit-transform : translate3d(0, 30px, 0);
  -moz-transform : translate3d(0, 30px, 0);
  transform : translate3d(0, 30px, 0);
  opacity:0;
  transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
}
.fadeInUp.triggeredCSS3 {
  -webkit-transform : translate3d(0, 0, 0);
  -moz-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
  opacity:1
}
.slideLeft { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); }
.slideLeft.triggeredCSS3 { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }

/* Animation CSS */


@media screen and (min-width: 1025px) {
.addressWrapper li .disc,
.csList li .disc,
.signposts li .disc,
.servicesList li .disc,
.technologyGrid li .disc,
.signpostGrid-Row li .disc,
.sectorGrid li .disc,
.signpostsRow li .disc{
  opacity: 0;
  backface-visibility: hidden;
}

.addressWrapper li .link,
.technologyGrid li .link,
.csList li .link,
.signposts li .link,
.servicesList li .link,
.signpostGrid-Row li .link,
.sectorGrid li .link,
.signpostsRow li .link{
  opacity: 0;
  backface-visibility: hidden;
}

.addressWrapper li:hover .disc,
.technologyGrid li:hover .disc,
.csList li:hover .disc,
.signposts li:hover .disc,
.servicesList li:hover .disc,
.signpostGrid-Row li:hover .disc,
.sectorGrid li:hover .disc,
.signpostsRow li:hover .disc{
  animation: fadeDisc 1s forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
  /* animation-delay: 0.1s; */
}

.addressWrapper li:hover .link,
.technologyGrid li:hover .link,
.csList li:hover .link,
.signposts li:hover .link,
.servicesList li:hover .link,
.signpostGrid-Row li:hover .link,
.sectorGrid li:hover .link,
.signpostsRow li:hover .link{
  animation: fadeDisc 1s forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
  animation-delay: 0.3s;
}

}




@keyframes fadeDisc {
from {
	opacity: 0;
  transform: translateY(30px);
}
to {
	opacity: 1;
  transform: translateY(0px);
}
}






/*  */