/*	Website template
	responsive css
	(C) 2022 ConfidIT
	Hembergstr. 35
	D-27726 Worpswede
*/


/* common width breakpoints

	480 or less, 481-768, 769-1024, 1025-1280, 1281-1920, 1921-2048, 2049 plus

*/

/* common aspect ratios

5/4, 4/3, 3/2, 16/10, 5/3, 16/9



*/




/*--------------------------------------------------------------------------------------*/

/* the following are default values														*/

/*--------------------------------------------------------------------------------------*/







/*	general column layout starts														*/

.maximalwidth
{
	width									: 100%;
}

.restrictedwidth
{
	max-width								: 1200px;
	margin-left								: auto;
	margin-right							: auto;
}


.colbox
{
	margin-bottom							: 4vh;
}

.column
{
	flex-grow								: 1;
	flex-shrink								: 1;
	max-width								: 100%;
}

.column.flexitem .fixedratiobox
{
	padding-left							: 0.9vw;
	padding-right							: 0.9vw;
}

/*
.column.flexitem:first-of-type .fixedratiobox
{
	padding-left							: 0px;
}


.column.flexitem:last-of-type .fixedratiobox
{
	padding-right							: 0px;
}
*/

.pagesection .colbox:first-of-type
{
	padding-top								: 3vh;
}

.colbox.voffset
{
	padding-top								: 13vh!important;
}

.w1col
{
	flex-basis								: 8.3333%;
}

.w2col
{
	flex-basis								: 16.6666%;
}
	
.w3col
{
	flex-basis								: 25%;
}

.w4col
{
	flex-basis								: 33.3333%;
}

.w5col
{
	flex-basis								: 41.6666%;
}

.w6col
{
	flex-basis								: 50%;
}

.w7col
{
	flex-basis								: 58.3333%;
}

.w8col
{
	flex-basis								: 66.6666%;
}

.w9col
{
	flex-basis								: 74.04%;
}

.w10col
{
	flex-basis								: 83.3333%;
}

.w11col
{
	flex-basis								: 91.6666%;
}

.w12col
{
	flex-basis								: 100%;
}

/*	general column layout ends															*/




/*	general font layout starts															*/


/*	general font layout ends															*/



	
/*	general image layout starts															*/


/*	general image layout ends															*/










/*--------------------------------------------------------------------------------------*/

/* the following are being used for portrait orientation in general						*/

/*--------------------------------------------------------------------------------------*/





