/* CSS Dreams and Creations */
*{
	margin:0;
	padding:0;
}

/*---------------------*/
/*        FONTS        */ 
/*---------------------*/
/*font-family: "brandon-grotesque",sans-serif;*/

/*----------------------*/
/*    GENERAL ELEMENTS  */
/*----------------------*/
h1{
	font-family: "brandon-grotesque",sans-serif;
	font-size:2.625em;
	font-weight: 400;
	text-align:center;
	width:100%;
	margin:47px 0 42px 0;	
}

h2{
	font-family: "brandon-grotesque",sans-serif;
	/*font-size:1.5em;*/
	font-size:1.2em;
	font-weight: 400;
	line-height:1em;
	margin:40px 0 22px 0;
	text-transform: uppercase;
}

h3{
	font-family: "brandon-grotesque",sans-serif;
	margin:0;
	font-size:1.625em;
	color:#000;
	font-weight: 400;
}

p{
	font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 200;
	/*font-size:1.05em;*/
	font-size:0.9em;
	line-height:1.7em;
	margin:0 0 20px 0;
}

p a, p a:hover, p a:visited, ul a, ul a:hover, ul a:visited, ol a, ol a:hover, ol a:visited{
	color:#000;
}

ul, ol{
	margin:0;
	padding:0 0 0 1em;
	font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 200;
	font-size:1.05em;
	line-height:1.7em;
	margin:0 0 20px 0;	
}

/*----------------------*/
/*    GENERAL CLASSES   */
/*----------------------*/
#debug{

	display:none; /* none = production, block = dev */
	
}
	.debug{
		padding:20px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		display:block;
		position:fixed;
		z-index:20000000;
		text-align:center;
		opacity:0.5;
	}
	#desktop{
		background-color:#000000;
		display:block;
	}
	#tablet{
		background-color:#009900;
		display:none;
	}
	#smalltablet{
		background-color:#FF9900;
		display:none;
	}
	#smartphone{
		background-color:#AA0000;
		display:none;
	}

	.hidefordesktop{
		display:none;
	}

/*----------------------*/
/*    GENERAL CLASSES   */
/*----------------------*/
div.cleaner{
	width:100%;
	height:1px;
	clear:both;
}

	div.divider{
		background-color:#e8e8e8;
	}

/* blocklinks */
a.blocklink,
button.blocklink{
	font-family: "brandon-grotesque",sans-serif;
	font-size:0.875em;
	display:inline-block;
	background-color:#000000;
	color:#FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding:14px 15px 12px 15px;
	min-width:20.627802691%;
	margin:0 1.5%;
	line-height:1em;
	letter-spacing:0.05em;

    min-width: 30%;

	border:none;
	outline:none;
}

a.blocklink:hover, a.blocklink:visited,
button.blocklink:hover, button.blocklink:visited{
	color:#FFF;
}

	a.blocklink i{
		margin-right:10px;
	}

	a.greylink{
		background-color:#7f7f7f;
		background-color:#FFF;
		color:#000;
		border:1px solid #000;
	}

	a.greylink:hover, a.greylink:visited{
		color:#000;
	}

a.normallink, a.normallink:hover, a.normallink:visited{
	font-family: "brandon-grotesque",sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    color:#000;
    position:relative;
}

	a.normallink i{
		position:absolute;
		left:-20px;
		top:5px;
	}

a.backlink{
	padding-right:22px;
}

/* call to action */
div.calltoaction{
	width:100%;
	text-align:center;
}

div.extra-spacing-calltoaction{
	display:inline-block;
	margin-top:40px;
}

/* small filled content blocks */
section.small-filled-content{
	/*width:57%;
	padding:32px 10% 22px 10%;*/

    width: 67%;
    padding: 32px 5% 22px 5%;

	background-color:#f2f2f2;
	float:left;
	margin:0 11.5%;
}

	section.small-filled-content ul, section.small-filled-content ol{
		font-size:0.9em;
		margin-top:20px;
		padding-left:2em;
	}

	section.small-filled-content p{
		margin-top:20px;
	}

/* large filled content blocks */
section.large-filled-content{
	width:80%;
	padding:32px 10% 22px 10%;
	background-color: #f2f2f2;
	float:left;
	margin:0;
}

	section.large-filled-content ul, section.large-filled-content ol{
		font-size:0.9em;
		margin-top:20px;
		padding-left:2em;
	}

/*---------------------*/
/* CONTAINING ELEMENTS */ 
/*---------------------*/

/* --- CONTAINERS --- */

