.hidden { display: none !important; }

.button {
  background:#0f92c3;
}

		@-webkit-keyframes fadeInUp {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0, 70px, 0);
			transform: translate3d(0, 70px, 0);
		  }
		}

		@keyframes fadeInUp {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0, 70px, 0);
			transform: translate3d(0, 70px, 0);
		  }
		}

		.font-secondary { font-family: 'Merriweather', serif !important; }





/*------------------------------------------------------*/
/*-----------portfolio hover effects -------------------*/
/*------------------------------------------------------*/


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

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

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.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;
  color:#fff;
  text-transform:none !important;
  font-size:20px;
}

.grid figure h2 span {
	font-weight: 800;
  color:#fff !important;
}

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

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-gf {
	background: #2f3238;
}

figure.effect-gf img {
	max-width: none;
	height: 260px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-gf figcaption {
	text-align: left;
}

figure.effect-gf h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-gf p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-gf p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-gf p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-gf p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-gf:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-gf:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-gf:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-gf:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-gf:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



























::selection {
  background:#0f92c3;
}

#gotoTop:hover {
  background:#0f92c3;
}



.deskhide, a.deskhide {
  display:none !important;
}

#wrapper {
  border-top:5px solid #2aaedf;
}

#header.sticky-header #header-wrap, #header.full-header.border-full-header.sticky-header #header-wrap {
  border-top:5px solid #2aaedf;
}

.primary-menu {
  z-index: 100;
}

#slider {
  z-index: 0;
}

.header-wrap-clone {
  height:101px;
}

.bg-1 {
  background:#fff;
}

.bg-2 {
  background:#fff url('../images/logo_bottom.png') 80% 0 no-repeat; 
  padding-top:80px;
}

.content-750 {
  max-width:750px;
}

.content-800 {
  max-width:800px !important;
}

.content-900 {
  max-width:900px;
}

.content-general h2 {
  text-transform:none !important;
  color:#0f92c3;
  font-weight:400 !important;
  font-size:30px;
  margin:50px 0 50px 0;
}

 .realisaties h2 {
  color:#0f92c3;
  font-weight:400 !important;
  font-size:30px;
  margin:50px 0 50px 0;
}



#header-title {
  height: 400px !important;
  display:block;
  background: url('../images/logo_top.png') 80% bottom no-repeat; 
}


#header-title h1 {
  padding:15px;
  bborder:2px solid;
  bborder-image: linear-gradient(46deg, rgb(255,255,255), rgb(215,215,215)) 1;
  border:2px solid #fff;
  float:left;
  margin:0 auto;
}

#header-title h1 span {
  background:rgba(255,255,255,0.7);
  padding:6px 80px 6px 80px;
  font-weight:500;
  font-size:30px;
  float:left;
 
}


.header-size-custom  {
  height:100px;
}

.header-size-custom #logo img {
  height:100px;
}


	.primary-menu .menu-container .menu-link {
	line-height: 22px;
	padding: 14px 5px;
	color: #373a3f;
	font-weight: 300;
	font-size: 1.25rem;
	letter-spacing: 1px;
	text-transform: lowercase;
}

	.menu-container > .menu-item:not(:first-child) {
		margin-left: 14px;
	}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
	color: #0d99ce;
}



.tright {
  text-align:right;
}

h2 {
  font-size:36px;
  text-transform:uppercase;
}

h2.font-weight-light span {
  font-weight:400 !important;
}  

h1,h2,h3,h4,h5,h6 {
	color: #373a3f;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 30px 0;
}