@media only screen and (orientation:portrait)
{
	
	/*	flexbox layout starts															*/

	#logowrap, .colbox, #footerwrap
	{
		padding-left						: 15px;
		padding-right						: 15px;
	}

	.pagesection .colbox:first-of-type
	{
		padding-top							: 5vh;
	}
	
.colbox.voffset
{
	padding-top								: 15vh!important;
}


		/*	 flexbox layout ends															*/





		/*	menu layout starts																*/



	

	/*	menu layout ends																*/





	/*	column layout starts															*/


	.restrictedwidth
	{
		max-width								: 98vw;
		margin-left								: auto;
		margin-right							: auto;
	}


	.w1col, .w2col, .w3col, .w4col, .w5col, .w6col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}

	.colbox
	{
		margin-bottom							: 1vh;
	}
	
	.outerwrap .article
	{
		padding									: 30px;
	}

	/*	column layout ends																*/





	/*	font layout starts																*/
	
	
	/*	font layout ends																*/




	/*	image layout starts																*/
	
	
	/*	image layout ends																*/





	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (max-width:480px) and (orientation:portrait)
{



	/*	flexbox layout starts															*/




	/*	 flexbox layout ends															*/




	/*	header wrapper layout starts													*/

	#headerwrap
	{
		/*background-color					: transparent;*/
		height								: auto;
		overflow							: visible;
		width								: 100vw;
	}
	
	#header
	{
		margin-left							: 0px!important;
	}

	#logowrap
	{
		width								: 60vw;
	}



	/*	header wrapper layout ends														*/




	/*	menu layout starts																*/

	nav#menuwrap
	{
		top											: -55px;
	}

	#burgerlabel span
	{
		width										: 40px;
		height										: 6px;
		margin-bottom								: 6px;
		border-radius								: 6px;
	}
	
	
	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	nav input#burgericon:checked + label span#burgertop
	{
		transform									: translate(0px,12px)rotate(405deg);
	}
	
	
	/*
	 * Ohyeah and the last one should go the other direction
	 */
	nav input#burgericon:checked	+ label span#burgerbottom
	{
		transform									: translate(0px,-12px)rotate(-405deg);
	}
	
	nav #burgericon ~ ul
	{
		width								: 100vw;
		top									: 62px!important;
	}

	nav ul.menu.level0
	{
		flex-direction						: column;
		margin-left							: auto;
		margin-right						: auto;
		padding-top							: 1em;
		padding-bottom						: 1em;
	}
	
	nav ul.menu.level0 li
	{
		text-align							: center;
	}
	
	nav ul.menu.level0 li ul.menu.level1
	{
		display								: block;
		position							: relative;
		max-height							: 500px;
	}
	
	nav ul.menu.level0 li
	{
		padding-top							: 0.8em;
		padding-bottom						: 0.8em;
	}
	
	nav ul.menu.level0 li a
	{
		font-size							: 2.2em;
	}
	
	nav ul.menu.level0 li ul.menu.level1 li a
	{
		font-size							: 1em;
	}
	
	nav #burgericon ~ ul
	{
		height								: auto;
		overflow							: visible;
	}
	
	nav input#burgericon:checked ~ul
	{
		background-color					: rgba(255,255,255,0.9);
	}

	nav ul.menu.level0 li.searchwrap
	{
		display								: none;
	}
	
	nav #burgerlabel
	{
		right								: 30px;
	}
	
	footer ul.menu li a
	{
		padding-top									: 1em;
		padding-bottom								: 1em;
		padding-left								: 0.8em;
		padding-right								: 0.8em;
		font-size									: 1em;
	}


	/*	menu layout ends																*/




	/*	content wrapper layout starts													*/
	
	#contentwrap
	{
	top										: 76px;
	}
	
	/*	content wrapper layout ends														*/




	/*	column layout starts															*/


	.w1col, .w2col, .w3col, .w4col, .w5col, .w6col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}


	/*	column layout ends																*/





	/*	font layout starts																*/

	h1.caption
	{
		font-size								: 3.5em;
		letter-spacing							: 2px;
	}

	p.subcaption, span.subcaption
	{
		font-size								: 1.7em;
		letter-spacing							: 1px;
	}

	p.flattext, span.flattext
	{
		font-size								: 1.3em;
		letter-spacing							: 1px;
		line-height								: 1.3em;
		padding-bottom							: 1.5em;
	}

	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/



	/*	slider layout starts															*/

	.slidecontainer
	{
		width									: 220vw;
	}

	.slide
	{
		width									: 36vw;
		margin-right							: 4vw;
		margin-left								: 4vw;
	}

	img.sliderarrow
	{
		width									: 20vw;
	}

	img.sliderarrow:first-of-type
	{
		margin-right							: 20vw;
	}

	/*	slider layout ends																*/


}