/* --- HEADER --- */
header{
	width:100%;
	float:left;
}

	/* navigation */
	header nav{
		width:auto;
		max-width:1025px;
		/*height:100px;*/
		height:90px;
		margin:0 auto;
		font-family: "brandon-grotesque",sans-serif;
		font-weight:400;
		text-transform: uppercase;
		position:relative;
	}

		/* navigation logo */
		header /*nav*/ a#logo{
			/*margin-left:3.442879499%;*/
			position:absolute;
			left:2%;
			/*margin-top:22px;*/
			margin-top:25px;
			display:inline-block;
			/*width:10.954616588%;*/
			/*width:8%;*/
			width:130px;
			min-width:115px;
			max-width:130px;
			max-height:50px;
			z-index:10;
		}

			header /*nav*/ a#logo img, header a#logo svg{
				width:100%;
				height:auto;
			}

		/* navigation items */
		header nav ul{
			/*margin:32px 0 0 14.084507042%;*/
			/*margin:32px 0 0 4.084507042%;*/
			/*margin:32px 0 0 20%;*/
			/*margin:34px 0 0 16%;*/
			/*width:50%;*/
			/*width:60%;*/
			/*width:60%;*/
			display:inline-block;
			/*margin:34px 0 0 16%;
			width:70%;*/
			padding:0;
			float:left;			
			text-align: center;
			width: 70%;
			margin: 34px 15%;
		}

		/*header nav ul.small-nav{
			width: 60%;
			margin-left: 25%;
		}*/

			header nav ul li{
				/*width:20%;*/
				/*display:inline-block;
				float:left;*/
				margin:0 3.3%;
				display:inline-block;
				text-align:center;

				margin:0 2.5%;
			}

				header nav ul li a{
					color:#000;
					/*font-size:1.125em;*/
					font-size:1em;
					text-decoration: none;
					display:inline-block;
					position:relative;

					font-size: 0.9em;
				}

				header nav ul li a:before{
					content: "";
					position: absolute;
					width: 100%;
					height: 1px;
					bottom: -1px;
					left: 0;
					background-color: #000;
					visibility: hidden;
					-webkit-transform: scaleX(0);
					transform: scaleX(0);
					-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
				}

				header nav ul li a:hover:before{
					visibility: visible;
					-webkit-transform: scaleX(1);
					transform: scaleX(1);
				}

				header nav ul li a:visited, header nav ul li a:hover{
					color:#000;
				}

				header nav ul li.active a{
					border-bottom:1px solid #000;
				}

		/* lanugage */
		header div#language{
			position:absolute;
			top:30px;
			right:14.284820031%;
			font-family: "brandon-grotesque",sans-serif;
		}

			header div#language ul li{
				display:inline;
				font-size:0.6875em;
				color:#000000;
				font-weight: 400;
			}

				header div#language ul li a{
					text-decoration: none;
					color:#999999;
				}

				header div#language ul li a.active{
					color:#000000;
				}
	
		/* search */
		header /*nav*/ div#search{
			/*float:right;*/
			position:absolute;
			top: 22px;
			/*right:3.286384977%;*/
			right:2%;
			width:12.284820031%;
			/*margin:22px 3.286384977% 0 0;*/
			background-color:#e5e5e5;
		}

			header /*nav*/ div#search div#fakesearch{
				float:left;
				width:100%;
			}

				header /*nav*/ div#search div#fakesearch i{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:15px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					float:left;
					text-decoration: none;
				}

				header /*nav*/ div#search div#fakesearch p{
					background-color:#e5e5e5;
					display:inline-block;
					width:70.248407643%;
					*width:70%;
					float:left;
					border:none;
					padding:12px 0 8px 3%;
					font-family: "brandon-grotesque",sans-serif;
					font-size:0.85em;
					color:#000;
					outline:none;
					margin:0;
					cursor:text;
				}

			header /*nav*/ div#search form{
				display:none;
				position:absolute;
				width:100%;
			}

				header /*nav*/ div#search input{
					background-color:#e5e5e5;
					display:inline-block;
					/*width:70.248407643%;*/
					width:95%;
					float:left;
					border:none;
					/*padding:10px 0 10px 5%;*/
					padding:13px 0 13px 5%;
					padding:15px 0 15px 5%;
					font-family: "brandon-grotesque",sans-serif;
                    font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B';
					/*font-size:1.125em;*/
					font-size: 0.9em;
					font-size:0.85em;
					color:#000;
					outline:none;
				}

				header /*nav*/ div#search a#submitsearch{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:12px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					/*float:left;*/
					position:absolute;
					right:0;
					top:0;
					text-decoration: none;
				}

				header /*nav*/ div#search a#submitsearch:hover, header /*nav*/ div#search a#submitsearch:visited{
					color:#b1b1b1;
					text-decoration: none;
				}


	/* banner */
	header div#carousel-banner{
		float:left;
		width:100%;
		overflow:hidden;
		position:relative;
	}

		/* image container */
		header div#carousel-banner-container{
			float:left;
			width:100%;
			position:relative;
			overflow:hidden;
		}

			header div#carousel-banner-container img{
				/*float:left;*/
				width:100%;
				position:absolute;
				left:0;
				top:0;
			}

		/* quotes container */
		header div#carousel-banner-quotes{
			position:absolute;
			width:100%;
			z-index:5;
			overflow:hidden;
		}

			header div#carousel-banner-quotes{
				float:left;
				width:100%;
				text-align:center;
			}

				header div#carousel-banner-quotes article{
					float:left;
					width:100%;
					position:absolute;
					left:0;
					top:40px;
					opacity:0;
					filter:alpha(opacity=0);
				}

					header div#carousel-banner-quotes article p{
						width:50%;
						margin:0 25%;
						text-align:center;
					}

					header div#carousel-banner-quotes article img.pixel{
						width:100%;
					}

					header div#carousel-banner-quotes article p{
						font-size:1.5em;
						font-family: "brandon-grotesque",sans-serif;
						font-weight:400;
					}

						header div#carousel-banner-quotes article p span{
							font-family: "brandon-grotesque",sans-serif;
							font-weight:100;
						}

		/* dots container */
		header div#carousel-banner-dots{
			width:100%;
			position:absolute;
			z-index:6;
			bottom:17px;
			left:0;
			text-align:center;
		}

			header div#carousel-banner-dots canvas{
				width:14px;
				height:14px;
				position:absolute;
				left:0;
				top:0;
			}

			header div#carousel-banner-dots img{
				cursor:pointer;
				display:inline-block;
				margin:0 9px;
			}

			/*header div#carousel-banner-dots div.dot{
				width: 250px;
				height: 250px;
				position: relative;
				background: white;
			}

				header div.carousel-banner-dots div.dot-pie{
					width: 50%;
					height: 100%;
					position: absolute;
					background: #08C;
					border: 10px solid rgba(0,0,0,0.4);
				}

				header div.carousel-banner-dots div.dot-spinner{
					border-radius: 125px 0 0 125px;
					z-index: 200;
					border-right: none;
					animation: rota 10s linear infinite;
				}*/

	/* thema travel type selection */
	header section#traveltype-selection{
		float:left;
		width:100%;
		text-align:center;
	}

		header section#traveltype-selection article{
			float:left;
			width:25%;
			*width:24.95%;
		}

			header section#traveltype-selection article div{
				width:100%;
				/*height:550px;*/
				height:620px;
				overflow:hidden;
				position:relative;
			}

				header section#traveltype-selection article div img{
					position:absolute;
					left:0;
					top:0;
					width:100%;
				}

			header section#traveltype-selection article h2 a{
				/*text-decoration: none;
				border-bottom: 1px solid #000;*/
				color:#000;
				/*font-size:1.125em;*/
				font-size:1em;
				text-decoration: none;
				display:inline-block;
				position:relative;
			}

				header section#traveltype-selection article h2 a:before{
					content: "";
					position: absolute;
					width: 100%;
					height: 1px;
					bottom: -3px;
					left: 0;
					background-color: #000;
					visibility: hidden;
					-webkit-transform: scaleX(0);
					transform: scaleX(0);
					-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
				}

				header section#traveltype-selection article h2 a:hover:before{
					visibility: visible;
					-webkit-transform: scaleX(1);
					transform: scaleX(1);
				}

			header section#traveltype-selection article a:hover img{
				/*outline: 1px solid #000;*/outline: 1px solid #868686;
  				outline-offset: -1px;
			}

			header section#traveltype-selection article h2 a, header section#traveltype-selection article h2 a:hover, header section#traveltype-selection article h2 a:visited{
				color:#000;
			}

			header section#traveltype-selection article h2{
				margin:20px 0 0 0;
				font-size:1em;
			}


/* --- PAGES --- */
/* OVERALL */
div#content{
	/*float:left;*/
	width:100%;
	max-width:1025px;
	margin:0 auto;
}

	div#content div.content-lefttext{
		/*width:61.805555556%;*/
		width:80%;
		margin:0 auto;
	}

	div#content div.content-centertext{
		width:80%;
		margin:0 auto;
		text-align:center;
	}

	/* one image grid */
	div#content div.one-grid-images{
		float:left;
		width:100%;
	}

		div#content div.one-grid-images article{
			width:100%;
		}

			div#content div.one-grid-images article img{
				float:left;
				width:100%;
			}

			div#content div.one-grid-images article img{
				float:left;
				width:100%;
			}

			div#content div.one-grid-images article h2{	
				font-family: "brandon-grotesque",sans-serif;
				font-size:1.5em;
				font-weight: 400;
				line-height:1em;
				margin:25px 0 22px 0;
				display:inline-block;
				text-transform: uppercase;
				text-align:left;
			}

			div#content div.one-grid-images article p a{
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				font-size:1.2em;
			}

			div#content div.one-grid-images article span{
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				/*width:94%;*/
				width:99%;
				margin:10px 0 0 1%;
				/*margin:13px 5% 0 2%;*/
				/*margin:13px 2% 0 0%;*/
				font-size:1em;
				display:inline-block;
			}

			div#content div.one-grid-images-lefttext article span{
				text-align:left;
				font-weight: 200;
			}

	/* two images next to each other */
	div#content div.two-grid-images{
		float:left;
		width:100%;
	}

		div#content div.two-grid-images article{
			width:48.539325843%;
			height:auto;
			float:left;
			margin-bottom:25px;
		}

		div#content div.two-grid-images article.centerElements{
			margin:0 25.730337078% 25px 25.730337078%;
		}

		div#content div.two-grid-images-alone article{
			float:none;
			margin:0 auto 25px auto;
		}

		div#content div.two-grid-images-lefttext article{
			margin-bottom:40px;
		}

			div#content div.two-grid-images article a:hover img{
				/*outline: 1px solid #000;*/outline: 1px solid #868686;
  				outline-offset: -1px;
			}

			div#content div.two-grid-images article img{
				float:left;
				width:100%;
			}

			div#content div.two-grid-images article h2{	
				font-family: "brandon-grotesque",sans-serif;
				/*font-size:1.5em;*/
				font-size:1.2em;
				font-weight: 400;
				line-height:1em;
				margin:25px 0 22px 0;
				display:inline-block;
				text-transform: uppercase;
				text-align:left;
			}

			div#content div.two-grid-images article p a{
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				font-size:1.2em;
			}

			div#content div.two-grid-images article span{
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				width:99%;
				margin:10px 0 0 1%;
				font-size:1em;
				display:inline-block;
			}

			div#content div.two-grid-images-lefttext article span{
				/*text-align:left;
				font-weight: 200;*/
				text-align:left;
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				width:99%;
				margin:10px 0 0 1%;
				font-size:1em;
				display:inline-block;
			}

		div#content div.two-grid-images div.spacer{
			width:2.921348314%;
			height:1px;
			float:left;
		}

