/* @override 
	https://www.hiil.org/wp-content/themes/hiil/style.css?ver=5.2.3
	https://www.hiil.org/wp-content/themes/hiil/style.css?ver=5.4.1
	https://staging.hiil.org/wp-content/themes/hiil-staging/style.css?ver=5.4.2
	https://staging.hiil.org/wp-content/themes/hiil-staging/style.css?ver=5.6
	https://staging.hiil.org/wp-content/themes/hiil-staging/style.css?*
	https://www.hiil.org/wp-content/themes/hiil/style.css?* */
/*
Theme Name: HiiL - User friendly justice
Theme URI: https://hiil.org/
Author: Jeroen Hessing
Author URI: https://interattractive.nl/
Description:  Custom made theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hiil-staging
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Noto+Sans:400,700');
/* @group winsize */

#winSize {
	position: fixed;
	background-color: #000;
	top: 0;
	right: 0;
	z-index: 9999999;
	font-family: "Noto Sans", sans-serif;
}

#winSize p {
	font-size: 8px;
	line-height: 9px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5px;
	color: #fff !important;
}

/* @end */
/* @group Normalize */

body {
  margin: 0;
  -webkit-font-smoothing: auto;
	font: 16px "Lora", serif;
  color: #444;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  	background-color: transparent;
	color: #444;
	transition: 0.5s all;
	letter-spacing: 0.5px;
	line-height: 23px;
	text-decoration: none;
}

p a {
	border-bottom: 1px solid #aaa !important;
}

.entry-content a {
	border-bottom: 1px solid #444 !important;
}

.entry-content a:hover {
	border-bottom: 1px solid #aaa !important;
}

.elementor-widget .elementor-icon-list-item a {
	border-bottom: 0px none !important;
}

li a, li a:hover {
	border: 0px none;
	text-transform: uppercase;
}



 .elementor-post__title a, a.elementor-post__thumbnail__link {
	border: 0px none !important;
}

a:active,
a:hover {
  outline: 0;
  
}

a:hover {
	color: #aaa;
	border-bottom: 1px solid #aaa;
}

a.image-link, a.image-link:hover, h3 a:hover {
  border-bottom: none;
}

a.anchor,
.elementor-menu-anchor{
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

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

hr.related-posts {
	margin-top: 45px;
	margin-bottom: 45px;
}

.align-center {
	text-align: center;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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


button.btn.btn-secondary, 
a.elementor-button-link.elementor-button, 
.elementor-button, a.button,
a.wp-block-button__link {
    text-transform: uppercase;
	min-height: 50px;
	border-radius: 50px;
	border:  1px solid #444 !important;
	background: transparent;
	padding: 0 25px 0 25px;
	color: #444444;
	margin-top: 20px;
	margin-bottom: 20px;
	font: bold 13px "Noto Sans", sans-serif;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	line-height: 50px !important;
	display: inline-flex;
}

.welcome_text_content .elementor-button-link.elementor-button {
	background-color: #ED6F27;
	color: #fff;
}

#projectsoverview button.btn.btn-secondary {
    background-color: #fff;
    color: #000 !important;
}

a.button {
	padding-top: 24px;
	padding-bottom: 24px;
}

a.button.white {
	background-color: #fff;
}

span.elementor-button-text.a.button span {
	line-height: 25px;
	display: inline !important;
}

button.btn.btn-secondary:hover, a.elementor-button-link.elementor-button:hover, a.button:hover {
	background-color: #fff;
}

button.btn.btn-secondary:after, 
a.elementor-button-link.elementor-button::after, 
a.button span:after,
a.wp-block-button__link:after {
	content: url(images/button-right.png);
	opacity: 0;
	position: relative;
	right: -25px;
	transition: 0.5s;
	font-size: 16px;
	top: 0px;
}

a.wp-block-button__link:hover {
	color: #444444;
}

button.btn.btn-secondary:hover:after, 
a.elementor-button-link.elementor-button:hover:after, 
a.button:hover span:after,
a.wp-block-button__link:hover:after {
	opacity: 1;
	right: -5px;
}

.welcome_text_content .elementor-button-link.elementor-button:hover {
	color: #000;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* @end */

/* @group Typography */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans', sans-serif;
  clear: both;
  color: #444;
  font-weight: 300;
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-size: 32px;
  padding-bottom: 10px;
}
h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3, .search h3.title a {
	font-size: 21px;
	line-height: 30px !important;
	color: #005BA6;
	font-weight: 700;
	margin-bottom: 40px;
}
h4 {
  font-size: 18px;
  line-height: 26px !important;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
	margin-bottom: 1.5em;
	font-size: 16px;
	line-height: 23px;
}

ul {
	margin-bottom: 1.5em;
	font-size: 16px;
	line-height: 23px;
	padding-left: 1em;
}

.navbar li, .single-projects li {
	list-style-image: none;
}

.topnavbar {
	min-height: 36px;
	float: right;
}

h1.entry-title {
  font-size: 30px;
  border-bottom: 1px solid #eaecef;
	line-height: 48px;
	letter-spacing: 1px;
	margin-bottom: 100px;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

/* @end */

/* @group Elements */

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* @end */

/* @group Icons */

.icon-service-survey {
	background: url("/wp-content/uploads/2018/06/icon-service-survey.svg") no-repeat;
}

.icon-service-accelerator {
	background: url("/wp-content/uploads/2018/06/icon-service-accelerator.svg") no-repeat;
}

.icon-service-architect {
	background: url("/wp-content/uploads/2018/07/icons-service-architect.svg") no-repeat;
}

.icon-service-transforming {
	background: url("/wp-content/uploads/2018/09/icon-service-transforming.svg") no-repeat;
}

div[class*="icon-service-"] {
	margin-left: -40px !important;
	padding-left: 40px !important;
	background-size: 30px 30px;
	background-position-y: center;
}

/* @end */

/* @group Background */

.bg-grey {
	background-color: #f4f4f4;
}
.bg-orange {
	background-color: #ed6f27;
}
.bg-orange h3 {
	color: #fff;
}

/* @end */

/* @group Forms */

/* @end */

/* @group Welcome */

.welcome_area {
    position: relative;
	background-position: center center;
    z-index: 0;
    overflow: hidden;
}
.page .welcome_area {
	height: 436px !important;
	background-size: cover;
	background-position-x: 80%;
}
.home .welcome_area {
	height: 700px;
	height: calc(100vh - 112px) !important;
	background-size: cover;
	background-position-x: center;
}

.home .welcome_area.scrolling {
	margin-top: 76px;
}

.welcome_text_content {
	width: 100%;
}

.welcome_area h2.default-description {
	text-transform: uppercase;
	font: 30px/38px "Noto sans";
	letter-spacing: 5px;
	color: #444444;
	margin-top: 150px;
}

.home .welcome_area h2.default-description {
	margin-top: 0px !important;
}

.home .welcome_text_content {
/*	top: calc(100vh - 80%);*/
	top: 150px;
	position: absolute;
}

#page .welcome_area h2.default-description {
	margin-top: 160px;
	margin-bottom: 40px;
}

.slick-slide-bg {
	background-position: left !important;
}
.scroll-down a {
	position: absolute;
	bottom: 1vh;
	left: calc(50% - 50px);
	transition: all 0.5s ease-in-out;
}
.scroll-down a {
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	outline:0;
	cursor: pointer;
}
.scroll-down a:hover polyline {
	stroke-width: 4;
}

polyline {
  transition: all 250ms ease-in-out;
}

/* @end */

/* @group Crumbs */

#crumbs {
	margin-top: 26px;
	font: 13px "Noto Sans", sans-serif;
	color: #444444;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.archive #crumbs, .page-template-hiil-news #crumbs, .page-template-hiil-team #crumbs, .page-template-hiil-sub-subpage #crumbs, .page-template-hiil-temp-bestpractices #crumbs, .search #crumbs {
	margin-top: 26px;
}