h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) { color: #0b8fbf; }

a {
  color:#14a9dd;
}

.button-geeforce {
  background-color:#16a0d0;
  margin-left:0;
}

.button-geeforce:hover {
  background-color:#0085ae;
}


blockquote {
	padding: 0 0 0 100px ;
	margin: 20px 0 0 0;
	font-size: 1.425rem;
	line-height:1.7;
	font-weight:300 !important;
	border-left: 8px solid #0f92c3;
}


ul.styled {
    margin: 0 0 2em 0;
    padding: 0 1em;
    list-style: none;
    font-size: 1rem;
}

ul.styled li:before { 
    content: "";
    border-color: transparent #04a8e2;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1em;
    position: relative;
}



.logo_bg {
  background: url('../images/logo_bg.jpg') 50% 1000px no-repeat; 
  padding-top:60px !important;
}

.home_ill {
  margin-left:-80px;
  margin-bottom:200px;
}

.homebox {
  padding:72px 96px 48px 48px;
  background: #f5f5f5;
  margin:0 60px 0 60px;
}

.homebox2 {
  padding:48px 48px 12px 48px;
  background: #0f92c3;
  margin:560px 60px 0 60px;
}


.homebox3 {
  padding:72px 48px 48px 96px;
  background: #f5f5f5;
  margin:0 60px 0 60px;
  text-align:right;
}

.homebox4 {
  padding:48px 48px 12px 96px;
  background: #0f92c3;
  margin:60px 60px 400px 60px;
  text-align:right;
}

.homebox5 {
  padding:72px 48px 48px 96px;
  background: rgba(2,2,2,0.045);
  margin:0 60px 0 60px;
  text-align:right;
}


a.hitlink { 
  display:block;
}

a.hitlink:hover { 
    background: #0287b7;
}



.homebox p, .homebox2 p, .homebox3 p, .homebox4 p, .homebox5 p {
  font-size:18px;
  line-height:30px;
  font-weight:300 !important;
}


.homebox h2, .homebox2 h2, .homebox3 h2, .homebox4 h2, .homebox5 h2{
  text-transform:none !important;
  color:#0f92c3;
  font-weight:400 !important;
}

.homebox h2, .homebox3 h2, .homebox5 h2 {
  color:#0f92c3;
}


.homebox2 p, .homebox4 p, .homebox4 p a, .homebox2 h3, .homebox4 h3 {
  color:#fff;
}


.realisaties {
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	padding: 12rem 0;
	counter-reset: figure; 
}

.real {
	margin: 15vh auto;
	max-width: 100%;
	position: relative;
}

.real_link img {
  margin-bottom:20px !important;
}


.real_number {
	position: absolute;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 10rem;
	color: #e2e1de;
	bottom: calc(100% - 14rem);
  left:-8.3rem;
}

.real_number_alt {
	position: absolute;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 10rem;
	color: #e2e1de;
	bottom: calc(100% - 14rem);
  right:-8.3rem;
}


.real_caption p {
  font-size:20px;
  font-weight:300 !important;
  margin-bottom:0;
}


.real_caption h2 {
  text-transform:none !important;
  font-weight:400 !important;
  margin-bottom:0;
}







.real_pic {
  border:1px solid #e3e2de;
  margin-bottom:110px !important;
}

.realisaties {
  position: relative;
}

.r_background {
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 0;
   font-size:140px;
   overflow:hidden;
   color:rgba(56,59,25,0.05);
}


ul.moreclients {
  list-style:none;
}


ul.moreclients li {
  background:rgba(255,255,255,0.1);
  margin-bottom:10px;
  padding:16px 10px;  
  border-bottom:1px solid #6c6f78;
}

ul.moreclients li:hover {
  background:rgba(255,255,255,0.5);
  border-bottom:1px solid #f0efeb;
}


ul.moreclients li a {
  color:#3e4045;
  font-size:20px;
  font-weight:500;
  line-height:28px;
}


ul.moreclients li span {
  float:right;
  color:#838891;
  font-size:14px;
  font-weight:200;  
  line-height:28px;
}



p.evenmoreclients a {
  color:#3e4045;
}

p.evenmoreclients a:hover {
  color:#13a2d3;
}



#footer {
  background:#fff;
}



#footer h2 {
  text-transform:none !important;
  color:#0f92c3;
  font-weight:400 !important;
}


#copyrights {
  background:#f5f5f5;

}



.fade-in {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}

.fade-in.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}

.enlighten, .enlighten2 {
  background:#f5f5f5;
  border:2px solid #ddd;
  padding:10px 6px;
  margin:20x 15px 10px 15px;
}

.enlighten2 label {
  display:block; 
  margin-left:50px;
  text-align:left;
  font-size:14px;
	font-family: 'Quicksand','Raleway', sans-serif;
  font-weight:400;
  text-transform:inherit;
}

.enlighten2 input {
  width:40px; 
  float:left; 
}




















/* -------------------------------- */
/* -----     MEDIA QUERIES    ----- */
/* -------------------------------- */


@media (min-width: 1199px) {


#wrapper, .page-section {
  background: url('../images/bg_lg.jpg') top center repeat-y;
  padding:0;
}

#slider {
  height: 600px;
  background: url('../images/geeforce_lg.png') bottom center no-repeat; 
  background-size: cover;
}


.bg-realisaties {
  background: #fff url('../images/realisaties_lg.jpg') bottom center no-repeat; 
  height:260px !important;
}



}


@media (max-width: 1199px) {

.section {
  padding-top:0;
}

.mob_space {
  padding-top:40px !important;
}

#wrapper, .page-section {
  background: url('../images/bg_m_70.jpg') top center repeat-y;
  padding:0;
}


#slider {
  height: 260px;
  background: url('../images/geeforce_m_70.png') bottom center no-repeat; 
  background-size: cover;
}

.bg-realisaties {
  background: #fff url('../images/realisaties_m_60.jpg') 55% 100% no-repeat; 
  height:190px !important;
}


.logo_bg {
  background: url('../images/logo_bg.jpg') 50% 1080px no-repeat; 
  padding-top:60px !important;
}



#header-title {
  height: 400px !important;
  background: url('../images/logo_top_70.png') 90% bottom no-repeat; 
}