/* HOME */
/* intro */
div#content section#flyp-intro{
	float:left;
	width:100%;
	margin-bottom:30px;
}

	div#content section#flyp-intro div#journey-summary-container{
		width:77%;
		margin:0 11.5%;	
	}

	/* reasons */
	div#content section#alloux-reasons{
		float:left;
		width:100%;
		margin-top:80px;
		border-top:1px solid #e8e8e8;
		text-align:center;
		padding-top:30px;
		margin-bottom:40px;
	}

		div#content section#alloux-reasons h2{
			width:90%;
			margin-left:5%;
			margin-right:5%;
		}
	
		div#content section#alloux-reasons article{
			width:25%;
			box-sizing:border-box;
			padding:40px 20px 0 20px;
			float:left;
		}

			div#content section#alloux-reasons article img{
				width:100%;
				max-width:172px;
				margin-bottom:40px;
			}

			div#content section#alloux-reasons article h3{
				width:100%;
				text-transform: uppercase;
				color:#393939;
				font-size:1em;
				margin-bottom:40px;
				letter-spacing:0.05em;
			}

			div#content section#alloux-reasons article p{
				width:100%;
				color:#393939;
				font-size:0.8125em;
			}

/* SEARCHRESULTS */
div#content section#searchresults{
	float:left;
	/*width:100%;*/
	width:65%;
	margin:0 17.5%;
	margin-bottom:30px;
}

	div#content section#searchresults div#searchresult-wrapper, div#content section#searchresults div#searchresult-wrapper article{
		float:left;
		width:100%;
	}

	div#content section#searchresults div#searchresult-wrapper article{
		margin-bottom:35px;
	}

		div#content section#searchresults div#searchresult-wrapper article img{
			width:35%;
			height:auto;
			float:left;
		}

		div#content section#searchresults div#searchresult-wrapper article div{
			/*width:60%;
			float:left;
			margin-left:5%;*/
			float:left;
			width:100%;
		}

			div#content section#searchresults div#searchresult-wrapper article div a{
				color:#000;
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				font-size:1.125em;
				margin-bottom:5px;
				display:inline-block;
				text-decoration:none;
			}

div#content section#research{
	float:left;
	width:100%;
	text-align:center;
	margin-top:50px;
}

	div#content section#research div.search{
		width:30%;
		margin:0 35%;
		position:relative;
		background-color:#e5e5e5;
		float:left;
		min-height:46px;
	}

		div#content section#research div.search form{
			display:none;
			position:absolute;
			width:100%;
		}

			div#content section#research div.search form input{
				background-color:#e5e5e5;
				display:inline-block;
				/*width:70.248407643%;*/
				width:95%;
				float:left;
				border:none;
				padding:10px 0 10px 5%;
				font-family: "brandon-grotesque",sans-serif;
				font-size:1.125em;
				color:#000;
				outline:none;
				text-align:left;
			}

			div#content section#research div.search form a#submitsearch2{
				display:inline-block;
				width:26.751592357%;
				color:#b1b1b1;
				padding:12px 0;
				*padding:16px 0 15px 0;
				text-align:center;
				background-color:#e5e5e5;
				position:absolute;
				right:0;
				top:0;
				text-decoration: none;
			}

		div#content section#research div#fakesearch2{
			float:left;
			width:100%;
		}

			div#content section#research div#fakesearch2 i{
				display:inline-block;
				width:26.751592357%;
				color:#b1b1b1;
				padding:15px 0;
				*padding:16px 0 15px 0;
				text-align:center;
				background-color:#e5e5e5;
				float:left;
				text-decoration: none;
			}

			div#content section#research div#fakesearch2 p{
				background-color:#e5e5e5;
				display:inline-block;
				width:70.248407643%;
				float:left;
				border:none;
				padding:10px 0 8px 3%;
				font-family: "brandon-grotesque",sans-serif;
				font-size:1em;
				color:#000;
				outline:none;
				margin:0;
				cursor:text;
				text-align:left;
			}

/* TRAVELS */
/* filter */
div#content div#travel-filter{
	position:absolute;
	right:0;
	top:2px;
}

	div#content div#travel-filter div#travel-select{
	    position:relative;
	    float: right;
	}

	    div#content div#travel-filter div#travel-select div#travel-select-visual{
	        float:left;
	        background-image:url(/images/journeys/dropdown.png);
			border:1px solid #b1b0b0;
			width:135px;
		    background-position: right center;
		    background-repeat: no-repeat;
		    background-size: auto 100%;
		    padding:5px 0;
	    }

	    div#content div#travel-filter div#travel-select div#travel-select-visual span{
	        color:#666666;
	        font-family: "brandon-grotesque",sans-serif;
	    	font-weight: 400;      
	    	float:left;
	    	margin-left:10%;
	    }

	    div#content div#travel-filter div#travel-select select{ /* set de select above .ut-dropdown-visual for custom style */
	        border:none;
	        display:block;
	        width:100%;
	        position:absolute;
	        left:0;
	        top:0;
	        height:40px;
	        opacity:0;
	        filter:alpha(opacity=0);
	        cursor:pointer;
	    }

	div#content div#travel-filter p{
		text-align: right;
	    font-family: "brandon-grotesque",sans-serif;
	    font-weight: 400;
	    width: auto;
	    margin: 0;
	    float: right;
	    margin-top: 6px;
	    margin-right: 15px;
	}

/* travel types */
div#content section.travel-type-section{
	float:left;
	width:100%;
	/*width:77%;
	margin:50px 11.5% 30px 11.5%;*/
	margin-bottom:30px;
	margin-top:50px;
	position: relative;
}

div#content section.travel-type-section-small{
	width:77%!important;
	margin:50px 11.5% 30px 11.5%!important;
}

	div#content section.travel-type-section h3{
		margin-bottom:30px;
		width:100%;
		float:left;
		margin-top:40px;
	}

		div#content section.travel-type-section p{
			/*margin-left:11.5%;
			margin-right:11.5%;
			width:77%;*/
			width:100%;
		}

	div#content section.travel-type-section article{
		margin-bottom:30px;
	}

		div#content section.travel-type-section article a:hover{
		}

		div#content section.travel-type-section article a:hover img{
			/*outline: 1px solid #000;*/outline: 1px solid #868686;
  			outline-offset: -1px;
		}

	div#content section.travel-type-section div.divider{
		margin-bottom:30px;
	}

/* DETAIL JOURNEY */
/* summary */
div#content section#journey-summary{
	float:left;
	width:100%;
	margin-bottom:30px;
}

	div#content section#journey-summary div#journey-summary-container{
		width:67.264573991%;
		float:left;
	}

		div#content section#journey-summary div#journey-summary-container p{
			font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B';
			font-weight: 300;
		}


	div#content section#journey-summary div#journey-country-wrapper{
		float:right;
		/*width:25%;
		margin-right:5%;*/
		width:28.5%;
		margin-right:1.5%;
		display:table;
	}

		div#content section#journey-summary div#journey-country-wrapper div#journey-country-container{
			display:table-cell;
			vertical-align: middle;
		}

			div#content section#journey-summary div#journey-country-wrapper img{
				width:100%;
			}

	div#content section#journey-summary section#journey-extrainfo{
		float:left;
		margin-top:20px;
		padding-bottom:10px;
		position: relative;
		margin-bottom:30px;
		/*display: none;*/

		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */

		/*width: 82.140266022%;
		padding: 32px 10% 22px 7.859733978%;*/
		width:100%;
		padding: 32px 22px 22px 35px;
		background-color:#fcfcfc;
		border:1px solid #c9c9c9;
	}

		div#content section#journey-summary section#journey-extrainfo a#journey-extrainfo-close{
			position: absolute;
			right:10px;
			top:10px;
			color:#7f7f7f;
		}

		div#content section#journey-summary section#journey-extrainfo article{
			width:100%;
			margin-bottom:15px;
			float:left;
		}

			div#content section#journey-summary section#journey-extrainfo article p{
				margin-bottom:0;
				float:left;
				font-size: 0.8em;
			}

				div#content section#journey-summary section#journey-extrainfo article p small{
					font-size:0.75em;
				}

			div#content section#journey-summary section#journey-extrainfo article p.journey-extrainfo-title{
				font-weight: 400;
				width:25%;
				line-height: 1.1em;
			}

			div#content section#journey-summary section#journey-extrainfo article p.journey-extrainfo-content{
				width:75%;
				line-height: 1.1em;
				color:#7f7f7f;
			}
	