@media only screen and (min-width:481px) and (max-width:768px) and (orientation:portrait)
{

	/*	flexbox layout starts															*/





	/*	 flexbox layout ends															*/




	/*	header wrapper layout starts													*/

	#pageforeground
	{
		height								: 150px;
	}

	#headerwrap
	{
		/*background-color					: transparent;*/
		height								: auto;
		overflow							: visible;
		width								: 100vw;
	}
	
	#header
	{
		margin-left							: 0px!important;
	}

	#logowrap
	{
		width								: 340px;
	}



	/*	header wrapper layout ends														*/




	/*	menu layout starts																*/

	nav#menuwrap
	{
		top											: -40px;
	}

	#burgerlabel span
	{
		width										: 40px;
		height										: 6px;
		margin-bottom								: 6px;
		border-radius								: 6px;
	}
	
	
	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	nav input#burgericon:checked + label span#burgertop
	{
		transform									: translate(0px,12px)rotate(405deg);
	}
	
	
	/*
	 * Ohyeah and the last one should go the other direction
	 */
	nav input#burgericon:checked	+ label span#burgerbottom
	{
		transform									: translate(0px,-12px)rotate(-405deg);
	}
	
	nav #burgericon ~ ul
	{
		width								: 100vw;
		top									: 62px!important;
	}

	nav ul.menu.level0
	{
		flex-direction						: column;
		margin-left							: auto;
		margin-right						: auto;
		padding-top							: 1em;
		padding-bottom						: 1em;
	}
	
	nav ul.menu.level0 li
	{
		text-align							: center;
	}
	
	nav ul.menu.level0 li ul.menu.level1
	{
		display								: block;
		position							: relative;
		max-height							: 500px;
	}
	
	nav ul.menu.level0 li
	{
		padding-top							: 0.8em;
		padding-bottom						: 0.8em;
	}
	
	nav ul.menu.level0 li a
	{
		font-size							: 2.2em;
	}
	
	nav ul.menu.level0 li ul.menu.level1 li a
	{
		font-size							: 1em;
	}
	
	nav #burgericon ~ ul
	{
		height								: auto;
		overflow							: visible;
	}
	
	nav input#burgericon:checked ~ul
	{
		background-color					: rgba(255,255,255,0.9);
	}

	nav ul.menu.level0 li.searchwrap
	{
		display								: none;
	}
	
	nav #burgerlabel
	{
		right								: 30px;
	}
	
	footer ul.menu li a
	{
		padding-top									: 1em;
		padding-bottom								: 1em;
		padding-left								: 0.8em;
		padding-right								: 0.8em;
		font-size									: 1em;
	}

	/*	menu layout ends																*/




	/*	content wrapper layout starts													*/
	
	#contentwrap
	{
	top										: 95px;
	}
	
	/*	content wrapper layout ends														*/




	/*	column layout starts															*/


	.w1col, .w2col, .w3col, .w4col, .w5col, .w6col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}


	/*	column layout ends																*/





	/*	font layout starts																*/

	h1.caption
	{
		font-size								: 3.5em;
		letter-spacing							: 2px;
	}

	p.subcaption, span.subcaption
	{
		font-size								: 1.7em;
		letter-spacing							: 1px;
	}

	p.flattext, span.flattext
	{
		font-size								: 1.3em;
		letter-spacing							: 1px;
		line-height								: 1.3em;
		padding-bottom							: 1.5em;
	}

	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/



	/*	slider layout starts															*/

	.slidecontainer
	{
		width									: 220vw;
	}

	.slide
	{
		width									: 36vw;
		margin-right							: 4vw;
		margin-left								: 4vw;
	}

	img.sliderarrow
	{
		width									: 20vw;
	}

	img.sliderarrow:first-of-type
	{
		margin-right							: 20vw;
	}

	/*	slider layout ends																*/
}