.bg-2 {
  background:#fff url('../images/logo_bottom_70.png') 90% 0 no-repeat; 
 

.home_ill {
  margin-left:-20px;
  margin-bottom:120px;
}

.homebox {
  padding:60px 60px 40px 60px;
  margin:0 20px 0 20px;
  background: rgba(2,2,2,0.045);
  
}

.homebox2 {
  padding:40px 60px 10px 60px;
  margin:800px 20px 100px 20px;
}


.homebox3 {
  padding:60px 40px 40px 60px;
  margin:0 20px 0 20px;
}

.homebox4 {
  padding:20px 40px 12px 60px;
  margin:160px 20px 520px 20px;
}

.homebox5 {
  padding:40px 40px 40px 60px;
  margin:0 20px 0 20px;
}


.homebox p, .homebox2 p, .homebox3 p, .homebox4 p, .homebox5 p {
  font-size:18px;
}


.homebox h2, .homebox2 h2, .homebox3 h2, .homebox4 h2, .homebox5 h2 {
  font-size:32px;
}


.real {
	max-width: 80%;
}


.real_number {
	font-size: 7rem;
	bottom: calc(100% - 10rem);
  left:-5.3rem;
}

.real_number_alt {
	font-size: 8rem;
	bottom: calc(100% - 10rem);
  right:-5.8rem;
}


.real_caption p {
  font-size:18px;
}


.real_caption h2 {
}




}



@media (max-width: 991px) {

#wrapper, .page-section {
  background: url('../images/bg_m_70.jpg') top center repeat-y;
  padding:0;
}


#slider {
  height: 440px;
  background: url('../images/geeforce_s_50.png') bottom center no-repeat; 
  background-size: contain;
}

.bg-realisaties {
  background: #fff url('../images/realisaties_s_50.jpg') bottom center no-repeat; 
  height:190px !important;
}


#header-title {
  background: url('../images/logo_top_50.png') 90% bottom no-repeat; 
}

.bg-2 {
  background:#fff url('../images/logo_bottom_50.png') 90% 0 no-repeat; 
 }



.content-750, .content-800, .content-900 {
  padding-left:8%;
  padding-right:8%;
}


h2, .homebox h2, .homebox2 h2, .homebox3 h2, .homebox4 h2, .homebox5 h2 {
  font-size:30px;
}


.logo_bg {
  background: url('../images/logo_bg.jpg') 20% 1080px no-repeat; 
  padding-top:60px !important;
}


.home_ill {
  margin-left:0px;
  margin-bottom:120px;
}

.homebox {
  padding:40px 40px 30px 40px;
  margin:120px 2px 0 2px;
  background: #f5f5f5;
}

.homebox2 {
  padding:30px 40px 10px 40px;
  margin:920px 2px 100px 2px;
}


.homebox3 {
  padding:40px 40px 40px 20px;
  margin:0 -30px 0 20px;
}

.homebox4 {
  padding:20px 40px 12px 60px;
  margin:160px -30px 520px 20px;
}

.homebox5 {
  padding:40px 40px 40px 60px;
  margin:0 -30px 0 20px;
}


.real {
	max-width: 70%;
}




}



@media (max-width: 768px) {


figure.effect-gf img {
	height: 29  0px;
}



	#header.transparent-header:not(.sticky-header) #header-wrap {
		background-color: rgba(255,255,255,1) !important;
		border-bottom: 1px solid #EEE;
	}



#wrapper, .page-section {
  background: url('../images/bg_s_45.jpg') top center repeat-y;
  padding:0;
  
}


#slider {
  height: 1px;
  background: #fff; 
  background-size: cover;
}

.smartcenter {
  text-align:center;
}

#homeslider {
  display:none;
}

blockquote {
	padding: 0 0 0 40px ;
	margin: 30px 30px 0 30px;
	font-size: 1.125rem;
	line-height:1.7;
	font-weight:300 !important;
	border-left: 10px solid #0f92c3;  
}




.bg-realisaties {
  background: #fff url('../images/realisaties_xs.jpg') bottom center no-repeat; 
  height:140px !important;
  background-size: contain;
}


h2, .homebox h2, .homebox2 h2, .homebox3 h2, .homebox4 h2, .homebox5 h2 {
  font-size:22px;
}


.logo_bg {
  background: #fff; 
  padding-top:60px !important;
}


.home_ill {
  margin-left:0px;
  margin-bottom:40px;
  margin-top:-40px !important;
}


.deskhide, a.deskhide {
  display:block !important;
}

.smarthide, a.smarthide {
  display:none !important;
}


.homebox {
  padding:40px 40px 30px 40px;
  margin:80px 0 80px 0;
  background: #f5f5f5;
}

.homebox2 {
  padding:30px 40px 10px 40px;
  margin:0;
}


.homebox3 {
  padding:40px 40px 40px 20px;
  margin:80px 0 80px 0;
}

.homebox4 {
  padding:20px 40px 12px 60px;
  margin:0;
}

.homebox5 {
  padding:40px 40px 40px 60px;
  margin:80px 0 80px 0;
  background: #f5f5f5;
}


.real {
	max-width: 80%;
	margin: 13vh auto;

}



.real_number {
	font-size: 5rem;
	bottom: calc(100% - 8rem);
  left:-1rem;
}

.real_number_alt {
	font-size: 5rem;
	bottom: calc(100% - 8rem);
  right:-1rem;
}


.real_caption p {
  font-size:16px;
}




}



@media (max-width: 479px) {
}