/* extra info */
div#content section#journey-info{
	float:left;
	width:100%;
}

	div#content section#journey-info h2{
		float:left;
		width:100%;
		margin-top:0;
	}

	div#content section#journey-info div#journey-info-intro{
		padding-top:40px;
	}

    div#content section#journey-info div#journey-info-intro div.two-grid-images{
        /*margin-top: 40px;*/
    }

	/*div#content section#journey-info div#journey-info-extra{
		display:none;
	}*/

	/* read more / read less */
	div#content section#journey-info div#readmoreless{
		/*text-align:center;
		margin-top:42px;*/
		margin-top:10px;
		margin-bottom:45px;
	}

		div#content section#journey-info div#readmoreless a{
			font-family: "brandon-grotesque",sans-serif;
			font-size:1.25em;
			color:#000;
		}

			div#content section#journey-info div#readmoreless i{
				display:inline-block;
				margin-right:7px;
				font-size:0.6em;
				color:#636363;
			}

		div#content section#journey-info div#readmoreless a:hover, div#content section#journey-info div#readmoreless a:visited{
			color:#000;
		}

		div#content section#journey-info div#readmoreless a span#readless{
			display:none;
		}

/* quote */
section#journey-quote{
	text-align:center;
	margin-bottom:55px;
	margin-top:30px;
}

	section#journey-quote p{
		font-size:1em;
		margin-top:15px;
	}

/* overnight stay show more */
section#readmoreless{
	width:100%;
	text-align:center;
	margin-top:35px;
	margin-bottom:30px;
}

	section#readmoreless a{
		font-family: "brandon-grotesque",sans-serif;
		/* font-size: 1.5em; */
		font-size: 1.2em;
		font-weight: 400;
		line-height: 1em;
		margin: 40px 0 22px 0;
		text-transform: uppercase;
		color:#000;
		text-decoration: none;
	}

		section#readmoreless a i{
			font-size:0.6em;
			margin-left:5px;
		}

	section#readmoreless a:hover, section#readmoreless a:visited{
		color:#000;
	}

	section#readmoreless a#readless{
		display:none;
	}

/* overnight stays */
section#journey-overnightstay{
	/*display:none;*/
	display:block!important;
	float:left;
	width:100%;
}

	section#journey-overnightstay h2{
		text-align:center;
		width:100%;
		margin-top:0;
		/*text-transform: none;*/
	}

/* journey opinions */
section#journey-opinions{
	margin-bottom:70px;
}

/* OFFERTE */
section#travel-offer{
	float:left;
	width:70%;
	margin:0 15%;
}

	section#travel-offer form{
		margin-top:50px;
	}

	section#travel-offer form, section#travel-offer form fieldset{
		float:left;
		width:100%;
	}

		section#travel-offer form label{
			font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B';
			font-size: 0.9em;
			font-weight: 200;
			width:100%;
			display:inline-block;
			text-align:left;			
			margin:25px 0 7px 0;
		}

			section#travel-offer form label.small-label{
				width:50%;
				float:left;
				margin:10px 0 0 0;
			}

		section#travel-offer form input, section#travel-offer form textarea{
			font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B';
			font-size: 0.9em;
			font-weight: 200;
			width:98%;
			padding:10px 0 10px 2%;
			display:inline-block;
			text-align:left;
			border:none;
			background-color:#f2f2f2;
			outline:none;
			resize:none;
		}

		section#travel-offer form textarea{
			height:100px;
		}

		section#travel-offer form input:focus, section#travel-offer form textarea:focus{
			background-color:#cccccc;
		}

			section#travel-offer form input.small-input{
				width:48%;
				padding-left:2%;
				float:left;
				margin-bottom:30px;
				/*margin-bottom:5px;*/
			}

		section#travel-offer form input[type="submit"]{
			font-family: "brandon-grotesque",sans-serif;
			font-size:0.875em;
			display:inline-block;
			background-color:#000000;
			color:#FFF;
			text-transform: uppercase;
			text-decoration: none;
			padding:14px 15px 12px 15px;
			min-width:20.627802691%;
			margin:0 1.5%;
			letter-spacing:0.05em;
			width:auto;
			margin-top:50px;
			text-align:center;
		}

		/* dropdown */
		section#travel-offer form div.dropdown{
		    position:relative;
		    float:left;
			width:98%;
			padding:10px 0 10px 2%;
		    background-color:#f2f2f2;
		}

		    section#travel-offer form div.dropdown div.dropdown-visual{
		        float:left;
		        width:100%;
		        text-align:left;
		    }

		    	section#travel-offer form div.dropdown div.dropdown-visual i{
					float:right;
					margin:5px 2% 0 0;
					line-height:1em;
		    	}

			    section#travel-offer form div.dropdown div.dropdown-visual span{
			        color:#000;
			        font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B';
					font-weight: 200;
					font-size: 0.9em;    
					float:left;
					width:90%;
					height:20px;
					overflow:hidden;
			    }

		    section#travel-offer form div.dropdown select{ /* set de select above .ut-dropdown-visual for custom style */
		        border:none;
		        display:block;
		        width:100%;
		        position:absolute;
		        left:0;
		        top:0;
		        height:40px;
		        opacity:0;
		        filter:alpha(opacity=0);
		        cursor:pointer;
		    }

		/* checkbox */
		section#travel-offer form div.checkbox{
		    float:left;
		    width:100%;
		    /*margin-top:25px;*/
		}

		    section#travel-offer form div.checkbox div.checkbox-group{
		        float:left;
		        margin-bottom:5px;
		        width:100%;
		    }

		    section#travel-offer form div.checkbox a{
		        display: block;
		        width: 30px;
		        height:22px;
		        text-decoration: none;
		        float: left;
		        margin-right:10px;
		        background-color:#f2f2f2;
		        color:#838383;
		        font-size:0.7em;
		        padding-top:8px;
		        float:left;
		    }

		    	section#travel-offer form div.checkbox a i{
		    		display:none;
		    	}

		    section#travel-offer form div.checkbox label{
		        /*width:auto;*/
		        float:left;
		        margin-top:5px;
		        width:90%;
		    }

		    section#travel-offer form div.checkbox label.no-spacing{
		    	margin-top:0;
		    }

/* OVERNIGHTSTAYS */
section#overnight-info{
	float:left;
	width:100%;
	margin-bottom:30px;
}

section.overnight-no-spacing{
	margin-bottom:0!important;
}

	section#overnight-info p{
		font-weight: 400;
	}

	section#facilities-overnightstay{
		text-align:center;
		margin-bottom:30px;
		float:left;
	}

		section#facilities-overnightstay h4{
			font-family: "brandon-grotesque",sans-serif;
			font-weight: 400;
			font-size:1.2em;		
		}

/* FILOSOFIE */
section#filosofie-info{
	float:left;
	width:100%;
	margin-bottom:30px;
}

	section#filosofie-info div#journey-summary-container{
		width:77%;
		margin:0 11.5%;
	}

	section#filosofie-info div.margintop{
		margin-top:50px!important;
	}

/* CONTENT */
div#content section.content{
	float:left;
	width:100%;
}