@media only screen and (min-width:769px) and (max-width:1024px) and (orientation:portrait)
{
	
	/*	flexbox layout starts															*/





	/*	 flexbox layout ends															*/




	/*	header wrapper layout starts													*/

	#pageforeground
	{
		height								: 165px;
	}

	#headerwrap
	{
		/*background-color					: transparent;*/
		height								: auto;
		overflow							: visible;
		width								: 100vw;
	}
	
	#header
	{
		margin-left							: 0px!important;
	}

	#logowrap
	{
		width								: 340px;
	}

	/*	header wrapper layout ends														*/




	/*	menu layout starts																*/

	nav#menuwrap
	{
		top											: -40px;
	}

	#burgerlabel span
	{
		width										: 40px;
		height										: 6px;
		margin-bottom								: 6px;
		border-radius								: 6px;
	}
	
	
	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	nav input#burgericon:checked + label span#burgertop
	{
		transform									: translate(0px,12px)rotate(405deg);
	}
	
	
	/*
	 * Ohyeah and the last one should go the other direction
	 */
	nav input#burgericon:checked	+ label span#burgerbottom
	{
		transform									: translate(0px,-12px)rotate(-405deg);
	}
	
	nav #burgericon ~ ul
	{
		width								: 100vw;
		top									: 62px!important;
	}

	nav ul.menu.level0
	{
		flex-direction						: column;
		margin-left							: auto;
		margin-right						: auto;
		padding-top							: 1em;
		padding-bottom						: 1em;
	}
	
	nav ul.menu.level0 li
	{
		text-align							: center;
	}
	
	nav ul.menu.level0 li ul.menu.level1
	{
		display								: block;
		position							: relative;
		max-height							: 500px;
	}
	
	nav ul.menu.level0 li
	{
		padding-top							: 0.8em;
		padding-bottom						: 0.8em;
	}
	
	nav ul.menu.level0 li a
	{
		font-size							: 2.2em;
	}
	
	nav ul.menu.level0 li ul.menu.level1 li a
	{
		font-size							: 1em;
	}
	
	nav #burgericon ~ ul
	{
		height								: auto;
		overflow							: visible;
	}
	
	nav input#burgericon:checked ~ul
	{
		background-color					: rgba(255,255,255,0.9);
	}

	nav ul.menu.level0 li.searchwrap
	{
		display								: none;
	}
	
	nav #burgerlabel
	{
		right								: 30px;
	}
	
	footer ul.menu li a
	{
		padding-top									: 1em;
		padding-bottom								: 1em;
		padding-left								: 0.8em;
		padding-right								: 0.8em;
		font-size									: 1.5em;
	}

	/*	menu layout ends																*/




	/*	content wrapper layout starts													*/
	
	#contentwrap
	{
	top										: 95px;
	}
	
	/*	content wrapper layout ends														*/




	/*	column layout starts															*/


	.w1col, .w2col, .w3col, .w4col, .w5col, .w6col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}


	/*	column layout ends																*/





	/*	font layout starts																

	h1.caption
	{
		font-size								: 4.7em;
		letter-spacing							: 2px;
	}

	p.subcaption, span.subcaption
	{
		font-size								: 3.5em;
		letter-spacing							: 1px;
	}

	p.flattext, span.flattext
	{
		font-size								: 2.5em;
		letter-spacing							: 1px;
		line-height								: 2em;
		padding-bottom							: 2em;
	}

	/*	font layout ends																*/

	/*	font layout starts																*/

	h1.caption
	{
		font-size								: 3.5em;
		letter-spacing							: 2px;
	}

	p.subcaption, span.subcaption
	{
		font-size								: 1.7em;
		letter-spacing							: 1px;
	}

	p.flattext, span.flattext
	{
		font-size								: 1.3em;
		letter-spacing							: 1px;
		line-height								: 1.3em;
		padding-bottom							: 1.5em;
	}

	/*	font layout ends																*/





	/*	image layout starts																*/


	/*	image layout ends																*/



	/*	slider layout starts															*/

	.slidecontainer
	{
		width									: 220vw;
	}

	.slide
	{
		width									: 36vw;
		margin-right							: 4vw;
		margin-left								: 4vw;
	}

	img.sliderarrow
	{
		width									: 20vw;
	}

	img.sliderarrow:first-of-type
	{
		margin-right							: 20vw;
	}

	/*	slider layout ends																*/
}



