HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
Upload Files
File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/ergatis/scss/_home.scss
#showcase{height:600px;position:relative;padding:0;border-bottom:solid 1px #efefef;margin-bottom:0;background-color:#000;overflow:hidden;}

	#showcase div{height:100%;}
	#showcase #cases,#showcase .case{position:relative;z-index:100;height:100%;}	
	#showcase .case{margin:auto;overflow:hidden;}


	#showcase .case .layer{width:100%;height:100%;position:absolute;}
	#showcase .case .layer > img{height:100%;float:right;}
	#showcase .case img.bg{min-width:100%;min-height:100%;position:absolute;top:0;right:0;z-index:90;}
	#showcase .showcase-text{position:absolute;width:100%;z-index:1000;height:auto;top:50%;transform:translateY(-50%);}

	#showcase .text-position{float:left;width:75%;padding-left:3em;}
	#showcase .box-out{width:60%;margin-left:40%;}
	#showcase .box-out img{float:right;margin-top:-100px;}
	
	#showcase h1,#showcase .text,.header-image p{font-family: "museo-slab",sans-serif;font-style: normal;font-weight: 100;}
	#showcase h2{font-family: "museo-sans",sans-serif;font-style: normal;font-weight: 300;}
	

	#showcase h1{color:#00a3d3;font-size:3em;margin:0 0 0.5em 0;font-weight:500;}
	#showcase h2{color:#fff;margin-bottom:1.25em;}
	#showcase .text > *{color:#fff;margin:0;padding:0;text-shadow:0px 0px 0.75em #000;}
	#showcase .text li{margin-bottom:0.5em;font-size:1.125em;list-style: none;
padding-left: 1em;
background: url(../images/list-pointer.png) 0 0 no-repeat;}
		#showcase .text ul{line-height:1.5em;}
	#showcase .button{font-size:1.5em;}
	
	#showcase a.mover{display:block;width:30px;height:50px;position:absolute;top:0;z-index:110;text-indent:-5000px;top:40%;outline:0;}
	#showcase a.mover:hover{opacity:0.8;}
	#showcase .toNext{background: url(../images/to-right.png) no-repeat;right:0;}
	#showcase .toPrev{background: url(../images/to-left.png) no-repeat;left:0;}

	#showcase .case-selector{bottom:1em;height:1.65em;left:0;margin:0;padding:0;position:absolute;text-align:center;width:100%;z-index:1000;display:none;}
	#showcase .case-selector li{display:inline;margin:0 0.125em;}
	#showcase .case-selector a{background: url(../images/selector-bg.png) no-repeat 0 0;font-size:0.5em;line-height:0.5em;padding:0.5em 1.25em;color:#333;}
	#showcase .case-selector a.active{background-position: 0 -20px;color:#e51227;}

	
	#showcase .slick-prev{left:24px!important;z-index:1000;}
	#showcase .slick-next{right:24px !important;}
	#showcase .slick-arrow::before{font-size:30px;}

	

	