#crumbs a {
	color: #444;
	font-size: inherit;
	transition: all 0.2s;
	border-bottom: 0px;
}

#crumbs a:hover {
	color: #aaa;
}

/* @end */

.usp-bar {
	background-color: #F27123;
}

.usp-bar p {
	text-align: center;
	color: #fff;
	padding: 10px 0px;
}

.usp-bar p a {
	color: #fff;
	border-bottom: 1px solid #fff !important;
	font-weight: 700;
}

/* @group Navigation */
.navfix.scrolling {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 30;
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4;
}

@media screen and (max-width: 991px) {
	.navfix {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
		background-color: #fff;
		border-bottom: 1px solid #f4f4f4;
	}
}


#menu-top-navigation {
    margin-left: auto; 
}

.top-nav .container .col {
	padding-right: 0;
}

.top-nav a{
	line-height: 50px;
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	margin-left: 44px;
	padding: 10px;
}
header#masthead {
  margin-bottom: 0;
  background-color: transparent;
}

#masthead .navbar-nav>li a {
    border-bottom-width: 0;
    display: block;
    padding: 10px;
    text-transform: uppercase;
	font: 22px "Noto Sans", sans-serif;
	color: #414042;
}

.navbar-brand > a {
  font-family: "Noto Sans", sans-serif;
  text-transform: uppercase;
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding-top: 25px;
	padding-bottom: 25px;
}

.navbar-nav.top-nav a.nav-link {
	padding-top: 18px;
	padding-bottom: 18px;
}

a.dropdown-toggle.nav-link:after {
	font-family: "FontAwesome";
	border: none;
	content: "\f078";
	font-weight: 300;
	font-size: .7em;
	margin-right: 23px;
	margin-top: 5px;
	margin-left: 10px;
	float: right;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

.navbar i.fa-search {
	color: #fff;
	font-size: 20px;
	padding-left: 0px;
	margin-left: 30px;
}

.navbar i.fa-search:hover {
	cursor: pointer;
	color: #ccc;
}

.mobile-logo {
	float: right;
	position: absolute;
	right: 20px;
	top: 10px;
	display: none;
}

#page-sub-header {
  position: relative;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
  min-height: 700px;
}

iv#page-sub-header h1 {
    font-family: "Noto Sans", sans-serif;
    margin-bottom: 0;
    text-transform: none;
}

div#page-sub-header p {
    max-width: 100%;
}

#secondary .widget-title {
    font-family: "Noto Sans", sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}

body:not(.theme-preset-active) #page-sub-header p {
	color: #212529;
}

a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

ul#menu-primary {
	z-index: 1;
}

.search-icon {
	content: url(images/search-icon-over.svg);
	width: 19px;
	height: 20px;
}

#searchtrigger.search-icon {
	margin-left: 44px;
}

#searchtrigger.search-icon:hover {
	content: url(images/search-icon.svg);
}

div.search-bar {
	position: absolute;
	right: -25px;
	top: 56px;
	background-color: #f4f4f4;
	z-index: 20;
	padding: 10px;
	display: none;
}

div.search-bar form {
	background-color: #fff;
	padding: 10px 15px;
}

div.search-bar form input.search-field {
	border-radius: 0px;
	border: 0px none;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	width: 300px;
	padding: 0;
}

button.search-submit {
	padding: 0px;
	background-color: #fff;
	text-align: center;
	border: 0px none;
	border-bottom: 1px solid #333;
	line-height: 22px;
	margin-left: -5px;
}

.search-form i.search-icon {
	content: url(images/search-icon-over.svg);
	width: 19px;
	height: 20px;
}

.shiftnav-search {
	width: 95%;
}

.shiftnav-search .shiftnav-searchform {
	background-color: #fff !important;
	padding: 0px 40px;
}

.shiftnav-inner .wpml-ls {
	padding-left: 25px;
	position: absolute;
	bottom: 0px;
}

.shiftnav-inner .wpml-ls-legacy-list-horizontal a {
	padding: 0;
	line-height: 40px;
	margin-right: 20px;
}

.shiftnav-search input.shiftnav-search-input {
	background-color: #fff !important;
    border: 0px none;
    border-bottom: 1px solid #333;
    font-size: 18px;
    text-transform: uppercase;
    color: #444 !important;
	padding: 0 !important;
}

.shiftnav-search input.shiftnav-search-input::placeholder { 
	color: #444;
	opacity: 1; /* Firefox */
}

.shiftnav-search input.shiftnav-search-input:-ms-input-placeholder {
	color: #444;
}

.shiftnav-search input.shiftnav-search-input::-ms-input-placeholder {
	color: #444;
}

.shiftnav-search .shiftnav-search-submit, .shiftnav-searchbar-drop .shiftnav-search-submit {
	padding-right: 60px;
	font-size: 22px;
}

/* @end */

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/* @group Links */
a.link-2 {
	color: #444;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.5px;
	font-family: "Noto Sans", sans-serif;
	font-weight: 600;
	border-bottom: 0px solid #444;
	transition: all 0.5s ease;
}
a.link-2:hover{
	color: #aaaaaa;
	border-bottom: 1px solid #aaa;
}
/* @end */

/* @group Menu */

#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #cdbfe3;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
  font-weight: 600;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
  z-index: 1;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

#menu-primary a.nav-link {
	color: #444;
	font: 22px "Noto Sans", sans-serif;
	text-transform: uppercase;
	position: relative;
	border: 1px solid transparent;
	text-align: right;
	padding: 0;
	margin-right: 5px;
}

.top-nav a.nav-link {
	color: #C5C5C5;
	margin-left: 30px;
	font: 18px/0px "Noto Sans", sans-serif;
	text-transform: capitalize;
	text-decoration: none;
	transition: all 0.2s ease;
}

.top-nav a.nav-link:hover {
	color: #ffffff;
	border-bottom: 0px none;
}

.wpml-ls-menu-item a.nav-link {
	margin-left: 0px;
	font: 0.8rem/0rem "Noto Sans", sans-serif;
}

.wpml-ls-first-item a.nav-link {
	margin-left: 30px;
}

.wpml-ls-menu-item a.nav-link img {
	filter: grayscale(40%);
}

.wpml-ls-menu-item.wpml-ls-current-language a.nav-link img {
	filter: grayscale(0%);
}