@media only screen and (min-width:1025px) and (max-width:1280px) and (orientation:portrait)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	header wrapper layout starts													*/

	#headerwrap
	{
		/*background-color						: transparent;*/
		height									: auto;
		overflow								: visible;
	}

	#logowrap
	{
		width									: 340px;
	}

	/*	header wrapper layout ends														*/




	/*	menu layout starts																*/

	nav#menuwrap
	{
		top										: -40px;
	}
	
	nav input#burgericon:checked ~ ul
	{
		margin-left								: -20px;
	}

	/*	menu layout ends																*/




	/*	content wrapper layout starts													*/
	
	#contentwrap
	{
	top											: 90px;
	}
	
	/*	content wrapper layout ends														*/




	/*	column layout starts															*/

	.w1col, .w2col, .w3col, .w4col, .w5col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}
	
	.w6col
	{
		flex-basis								: 50%;
	}

	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:1281px) and (max-width:1920px) and (orientation:portrait)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/




	/*	header wrapper layout starts													*/

	#headerwrap
	{
		/*background-color					: transparent;*/
		height								: auto;
		overflow							: visible;
	}

	/*	header wrapper layout ends														*/



	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:1921px) and (max-width:2048px) and (orientation:portrait)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:2049px) and (orientation:portrait)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




/*--------------------------------------------------------------------------------------*/

/* the following are being used for landscape orientation in general					*/

/*--------------------------------------------------------------------------------------*/





@media only screen and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	header wrapper layout starts													*/

	#headerwrap
	{
		/*background-color					: transparent;*/
		height								: auto;
		overflow							: visible;
	}

	/*	header wrapper layout ends														*/




	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/
	
	.w1col
	{
		flex-basis								: 8.3333%;
	}

	.w2col
	{
		flex-basis								: 16.6666%;
	}
		
	.w3col
	{
		flex-basis								: 25%;
	}

	.w4col
	{
		flex-basis								: 33.3333%;
	}

	.w5col
	{
		flex-basis								: 41.6666%;
	}

	.w6col
	{
		flex-basis								: 50%;
	}

	.w7col
	{
		flex-basis								: 58.3333%;
	}

	.w8col
	{
		flex-basis								: 66.6666%;
	}

	.w9col
	{
		flex-basis								: 74.04%;
	}

	.w10col
	{
		flex-basis								: 83.3333%;
	}

	.w11col
	{
		flex-basis								: 91.6666%;
	}

	.w12col
	{
		flex-basis								: 100%;
	}
	
	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}