.headlines .intro h1{font-weight:normal;color:#00a3d3;}	
	.headlines .intro strong{font-weight:bold;}
	.headlines .intro{text-align:center;}
	.headlines .block{background-color:#efefef;padding:0.75em 1.5em 1.5em 1.5em;}
	.headlines .block h2{margin:0;}
	.headlines .block h3{color:#00a3d3;margin-top:0;text-transform:uppercase;font-weight:200;}
	.headlines .block ul{margin:1.5rem 0 0 0;padding:0;}
	.headlines .block ul li{list-style: none;padding-left: 1em;background: url(../images/list-pointer.png) 0 0 no-repeat;}
	.headlines .block a{color:#444;text-decoration:none;}
	.headlines .block a:hover{color:#00a3d3;}

.icons{padding:1.5em 0 0;}
	.icons .ergatis-wwstap{text-align:center;background: url(../images/symbol-devider.png) no-repeat 0 25%;margin-bottom:1.5em;}
	.icons .ergatis-wwstap:first-child{background:none;}
	.icons h4{margin-bottom:0;font-size:0.875em;}

.content-actueel{margin-top:0.5em;}
	.content-actueel h3{color:#00a3d3;}
	.content-actueel ul{padding:0;}	
	.content-actueel a{color:#444;text-decoration:none;}
	.content-actueel a:hover{color:#00a3d3;}

.isocertificering .quote-wrapper{background: url(../images/quote-pointer.png) no-repeat 0 100% ;padding-bottom:15px;}
	.isocertificering .quote{background-color:#00a3d3;color:#fff;border-radius:1em;padding:1.5em 1em;position:relative;margin:1.5em 0 0 0;}
	.isocertificering .quote .sign.open{background: url(../images/quote-open.png) no-repeat 0 0;float:left;width:20px;height:15px;}
	.isocertificering .quote .sign.close{background: url(../images/quote-close.png) no-repeat 0 0;float:left;width:22px;height:15px;float:right;margin-right:-1.5em;margin-top:0.5em;}
	.isocertificering .quote p{margin:0.5em 1.5em 0.5em 1.5em;font-size:1.125em;}
	.isocertificering .persoon{margin:1em 2.5em;}
		.isocertificering .logo{float:right;}

	.isocertificering .qoutes-in-slider li{background:none;padding:0;}
	.isocertificering .quote-selector{margin:auto;text-align:center;}
	.isocertificering .quote-selector li{background:none;padding:0;display:inline-block;margin:1em 0.25em 0 0.25em;}
	.isocertificering .quote-selector a{display:block;width:25px;height:25px;background: url(../images/quote-selector.png) no-repeat 0 -25px;outline:0;text-indent:-5000px;}
	.isocertificering .quote-selector a.active,.isocertificering .quote-selector a.active:hover{background-position: 0 -50px;}
	.isocertificering .quote-selector a:hover{background-position: 0 0;}


.medische-adviestrajecten{margin-bottom:1.5rem;}
.medische-adviestrajecten .infographic-section{margin:0 0.75rem;}
.medische-adviestrajecten .infographic-section > div{background-color:#f7f8f8;width:100%;padding:0 5%;padding-bottom:1.5em;}		
.medische-adviestrajecten h1{color:#00a3d3;padding-top:0.75em;font-size:28px;}
.medische-adviestrajecten .centered{text-align:center;}
.medische-adviestrajecten .advies-slider{margin-top:0.5em;position:relative;}
.medische-adviestrajecten .pointer{display:block;width:100px;height:35px;background: url(../images/pointer-down.png) no-repeat 50% 100%;margin:auto;}
	.medische-adviestrajecten .info-row{clear:both;}
	.medische-adviestrajecten img{max-width:90%;padding-top:1.5em;}
	.medische-adviestrajecten .col5,.medische-adviestrajecten .col7{margin-bottom:0;}
	
	.medische-adviestrajecten .button{text-align:center;margin:0 auto;display:block;width:200px;}
	
	.medische-adviestrajecten .mover{width:40px;height:60px;position:absolute;top:50%;right:1em;margin-top:-30px;background: url(../images/move-to-next.png) no-repeat 0 0;text-indent:-5000px;opacity:0.05;}
	.medische-adviestrajecten .mover:hover{opacity:0.25;}
	
	.medische-adviestrajecten .mover.to-prev{left:1em;right:auto;background: url(../images/move-to-prev.png) no-repeat 0 0;}


.blocks{margin-bottom:1.5em;}
.blocks .col12{margin-bottom:0;}
.blocks .block{padding: 1.5em 1.5em 0.5em 1.5em;background: #fff;border:solid 1px #efefef;}
.blocks .col24{margin-bottom:5px;}
.blocks h2{margin-top:0;font-size:24px;padding-right:4em;}
.blocks p{padding-right:9em;font-size:17px;margin-bottom:1.75em;}
.blocks img{float:left;height:135px;margin-right:1.5em;}
.blocks .button{padding:10px 18px;font-size:16px;}

.blocks .fd-gazelle{background: #fff url(../images/fd-gazelle.jpg) 130% 120% no-repeat;}
.blocks .fd-gazelle h2{position:relative;padding-right:2em;}
.blocks .fd-gazelle h2::after{content:"";width:50px;height:80px;background: url(../images/fd_gaz_16.jpg) no-repeat 100% 0;position:absolute;right:0;top:0;background-size:1.75em;z-index:0;}

.blocks .iso{background: #fff url(../images/ergatis-iso27001.png) 100% 0 no-repeat;}
.blocks .iso h2{color:#00a3d3;}
.blocks .iso h2 a{text-decoration:none;}
.blocks .iso .button{background-color:#00a3d3;}
.blocks .iso p:last-child{position:relative;}
.blocks .iso p:last-child::after{content:"";width:130px;height:60px;background: #fff url(../images/logo-iso27001.png) no-repeat 100% 0;position:absolute;right:0;top:-14px;}

.blocks .achmea-video h2{background: url(../images/achmea.png) no-repeat 100% 4px;padding-right:140px;color:#444;}
.blocks .achmea-video h2 a{color:#444;text-decoration:none;}
.blocks .achmea-video h2 a:hover{color:#00a3d3;}
.blocks .achmea-video .play-video{position:relative;display:block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.blocks .achmea-video .play-video img{float:none;width:100%;height:auto;margin:0;}
.blocks .achmea-video .play-video::after{content:"";position:absolute;top:0;left:0;width:75px;height:57px;background: url(../images/play.png) no-repeat;background-size:75px auto;left:50%;margin-left:-30px;top:40%;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.blocks .achmea-video .play-video:hover::after{transform: scale(1.1)}
	
.blocks .achmea-video ul{margin:0.75em 0 0 0;}
.blocks .achmea-video ul li{width:25%;display:inline-block;background:none;margin:0;padding:0;}
.blocks .achmea-video ul li img{width:100%;height:auto;}