.wpml-ls-menu-item a.nav-link:hover img {
	filter: grayscale(0%);
}
#menu-primary a.nav-link:hover {
	border-bottom: 1px solid #444;
}

.dropdown-menu {
    margin-top: 0px;
    border-radius: 0;
    border: 0px none;
    border-top: 2px solid #ED6F27;
    padding: 0;
	box-shadow: 0px 2px 1px 1px rgb(0 0 0 / 7%);
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.dropdown-menu .dropdown-toggle::after {
  float: left;
  margin-top: 10px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2rem;
  padding: 13px 20px;
}

a.nav-link, a.dropdown-item {
	font: 1em "Noto Sans", sans-serif;
	font-weight: 300;
	text-transform: inherit;
}

a.nav-link:hover, 
a.dropdown-item:hover {
	text-transform: inherit;
}

/*.navbar-nav li>.dropdown-menu {
  display: block;
}*/

.navbar-nav li:hover>.dropdown-menu {
  display: block;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #ED6F27;
  color: #ffffff;
}

/* @end */

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}

/* @group Post Navigation */
.single .post.hentry {
	margin: 0px;
}
.single #crumbs {
	margin-bottom: 40px;
}

#menu-primary a.nav-link {
		font: 18px "Noto Sans", sans-serif;
		margin-left: 50px;
	}
	
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding: 0;
  margin: 70px 0px;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  	display: inline-block;
  	text-decoration: none;
	color: #444444;
	font: 13px "Noto Sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-bottom: 1px solid transparent;
	transition: all 0.2s;
}

.post-navigation .nav-next a::after,
.posts-navigation .nav-next a::after{
  content:  url(images/button-right.png);
	margin-left: 20px;
}

.post-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before{
  content:  url(images/button-left.png);
	margin-right: 20px;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover{
  color: #aaa;
  border-bottom: 1px solid #aaa;
}

.post-navigation .nav-previous a:hover:before,
.post-navigation .nav-next a:hover:after,
.posts-navigation .nav-previous a:hover:before,
.posts-navigation .nav-next a:hover:after{
	opacity: 0.4;
}


/* @end */

/* @group Accessibility */

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* @end */

/* @group Alignments */

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/* @end */

/* @group Clearings */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* @end */

/* @group Widgets */

.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/* @end */

/* @group Posts and Pages */

#content.site-content {
	padding-bottom: 3.75rem;
	padding-top: 4.125rem;
	padding: 0;
}

#content.site-content.scrolling {
	margin-top: 76px;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

div.intro {
	margin-top: 70px;
	margin-bottom: 70px;
}

.entry-meta {
	margin-top: 100px;
	font: 16px/23px Lora, serif;
	text-transform: uppercase;
	color: #888888;
	margin-bottom: 40px;
}

.entry-meta span.category {
	text-transform: capitalize;
}

.entry-meta span.category {
	text-transform: lowercase;
}

.entry-meta span.category a {
	color: #888888;
	border-bottom: 0px;
}

.entry-meta span.category a:hover {
	color: #005ba6;
}
.entry-footer {
	background-color: #f4f4f4;
}

.entry-footer .author {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}

.entry-footer .author p:first-child {
	font-style: italic;
}

.entry-footer .author h3 {
	margin-top: 35px;
	margin-bottom: 15px;
}

.entry-footer .author h3 a {
	font-size: 21px;
	line-height: 30px;
	color: #005BA6;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.entry-footer .author figure{
   width:232px; /*container-width*/
   overflow:hidden; /*hide bounds of image */
   margin:0 auto;   /*reset margin of figure tag*/
}
.entry-footer .author figure img{
   display:block; /*remove inline-block spaces*/
   width:100%; /*make image streatch*/
}

.entry-footer .author img {
	margin:-15% 0;
}

/* @group Addthis */

.addthis_toolbox {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 99px;
}

.addthis_toolbox a,
.addthis_toolbox a:hover {
	border: 0px !important;
}

.addthis_toolbox p.share-it {
	font-size: 16px;
	font-style: italic;
	line-height: 23px;
}

.addthis_toolbox i {
	font-size: 32px;
	margin-right: 30px;
	margin-left: 30px;
}

.addthis_toolbox i {
	color: #6b6b6b;
	font-family: FontAwesome;
}

.addthis_toolbox i:hover {
	color: #005ba6;
}

/* @end */

/* @group News */
.news-overview .entry-meta{
	margin-top: 50px;
	margin-bottom: 24px;
}

.news-overview h3.title a {
	color: #005ba6;
	border-bottom: 0px;
	line-height: 23px;
}

.news-overview .text h3{
	margin-bottom: 24px;
}

.news-overview .row [class*=' col-'] {
	margin-bottom: 70px;
}

#ajax-load-more {
	width: 100%;
}

.ajax-load-more-wrap.infinite.skype .alm-load-more-btn {
	background-image: url(images/hiil-loader.gif) !important;
}

.search-filter-scroll-loading {
  	display: block;
	animation: none !important;
 	background-image: url(images/hiil-loader.gif) !important;
  	border: 5px solid rgba(0, 0, 0, 0);
 	border-right-color: rgba(0, 0, 0, 0);
}

.news-overview .alm-reveal {
	display: flex;
	flex-wrap: wrap;
}

.news-overview article .thumbnail img {
	transition: transform .3s; /* Animation */
}

.news-overview article .thumbnail {
	overflow: hidden;
}

.news-overview article:hover .thumbnail img {
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);
}

.elementor-post a div img {
	transition: transform .3s !important; /* Animation */
		-ms-transform: scale(1.01) translate( -50%, -50%) !important;/* IE 9 */
		-webkit-transform: scale(1.01) translate( -50%, -50%) !important; /* Safari 3-8 */
		transform: scale(1.01) translate( -50%, -50%) !important;
}

.elementor-post:hover a div img {
	-ms-transform: scale(1.1) translate( -50%, -50%) !important;/* IE 9 */
	-webkit-transform: scale(1.1) translate( -50%, -50%) !important; /* Safari 3-8 */
	transform: scale(1.1) translate( -50%, -50%) !important;
}


.post-thumbnail {
	overflow: hidden;
}

img.newsimage {
	width: 100%;
	display: block;
	margin: -6% 0;
}

div.tags {
	display: inline-block;
}

div.tags ul {
	margin: 0px;
	padding: 0;
}

div.tags ul li {
	list-style: none;
	float: left;
	background: #f5f5f5;
	padding: 5px 10px;
	margin-right: 10px;
	border-radius: 5px;
	font-family: "Noto Sans", sans-serif;
	text-transform: capitalize;
}

/* @end */

.crp-list {
	display: inline-block;
}

article.related-post {
	width: 33.333333%;
	float: left;
	padding: 4px;
}

@media screen and (max-width: 1023.98px) {
	  article.related-post {
		width: 50%;
	}
}

@media screen and (max-width: 767.98px) {
	  article.related-post {
		width: 100%;
		margin-bottom: 50px;
		padding:  0px 0px 50px 0px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	} 
	
	article.related-post:last-child {
		width: 100%;
		margin-bottom: 0px;
		padding:  0px 0px 0px 0px;
		border-bottom: 0px none;
	}
}

