/* Table of content
1 Fonts
2 General - This is created general styles and overide some bootstrap classes.
3 Layout
 3.1 Animations
 3.2 Buttons
4 Sections - definition for section and subsection
 4.1 Services
 4.2 Portfolio
 4.3 About
 4.4 Clients
 4.5 Price table
 4.6 Contact
 4.7 Footer
5 Responsive 
6 Images of team
7 Other styles
*/

/*********************************************************************
1. Font-Face declarations

	Typical mappings:
	
		100    Extra Light or Ultra Light
		200    Light or Thin
		300    Book or Demi
		400    Normal or Regular
		500    Medium
		600    Semibold, Demibold
		700    Bold
		800    Black, Extra Bold or Heavy
		900    Extra Black, Fat, Poster or Ultra Black
	
	But, font-weight: 100 does not work accross all browsers
   	So better only use:
   
		font-weight:normal
		font-weight:bold
		
	Why not use Font-Face declarations based on 'Style Linking'?
	Problem1: Internet Explorer 7 and 8 can only link up to 4 weights 
	and styles to a single font-family name. They will convert all 
	light and medium weights to normal, and all black and heavy weights 
	to bold. 
	Problem2: 'Style Linking' crashes browsers on BlackBerry and iPad 1. 
	
	Solution: use unique font-family names and set weights and styles to match.
	Declare <em> and <strong> separate. 
	This avoids faux italic and faux bold, but the solution does reduce the  
	potential for double-italic and double-bold text.
	In addition, if the Web font doesn’t load, then the text will retain both  
	style and weight. Finally, text will render properly in IE 7 and 8, even 
	when using more than four weights and styles and the pages won’t crash 
	the browsers on BlackBerry 9900 and iPad 1 devices.

**********************************************************************/

	@font-face {
		font-family: 'dinregular';
		src: url('../fonts/din-regular-webfont.eot');
		src: url('../fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/din-regular-webfont.woff2') format('woff2'),
			 url('../fonts/din-regular-webfont.woff') format('woff'),
			 url('../fonts/din-regular-webfont.ttf') format('truetype'),
			 url('../fonts/din-regular-webfont.svg#dinregular') format('svg');
		font-weight: normal;
		font-style: normal;

	}
	@font-face {
		font-family: 'dinlight';
		src: url('../fonts/din-light-webfont.eot');
		src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/din-light-webfont.woff2') format('woff2'),
			 url('../fonts/din-light-webfont.woff') format('woff'),
			 url('../fonts/din-light-webfont.ttf') format('truetype'),
			 url('../fonts/din-light-webfont.svg#dinlight') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'dinbold';
		src: url('../fonts/din-bold-webfont.eot');
		src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/din-bold-webfont.woff2') format('woff2'),
			 url('../fonts/din-bold-webfont.woff') format('woff'),
			 url('../fonts/din-bold-webfont.ttf') format('truetype'),
			 url('../fonts/din-bold-webfont.svg#dinregular') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	
	strong {
	   font-family: 'dinbold', arial, sans-serif;
	   font-weight: bold;
	   font-style: normal;
	}
	
	em {
	   font-family: 'dinregular', arial, sans-serif;
	   font-weight: normal;
	   font-style: italic;
	}
	
	em.light {
	   font-family: 'dinlight', arial, sans-serif;
	   font-weight: normal;
	   font-style: italic;
	}

/*********************************************************************
2. GENERAL
**********************************************************************/

	body {
		font-family: 'dinregular', arial, helvetica, sans-serif;
		font-weight: normal;
		font-style: normal;
		color:#000;
		line-height:1.2em;
		font-size:16px;
		line-height:20px;
	}
	
	a {
		color:#FFF;
		text-decoration: none;
	}
	
	a:hover, a:focus, a:active {
		color: #00AAAD;
		text-decoration:none;
	}
	
	a.defaultblack {
		color: #00AAAD;
		text-decoration: none;
	}
	
	a.defaultblack:hover, a.defaultblack:focus, a.defaultblack:active {
		color: #007678;
		text-decoration:underline;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
	}
	
	h1 {
		margin: 10px;
		font-size:42px;
		letter-spacing:3px;
		text-transform: uppercase;
	}
	
	h2 {
		margin: 10px;
		font-size:32px;
		font-weight:bold;
	}
	
	h3 {
		margin: 20px 0 4px 10px;
		font-size:18px;
		font-weight:bold;
	}
	
	p {
		padding: 10px;
		color: #000;
	}
	
/*********************************************************************
3. NAVIGATION BAR
**********************************************************************/

	.navbar {
		background: #322F31;
		margin-bottom:0;
		min-height:70px;
		border-radius: 0;
	}
	
	.navbar-fixed-top {
		min-height:60px;
		height:60px;
		padding-top:0;
	}
	
	.navbar-fixed-top .navbar-collapse {
		padding-top:17px;
	}
	
	.navbar-inner {
		background: #322F31;
		border: none;
		filter: none;
		box-shadow: none;
	}
	.navbar .brand img {
		width:265px;
		height:50px;
	}
	.navbar .nav > li > a {
		text-transform:uppercase;
		line-height: auto;
		vertical-align: middle;
		margin:10px 3px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border: 1px solid #322F31;
		box-shadow: none;
		font-size:15px;
		text-shadow: none;
		color: #fff;
		transition: border-color 1s ease;
	}
	
	.navbar .nav > li.active > a, 
	.navbar .nav > li.active > a:hover, 
	.navbar .nav > li.active > a:focus,
	.navbar .nav > li.active > a:active {
		background: url('../decor/nav-line.png') no-repeat 0 0;
		color: #00AAAD;
		background-color: #322F31;
	}
	
	.navbar .nav > li:hover > a {
		background: url('../decor/nav-line.png') no-repeat 0 0;
		color: #fff;
		background-color: #322F31;
	}


	.navbar .btn-navbar:hover, 
	.navbar .btn-navbar {
		border-radius:0;
		background:#FFF;
		color: #000;
	}
	
	.dropdown-menu {
	  	background-color: #322F31;
		border-top: 1px solid #322F31;
	}


	.dropdown-menu > li > a {
		color: #fff;
	}
	
	.dropdown-menu > li.active > a {
	  color: #00AAAD;
	  background: #333;
	}

	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	  color: #000;
	  text-decoration: none;
	  background: #eeeeee;
	}

	/* Solve IE problem and blue border */
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .active > a {
	  filter: none;	/* progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); */
	  color: #fff;
	  background-color:transparent;
	  border:1px solid transparent;
	}
	
	/* Override */
	.navbar-default .navbar-toggle {
		margin-top:15px;
		border-radius: 4px;
		border-color:transparent;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		border-radius: 4px;
		background-color: #00AAAD;
	}
	
	.navbar-header 
	{
		min-height:120px;
	}
	
	/*** Solves the problem of the grey background of dropdown-toggle when leaving focus ***/
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background: #322F31;
	}
	
	