/* BLOG */
div#blog{
	float:left;
	width:100%;
}

	div#blog section.alloux-blog{
		float:left;
		width:100%;
		/*margin-bottom:90px;*/
		margin-bottom:20px;
	}

		div#blog section.alloux-blog div.alloux-blog-container{
			float:left;
			width:100%;
				margin-bottom:50px;
		}

			div#blog section.alloux-blog div.alloux-blog-container img{
				float:left;
				width:100%;
			}

		div#blog section.alloux-blog div.alloux-blog-content{
			/*float:left;
			width:60%;
			margin:0 20%;*/
			width:60%;
			max-width:840px;
			margin:0 auto;
		}

			div#blog section.alloux-blog div.alloux-blog-content p{
				margin-left:5px;
			}

			div#blog section.alloux-blog div.alloux-blog-content img.blog-image{
				width:100%;
				float:left;
				margin-bottom:30px;
			}

			/* banner */
			div#blog div#carousel-banner{
				float:left;
				width:100%;
				overflow:hidden;
				position:relative;
				margin-bottom:20px;
			}

				/* image container */
				div#blog div#carousel-banner-container{
					float:left;
					width:100%;
					position:relative;
					overflow:hidden;
				}

					div#blog div#carousel-banner-container img{
						/*float:left;*/
						width:100%;
						position:absolute;
						left:0;
						top:0;
					}

				/* quotes container */
				div#blog div#carousel-banner-quotes{
					position:absolute;
					width:100%;
					z-index:5;
					overflow:hidden;
				}

					div#blog div#carousel-banner-quotes{
						float:left;
						width:100%;
						text-align:center;
					}

						div#blog div#carousel-banner-quotes article{
							float:left;
							width:100%;
							position:absolute;
							left:0;
							top:40px;
							opacity:0;
							filter:alpha(opacity=0);
						}

							div#blog div#carousel-banner-quotes article p{
								width:50%;
								margin:0 25%;
								text-align:center;
							}

							div#blog div#carousel-banner-quotes article img.pixel{
								width:100%;
							}

							div#blog div#carousel-banner-quotes article p{
								font-size:1.5em;
								font-family: "brandon-grotesque",sans-serif;
								font-weight:400;
							}

								div#blog div#carousel-banner-quotes article p span{
									font-family: "brandon-grotesque",sans-serif;
									font-weight:100;
								}

				/* dots container */
				div#blog div#carousel-banner-dots{
					width:100%;
					position:absolute;
					z-index:6;
					bottom:10px;
					left:0;
					text-align:center;
				}

					div#blog div#carousel-banner-dots canvas{
						width:14px;
						height:14px;
						position:absolute;
						left:0;
						top:0;
					}

					div#blog div#carousel-banner-dots img{
						cursor:pointer;
						display:inline-block;
						margin:0 9px;
					}

			div#blog section.alloux-blog div.alloux-blog-content p.blog-center{
				text-align:center;
			}

				div#blog section.alloux-blog div.alloux-blog-content p.blog-center a{
					font-family: "brandon-grotesque",sans-serif;	
					font-weight: 400;
					font-size:1.2em;					
				}

				div#blog section.alloux-blog div.alloux-blog-content p.blog-center i{
					font-size:0.7em;
				}

			div#blog section.alloux-blog div.alloux-blog-content p.blog-left{
				float:left;
				margin-bottom:0;
			}

				div#blog section.alloux-blog div.alloux-blog-content p.blog-left a{
					font-family: "brandon-grotesque",sans-serif;	
					font-weight: 400;
					font-size:1.2em;					
				}

				div#blog section.alloux-blog div.alloux-blog-content p.blog-left i{
					font-size:0.7em;
				}

			div#blog section.alloux-blog div.alloux-blog-content p.blog-right{
				float:right;
				margin-bottom:0;
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				font-size: 1em;
				color:#999;
			}

				div#blog section.alloux-blog div.alloux-blog-content p.blog-right a{
					font-family: "brandon-grotesque",sans-serif;	
					font-weight: 400;
					font-size:1.2em;					
				}

				div#blog section.alloux-blog div.alloux-blog-content p.blog-right i{
					font-size:0.7em;
				}

			div#blog section.alloux-blog div.alloux-blog-content div.calltoaction{
				margin-top:50px;
			}



/* DROOMREIZEN */
section#honeymoon-donation{
	float:left;
}

	/* intro */
	section#honeymoon-donation div#honeymoon-intro{
		float:left;
		margin-bottom:40px;
	}

		section#honeymoon-donation div#honeymoon-intro img{
			float:left;
			width:50%;
		}

		section#honeymoon-donation div#honeymoon-intro div{
			float:left;
			width:45%;
			margin-left:5%;
			text-align: left;
		}

	/* form */
	section#honeymoon-donation div#honeymoon-form{
		float:left;
		width:100%;
		margin-top:40px;
	}

		section#honeymoon-donation div#honeymoon-form form{
			float:left;
			width:100%;
		}

			section#honeymoon-donation div#honeymoon-form form label{
				font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B';
			    font-weight: 200;
			    font-size: 0.9em;
			    line-height: 1.7em;
				float:left;
				text-align:left;
				width:100%;
			}

			section#honeymoon-donation div#honeymoon-form form div.full{
				float:left;
				width:100%;
				border:none;
				outline:none;
			}

				section#honeymoon-donation div#honeymoon-form form div.full label.small{
					width:15%;
				}

				section#honeymoon-donation div#honeymoon-form form div.full div#donation-wrapper{
					float:left;
					width: 85%;
					height:2px;			
					margin-top:12px;
					position: relative;
				}

					/* value slider */
					section#honeymoon-donation div#honeymoon-form form div.full p#donation-value-label{
						position:absolute;
						left:0;
						top:-35px;
						display:block;
						font-family: "brandon-grotesque",sans-serif;
					    font-weight: 600;
					    font-size:1.1875em;
					}

					/* slider */
					section#honeymoon-donation div#honeymoon-form form div.full div#donation-value{
						float:left;
						width:100%;			
						height:2px;
						background-color:#e6e5e5;
					}

						section#honeymoon-donation div#honeymoon-form form div.full div#donation-value div{
							background-color:#231f20;
							position:absolute;
							top:0;
							height:2px;
						}

						section#honeymoon-donation div#honeymoon-form form div.full div#donation-value span{
							width:31px;
							height:45px;
							background-image:url('/images/dreamjourney/slider.png');
							background-repeat: no-repeat;
							display:block;
							background-size:31px 45px;
							position:absolute;
							top:10px;
							outline:none;
							margin-left:-15px;
						}



/* --- FOOTER --- */
footer{
	width:100%;
	float:left;
	margin-top:150px;
	text-align:center;
	position:relative;
}

	footer ul{
		width:80%;
		display:inline-block;
	}

		footer ul li{
			display:inline;
			font-size:0.7em;
			text-transform: uppercase;
		}

			footer ul li a{
				text-decoration: none;
			}

	footer div#socialmedia-v2{
		float:left;
		width:100%;
		background-color:#f2f2f2;
		padding:25px 0;
	}

		footer div#socialmedia-v2 a, footer div#socialmedia-v2 a:hover, footer div#socialmedia-v2 a:visited{
			text-decoration: none;
			display:inline-block;
			margin:0 5px;
		}

	footer div#mailchimp-subscribe-v2{
		background-color:#dbdbdb;
		text-align:center;
		float:left;
		padding:40px 0;
		width:100%;
	}

		footer div#mailchimp-subscribe-v2 form{
			width:40%;
			margin:0 auto;
			min-width:650px;
		}

			footer div#mailchimp-subscribe-v2 div{
				float:left;
				width:50%;
			}

				footer div#mailchimp-subscribe-v2 h2{
					color:#4f4f4f;
					font-size:1.25em;
					text-transform: none;
					text-align:right;
					margin:0;
				}

				footer div#mailchimp-subscribe-v2 p{
					font-family: "brandon-grotesque",sans-serif;
					color:#7b7b7b;
					font-size:1.125em;
					text-align:right;
					margin:0;
				}

				footer div#mailchimp-subscribe-v2 input{
					border: none;
				    padding: 10px 20px;
				    font-family: "brandon-grotesque",sans-serif;
				    font-size: 1.2em;
				    font-weight: 400;
				    outline:none;
				}

					footer div#mailchimp-subscribe-v2 input.error{
						background-color:#d97c7c;
					}

				footer div#mailchimp-subscribe-v2 button{
					height: 49px;
				    width: auto;
				    border: none;
				    margin: 0;
				    padding: 0;
				    outline:none;
				    background:none;
				}

					footer div#mailchimp-subscribe-v2 button img{
						height: 100%;
					    width: auto;
					    margin: 0;
					    padding: 0;
		    			margin-top: -4px;
					}

			@media screen and (max-width: 650px){
				footer div#mailchimp-subscribe-v2{
					padding:20px 0;
				}

				footer div#mailchimp-subscribe-v2 form{
					min-width:0;
					width:90%;
				}

				footer div#mailchimp-subscribe-v2 form div{
					width:100%;
					margin-bottom:10px;
				}

				footer div#mailchimp-subscribe-v2 form h2,footer div#mailchimp-subscribe-v2 form p{
					text-align:center;
				}
			}

	footer div#mailchimp-subscribe{
		background-color:#f2f2f2;
		text-align:center;
		float:left;
		width:40%;
		margin:0 30% 50px 30%;
		padding-bottom:40px;
	}

		footer div#mailchimp-subscribe h2{
			color:#4f4f4f;
			font-family: "brandon-grotesque",sans-serif;	
			font-weight: 600;
			font-size:1.3125em;
    		text-transform: none;
    		width:90%;
    		margin-left:5%;
    		margin-right:5%;
		}

		footer div#mailchimp-subscribe p{
			color:#636363;
			font-family: "brandon-grotesque",sans-serif;
			font-weight: 400;
			font-size:1.2em;
    		text-transform: none;
    		width:90%;
    		margin-left:5%;
    		margin-right:5%;
		}

		footer div#mailchimp-subscribe input{
			border: none;
		    padding: 10px 20px;
		    font-family: "brandon-grotesque",sans-serif;
		    font-size: 1.2em;
		    font-weight: 400;
		    outline:none;
		}

			footer div#mailchimp-subscribe input.error{
				background-color:#d97c7c;
			}

		footer div#mailchimp-subscribe button{
			height: 49px;
		    width: auto;
		    border: none;
		    margin: 0;
		    padding: 0;
		    outline:none;
		    background:none;
		}

			footer div#mailchimp-subscribe button img{
				height: 100%;
			    width: auto;
			    margin: 0;
			    padding: 0;
    			margin-top: -4px;
			}

	footer div#footer-content{
		float:left;
		width:100%;
		background-color:#333333;
	}

		footer div#footer-content div#footer-wrapper{
		    width: 60%;
		    margin:0 auto;
		    max-width:1150px;
		}

			footer div#footer-content div#footer-wrapper article{
				width:50%;
				float:left;
				text-align:center;
				padding:60px 0 30px 0;
			}

				footer div#footer-content div#footer-wrapper article p,
				footer div#footer-content div#footer-wrapper article a,
				footer div#footer-content div#footer-wrapper article a:hover,
				footer div#footer-content div#footer-wrapper article a:visited{
					color:#FFF;
					font-family: "brandon-grotesque",sans-serif;
					font-size: 1.125em;
					line-height:1.4em;
					text-decoration: none;
				}

					footer div#footer-content div#footer-wrapper article p strong{
						font-size:1.15em;
						letter-spacing:0.05em;
					}

			footer div#footer-content div#footer-wrapper div#footer-logos{
				float:left;
				width:100%;
				margin-bottom:40px;
			}

				footer div#footer-content div#footer-wrapper div#footer-logos img#footer-mapfre{
					width:15.501519757%;
					margin:0 0 0 5.957446809%;
				}

				footer div#footer-content div#footer-wrapper div#footer-logos img#footer-vr{
					width:22.796352584%;
					width: 21.796352584%;
					margin:0 0 0 9.422492401%;
				}

				footer div#footer-content div#footer-wrapper div#footer-logos img#footer-vvr{
					width:8.753799392%;
					width:10.753799392%;
					width: 12.753799392%;
					margin:0 0 0 10.334346505%;
				}

				footer div#footer-content div#footer-wrapper div#footer-logos img#footer-fr{
					width:7.902735562%;
					width:5.902735562%;
					width: 4.902735562%;
					margin:0 0 0 9.422492401%;
					margin:10px 0 0 9.422492401%;
				}

			footer div#footer-content div#footer-wrapper p#footer-extra a,
			footer div#footer-content div#footer-wrapper p#footer-extra a:hover,
			footer div#footer-content div#footer-wrapper p#footer-extra a:visited{
				color: #FFF;
			    text-decoration: none;
			    text-transform: uppercase;
			    font-size: 0.6em;
			}

	footer div#footer-socialmedia{
		position:absolute;
		left:1%;
		bottom:20px;
	}

	footer div#footer-socialmedia a, footer div#footer-socialmedia a:hover, footer div#footer-socialmedia a:visited{
		color:#000;
		text-decoration: none;
		display:inline;
		padding:0 7px;
	}