article.related-post a.image-link {
	border: 0px none;
}

.related-post-thumb {
	position: relative;
	padding-bottom: calc( 0.47 * 100% );
	margin-bottom: 20px;
	overflow: hidden;
}

.related-post-thumb img {
	width: auto;
	height: 100%;
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% + 1px);
    -webkit-transform: scale(1.01) translate(-50%,-50%);
    -ms-transform: scale(1.01) translate(-50%,-50%);
    transform: scale(1.01) translate(-50%,-50%);
	transition: transform .3s; /* Animation */
}

.related-post-thumb img:hover {
    -webkit-transform: scale(1.1) translate(-50%,-50%);
    -ms-transform: scale(1.1) translate(-50%,-50%);
    transform: scale(1.1) translate(-50%,-50%);
}

.article.related-post a.image-link:hover .related-post-thumb img {
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);
}

h5.related-post-title {
	font-family: "Noto Sans", sans-serif;
	color: #005ba6;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
}

.related-post-meta {
	color: #a8a8a8;
	font-family: Lora, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-weight: 400;
}

.related-post-excerpt {
	display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-post-readmore {
	margin-top: 10px;
	float: left;
}
/* @end */
.half-orange {
	background: linear-gradient(
    to right, 
    #ed6f27 0%, 
    #ed6f27 50%, 
    #f4f4f4 50%, 
    #f4f4f4 100%
  );
}

/* @group Projects Overview */
.container.projects-filter {
	max-width: 100%;
}

form.searchandfilter {
	margin-top: 70px;
	margin-bottom: 160px;
}

form.searchandfilter label, form .sf-input-text {
	width: 100%;
	border: 0px none;
}

form.searchandfilter .sf-input-text {
	border-bottom: 1px solid #000;
	color: #414141 !important;
	font: 16px "Noto Sans", sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
}

form.searchandfilter .sf-input-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #414141;
    opacity: 1; /* Firefox */
}

form.searchandfilter .sf-input-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #414141;
}

form.searchandfilter .sf-input-text::-ms-input-placeholder { /* Microsoft Edge */
    color: #414141;
}

li[class*='sf-field-taxonomy-'] {
	width: 31.9999% !important;
	float: left;
	margin-right: 2% !important;
}

li[class*='sf-field-taxonomy-']:last-child {
	margin-right: 0 !important;
}

.select2-container {
	width: 100% !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
	color: #000000 !important;
	font: 16px "Noto Sans", sans-serif;
	text-transform: uppercase;
}

li.select2-search.select2-search--inline::after {
	content: url(images/button-down.png);
	position: absolute;
	bottom: 14px;
	right: 4px;
	
}

.select2-container--default .select2-selection--multiple {
	border: 0px;
	border-bottom: 1px solid #000;
	border-radius: 0px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 0px none;
}

li.sf-field-taxonomy-service {
	margin-right: 0px !important;
}

.chosen-container-multi .chosen-choices li.search-field::after {
	content: url(images/button-down.png);
	position: absolute;
	bottom: 4px;
	right: 2px;
}

.chosen-container {
	width: 100% !important;
	margin-bottom: 40px;
}

.chosen-choices {
	border: 0px none !important;
	background-image: none !important;
	border-bottom: 1px solid #000 !important;
	height: 40px !important;
}

input.chosen-search-input.default {
	width: 100% !important;
	color: #414141 !important;
	font-size: 16px !important;
	font-family: "Noto Sans", sans-serif !important;
	padding: 10px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	/*background-image: url(images/filter-down.png) !important;*/
	background-repeat: no-repeat !important;
	background-position: center right !important;
}

li.search-choice {
	border: 0px none !important;
	background: none !important;
	background-color: #5E6264 !important;
	color: #fff !important;
	padding: 10px 20px 10px 10px !important;
	margin: 0px 0px 3px !important;
    box-shadow: none;
}

li.search-choice span {
	font-family: "Noto Sans", sans-serif !important;
	font-weight: bold !important;
}

li.search-choice a.search-choice-close {
	margin-top: 8px;
}

button.btn.btn-secondary.misha_loadmore {
	margin: 70px auto;
}

button.btn.btn-secondary.misha_loadmore:after {
	content: url(images/button-down.png);
	opacity: 0;
	position: relative;
	right: -5px;
	transition: 0.5s;
	font-size: 16px;
	top: -20px;
}


/* @group Grid */
#projectsoverview {
	padding-top: 20px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
}
#projectsoverview .search-filter-results {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 100%;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #fff;
	text-align: center;
	cursor: pointer;
}

.grid figure img.background {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0,0,0,0.2);
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: 300;
	padding: 10px;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
	color: #fff;
}

.grid figure button {
	position: absolute;
	bottom: 0;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.grid figure p {
	letter-spacing: 1px;
}
/***** Lily *****/

figure.effect-lily img.background {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
	-webkit-transition: background-color 0.5s ease-in-out;
	    -ms-transition: background-color 0.5s ease-in-out;
	    transition: background-color 0.5s ease-in-out;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em 2em 2em 2em;
	padding-left: calc(2em - 10px);
	padding-right: calc(2em - 10px);
	width: 100%;
	height: 100%;
}

figure.effect-lily h2 {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	font: bold 21px/30px "Noto Sans", sans-serif;
	text-transform: none;
}


figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	letter-spacing: 0px;
	text-transform: none;
	font: 16px/23px Lora, serif;
	padding-left: calc(1em - 5px);
	padding-right: calc(1em - 5px);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily button {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily button img {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	margin-left: 12px;
	margin-top: -4px;
}

figure.effect-lily:hover img.background,
figure.effect-lily:hover p {
	opacity: 0;
}

figure.effect-lily:hover figcaption {
	background: rgba(255,255,255,1);
}

figure.effect-lily:hover img.background,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color: #005ba6;
	background-color: transparent;
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	color: #414042;
	opacity: 1;
}

figure.effect-lily:hover button {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	color: #414042 !important;
	border: 1px solid #414042 !important;
	opacity: 1;
}

figure.effect-lily:hover button img {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	color: #414042 !important;
	opacity: 1;
}
/* @end */

/* @end */

/* @group Projects Single */
.single-projects #content .container {
	margin-top: 70px;
	margin-bottom: 70px;
}
.single-projects .publications {
	padding: 0 60px 0 0;
}
.single-projects .publications h3 {
	color: #fff;
	margin-bottom: 30px;
}
.single-projects .publications ul{
	padding-left: 0;
}
.single-projects .publications ul li{
	list-style: none;
	margin-bottom: 30px;
}
.single-projects .publications ul li a {
	color: #fff;
	font: 16px/24px "Noto Sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s; /* Safari */
	   transition: all 0.3s;
	border-bottom: 1px solid transparent;
}

.single-projects .publications ul li a:hover {
	border-bottom: 1px solid #fff;
}

li.application-pdf:before {
	content: "\f1c1";
    display: inline-block;
    vertical-align: top;
	font: 40px fontawesome;
	color: #fff;
	margin-right: 20px;
	float: left;
	margin-top: 5px;
}