/*********************************************************************
4. LAYOUT
**********************************************************************/	

	.white-ribbon {
		width:100%;
		height: 160px;
		text-align:center;
		padding-top:20px;
	}
	
	.white-ribbon h1 {
		margin-top: 32px;
		color:#00AAAD;
	}
	
	
	.blue-ribbon {
		background:#00AAAD;
		width:100%;
		height: 160px;
		text-align:center;
		padding-top:20px;
	}
	
	.blue-ribbon h1 {
		margin-top: 32px;
		color:#FFF;
	}
	
	hr.twolines {
		border: 0;
		margin:0;
		padding:0;
		background-image: url('../decor/band.png');
		background-repeat: repeat-x;
		height:90px;
	} 
	
	hr.shortline {
		border: 0;
		width: 160px;
		color: #333;
		background-color: #333;
		height: 2px;
	}
	
	hr.shortline-white {
		border: 0;
		width: 160px;
		color:#FFF;
		background-color: #FFF;
		height: 2px;
	}
	
	hr.shortline-blue {
		border: 0;
		width: 160px;
		color:#00AAAD;
		background-color: #00AAAD;
		height: 2px;
	}
	
	
	.testimonial {
		color:#FFF;
		margin:0;
		padding:0;
	}
	
	.testimonial h3 {
		color:#FFF;
		margin:0 0 30px 0;
	}
	
	.testimonial p {
		color:#FFF;
	}
	
	.icon_18 {
		margin:0 4px 2px 0;
		border:0;
		padding:0px;
		cursor: pointer; 
		width:18px;
		height:18px;
		vertical-align:middle;
	}
	
	.icon_30 {
		margin:0;
		padding:0;
		border:0;
		margin-top:-20px;
		cursor: pointer; 
		width:30px;
		height:30px;
		vertical-align:middle;
	}
	
	
	/******* INDEX HEADER TEXT IN PARALLAX IMAGE ***********/
	.intro-title {
		text-align:center;
		text-shadow: 0 0.08em 0.05em #000;
	}
	
	.intro-title h1 {
		color:#FFF;
	}
	
	hr.shortline-white-shadow {
		border: 1;
		width: 160px;
		color:#FFF;
		background-color: #FFF;
		height: 2px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
	}


/*********************************************************************
3. Layout
**********************************************************************/
	.centered {
		margin-left:auto;
		margin-right:auto;
		float: none;
		text-align: center;
		padding-left:10px;
		padding-right:10px;
	}
	/* Use this class if you want ceter element with span* class */
	.center {
		float: none !important;
		margin: 0 auto !important;
		text-align: center;
	}
	
	.left-align {
		text-align:left;
	}
	.right-align {
		text-align:left;
	}
	.error {
		color: #CF0000;
		display: none;
	}
	.invisible {
		display:none;
		visibility:visible;
	}

/*
3.1 Animations
**********/
	 .zoom-in {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		transition: all 250ms ease;
	}
	.zoom-in:hover {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
	}
