@media screen and (prefers-reduced-motion: reduce) {
	        html {
	            scroll-behavior: smooth;
	        }
	    }

	    :root {
	        
	    	--primary: #2d84bb;
	        --yellow: #FDD562;
	        --light-yellow: #fddd81;
	        --black: #191818;
	        --green: #3FA943;
	        --red: #7F1F21;
	        --gray: #323735;
	        --light-gray: #d1d1d1;
	        --large-padding: 6rem;
	        --medium-padding: 3rem;
	        --large-margin: 3rem;
	        --section-margin: 3rem;
	    }
	    body {
	    	background: #fff;
	    	color: #202020;
	    	font-family: "Roboto", arial, sans-serif;
	    }
	    h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	    font-family: "Roboto", arial, sans-serif;
	    font-weight: bold;	
	    word-wrap: break-word;
	    }
		@media print, screen and (min-width: 40em) {
	h2, .h2 {
	font-size: 2.1rem;
	
}
}
h3, .h3 {
	border-bottom: none;
	line-height: 1.2;
	font-size: 1.8em;
}
.wide-image {
	 background-repeat: no-repeat;
	 background-size: cover;
}
.title-bar {
  width: 100%;
  z-index: 10;
  transition: height .25s ease;
  height: 120px;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0px 3px 30px #00000015;
	height: 120px;
	opacity: 1;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.title-bar .title-bar-right, 
.title-bar .title-bar-left {
  transition: padding-top .25s ease;
  padding-top: 1.4em;
}
.title-bar.shrink {
  height: 80px;
}
.title-bar.shrink .title-bar-right, 
.title-bar.shrink .title-bar-left {
  padding-top: 0em;
}
.title-bar .dropdown.menu li {
  float: left;
}
.title-bar .dropdown.menu .is-dropdown-submenu {
  border: none;
  background-color: #2c3840;
}
.title-bar ul.menu li a {
	color: #202020;
	font-weight: bold;
	font-size: 20px;
}
.title-bar ul.menu.topmenu li a {
	color: #202020;
	font-weight: normal;
	font-size: 1em;
}
.topmenu li img {
	margin-left: 0.5rem;
}
.menu .active > a {
	background: none;
	color: #2c3840;
	border-bottom:  var(--light-gray) dotted 1px;
}
.title-bar .dropdown.menu .is-dropdown-submenu {
	border: 1px solid var(--light-gray);
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0px 3px 30px #00000015;
}

#root {
  margin-top: 2em;
}





/* top bar */
	    .new-top-bar .grid-x {
	    	padding-top: 0.5rem;
	    	height: 80px;
	    }
	    .new-top-bar {
	        background-color: rgba(255, 255, 255, .9);
	        box-shadow: 0px 3px 30px #00000015;
	        height: 120px;
			opacity: 1;
			backdrop-filter: blur(4px);
			-webkit-backdrop-filter: blur(4px);
	    }
		.new-top-bar a {
	        color: var(--black);
	    }

	    .new-top-bar a:hover {
	        text-decoration: underline;
	    }
		
		.new-top-bar .menu {
			font-size: 20px;
			font-weight: bold;
			float: left;
		}
		.new-top-bar .topmenu {
			font-size: 14px;
			font-weight: normal;
			float: right;
		}
	    .new-top-bar #searchbox {
	        width: 17rem;
	    }
	    .new-top-bar .buttons .button {
	    	Margin-right:  10px;
	    }
	    .new-top-bar #searchbox .button.success {
	        font-weight: normal;
	        background-color: var(--green);
	    }





	    .call-now .icon {
	        fill: var(--green);
	    }

	    .call-now a {
	        text-align: left;
	        font-family: "Roboto", Arial, sans-serif;
	        font-style: normal;
	        font-weight: normal;
	        font-size: 16px;
	        color:  var(--green);
	        display:  block;
	    }

	    .call-now {
	        font-family: "Roboto", Arial, sans-serif;
	        font-size: 14px;
	        margin: 0 1em 0 1em;
	    }
	    #mobilesearchbox #keywords {
	        width: 100px;
	        float: left;
	        height: 40px;
	    }

	    #mobilesearchbox {
	        padding-top: 13px;
	    }

	    #mobilesearchbox .button {
	        float: right;
	    }