li.online-report:before {
	content: url(images/icon-online-publication.svg);
    display: inline-block;
    vertical-align: top;
	font: 40px fontawesome;
	color: #fff;
	margin-right: 20px;
	float: left;
	margin-top: 5px;
	width: 40px;
	height: auto;
}
.single-projects .specs {
	padding: 0px 0 0px 060px;
}
.single-projects .specs .row{
	margin-bottom: 20px;
}
.single-projects .specs h3 {
	margin-bottom: 20px;
}

.single-projects .featured_img {
	max-height: 400px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.single-projects .impact-numbers {
	background-color: #f4f4f4;
}
.container.numbers > div {
	float: left;
}
.single-projects .impact-numbers h4 {
	font-size: 30px;
	line-height: 48px;
	margin: 0 15px 10px 0;
	float: left;
	width: 100%;
	text-align: center;
}
.single-projects .impact-numbers p {
	font: 16px/23px Lora, serif;
	text-align: center;
}
.single-projects .impact-numbers .col-4 {
	float: left;
	padding-right: 50px;
	padding-left: 50px;
}

.single-projects .news h3 {
	margin-bottom: 60px;
}
.single-projects .news ul {
	padding-left: 0;
}

.single-projects .news ul li {
	margin-bottom: 30px;
	list-style-type: none;
	float: left;
}
.single-projects .news ul li:before {
	content: url(images/external-link.svg);
	float: left;
}

.single-projects .news ul li a {
	font: bold 16px/30px "Noto Sans", sans-serif;
	float: left;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	border-bottom: 1px solid transparent;
	width: calc(100% - 50px);
	margin-left: 20px;
	color: #005ba6;
	margin-top: -10px;
	text-transform: none;
}

.single-projects .news ul li a:hover span {
	border-bottom: 1px solid  #5b5b5b;
}

.single-projects .post-navigation {
	margin: 0px;
}

/* @end */

/* @group People Overview */

.management-team, .regional-agents {
	background-color: #f4f4f4;
	padding-bottom: 20px !important;
}

.regional-agents {
	margin: 80px 0;
}
.management-team .row {
	margin-bottom: 20px;
	background-color: #fff;

}
.management-team .row div.text {		
	padding: 50px;
}

.management-team  h1, .our-team  h1, .regional-agents  h1 {
	text-align: center;
	line-height: 140px;
}

.member h3.title {
	padding-right: 30px;
	padding-left: 30px;
	height: 54px;
}
.member .function {
	margin-bottom: 4vw;
	padding-right: 30px;
	padding-left: 30px;
}
.member .excerpt {
	margin-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
}

.member .swap,
.regional-agents .swap {
	position: relative;
	height: 36vw;
	margin: 5px;
}

.member .first-image,
.regional-agents .first-image {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	z-index: 20;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.member .second-image,
.regional-agents .second-image {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	z-index: 10;
}

.member .swap:hover > .first-image,
.regional-agents .swap:hover > .first-image {
	opacity: 0;
}

/* @end */

/* @group People Single */

img.people-thumb {
	margin: 18px 0 0;
}

.people h1, .people h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

blockquote p {
	font-style: italic;
	color: #ED6F27; 
	
}
blockquote p:before {
	content: url(images/quote-mark.svg);
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 5px;
}

/* @end */

/* @group Events Overview */

.events {
	margin-top: 80px;
}

.events h1 {
	text-align: center;
	margin-bottom: 40px;
}

.events h2 {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

article.event {
	background-color: #F4F4F4;
	margin-bottom: 20px;
}

article.event .image {
	background-size: cover;
	background-position: center center;
}

article.event.past-event .image {
	filter: grayscale(100%);
}

@media only screen and (max-width: 767px) {
	article.event .image {
		min-height: 50vw;
	}
}

article.event .main {
	padding: 40px;
	border-right: 5px solid #fff;
	background-color: #F4F4F4;
}

@media only screen and (max-width: 992px) {
	article.event .main {
		border-right: 0px none;
	}
}

@media only screen and (max-width: 767px) {
	article.event .main {
		padding: 20px;
	}
}

article.event .main i {
	margin-right: 10px;
	width: 1em;
	height: 1em;
	color: #005BA6;
	font-size: 20px;
}

article.event .main h3 {
	margin-bottom: 20px;
}

article.event .link {
	background-color: #F4F4F4;
	position: relative;
	min-height: 100px;
}

article.event .link a {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: fit-content;
	transition: 0s;
}

article.event .main a {
	background-color:  #ed6f27;
	color: #fff !important;
}

@media only screen and (max-width: 767px) {
	article.event .main a {
		margin: 0px auto !important;
	}
}

article.event .main a:hover {
	background-color:  #ed6f27;
	color: #fff !important;
}

select.older-events {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
  color: #000000 !important;
    font: 16px "Noto Sans", sans-serif;
    text-transform: uppercase;
}
select.older-events::-ms-expand {
  display: none;
}

.select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  width: 60%;
  border-bottom: 1px solid #000;
  padding: 0.25em 0.5em;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  text-align: center;
  margin: 0px auto 40px;
}
.select select, .select::after {
  grid-area: select;
}
.select:not(.select--multiple)::after {
  content: url(images/button-down.png);
  justify-self: end;
  width: 13px;
  height: 20px;
}

select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #F4F4F4;
  border-radius: inherit;
}

.select--disabled {
  cursor: not-allowed;
  background-color: #eee;
}

label {
  font-size: 1.125rem;
  font-weight: 500;
}

.select + label {
  margin-top: 2rem;
}








/* @end */

/* @group Events detail */

.speakers {
	background-color: #F4F4F4;
	padding: 40px 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.single-event article.event .image {
		min-height: 100vw;
	}
}
.speakers .swiper {
  width: 100%;
  height: 320px;
  padding-right: 50px;
  padding-left: 50px;
}

.speakers .swiper_wrap {
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  text-align: left;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 12px !important;
    height: 25px !important;
    margin-top: calc(0px - (25px / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #959595 !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 25px !important;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-slide {
	text-align: center;
}

.swiper-slide .speaker-image {
	width: 180px;
	height: 180px;
	background-size: cover;
	background-position: center center;
	margin: 0px auto;
}

.swiper-slide h3 {
	margin-bottom: 20px;
}

.swiper-slide p {
	max-width: 80%;
	margin: 0px auto 0;
}


@media only screen and (max-width: 767px) {
	.swiper-slide h3 {
		margin-bottom: 10px;
		margin-top: 10px;
	}
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 0px !important;
	left: 0 !important;
    width: 100% !important;
}

.swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    display: inline-block;
    border-radius: 50%;
    background-color: #000 !important;
    opacity: .2 !important;
    margin: 0 4px !important;
}

.swiper-pagination-bullet-active {
    background-color: #000 !important;
    opacity: .6 !important;
}

/* @end */

.error404 section.welcome_area {
	min-height: 680px;
}

.page-id-3564 section.welcome_area {
	min-height: 680px;
}

.page-id-3564 section.welcome_area #crumbs {
	display: n;
}

/* @group Search */

.search .sort {
	text-align: right;
	margin-bottom: 20px;
}

.search h1.page-title {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 32px;
}

.search h3.title {
	margin: 0;
}

.search h3.title a {
	text-decoration: none;
	border-bottom: 0px none;
}

.search .entry-summary {
	margin: 0;
}
.search .entry-meta {
	margin-top: 0;
	margin-bottom: 0;
}

.search article {
	margin-bottom: 4rem;
}

/* @end */

/* @group Password */

.post-password-required {
	margin: 80px 0;
	text-align: center;
}

.post-password-required h1 {
	text-align: center;
}

.post-password-required .d-block {
	font-size: 24px;
}

.post-password-required input[type="password"] {
	width: 200px;
    border: 1px solid #333;
    border-radius: 40px;
    height: 40px;
    padding: 10px;
}

.post-password-required button[type="submit"]{
	text-transform: uppercase;
	height: 40px;
	border-radius: 30px;
	border: 1px solid #444;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 25px;
	color: #444444;
	font: bold 11px "Noto Sans", sans-serif;
	line-height: 30px !important;
	margin-left: 20px;
}

.post-password-required button[type="submit"]:after{
	content: url(images/button-right.png);
    opacity: 0;
    position: relative;
    right: -25px;
    transition: 0.5s;
    font-size: 16px;
    top: 2px;
}

.post-password-required button[type="submit"]:hover:after {
    opacity: 1;
    right: -5px;
}

/* @end */

/* @group Elementor */
.page-template-hiil-sub-subpage 
div.elementor-section-wrap > section:first-child {
	padding-left: 164px;
	padding-right: 164px;
}

.elementor-widget:not(:last-child) {
	margin-bottom: 0px !important;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0px;
}

h2.elementor-heading-title {
	padding-bottom: 70px !important;
	padding-top: 70px !important;
	text-transform: uppercase;
}

h3.elementor-heading-title {
	
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.elementor-text-editor {
	font-size: 16px;
	line-height: 23px;
}

.elementor-element .textcolumn {
	padding: 70px 70px 70px 70px;
}

.elementor-element .photocolumn {
	
}
.elementor-image img{
	height: 100%;
}

li.elementor-icon-list-item {
	font: 16px/23px "Noto Sans", sans-serif;
	margin-bottom: 20px !important;
}
.elementor-icon-list-icon {
	width: 40px !important;
	text-align: left !important;
}
.elementor-icon-list-icon i {
	font-size: 32px !important;
}

div.elementor-post__meta-data {
	display: inherit;
}

div.elementor-post__excerpt p:after {
	content: " ...";
}

.float-left-column {
	margin-right: auto;
	order: 1;
}

.float-right-column {
	margin-left: auto;
	order: 2;
}

/* @end */




/* @group Comments */

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/* @end */

/* @group Infinite scroll */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* @end */

/* @group Media */

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* @end */

/* @group Captions */

.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/* @end */

/* @group Galleries */

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/* @end */

/* @group Plugins */

/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/* @end */

/* @group Footer */
#footer-widget {
	background-color: #464746;
	color: #fff;
}

.subfooter {
	background-color: #ed6f27;
	padding-top: 70px;
	padding-bottom: 70px;
}

.subfooter a.wp-block-button__link {
	background-color: #fff;
}

.fixed-footer {
	padding: 40px 0 120px;
	font-family: "Lora";
	color: #E6E6E6;
	font-size: 0.9em;
    line-height: 1.5em;
}



.fixed-footer h3,
.footer h3 {
	font-family: 'Noto Sans', sans-serif;
	color: #ffffff;
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
	.fixed-footer {
		padding: 40px 0 40px;
	}
	
	.fixed-footer .logo,
	.fixed-footer .address {
		margin-bottom: 40px;
	}
}

.footer {
	background-color: #464746;
}

.footer ul {
	padding-left: 0;
}

.footer li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	line-height: 30px;
	color: #c1c1c1;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;

}
.footer li a {
	color: #c1c1c1;
	font-family: 'Noto Sans', sans-serif;
	text-transform: none;	
}