/*
3.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
**********/
	.button,  .button:visited, .button:focus {
		display:inline-block;
		border:1px solid #322F31;
		color:#322F31;
		background-color:transparent;
		padding:15px 30px;
		font-size:17px;
		line-height:auto;
	}
	.button:hover, .button:active{
		background-color:#322F31;
		color:#fff;
	}	
	
	.btn-bortel {
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
		background-image: -webkit-linear-gradient(top, #00aaad 0%, #00787a 100%);
		background-image:      -o-linear-gradient(top, #00aaad 0%, #00787a 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#00aaad), to(#00787a));
		background-image:         linear-gradient(to bottom, #00aaad 0%, #00787a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00aaad', endColorstr='#ff00787a', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		color: #fff;
		background-color: #00AAAD;
		background-repeat: repeat-x;
		border-color: #009699;
	}
	
	.btn-bortel:hover,
	.btn-bortel:focus {
		background-color: #00787a;
		background-position: 0 -15px;
		color: #fff;
	}
	
	.btn-bortel:active,
	.btn-bortel.active  {
		-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
		background-image: none;
		background-color: #00787a;
		border-color: #009699;
		color: #fff;
	}

/*
4. Sections 
***************************************************************************/
	
	section .title {
		text-align: center;
		padding:70px 10px 10px 10px;
	}
	
	section .title h1 {
		font-weight: normal;
		margin-bottom: 20px;
		padding: 0;
	}
	
	section .title > p {
		font-size:24px;
		color: #000;
		font-weight: lighter;
	}
	
	/*******
	4.1 Services  
	***************************************/
	.service{
		margin-top:20px;
	}
	 .service, .service h2 {
		padding-top:15px;
	}
	.service p {
		padding:0px 50px;
		text-align:center;
		font-size:15px;
	}
	.service h3 {
		text-align:center;
	}
	.service img {
		width:150px;
		height:199px;
	}

	/*
	4.6 Contact
	********************************************************************/
	.contact {
		background: #00AAAD;
	}
	.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .contact h6, .contact .section .title > p, .contact > li > a {
		color: #322F31;
	}
	.contact textarea, .contact input[type="text"], .contact input[type="email"] {
		padding: 10px;
		line-height: 20px;
		height: auto;
	}
	.contact textarea {
		height: 120px;
	}
	.contacts, .contact {
		color: #fff;
		list-style: none;
		margin-left: 10px;
	}
	.contacts > li {
		margin-top: 15px;
	}
	.contacts > li > a {
		color: #fff;
	}
	.contact-info {
		margin-top:10px;
		margin-bottom:10px;
	}
	.contact-info p{
		 font-weight:normal;
	}
	.contact-info .icon {
		margin:10px auto;
		font-size:30px;
	}
	
	.contact-area {
		border-right:#00AAAD 1px solid;
		margin:0 0 15px 0;
		/*font-family: dinregular, Arial, Helvetica, sans-serif;*/
	}
	
	.contact-area-no-border {
		margin:0 0 15px 0;
	}
	
	.contact-area-left-border {
		border-left:#00AAAD 1px solid;
	}
	
	.contact-icon {
		font-size:12px;
		color: #00AAAD;
	}
	
	.contact-area h2 {
		margin-top:0;
		margin-left:0;
	}

	.contact-form {
		background:#fff;
		background: rgba(255, 255, 255, 0.9);
		z-index:110;
		position:relative;
		margin-top:-25px;
		padding:20px;
	}
	.contact-form h3 {
		color:#838589;
		padding-bottom:20px;
	}
	
	/*-- buttons --*/
	.btn-basket {
		background-color: #00AAAD;
		border: 1px solid #00AAAD;
		background-image: url('../decor/stickershop-off.png'); /* 1606px x 486px */
		background-repeat: no-repeat;  	/* make the background image appear only once */
    	background-position: center;
		cursor: pointer;        		/* make the cursor like hovering over an <a> element */
		padding: 8px 225px 8px 225px;
		margin-bottom:15px;
		font-size:36px;
	}
	.btn-basket:hover,
	.btn-basket:focus,
	.btn-basket.active  {
		background-color: #322F31;
		border: 1px solid #323232;
		background-image: url('../decor/stickershop-on.png'); /* 1606px x 486px */
		background-repeat: no-repeat;  	/* make the background image appear only once */
    	background-position: center;
		cursor: pointer;        		/* make the cursor like hovering over an <a> element */
		padding: 8px 225px 8px 225px;
		margin-bottom:15px;
		font-size:36px;
	}
	
	
	
	.btn-imprenta {
		color: #fff;
		background-color: #00AAAD;
		border: 1px solid #00AAAD;
		font-weight:bold;
	}
	.btn-imprenta:hover,
	.btn-imprenta:focus,
	.btn-imprenta.active  {
		color: #000;
		background-color: #11BBBC;
		border: 1px solid #00AAAD;
		font-weight:bold;
	}

	.black {
		color:#322F31;
	}
	
	.from-group {
		position:absolute;width:0;height:0;margin:0;padding:0;display:none;border:none;font-size:0;visibility:hidden;line-height:0;
	}
	
	/*
	4.7 Footer
	********************************************************************/
	.footer {
		background: #322F31;
		text-align: center;
		padding-top:30px;
		padding-bottom:30px;
	}
	.footer > p {
		color: #fff;
		margin:0;
	}
	
	.scrollup {
		text-align:center;
		cursor:pointer;
		vertical-align:middle;
		width:39px;
		height:39px;
		border-radius:5px;
		font-size:20px;
		position:fixed;
		bottom:30px;
		right:20px;
		border:1px solid #fff;
		display:none;
		background: #00AAAD;
	}
	.scrollup > a {
		position:relative;
		top:7px;
		color:#fff;
	}
	
/*
5 Responsible
********************************************************************/
	@media (min-width: 1200px) {

		/** REALISATIONS **/
		.sliderthumbnail {
			width:100%;
			height:100%;
			padding:0;
			overflow: hidden;
			position: relative;
			border:0;
			border-radius:0;
			box-shadow:none;
			text-align:center;
		}
		
		.sliderthumbnail .more {
			display:block;
			z-index:4;
			position:absolute;
			top:-100px;
			left:50%;
			margin:0 auto;
			margin-left:-41px;
			width:80px;
			height:80px;
			font-size:40px;
			color:#fff;
			text-decoration:none;
			line-height: 70px;
			text-align: center;
		}
		.sliderthumbnail:hover .more {
			top:40%;
			margin-top:-40px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3 s ease-out;
			-ms-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		
		.image-encapsulation {
			position: absolute;
			top:54px; 
			left:23%;
		}
		
		.hidemeiftoosmall {
			visibility:visible;
		}
		
		.sliderthumbnail .mask {
			opacity:0.85;
			filter: alpha(opacity=85);
			top:100%;
			left:0;
			width:608px;
			height:342px;
			background:#322F31;
			position:absolute;
		}
		.sliderthumbnail:hover .mask {
			top:54px;
			left:262px;
		}
	}
	@media (max-width: 1199px) {

		/** REALISATIONS **/
		.sliderthumbnail {
			padding:0;
			margin:0;
			border:0;
			height: inherit;
			text-align:center;
		}
		
		.sliderthumbnail .more {
			visibility:hidden;
		}
		.sliderthumbnail:hover .more {
			visibility:hidden;
		}
		
		
		.image-encapsulation {
			padding:0;
			vertical-align:top;
			margin: 0 auto;
		}
		
		.hidemeiftoosmall {
			visibility:hidden;
			width:0;
			height:0;
		}
	}
	
	@media (max-width: 992px) {

		body {
			padding-left:0;
			padding-right:0;
		}
		.navbar-fixed-top, .navbar-fixed-bottom {
			position: fixed;
		}
		.navbar .nav > li > a {
			line-height: 20px;
			vertical-align: middle;
		}

		.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
			margin-left: 0px;
			margin-right: 0px;
		}
		.nav-collapse {
			clear: both;
		}
		.nav-collapse .nav {
			float: none;
			margin: 0 0 10px;
		}
		.nav-collapse .nav > li {
			float: none;
		}
		.nav-collapse, .nav-collapse.collapse {
			width: 100%;
			display: inherit;
		}

	}

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

/*
6 Images of team
********************************************************************/

	#work-wrap {
		margin-bottom:50px
	}
	
	.item img {
		max-width:100%;
		width:100%
	}
	
	.image-wrap img {
		max-width:100%
	}

	.bg-orange-red, .work-item.effect-original-5 .caption.bg-orange-red:after, .work-item.effect-original-5 .caption.bg-orange-red:before {
		background-color: rgba(215, 94, 94, 0.85) !important;
	}
	
	.bg-black,.work-item.effect-original-5 .caption.bg-black:after,.work-item.effect-original-5 .caption.bg-black:before{
		background-color:rgba(0,0,0,.85)!important
	}
	
	.bg-orange-red,.work-item.effect-original-5 .caption.bg-orange-red:after,.work-item.effect-original-5 .caption.bg-orange-red:before{
		background-color:rgba(215,94,94,.85)!important
	}
	
	.bg-fuchia,.work-item.effect-original-5 .caption.bg-fuchia:after,.work-item.effect-original-5 .caption.bg-fuchia:before{
		background-color:rgba(255,138,227,.85)!important
	}
	
	.bg-azure,.work-item.effect-original-5 .caption.bg-azure:after,.work-item.effect-original-5 .caption.bg-azure:before{
		background-color:rgba(0,126,229,.85)!important
	}
	
	.bg-violet,.work-item.effect-original-5 .caption.bg-violet:after,.work-item.effect-original-5 .caption.bg-violet:before{
		background-color:rgba(194,113,176,.85)!important
	}
	
	.bg-blue,.work-item.effect-original-5 .caption.bg-blue:after,.work-item.effect-original-5 .caption.bg-blue:before{
		background-color:rgba(46,159,255,.85)!important
	}
	
	.bg-cyan,.work-item.effect-original-5 .caption.bg-cyan:after,.work-item.effect-original-5 .caption.bg-cyan:before{
		background-color:rgba(0,182,127,.85)!important
	}
	
	.bg-green,.work-item.effect-original-5 .caption.bg-green:after,.work-item.effect-original-5 .caption.bg-green:before{
		background-color:rgba(122,193,66,.85)!important
	}
	
	.bg-yellow,.work-item.effect-original-5 .caption.bg-yellow:after,.work-item.effect-original-5 .caption.bg-yellow:before{
		background-color:rgba(242,200,63,.85)!important
	}
	
	.bg-orange,.work-item.effect-original-5 .caption.bg-orange:after,.work-item.effect-original-5 .caption.bg-orange:before{
		background-color:rgba(246,129,33,.85)!important
	}
	
	.bg-brown,.work-item.effect-original-5 .caption.bg-brown:after,.work-item.effect-original-5 .caption.bg-brown:before{
		background-color:rgba(150,75,0,.85)!important
	}
	
	.bg-pink,.work-item.effect-original-5 .caption.bg-pink:after,.work-item.effect-original-5 .caption.bg-pink:before{
		background-color:rgba(255,203,219,.85)!important
	}
	
	.bg-red,.work-item.effect-original-5 .caption.bg-red:after,.work-item.effect-original-5 .caption.bg-red:before{
		background-color:rgba(230,75,80,.85)!important
	}
	
	.work-item{
		margin:0;
		padding:0
	}
	
	.work-item .item-inner{
		margin:15px;
		position:relative;
		overflow:hidden
	}
	
	.work-item .item-inner a{
		display:block;
		position:relative;
		-webkit-transition:all .35s ease;
		-o-transition:all .35s ease;
		transition:all .35s ease
	}
	
	.work-item .item-inner .caption{
		margin:0;
		position:absolute;
		opacity:0;
		visibility:hidden;
		top:20px;
		left:20px;
		bottom:20px;
		right:20px;
		background:rgba(0,0,0,.85);
		text-align:center;
		-webkit-transition:all .35s ease .1s;
		-o-transition:all .35s ease .1s;
		transition:all .35s ease .1s
	}
	
	.work-item .item-inner .caption .inner{
		position:absolute;
		display:inline-block;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		padding:10px
	}
	
	.work-item .item-inner .caption .inner h4{
		font-weight:500;
		color:#fff;
		font-size:48px;
		letter-spacing:2px;
		margin:0;
	}
	
	.work-item .item-inner .caption .inner h4 a{
		color:#fff;
		
		background-image: url(../decor/inactive-envelope.png);
		background-repeat: no-repeat; 
    	background-position: center;
		cursor: pointer;
		width:100px;
		height:70px;  
	}
	
	.work-item .item-inner .caption .inner h4 a:hover{
		text-decoration:none;
		color:#000;
		-webkit-transition:font-size .2s ease;
		-o-transition:font-size .2s ease;
		transition:font-size .2s ease;
		font-size:64px;
		
		background-image: url(../decor/active-envelope.png);
		background-repeat: no-repeat;
    	background-position: center;
		cursor: pointer; 
		width:100px;
		height:70px;
	}
	
	.work-item .item-inner .caption .inner em{
		font-family:serif;
		font-size:12px;
		color:#fff;
		line-height:22px;
		margin:0;
		letter-spacing:1px;
	}
	
	
	.work-item.imageParallax .item-inner>a{
		-webkit-transform:translateX(0) scale(1.1);
		-moz-transform:translateX(0) scale(1.1);
		transform:translateX(0) scale(1.1)
	}
	
	.work-item.imageParallax .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transform:translateX(-5%);
		-moz-transform:translateX(-5%);
		transform:translateX(-5%)
	}
	
	.work-item.imageParallax:hover .item-inner>a{
		-webkit-transform:translateX(5%) scale(1.1);
		-moz-transform:translateX(5%) scale(1.1);
		transform:translateX(5%) scale(1.1)
	}
	
	.work-item.imageParallax:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		transform:translateX(0)
	}
	
	.work-item.zoomIn .item-inner>a{
		-webkit-transform:scale(1.0);
		-moz-transform:scale(1.0);
		transform:scale(1.0)
	}
	
	.work-item.zoomIn .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		transform:scale(1.1)
	}
	
	.work-item.zoomIn:hover .item-inner>a{
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		transform:scale(1.2)
	}
	
	.work-item.zoomIn:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:scale(1.0);
		-moz-transform:scale(1.0);
		transform:scale(1.0)
	}
	
	.work-item.zoomOut .item-inner>a{
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		transform:scale(1.2)
	}
	
	.work-item.zoomOut .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		transform:scale(1.1)
	}
	
	.work-item.zoomOut:hover .item-inner>a{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.zoomOut:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}

	.work-item.effect-apollo .item-inner>a{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		transform:scale(1.1)
	}
	
	.work-item.effect-apollo .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		transform:scale(1.1)
	}
	
	.work-item.effect-apollo .caption:before{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(255,255,255,.5);
		content:'';
		-webkit-transition:-webkit-transform .6s;
		transition:transform .6s;
		-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
		transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
	}
	
	.work-item.effect-apollo:hover .item-inner>a{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-apollo:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-apollo:hover .caption:before{
		-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
		transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
	}
	
	.work-item.effect-ming .item-inner>a{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-ming .item-inner h4{
		-webkit-transition:-webkit-transform .35s;
		transition:transform .35s;
		-webkit-transform:scale(0.00001);
		transform:scale(0.00001)
	}
	
	.work-item.effect-ming .item-inner em{
		display:block;
		opacity:0;
		-webkit-transition:opacity .5s,-webkit-transform .5s;
		transition:opacity .5s,transform .5s;
		-webkit-transform:scale(5.5);
		transform:scale(5.5)
	}
	
	.work-item.effect-ming .caption{
		opacity:0;
		visibility:hidden;
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-ming .caption:before{
		position:absolute;
		top:30px;
		right:30px;
		bottom:30px;
		left:30px;
		border:2px solid #fff;
		box-shadow:0 0 0 30px rgba(255,255,255,.2);
		content:'';
		opacity:0;
		-webkit-transition:opacity .35s,-webkit-transform .35s;
		transition:opacity .35s,transform .35s;
		-webkit-transform:scale3d(1.4,1.4,1);
		transform:scale3d(1.4,1.4,1)
	}
	
	.work-item.effect-ming:hover .item-inner>a{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-ming:hover .item-inner h4{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-ming:hover .item-inner em{
		opacity:1;
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
	}
	
	.work-item.effect-ming:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-ming:hover .caption:before{
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
	}
	

	.work-item.effect-sadie .item-inner>a{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}

	.work-item.effect-sadie .item-inner h4{
		-webkit-transition:-webkit-transform .35s,color .35s;
		transition:transform .35s,color .35s;
		-webkit-transform:translate3d(0,-50%,0) translate3d(0,-140px,0);
		transform:translate3d(0,-50%,0) translate3d(0,-140px,0);
	}

	.work-item.effect-sadie .item-inner em{
		display:block;
		opacity:0;
		-webkit-transition:opacity .35s,-webkit-transform .35s;
		transition:opacity .35s,transform .35s;
		-webkit-transform:translate3d(0,140px,0);
		transform:translate3d(0,140px,0);
	}
	
	
	.work-item.effect-sadie .item-inner .inner:after,.work-item.effect-sadie .item-inner .inner:before{
		display:block;
		opacity:0;
		-webkit-transition:opacity 3s,-webkit-transform 3s;
		transition:opacity 3s,transform 3s
	}
	
	.work-item.effect-sadie .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-sadie .caption:before{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:-webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);
		background:linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);
		content:'';
		opacity:0;
		-webkit-transform:translate3d(0,50%,0);
		transform:translate3d(0,50%,0)
	}
	
	
	.work-item.effect-sadie .caption .work-favorite{
		opacity:0;
		-webkit-transition:opacity .35s,-webkit-transform .35s;
		transition:opacity .35s,transform .35s;
		-webkit-transform:translate3d(0,140px,0);
		transform:translate3d(0,140px,0)
	}
	
	.work-item.effect-sadie:hover .item-inner>a{
		-webkit-transform:scale(1.6);
		-moz-transform:scale(1.6);
		transform:scale(1.6)
	}
	
	.work-item.effect-sadie:hover .item-inner h4{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	
	.work-item.effect-sadie:hover .item-inner em{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	
	.work-item.effect-sadie:hover .item-inner .inner:after,.work-item.effect-sadie:hover .item-inner .inner:before{
		opacity:1
	}
	
	.work-item.effect-sadie:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
	
	.work-item.effect-sadie:hover .caption:before{
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
	}
	

	.work-item.effect-sadie:hover .caption .work-favorite{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	
	.work-item.effect-flip .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transform:perspective(50em) rotateY(-180deg) scale(0.5);
		-ms-transform:perspective(50em) rotateY(-180deg) scale(0.5);
		-o-transform:perspective(50em) rotateY(-180deg) scale(0.5);
		transform:perspective(50em) rotateY(-180deg) scale(0.5);
		-webkit-transition:all .6s /*cubic-bezier(0.42,.69,.63,1.37))*/;
		-o-transition:all .6s cubic-bezier(0.42,.69,.63,1.37);
		transition:all .6s cubic-bezier(0.42,.69,.63,1.37);
	}
	
	.work-item.effect-flip:hover .caption{
		opacity:1;
		visibility:visible;
		
		-webkit-transform:perspective(50em) rotateY(0deg) scale(1);
		-ms-transform:perspective(50em) rotateY(0deg) scale(1);
		-o-transform:perspective(50em) rotateY(0deg) scale(1);
		transform:perspective(50em) rotateY(0deg) scale(1);
	}
	
	.work-item.effect-original-1 .caption{
		opacity:0;
		visibility:hidden
	}
	
	.work-item.effect-original-1 .caption:before{
		content:"";
		display:block;
		position:absolute;
		background-color:rgba(255,255,255,.15);
		width:350%;
		height:350%;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		opacity:0;
		-webkit-transform:translate(320px,320px) rotate(45deg);
		-moz-transform:translate(320px,320px) rotate(45deg);
		-o-transform:translate(320px,320px) rotate(45deg);
		-ms-transform:translate(320px,320px) rotate(45deg);
		transform:translate(320px,320px) rotate(45deg);
		-webkit-transition:all .6s ease-in-out;
		-moz-transition:all .6s ease-in-out;
		-o-transition:all .6s ease-in-out;
		-ms-transition:all .6s ease-in-out;
		transition:all .6s ease-in-out
	}
	
	.work-item.effect-original-1:hover .caption{
		opacity:1;
		visibility:visible
	}
	
	.work-item.effect-original-1:hover .caption:before{
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:alpha(opacity=100);
		opacity:1;
		-webkit-transform:translate(-300px,-300px) rotate(45deg);
		-moz-transform:translate(-300px,-300px) rotate(45deg);
		-o-transform:translate(-300px,-300px) rotate(45deg);
		-ms-transform:translate(-300px,-300px) rotate(45deg);
		transform:translate(-300px,-300px) rotate(45deg)
	}
	
	.work-item.effect-original-2 .caption{
		visibility:hidden;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		opacity:0;
		-webkit-transform:translate(460px,-100px) rotate(180deg);
		-moz-transform:translate(460px,-100px) rotate(180deg);
		-o-transform:translate(460px,-100px) rotate(180deg);
		-ms-transform:translate(460px,-100px) rotate(180deg);
		transform:translate(460px,-100px) rotate(180deg);
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-o-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease
	}
	
	.work-item.effect-original-2:hover .caption{
		visibility:visible;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:alpha(opacity=100);
		opacity:1;
		-webkit-transition-delay:0s;
		-moz-transition-delay:0s;
		-o-transition-delay:0s;
		-ms-transition-delay:0s;
		transition-delay:0s;
		-webkit-transform:translate(0px,0);
		-moz-transform:translate(0px,0);
		-o-transform:translate(0px,0);
		-ms-transform:translate(0px,0);
		transform:translate(0px,0)
	}
	
	.work-item.effect-original-3 .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transition:all .4s ease-in;
		-moz-transition:all .4s ease-in;
		-o-transition:all .4s ease-in;
		-ms-transition:all .4s ease-in;
		transition:all .4s ease-in;
		-webkit-transform:scale(0) rotate(-180deg);
		-moz-transform:scale(0) rotate(-180deg);
		-o-transform:scale(0) rotate(-180deg);
		-ms-transform:scale(0) rotate(-180deg);
		transform:scale(0) rotate(-180deg);
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	
	.work-item.effect-original-3:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:scale(1) rotate(0deg);
		-moz-transform:scale(1) rotate(0deg);
		-o-transform:scale(1) rotate(0deg);
		-ms-transform:scale(1) rotate(0deg);
		transform:scale(1) rotate(0deg);
		
		/*
		Problem in SAFARI :
		-webkit-transition-delay:0.2s;
		-moz-transition-delay:0.2s;
		-o-transition-delay:0.2s;
		-ms-transition-delay:0.2s;
		transition-delay:0.2s;
		*/
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:alpha(opacity=100);
	}
	
	.work-item.effect-original-4 .caption{
		opacity:0;
		visibility:hidden;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform:translateY(-100%) scale(2.5) rotate(45deg);
		-moz-transform:translateY(-100%) scale(2.5) rotate(45deg);
		-o-transform:translateY(-100%) scale(2.5) rotate(45deg);
		-ms-transform:translateY(-100%) scale(2.5) rotate(45deg);
		transform:translateY(-100%) scale(1.1) rotate(45deg);
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:alpha(opacity=100)
	}
	
	.work-item.effect-original-4:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-transform:translateY(0px) scale(1) rotate(0deg);
		-moz-transform:translateY(0px) scale(1) rotate(0deg);
		-o-transform:translateY(0px) scale(1) rotate(0deg);
		-ms-transform:translateY(0px) scale(1) rotate(0deg);
		transform:translateY(0px) scale(1) rotate(0deg)
	}
	
	.work-item.effect-original-5 .caption{
		opacity:0;
		visibility:hidden;
		background-color:transparent!important
	}
	
	.work-item.effect-original-5 .caption:after,.work-item.effect-original-5 .caption:before{
		display:block;
		content:"";
		position:absolute;
		background:rgba(0,0,0,.85);
		opacity:1;
		left:0;
		width:100%;
		height:50%;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s
	}
	
	.work-item.effect-original-5 .caption:before{
		top:0;
		-webkit-transform:rotate(56.5deg) translateX(-180px);
		-moz-transform:rotate(56.5deg) translateX(-180px);
		-o-transform:rotate(56.5deg) translateX(-180px);
		-ms-transform:rotate(56.5deg) translateX(-180px);
		transform:rotate(56.5deg) translateX(-180px);
		-webkit-transform-origin:100% 0;
		-moz-transform-origin:100% 0;
		-o-transform-origin:100% 0;
		-ms-transform-origin:100% 0;
		transform-origin:100% 0;
	}
	
	.work-item.effect-original-5 .caption:after{
		bottom:0;
		-webkit-transform:rotate(56.5deg) translateX(180px);
		-moz-transform:rotate(56.5deg) translateX(180px);
		-o-transform:rotate(56.5deg) translateX(180px);
		-ms-transform:rotate(56.5deg) translateX(180px);
		transform:rotate(56.5deg) translateX(180px);
		-webkit-transform-origin:0 100%;
		-moz-transform-origin:0 100%;
		-o-transform-origin:0 100%;
		-ms-transform-origin:0 100%;
		transform-origin:0 100%;
	}
	
	.work-item.effect-original-5:hover .caption{
		opacity:1;
		visibility:visible;
		z-index:9;
	}
	
	.work-item.effect-original-5:hover .caption:after,.work-item.effect-original-5:hover .caption:before{
		opacity:1;
		-webkit-transition-delay:0s;
		-moz-transition-delay:0s;
		-o-transition-delay:0s;
		transition-delay:0s;
		z-index:-1;
		-webkit-transform:rotate(0deg) translateX(0);
		-moz-transform:rotate(0deg) translateX(0);
		-o-transform:rotate(0deg) translateX(0);
		-ms-transform:rotate(0deg) translateX(0);
		transform:rotate(0deg) translateX(0)
	}
	
	.work-item.effect-default .caption{
		opacity:0;
		visibility:hidden
	}
	
	.work-item.effect-default:hover .caption{
		opacity:1;
		visibility:visible;
		-webkit-animation-name:fadeIn;
		animation-name:fadeIn
	}
	
	.work-item .trailer {
		text-align:center;
	}
	
	.work-item .trailer h3{
		color: #00AAAD;
		font-weight:bold;
		margin:0;
	}
	
	.work-item .trailer p{
		color:#000;
		text-transform: uppercase;
		margin:0;
		font-size:12px;
	}
	
/*
7 Other styles
********************************************************************/
	
	/** GOOGLE MAP ***/
	#map-canvas {
		width: 100%;
		height: 300px;
		background-color: #322F31;
		margin: 0 auto 0 auto;
	}

	.container-fullwitdh {
	  padding-right: 0;
	  padding-left: 0;
	  margin-right: auto;
	  margin-left: auto;
	}
	
	.wood-light {
		background: url('../decor/wood3.jpg') repeat-x;
		width:100%;
		height: 500px;
		text-align:center;
		margin-bottom:20px;
		margin-top:0px;
	}
	
	.wood-band {
		background: url('../decor/koffievlek.png') right 60px top 30px no-repeat, url('../decor/wood.jpg') repeat-x;
		width:100%;
		height: 500px;
		text-align:center;
		padding-top:20px;
		margin-bottom:80px;
		margin-top:40px;
	}
	
	.wood-band h1 {
		margin: 120px 0 0 0;
		padding: 60px 0 0 0;
		color:#fff;
		background:#666;
		background-color: rgba(50, 47, 49, .9);
		height:200px;
	}
	
	.wood-ribbon {
		background: url('../decor/wood2.jpg') repeat-x;
		width:100%;
		height: 160px;
		text-align:center;
		padding-top:20px;
		margin-bottom:22px;
	}
	
	.wood-ribbon h1 {
		margin-top: 32px;
		color:#000;
	}
	
	
	#container_icon {
	  height: 80px;
	  text-align: justify;
	  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
	  min-width: 270px;
	  text-align:center;
	  margin:0;
	}
	#container_icon div {
	  width: 90px;
	  height: 60px;
	  display: inline-block;
	  vertical-align:top;
	  margin:10px;
	}
	#container_icon:after {
	  content: '';
	  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	  display: inline-block;
	}
	
	a.facebookicon {
		height:60px; 
		width:60px; 
		background-image:url('../decor/social_facebook_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
		margin-right:50px;
	} 
	a.facebookicon:hover {
		height:60px; 
		width:60px; 
		background-image:url('../decor/social_facebook_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.googleicon {
		height:60px; 
		width:60px; 
		background-image:url('../decor/social_google_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.googleicon:hover {
		height:60px; 
		width:60px; 
		background-image:url('../decor/social_google_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.indooricon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/indoor_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.indooricon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/indoor_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.studioicon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/studio_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.studioicon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/studio_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.glasfoliesicon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/glasfolies_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.glasfoliesicon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/glasfolies_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.service1-icon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services1_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.service1-icon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services1_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.service2-icon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services2_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.service2-icon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services2_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.service3-icon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services3_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.service3-icon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services3_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.service4-icon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services4_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.service4-icon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services4_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.service5-icon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services5_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.service5-icon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services5_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	a.service6-icon {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services6_off.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	} 
	a.service6-icon:hover {
		height:90px; 
		width:101px; 
		background-image:url('../decor/services6_on.png'); 
		background-repeat:no-repeat; 
		background-position:center bottom; 
		display:inline-block;
	}
	
	
	
	.iconbullet {
		margin:0 5px 3px 0
	}
	
	/********* Overruling Bootstrap *****************/
	
	.carousel-caption {
		text-shadow:none;
		padding:0;
	}
	
	.carousel-caption p.quote {
		font-style:italic;
		color:#333;
		quotes: "\201C""\201D""\2018""\2019";
		font-size: 16px;
		display: block;
	}

	p.quote:before {
		content: open-quote;
	  	font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		color: #333;
		display: inline-block;
		margin-right: 10px;
		vertical-align: -10px;
	}
	p.quote:after {
		content:close-quote;
	  	font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		color: #333;
		display: inline-block;
		margin-left: 10px;
		vertical-align: -22px;
	}
	
	.carousel-caption p.client {
		font-weight:bold;
		color:#000;
	}
	
	p.client:before {
		content:'';
		display:inline-block;
		background-image:url(../decor/manneke.png);
		height: 16px;
		width: 16px;
		margin:0 6px -2px 0;
	}