/* close / menu */
#nav-toggle span { position: fixed; right: 5%; top: 7.5%; z-index:20;}

	#nav-toggle span, 
	#nav-toggle span:before,
	#nav-toggle span:after {
		cursor: pointer;
		height: 5px;
		width: 35px;
		background: #333333;
		position: absolute;
		display: block;
		content: '';
	}
	#nav-toggle span:before {
		top: -10px;
	}
	#nav-toggle span:after {
		bottom: -10px; 
	}

	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
		-webkit-transition: all 500ms ease-in-out;
	}	

	#nav-toggle.active span {
		background-color: transparent;
	}
	#nav-toggle.active span:before {
		top: 0;
		
	}
	#nav-toggle.active span:after {
		bottom: 0;
	}

	#nav-toggle.active span:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#nav-toggle.active span:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}


/*---------------------*/
/*    MEDIA QUERIES    */ 
/*---------------------*/
/* --- LARGE TABLET: 1024-768 --- */
@media screen and (max-width: 1024px) and (min-width: 768px){
	#desktop{
		display:none;
	}

	#tablet{
		display:block;
	}

	#smalltablet{
		display:none;
	}

	#smartphone{
		display:none;
	}

	/* --- HEADER --- */
	header a#logo{
		float:left;
		margin-top:23px;
		min-width:100px;
	}

	header nav ul{
		/*margin:32px 0 0 4%;*/
		/*margin:32px 0 0 18%;*/
		/*margin:32px 0 0 20%;*/
		/*width:60%;*/
		/*width:62%;*/
		
		/*width:50%;
		margin:32px 25% 0 25%;*/
		width:55%;
		margin:32px 22.5% 0 22.5%;
	}

	/*header nav ul.small-nav{
		width: 60%;
		margin-left: 25%;
	}*/

		header nav ul li a{
			font-size:0.85em;
			font-size: 0.65em;
		}	

		header nav ul li{
			margin:0 1.5%;
		}

		header nav ul.small-nav li{
			/*margin: 0 5%;	*/	
		}

	/*header div#language{
		right:18.5%;
	}*/

		header div#language ul li{
			font-size:0.6em;
			margin-top:3px;
			display:inline-block;
		}

	header nav div#search{
		width:15%;
		margin-top:30px;
	}

	/*header div#search{
		width:16%!important;
	}*/

		header nav div#search a#submitsearch{
			padding:8px 0 9px 0;
		}

		header nav div#search div#fakesearch i{
			padding:10px 0;
		}

		/*header nav div#search input, header nav div#search div#fakesearch p{
			font-size:0.75em;
		}*/

		header div#search div#fakesearch i{
			width:22%;
		}

		header div#search div#fakesearch p{
			width:28%;
		}

	/* --- PAGES --- */
		/* small filled content blocks */
		section.small-filled-content{
			width:80%;
			padding:32px 10% 22px 10%;
			margin-left:0;
			margin-right:0;
		}

		div#content div.content-lefttext{
			width:80%;
		}

		section#travel-offer form div.checkbox label{
			width:80%;
			margin-top:0;
		}

	footer div#mailchimp-subscribe{
		width:60%;
		margin:0 20% 50px 20%;
	}

	/* MENU */
	div#mobilemenu{
		/*position:fixed;*/
		position:absolute;
		width:100%;
		min-height:100%;
		padding-bottom:10px;
		/*height:100%;*/
		left:0;
		top:0;
		background-color:#FFF;
		z-index:10;
		display:none;
	}

		div#mobilemenu ul{
			/*width:50%;*/
			float:left;
			margin:0 20%;
			padding:0;
		}

		div#mobilemenu ul.headnav{
			margin-top:20%;
		}

		div#mobilemenu ul li{
			list-style-type: none;
			display:inline-block;
			width:100%;
			margin-bottom:15px;
			font-size:1.125em;
		}

			div#mobilemenu ul li a{
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				text-transform: uppercase;
				text-decoration: none;		
			}

		/* mobile search */
		div#mobilemenu div#mobilesearch{
			/*width:40%;*/
			width:60%;
			float:left;
			/*margin:22px 20% 40px 20%;*/
			margin:22px 0 40px 20%;
			background-color:#e5e5e5;
			position:relative;
			min-height:46px;
		}

			div#mobilemenu div#mobilesearch div#fakesearch3{
				float:left;
				width:100%;
			}

				div#mobilemenu div#mobilesearch div#fakesearch3 i{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:15px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					float:left;
					text-decoration: none;
				}

				div#mobilemenu div#mobilesearch div#fakesearch3 p{
					background-color:#e5e5e5;
					display:inline-block;
					width:70.248407643%;
					float:left;
					border:none;
					padding:10px 0 8px 3%;
					font-family: "brandon-grotesque",sans-serif;
					font-size:1em;
					color:#000;
					outline:none;
					margin:0;
					cursor:text;
				}

			div#mobilemenu div#mobilesearch form{
				display:none;
				position:absolute;
				width:100%;
			}

				div#mobilemenu div#mobilesearch input{
					background-color:#e5e5e5;
					display:inline-block;
					/*width:70.248407643%;*/
					width:95%;
					float:left;
					border:none;
					padding:10px 0 10px 5%;
					font-family: "brandon-grotesque",sans-serif;
					font-size:1.125em;
					color:#000;
					outline:none;
				}

				div#mobilemenu div#mobilesearch a#submitsearch3{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:12px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					/*float:left;*/
					position:absolute;
					right:0;
					top:0;
					text-decoration: none;
				}

				div#mobilemenu div#mobilesearch a#submitsearch3:hover, div#mobilemenu div#mobilesearch a#submitsearch3:visited{
					color:#b1b1b1;
					text-decoration: none;
				}

		/* language */
		div#mobilemenu div#mobilelanguage{
			float:left;
			font-family: "brandon-grotesque",sans-serif;
			width: 50%;
			float: left;
			margin: 0 20%;
			padding: 0;
		}

			div#mobilemenu div#mobilelanguage ul{
				float:left;
				width:100%;
				margin:0;
			}

				div#mobilemenu div#mobilelanguage ul li{
					display:inline;
					font-size:0.875em;
					color:#000000;
					font-weight: 400;
				}

					div#mobilemenu div#mobilelanguage ul li a{
						text-decoration: none;
						color:#999999;
					}

					div#mobilemenu div#mobilelanguage ul li a.active{
						color:#000000;
					}

	#nav-toggle span{
		top:42px;
	}
}