.footer li a:hover {
	border-bottom: 1px solid #aaa !important;
}

.footer04 a {
	border-bottom: 0px none !important;
}

@media screen and (max-width:992px) {
	.footer .container {
		padding-left: 0;
		padding-right: 0;
	}
	
	.footer4 a {
		margin-right: 12px;
	}
	
	.footer4 a:last-child {
		margin-right: 0;
	}
}

footer#colophon {
  	background-color: #464746;
  	color: #adadad;
	padding-top: 40px;
	padding-bottom: 40px;
	font: 12px "Noto Sans", sans-serif;
}

footer#colophon .container {
	border-top: 1px solid #aaa;
	padding-top: 40px;
}

footer#colophon .container .col-6:nth-child(2) {
	text-align: right;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}



/* @group Mailchimp */

.widget_mc4wp_form_widget {
	text-align: center;
}
.widget_mc4wp_form_widget h3 {
	color: #fff;
	text-transform: uppercase;
	font: 30px/44px "Noto Sans", sans-serif;
	letter-spacing: 4px;
}

.widget_mc4wp_form_widget label {
	color: #fff;
}
.widget_mc4wp_form_widget input[type="email"] {
	width: 596px;
	border: 0px none;
	border-radius: 40px;
	height: 40px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.widget_mc4wp_form_widget input[type="email"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaa;
    opacity: 1;
	text-transform: uppercase;
	font-family: "Noto Sans", sans-serif;
}

.widget_mc4wp_form_widget input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
	text-transform: uppercase;
	font-family: "Noto Sans", sans-serif;

}

.widget_mc4wp_form_widget input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
	text-transform: uppercase;
	font-family: "Noto Sans", sans-serif;

}

.widget_mc4wp_form_widget input[type="submit"] {
	font-family: "Noto Sans", sans-serif;
    text-transform: uppercase;
	height: 50px;
	border-radius: 50px;
	border:  0px solid #444;
	background: #fff;
	padding-left: 25px;
	padding-right: 25px;
	color: #444444;
}

/* @end */


/* @group Mailchimp 2 */
#mc_embed_signup label, #mc_embed_signup .field-name, #mc_embed_signup .field-optin, #mc_embed_signup .field-voorwaarden, #mc_embed_signup .field-name, #mc_embed_signup .field-optin, #mc_embed_signup .field-voorwaarden {
    display: none;
}

div#mc_embed_signup_scroll {
	text-align: center;
}

input#mce-EMAIL.required.email {
	width: 596px;
	border: 0px none;
	border-radius: 40px;
	height: 40px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}

input#mce-EMAIL.required.email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaa;
    opacity: 1;
	text-transform: uppercase;
	font-family: "Noto Sans", sans-serif;
}

input#mce-EMAIL.required.email:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
	text-transform: uppercase;
	font-family: "Noto Sans", sans-serif;

}

input#mce-EMAIL.required.email::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
	text-transform: uppercase;
	font-family: "Noto Sans", sans-serif;

}

/* NIEUW */