.page-start {
	margin-bottom: 5rem;
}

	    .top-image, .top-image .cell {
	    	min-height: 520px;
			color: #fff;
	    }
	    .top-image h2.h1, .top-image h1 {
	    	text-shadow: 0 0 3px #000;
	    }
	    .dark { color: #000; }
	    .top-image h2.h1 {
	    	margin: 20rem 0 0 0;
	    }
	    #call-now-box {
	    	position: fixed;
	    	width: 14rem;
	    	right: 0;
	    	top: 20vh;
	    	background: #fff;
	    	border-radius: 10px 0 0 10px;
	    	padding: 1rem;
	    }
	    .call-now-box {
	    	background: #fff;
	    	border-radius: 10px 0 0 10px;
	    	padding: 0rem 1rem 1rem 1rem;
	    }
	    #call-now-box a {
	    	color: var(--green);
	    	font-weight: bold;
	    	font-size: 125%;
	    	padding-left: 40px;
			padding-top: 5px;
			padding-bottom: 5px;
			background: transparent url(../img/call-icon.png) center left no-repeat;
	    }
	    .call-now-box a {
	    	color: var(--green);
	    	font-weight: bold;
	    	font-size: 125%;
	    	padding-left: 40px;
			padding-top: 5px;
			padding-bottom: 5px;
			background: transparent url(../img/call-icon.png) center left no-repeat;
	    }
	   
	    .page-intro {
	    	margin: 3.5rem 0 3.5rem 0;
	    	
	    }
	    .page-intro .grid-container {
	    	border-bottom: 10px solid var(--primary);
	    }
	    .page-intro .topspace {
	    	margin: 2rem 0 3.5rem 0;
	    }
		@media print, screen and (min-width: 40em) {
		  .page-intro h2.h3 {
	font-size: 1.5rem;
}
		}




.sublink-box {
	background: #f4f4f4;
	padding: 3rem 0 3rem 0;
}
.sublink-box a.button {
	font-weight: bold;
	text-transform: uppercase;
}
.sublink-box h2 {
	font-size: 24px;
}
.split .grid-container {
	border-top: 10px solid var(--primary);
	padding: 3rem 0 3rem 0;
}

.bordered {
	border: 1px solid var(--light-gray);
	border-radius: 10px;
}
.person {
	margin-bottom: 2rem;
}
.bordered h5 {
	margin: 1rem 0 1rem 0;
	color: var(--primary);
	display: block;
	width: 100%;
	border-bottom: 1px solid var(--primary);
}
.bordered img {
	
}
.bordered time {
	font-size: 11px;
}
a.button {
	text-align: center;
font: normal normal 900 18px/30px Roboto;
letter-spacing: 0.9px;
text-transform: uppercase;
}
img.profile {
	 border-radius: 50%;
}
.newsitem {
	margin-bottom: 1rem;
}
.newsitem h4 {
	font: normal normal 900 18px/18px Roboto;
	margin-top: 1rem;
}
.newsitem p {
	font-size: 0.88em;
}
.newsitem a.readmore {
	font: normal normal medium 14px/21px Roboto;
	font-size: 0.88em;
}
.sector-buttons {
	background: var(--primary);
	padding: 3rem;
}
.sector-buttons a.button.white.hollow {
	border: 1px solid #fff;
	margin: 10px;
	color: #fff;
	text-transform: uppercase;
}
.clients {
	background: #f4f4f4;
	padding: 3rem;	
}
footer {
	margin-top: 3.5rem;
}
footer .grid-container {
	border-top: 10px solid var(--primary);
	padding: 3rem 0 3rem 0;
}

* {
  box-sizing: border-box;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  bottom: 0;
  xwidth: 100%;
  overflow: hidden;
  height: 12rem;
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 3rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 300s;
  animation-duration: 300s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 1rem;
  font-size: 2rem;
  color: #b7b7b7;
  font-weight: bold;
}