/* --- SMALL TABLET: 767-480 --- */
@media screen and (max-width: 767px) and (min-width: 480px){
	#desktop{
		display:none;
	}
	#tablet{
		display:none;
	}
	#smalltablet{
		display:block;
	}
	#smartphone{
		display:none;
	}

	.hideformobile{
		display:none;
	}

	.hidefordesktop{
		display:block;
	}

	h1{
		font-size:2em;
	}

	h2{
		font-size:1.3em;
	}

	/* --- HEADER --- */
	header /*nav*/ a#logo{
		float:left;
		/*margin:5% 0 20px 3%;*/
		margin:20px 0 20px 3%;
		position:relative;
		left:auto;
		top:auto;
		/*width:20%;
		max-width:160px;*/
		width:140px;
	}

	#nav-toggle span{
		top:42px;
	}

	header nav ul{
		display:inline-block;
		margin:32px 0 0 4%;
		padding:0;
		float:left;
		width:60%;
		text-align:center;
	}

		header nav ul li a{
			font-size:0.8em;
		}

	header nav div#search{
		width:15%;
		margin-top:30px;
	}

		header nav div#search a#submitsearch{
			padding:8px 0 9px 0;
		}

		header nav div#search div#fakesearch i{
			padding:10px 0;
		}

		header nav div#search input, header nav div#search div#fakesearch p{
			font-size:0.8em;
		}

	/* banner */
	header div#carousel-banner-quotes{
		display:none;
	}

	/* MENU */
	div#mobilemenu{
		/*position:fixed;*/
		position:absolute;
		width:100%;
		min-height:100%;
		padding-bottom:10px;
		/*height:100%;*/
		left:0;
		top:0;
		background-color:#FFF;
		z-index:10;
		display:none;
	}

		div#mobilemenu ul{
			/*width:50%;*/
			float:left;
			margin:0 20%;
			padding:0;
		}

		div#mobilemenu ul.headnav{
			margin-top:20%;
		}

		div#mobilemenu ul li{
			list-style-type: none;
			display:inline-block;
			width:100%;
			margin-bottom:15px;
			font-size:1.125em;
		}

			div#mobilemenu ul li a{
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				text-transform: uppercase;
				text-decoration: none;		
			}

		/* mobile search */
		div#mobilemenu div#mobilesearch{
			/*width:40%;*/
			width:60%;
			float:left;
			/*margin:22px 20% 40px 20%;*/
			margin:22px 0 40px 20%;
			background-color:#e5e5e5;
			position:relative;
			min-height:46px;
		}

			div#mobilemenu div#mobilesearch div#fakesearch3{
				float:left;
				width:100%;
			}

				div#mobilemenu div#mobilesearch div#fakesearch3 i{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:15px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					float:left;
					text-decoration: none;
				}

				div#mobilemenu div#mobilesearch div#fakesearch3 p{
					background-color:#e5e5e5;
					display:inline-block;
					width:70.248407643%;
					float:left;
					border:none;
					padding:10px 0 8px 3%;
					font-family: "brandon-grotesque",sans-serif;
					font-size:1em;
					color:#000;
					outline:none;
					margin:0;
					cursor:text;
				}

			div#mobilemenu div#mobilesearch form{
				display:none;
				position:absolute;
				width:100%;
			}

				div#mobilemenu div#mobilesearch input{
					background-color:#e5e5e5;
					display:inline-block;
					/*width:70.248407643%;*/
					width:95%;
					float:left;
					border:none;
					padding:10px 0 10px 5%;
					font-family: "brandon-grotesque",sans-serif;
					font-size:1.125em;
					color:#000;
					outline:none;
				}

				div#mobilemenu div#mobilesearch a#submitsearch3{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:12px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					/*float:left;*/
					position:absolute;
					right:0;
					top:0;
					text-decoration: none;
				}

				div#mobilemenu div#mobilesearch a#submitsearch3:hover, div#mobilemenu div#mobilesearch a#submitsearch3:visited{
					color:#b1b1b1;
					text-decoration: none;
				}

		/* language */
		div#mobilemenu div#mobilelanguage{
			float:left;
			font-family: "brandon-grotesque",sans-serif;
			width: 50%;
			float: left;
			margin: 0 20%;
			padding: 0;
		}

			div#mobilemenu div#mobilelanguage ul{
				float:left;
				width:100%;
				margin:0;
			}

				div#mobilemenu div#mobilelanguage ul li{
					display:inline;
					font-size:0.875em;
					color:#000000;
					font-weight: 400;
				}

					div#mobilemenu div#mobilelanguage ul li a{
						text-decoration: none;
						color:#999999;
					}

					div#mobilemenu div#mobilelanguage ul li a.active{
						color:#000000;
					}

	/* --- PAGES --- */
		a.blocklink{
			width:40%;
			padding:14px 3% 12px 3%;
			margin:0 1.5%;
		}

		/* small filled content blocks */
		section.small-filled-content{
			width:80%;
			padding:32px 10% 22px 10%;
			margin-left:0;
			margin-right:0;
		}

		div#content div.content-lefttext{
			width:80%;
		}

		div#content section#journey-summary div#journey-country-wrapper{
			display:none;
		}

		div#content section#journey-summary div#journey-summary-container{
			width:100%;
		}

		div#content section#searchresults div#searchresult-wrapper article img{
			width:100%;
			margin-bottom:10px;
		}

		div#content section#searchresults div#searchresult-wrapper article div{
			width:100%;
			margin-left:0;
		}

		div#content section#research div.search{
			width:60%;
			margin:0 20%;
		}

		section#travel-offer form div.checkbox label{
			width:80%;
			margin-top:0;
		}

		/* THEMAS */
		header section#traveltype-selection article div{
			height:200px;
		}

		header section#traveltype-selection article h2{
			font-size:0.8em;
		}

		div#content section#journey-summary section#journey-extrainfo article p.journey-extrainfo-title{
			width:100%;
			margin-bottom:3px;
		}

		div#content section#journey-summary section#journey-extrainfo article p.journey-extrainfo-content{
			width:75%;
			margin-bottom:10px;
		}

		#journey-extrainfo-show{
			padding-right:12px!important;
		}

		div#content section.travel-type-section h3{
			text-align:left;
		}

		div#content div.two-grid-images article.centerElements{
			margin-left:0;
			margin-right:0;
		}

		div#content section#alloux-reasons article{
			width:50%;
		}

		div#content section#alloux-reasons article img{
			width:30%;
			margin-bottom:20px;
		}

		div#content section#alloux-reasons article h3{
			margin-bottom:20px;
		}

	/* --- FOOTER --- */
	footer ul{
		width:75%;
	}

	footer div#mailchimp-subscribe{
		width: 80%;
		margin:0 10% 50px 10%;
	}

	footer div#footer-content div#footer-wrapper{
		width:80%;
	}
}