input#mce-EMAIL2.required.email {
	border: 0px none;
	border-radius: 0px;
	height: 40px;
	padding: 10px;
	float: left;
	width: calc(100% - 40px);
}

input#mce-EMAIL2.required.email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaa;
    opacity: 1;
	font-family: "Noto Sans", sans-serif;
}

input#mce-EMAIL2.required.email:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
	font-family: "Noto Sans", sans-serif;

}

input#mce-EMAIL2.required.email::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
	font-family: "Noto Sans", sans-serif;

}

#mc_embed_signup .submit-btn {
	border-radius: 0;
	border: 6px solid #fff;
	float: left;
	height: 40px;
	width: 40px;
	background-color: #8A8A8A;
	padding-left: 9px;
}

#mc_embed_signup .submit-btn:before {
	content: "\f105";
	color: #fff;
	font: 24px/21px "FontAwesome";
	font-weight: 300;
}





input#mc-embedded-subscribe.submit-btn.button{
	font-family: "Noto Sans", sans-serif;
    text-transform: uppercase;
	color: #FFF;
	background: none;
	border: none;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 23px;
	transition: 0.5s;
	border-bottom: 1px solid transparent;
	padding: 0;
}

input#mc-embedded-subscribe.submit-btn.button:hover {
	border-bottom: 1px solid #fff;
}




/* @end */


#cookie-law-info-bar h3 {
	margin-bottom: 0;
}

/* @end */

/* @group Shiftnav Mobile menu */
 
 .shiftnav {
	width: 100% !important;
	max-width: 100% !important;
    font-family: 'Noto Sans', sans-serif;
    color: #444;
}

.shiftnav:after {
	box-shadow: none !important;
}

.shiftnav .shiftnav-menu-image {
	width: 100px;
	height: auto;
	margin-top: 40px;
}

.shiftnav a.shiftnav-target {
	text-transform: uppercase;
	border-bottom: 1px solid #333;
	padding: 0px 0px 10px !important;
	margin: 10px 0 0px 25px;
    font-family: 'Noto Sans', sans-serif;
}

.shiftnav li.menu-item {
	background: url(images/button-right.png) right 20px no-repeat !important;
	display: inline-block;
	width: 95%;
	font-family: "Noto";
}

.shiftnav li.menu-item-has-children {
	background: none !important;
	display: inline-block;
	width: 95%;
}

.shiftnav li.menu-item-has-children i {
	background: url(images/button-down.png) right center no-repeat !important;
	height: 30px;
	width: 30px;
}

.shiftnav li.menu-item-has-children.shiftnav-active i {
	background: url(images/button-up.png) right center no-repeat !important;
	height: 30px;
	width: 30px;
}

.shiftnav li.menu-item-has-children.shiftnav-active a.shiftnav-target {
	border: 0px none;
}

.shiftnav li.menu-item-has-children i:before {
	content: "";
}

.shiftnav li.menu-item .shiftnav-submenu-activation {
	width: 50px !important;
	height: 50px !important;
	margin-right: -19px;
}

.shiftnav li.menu-item .shiftnav-submenu-activation i.fa {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -24px;
}

.shiftnav .sub-menu li.menu-item {
	background: none !important;
}

.shiftnav .sub-menu li.menu-item a.shiftnav-target {
	text-transform: none;
	padding: 0px !important;
	margin: 15px 0 15px 35px !important;
}

.shiftnav-search .shiftnav-searchform {
	padding: 0 0 0 25px;
}

.shiftnav-search input.shiftnav-search-input {
	font-size: 16px;
	font-family: 'Noto Sans', sans-serif;
}

.shiftnav-search .shiftnav-search-submit, .shiftnav-searchbar-drop .shiftnav-search-submit {
	padding-right: 0px;
    right: -23px !important;
}

.shiftnav .shiftnav-panel-close {
	background: transparent !important;
}

.shiftnav .shiftnav-panel-close i:before {
    background-image: url(images/button-close.png);
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
}

#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
    width: auto;
    padding: 0;
    margin: 10px 0 0 0 !important;
	position: fixed !important;
}

@media screen and (min-width: 767px) {
	#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
	    width: auto;
	    padding: 0;
	    margin: 0 0 0 0 !important;
	}
}


/* @end */

@media screen and (max-width: 767px) {
	#masthead .navbar-nav > li > a {
		padding-bottom: 0.938rem;
		padding-top: 0.938rem;
	}
	.welcome_area h2.default-description {
		font: 22px/28px "Noto sans";
		letter-spacing: 5px;
		color: #444444;
		margin-top: 150px;
	}
	
	.float-left-column {
		margin-right: auto;
		order: 0;
	}
	
	.float-right-column {
		margin-left: auto;
		order: 0;
	}
	
	.elementor-element .photocolumn {
		min-height: 400px;
	}
	
	.half-orange {
		background: none;
	}
	.single-projects #content .container {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.single-projects #content .container.p-0 {
		margin: 40px 0 0px;
		max-width: 100%;
	}
	
	.single-projects .publications {
		background: #ed6f27;
		padding: 20px;
	}
	
	.single-projects .specs {
		padding: 20px;
	}
	
	.container.numbers > div {
		margin-bottom: 40px;
		padding: 0;
		display: inline-block;
	}
	
	.single-projects .impact-numbers h4 {
		font-size: 30px;
		margin: 0;
		float: left;
		width: 60px;
		text-align: left;
		margin-right: 20px;
	}
	
	.single-projects .impact-numbers p {
		font: 16px/23px Lora, serif;
		float: left;
		max-width: calc(100% - 60px);
		margin-bottom: 30px;
	}
	.post-navigation .nav-next a::after {
		margin-left: 10px;
	}
	
	.post-navigation .nav-previous a::before {
		margin-right: 10px;
	}
	
}
@media only screen and (max-height: 760px) {
  .home .welcome_area, .page-id-3564 section.welcome_area {
/*  	height: 500px !important;*/
  }	
  
  .page-id-3564 section.welcome_area {
		min-height: auto;
	}
	
	.page-id-3564 .welcome_area h2.default-description {
		margin-top: 80px;
	}
}

/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
	.page-template-hiil-sub-subpage 
	div.elementor-section-wrap > section:first-child {
		padding-left: 164px;
		padding-right: 164px;
	}
	  .navbar-dark .dropdown-item {
	    color: #fff;
	  }
}
	