@media only screen and (max-width:480px) and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/

		/*	menu layout starts																*/


	nav #burgericon ~ ul
	{
		width								: 100vw;
		top									: 62px!important;
	}

	nav ul.menu.level0
	{
		flex-direction						: column;
		margin-left							: auto;
		margin-right						: auto;
		padding-top							: 1em;
		padding-bottom						: 1em;
	}
	
	nav ul.menu.level0 li
	{
		text-align							: center;
	}
	
	nav ul.menu.level0 li ul.menu.level1
	{
		display								: block;
		position							: relative;
		max-height							: 500px;
	}
	
	nav ul.menu.level0 li
	{
		padding-top							: 0.8em;
		padding-bottom						: 0.8em;
	}
	
	nav ul.menu.level0 li a
	{
		font-size							: 2em;
	}
	
	nav ul.menu.level0 li ul.menu.level1 li a
	{
		font-size							: 1em;
	}
	
	nav #burgericon ~ ul
	{
		height								: auto;
		overflow							: visible;
	}
	
	nav input#burgericon:checked ~ul
	{
		background-color					: rgba(255,255,255,0.9);
	}

	nav ul.menu.level0 li.searchwrap
	{
		display								: none;
	}
	
	nav #burgerlabel
	{
		right								: 30px;
	}
	

	/*	menu layout ends																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/

	.w1col, .w2col, .w3col, .w4col, .w5col, .w6col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}

	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:481px) and (max-width:768px) and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/

	nav #burgericon ~ ul
	{
		width								: 100vw;
		top									: 62px!important;
	}

	nav ul.menu.level0
	{
		flex-direction						: column;
		margin-left							: auto;
		margin-right						: auto;
		padding-top							: 1em;
		padding-bottom						: 1em;
	}
	
	nav ul.menu.level0 li
	{
		text-align							: center;
	}
	
	nav ul.menu.level0 li ul.menu.level1
	{
		display								: block;
		position							: relative;
		max-height							: 500px;
	}
	
	nav ul.menu.level0 li
	{
		padding-top							: 0.8em;
		padding-bottom						: 0.8em;
	}
	
	nav ul.menu.level0 li a
	{
		font-size							: 2em;
	}
	
	nav ul.menu.level0 li ul.menu.level1 li a
	{
		font-size							: 1em;
	}
	
	nav #burgericon ~ ul
	{
		height								: auto;
		overflow							: visible;
	}
	
	nav input#burgericon:checked ~ul
	{
		background-color					: rgba(255,255,255,0.9);
	}

	nav ul.menu.level0 li.searchwrap
	{
		display								: none;
	}
	
	nav #burgerlabel
	{
		right								: 30px;
	}

	/*	menu layout ends																*/





	/*	column layout starts															*/

	.w1col, .w2col, .w3col, .w4col, .w5col, .w6col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}

	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:769px) and (max-width:1024px) and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/

	#menuwrap
	{
		right									: 30px!important;
	}
	
	nav input#burgericon:checked ~ ul
	{
		margin-left								: -10px;
	}

	/*	menu layout ends																*/





	/*	column layout starts															*/

	.w1col, .w2col, .w3col, .w4col, .w5col, .w6col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}



	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:1025px) and (max-width:1280px) and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/

	#menuwrap
	{
		right									: 30px!important;
	}
	
	nav input#burgericon:checked ~ ul
	{
		margin-left								: -10px;
	}


	/*	menu layout ends																*/





	/*	column layout starts															*/

	.w1col, .w2col, .w3col, .w4col, .w5col, .w7col, .w8col, .w9col, .w10col, .w11col, .w12col
	{
		flex-basis								: 100%;
	}
	
	.w6col
	{
		flex-basis								: 50%;
	}


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:1281px) and (max-width:1920px) and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/

	#menuwrap
	{
		right									: 30px!important;
	}
	
	nav input#burgericon:checked ~ ul
	{
		margin-left								: -10px;
	}


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:1921px) and (max-width:2048px) and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media only screen and (min-width:2049px) and (orientation:landscape)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/

	nav #burgericon ~ ul
	{
		margin-left							: 120%;
	}
	
	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	#slidebar01
	{
		width									: 66vw;
	}

	
	.slide
	{
		width									: 9vw;
		margin-right							: 1vw;
		margin-left								: 1vw;
	}
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




/*--------------------------------------------------------------------------------------*/

/* special rules for certain aspect ratios												*/

/*--------------------------------------------------------------------------------------*/




@media (min-aspect-ratio: 5/4) 
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media (min-aspect-ratio: 4/3)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media (min-aspect-ratio: 3/2)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media (min-aspect-ratio: 16/10)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media (min-aspect-ratio: 5/3)
{
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}




@media (min-aspect-ratio: 16/9)
{	
	
	/*	flexbox layout starts															*/


	/*	 flexbox layout ends															*/





	/*	menu layout starts																*/


	/*	menu layout ends																*/





	/*	column layout starts															*/


	/*	column layout ends																*/





	/*	font layout starts																*/


	/*	font layout ends																*/




	/*	image layout starts																*/


	/*	image layout ends																*/




	/*	slider layout starts															*/
	
	
	/*	slider layout ends																*/




	/*	bgchanger layout starts															*/
	
	
	/*	bgchanger layout ends															*/
}