/* --- SMARTPHONES: >479 --- */
@media screen and (max-width: 479px){
	#desktop{
		display:none;
	}
	#tablet{
		display:none;
	}
	#smalltablet{
		display:none;
	}
	#smartphone{
		display:block;
	}

	.hideformobile{
		display:none;
	}

	.hidefordesktop{
		display:block;
	}

	h1{
		font-size:1.8em;
	}

	h2{
		font-size:1.3em;
	}

	/* --- HEADER --- */
	header{
		min-height:60px;
	}

	header /*nav*/ a#logo{
		float:left;
		width:40%;
		position:relative;
		left:auto;
		top:auto;
		margin:18px 0 20px 3%;
		max-width:130px;
	}

	#nav-toggle span{
		top:40px;
	}

	header nav ul{
		display:inline-block;
		margin:32px 0 0 4%;
		padding:0;
		float:left;
		width:60%;
		text-align:center;
	}

		header nav ul li a{
			font-size:0.8em;
		}

	header nav div#search{
		width:15%;
		margin-top:30px;
	}

		header nav div#search a#submitsearch{
			padding:8px 0 9px 0;
		}

		header nav div#search div#fakesearch i{
			padding:10px 0;
		}

		header nav div#search input, header nav div#search div#fakesearch p{
			font-size:0.8em;
		}

	/* banner */
	header div#carousel-banner-quotes{
		display:none;
	}

	/* MENU */
	div#mobilemenu{
		/*position:fixed;*/
		position:absolute;
		width:100%;
		/*height:100%;*/
		left:0;
		top:0;
		background-color:#FFF;
		z-index:10;
		display:none;
	}

		div#mobilemenu ul{
			width:50%;
			float:left;
			margin:0 20%;
			padding:0;
		}

		div#mobilemenu ul.headnav{
			margin-top:20%;
		}

		div#mobilemenu ul li{
			list-style-type: none;
			display:inline-block;
			width:100%;
			margin-bottom:15px;
			font-size:1.125em;
		}

			div#mobilemenu ul li a{
				font-family: "brandon-grotesque",sans-serif;
				font-weight: 400;
				text-transform: uppercase;
				text-decoration: none;		
			}

		/* mobile search */
		div#mobilemenu div#mobilesearch{
			/*width:40%;*/
			width:60%;
			float:left;
			/*margin:22px 20% 40px 20%;*/
			margin:22px 0 40px 20%;
			background-color:#e5e5e5;
			position:relative;
			min-height:46px;
		}

			div#mobilemenu div#mobilesearch div#fakesearch3{
				float:left;
				width:100%;
			}

				div#mobilemenu div#mobilesearch div#fakesearch3 i{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:15px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					float:left;
					text-decoration: none;
				}

				div#mobilemenu div#mobilesearch div#fakesearch3 p{
					background-color:#e5e5e5;
					display:inline-block;
					width:70.248407643%;
					float:left;
					border:none;
					padding:10px 0 8px 3%;
					font-family: "brandon-grotesque",sans-serif;
					font-size:1em;
					color:#000;
					outline:none;
					margin:0;
					cursor:text;
				}

			div#mobilemenu div#mobilesearch form{
				display:none;
				position:absolute;
				width:100%;
			}

				div#mobilemenu div#mobilesearch input{
					background-color:#e5e5e5;
					display:inline-block;
					/*width:70.248407643%;*/
					width:95%;
					float:left;
					border:none;
					padding:10px 0 10px 5%;
					font-family: "brandon-grotesque",sans-serif;
					font-size:1.125em;
					color:#000;
					outline:none;
				}

				div#mobilemenu div#mobilesearch a#submitsearch3{
					display:inline-block;
					width:26.751592357%;
					color:#b1b1b1;
					padding:12px 0;
					*padding:16px 0 15px 0;
					text-align:center;
					background-color:#e5e5e5;
					/*float:left;*/
					position:absolute;
					right:0;
					top:0;
					text-decoration: none;
				}

				div#mobilemenu div#mobilesearch a#submitsearch3:hover, div#mobilemenu div#mobilesearch a#submitsearch3:visited{
					color:#b1b1b1;
					text-decoration: none;
				}

		/* language */
		div#mobilemenu div#mobilelanguage{
			float:left;
			font-family: "brandon-grotesque",sans-serif;
			width: 50%;
			float: left;
			margin: 0 20%;
			padding: 0;
		}

			div#mobilemenu div#mobilelanguage ul{
				float:left;
				width:100%;
				margin:0;
			}

				div#mobilemenu div#mobilelanguage ul li{
					display:inline;
					font-size:0.875em;
					color:#000000;
					font-weight: 400;
				}

					div#mobilemenu div#mobilelanguage ul li a{
						text-decoration: none;
						color:#999999;
					}

					div#mobilemenu div#mobilelanguage ul li a.active{
						color:#000000;
					}

	/* --- PAGES --- */
		a.blocklink{
			width:94%;
			padding:14px 3% 12px 3%;
			margin:0 0 10px 0;
		}

		/* small filled content blocks */
		section.small-filled-content{
			width:80%;
			padding:32px 10% 22px 10%;
			margin-left:0;
			margin-right:0;
		}

			section.small-filled-content p{
				margin-top:20px;
			}

		div#content div.content-lefttext{
			width:80%;
		}

		div#content section#journey-summary div#journey-country-wrapper{
			display:none;
		}

		div#content section#journey-summary div#journey-summary-container{
			width:100%;
		}

		/* two grid images */
		div#content div.two-grid-images article{
			width:100%;
		}

			div#content div.two-grid-images article.centerElements{
				margin-left:0;
				margin-right:0;
			}

			div#content div.two-grid-images article h2{
				font-size:1.2em;
			}

		div#content div.two-grid-images div.spacer{
			width:0;
		}

		section#travel-offer, div#content section#searchresults{
			width:90%;
			margin:0 5%;
		}

		section#travel-offer form label.small-label, section#travel-offer form input.small-input{
			width:100%;
		}

		section#travel-offer form div.checkbox label{
			width:70%;
			margin:0;
		}

		div#content section#searchresults div#searchresult-wrapper article img{
			width:100%;
			margin-bottom:10px;
		}

		div#content section#searchresults div#searchresult-wrapper article div{
			width:100%;
			margin-left:0;
		}

		div#content section#research div.search{
			width:60%;
			margin:0 20%;
		}

		div#content section#flyp-intro div#journey-summary-container, section#filosofie-info div#journey-summary-container, div#content section.travel-type-section p{
			margin-left:0;
			margin-right:0;
			width:100%;
		}

		/* BLOG */
		div#blog section.alloux-blog div.alloux-blog-content{
			float:left;
			width:80%!important;
			margin:0 10%!important;
		}

		/* THEMAS */
		header section#traveltype-selection article div{
			height:200px;
		}

		header section#traveltype-selection article h2{
			font-size:0.8em;
		}

		div#content section#journey-summary section#journey-extrainfo article p.journey-extrainfo-title{
			width:100%;
			margin-bottom:3px;
		}

		div#content section#journey-summary section#journey-extrainfo article p.journey-extrainfo-content{
			width:75%;
			margin-bottom:10px;
		}

		#journey-extrainfo-show{
			padding-right:12px!important;
		}

		div#content div#travel-filter{
			position: static;
		    margin-bottom: 30px;
		    margin-top:2px;
		    float: right;

		    width: 100%;
		    border-bottom: 1px solid #e8e8e8;
		    padding-bottom: 10px;
		}

		div#content section.travel-type-section h3{
			text-align:left;
		}

		div#content section#alloux-reasons article{
			width:100%;
		}

		div#content section#alloux-reasons article img{
			width:30%;
		}

		div#content section#alloux-reasons article img{
			width:30%;
			margin-bottom:20px;
		}

		div#content section#alloux-reasons article h3{
			margin-bottom:20px;
		}

	/* --- FOOTER --- */
	footer{
		margin-top:50px;
	}

		footer ul{
			width:75%;
		}

		footer div#mailchimp-subscribe{
			width: 80%;
			margin:0 10% 50px 10%;
		}

		footer div#footer-content div#footer-wrapper article{
			width:100%;
			padding:30px 0;
		}

		footer div#footer-content div#footer-wrapper div#footer-logos img#footer-mapfre{
			width:50%;
			margin:0 25%;
		}

		footer div#footer-content div#footer-wrapper div#footer-logos img#footer-vr{
			width:50%;
			margin:0 25% 15px 25%;
		}

		footer div#footer-content div#footer-wrapper div#footer-logos img#footer-vvr{
			width:30%;
			margin:10px 35% 0 35%;
		}

		footer div#footer-content div#footer-wrapper div#footer-logos img#footer-fr{
			width:30%;
			margin:0 35%;
		}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { 
  
	.replace-2x {
		font-size: 1px;
	}
}