@media only screen and (max-width: 992px) {
	.page-template-hiil-sub-subpage div.elementor-section-wrap > section:first-child {
		padding-left: 34px;
		padding-right: 34px;
	}
	
	.single-projects .impact-numbers p {
		margin-bottom: 30px;
	}
	
	.member .swap {
	    height: 47vw;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 992px)  {
	figure.effect-lily h2 {
		font: bold 18px/26px "Noto Sans", sans-serif;
	}
	figure.effect-lily p {
		font: 16px/20px Lora, serif;
	}
	figure.effect-lily figcaption > div {
		padding: 1em 2em 2em 2em;
	}
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	html {
		font-size: 90%;
	}
	.management-team .row div.text {		
		padding: 20px;
	}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
	html {
		font-size: 85%;
	}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.page-template-hiil-sub-subpage div.elementor-section-wrap > section:first-child {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	html {
	    font-size: 80%;
	}
	
	.top-nav {
		display: none;
	}
	
	header#masthead {
		margin-top: -1px;
	}
	
	.page .welcome_area {
		height: 260px !important;
	}
	
	.home .welcome_area {
		height: 400px !important;
	}
	
	.home .welcome_text_content {
	    top: 50px;
	}
	
	#page .welcome_area h2.default-description {
		margin-top: 60px;
		font-size: 18px;
		line-height: 24px;
		max-width: 350px;
		margin-bottom: 0;
		width: 80%;
	}
	
	.home .welcome_area h2.default-description {
		margin-top: 50px !important;
	}
	
	#crumbs {
		display: none;
	}
	
	/* @end */
	
	.elementor-element .textcolumn {
		padding: 0 40px 40px;
	}
	
	/* @group Icons */
	
	.icon-service-survey {
		background: url("/wp-content/uploads/2018/06/icon-service-survey.svg") 0 0 no-repeat;	
	}
	
	.icon-service-accelerator {
		background: url("/wp-content/uploads/2018/06/icon-service-accelerator.svg") no-repeat;	
	}
	
	.icon-service-architect {
		background: url("/wp-content/uploads/2018/07/icons-service-architect.svg") no-repeat;	
	}
	
	.icon-service-transforming {
		background: url("/wp-content/uploads/2018/09/icon-service-transforming.svg") no-repeat;	
	}
	
	div[class*="icon-service-"] {
		background-size: 40px 40px;
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-top: 30px;
		padding-top: 20px;
		background-position-y: inherit; 
	}
	
	/* @end */
	
	.thumbnail img {
 		width: 100%;
 	}
 	
 	input#mce-EMAIL.required.email {
		width: 90%;
	}
	
	.single-projects .publications {
		padding: 20px;
	}
	
	.single-projects .specs {
		padding: 20px;
	}
	
	.container.numbers > div {
		display: inline-block;
	}
	
	.single-projects .featured_img {
		background-size: cover;
		background-position: center center;
	}
	
	.entry-meta {
		margin-top: 40px;
	}
	
	h1.entry-title {
	  margin-bottom: 70px;
	}
	
	img.newsimage {
		margin: 0;
	}
	
	.addthis_toolbox {
		margin-bottom: 70px;
	}
	
	.single-projects .post-navigation {
		margin-bottom: 40px;
	}
	
	div.intro {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.management-team  h1, .our-team  h1, .regional-agents  h1 {
		text-align: center;
		line-height: 80px;
	}
	
	.member h3.title {
		padding-right: 10px;
		padding-left: 10px;
		height: 54px;
	}
	
	.member .function {
		margin-bottom: 4vw;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.member .swap {
	    height: 71vw;
	}
	
	/* @group Ipad Footer */
	
	.footer2 {
			padding-top: 0px;
		}
		
		.footer2 section {
			width: 50%;
			padding: 40px 0 0;
		}
	
		.footer2 .container {
			padding: 0px;
		}
		
		.footer2 section:last-child {
			width: 100%;
		}
		
		.footer2 section:last-child .textwidget p {
			text-align: center;
		}
		
		.footer2 section:last-child .textwidget p a img {
			float: none;
			margin-left: 70px;
		}
		
		.footer2 section:nth-child(3) p a:first-child img {
			margin-left: 0px;
		}
	
	/* @end */
}
	

/*--------------------------------------------------------------
## iPhone	
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	html {
		font-size: 75%;
	}
	
	.half-container {
		width: calc(480px/2);
		background-color: #00f;
	}
	
	button.navbar-toggler {
		display: none;
	}
	
	/* @group Page */
	
	body.home .welcome_area {
		background-position-x: center;
	}
	
	.page .welcome_area {
		background-size: cover;
		background-position-x: 75%;
	}
	
	.home .welcome_text_content {
	    top: 0px;
	}
		
	body.home .welcome_area h2.default-description {
		font-size: 16px !important;
		line-height: 24px !important;
		margin-top: 90px !important;
		margin-bottom: 20px !important;
		letter-spacing: 2px;
	}
	
	#page .welcome_area h2.default-description {
		margin-top: 90px;
		font-size: 16px;
		line-height: 24px;
		max-width: 350px;
		margin-bottom: 0;
		width: 100%;
		padding: 0;
		letter-spacing: 2px;
	}
	
	.page-template-hiil-sub-subpage div.elementor-section-wrap > section:first-child {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* @end */
	
	/* @group Buttons */
	
	button.btn.btn-secondary::after, a.elementor-button-link.elementor-button::after, a.button span::after {
			display: none;
	}
	
	button.btn.btn-secondary, a.elementor-button-link.elementor-button, .elementor-button, a.button {
		text-transform: uppercase;
	    min-height: 30px;
	    border-radius: 30px;
	    border: 1px solid #444;
	    background: url(images/button-right.png) right 10px center no-repeat transparent;
	    background-size: auto 10px;
	    padding-left: 15px;
	    padding-right: 25px;
	    color: #444444;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    font: bold 11px "Noto Sans", sans-serif;
	    line-height: 15px !important;
	}
	
	button.btn.btn-secondary, a.elementor-button-link.elementor-button, .elementor-button, a.button {
	    min-height: 30px;
		border-radius: 30px;		
		margin-top: 20px;
		margin-bottom: 20px;
		font: bold 13px "Noto Sans", sans-serif;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		line-height: 34px !important;
	}
	
	/* @end */
	
	/* @group Elementor */
	
	.elementor-widget-wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.elementor-column-gap-no .elementor-widget-wrap {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.elementor-element .textcolumn {
		padding: 0 20px 20px;
	}
	
	.elementor-element .photocolumn {
		min-height: 230px;
	}
	
	.elementor-testimonial__image img {
		display: none;
	}
	
	h3.elementor-portfolio-item__title{
		margin: 0px auto;
		max-width: 70%;
	}
	
	/* @end */
	
	/* @group Project overview */
	
	.searchandfilter ul {
		padding: 0;
	}
	
	li[class*='sf-field-taxonomy-'] {
		width: 100% !important;
	}
	
	.searchandfilter select.sf-input-select {
		width: 100%;
	}
	form.searchandfilter .sf-input-text {
		font-size: 13px;
	}
	
	/* @end */
	
	.single-projects #content .container {
		margin-top: 70px;
		margin-bottom: 0px;
	}
	
	.news-overview .row [class*=" col-"] {
		margin-bottom: 40px;
	}
	
	.news-overview .entry-meta {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	.news-overview h3.title {
		margin-bottom: 20px;
	}
	
	img.people-thumb {
		margin: 0;
	}
	
	.member .swap {
	    height: 144vw;
	}
	
	/* @group footer */
	
	.footer2 section {
		width: 100%;
	}
	
	.footer2 section:last-child .textwidget p {
		text-align: left;
	}
	
	.footer2 section:last-child .textwidget p a img {
		margin-left: 20px;
	}
	
	
	.footer2 section:nth-child(3) p a:first-child img {
		margin-left: 0px;
	}
	
	/* @end */
}