/* CSS-Temp-Basics by ALX --------------------------------------------- */

.sec-info {
	border: 1px solid red;
	position: absolute;
	background: orange;
	color: red;
	left: 50.00%;
	/*top: -5.00em;*/
	z-index: 100;
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* CSS-Temp-Basics by ALX --------------------------------------------- */

html,
body {
	margin: 0;
	padding: 0;
	
	height: 100.00%;
	min-height: 100vh;
	}

body {	
	-webkit-text-size-adjust: 100.00%;
	-khtml-text-size-adjust: 100.00%;
	-moz-text-size-adjust: 100.00%;
    -ms-text-size-adjust: 100.00%;
	-o-text-size-adjust: 100.00%;
	text-size-adjust: 100.00%;
	
	-webkit-font-smoothing: antialiased;
	-khtml-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	}
	
/* CSS-Temp-Basics by ALX --------------------------------------------- */

.clearfix {
	position: relative;
	clear: both;
	height: auto;
	font-size: 0.001em;
	}
	
/* CSS-Temp-Basics by ALX --------------------------------------------- */

header,
section,
footer {
	position: relative;
	}
	
.section-wrap,
.section-grid {
	position: relative;
	}
	
.section-wrap {
	}
	
header .section-wrap {
	}
	
section .section-wrap {
	}
	
footer .section-wrap {
	}

/* CSS-Temp-Basics by ALX --------------------------------------------- */

.fullscreen,
.fullsize {
	width: 100.00%;
	height: 100.00%;
	}
	
.halfscreen {
	width: 100.00%;
	height: 50.00%;
	}
	
.background-group,
.background-image,
.background-overlay {
	z-index: 0;
	position: absolute;
	width: 100.00%;
	heght: 100.00%;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
	
.background-image {
	z-index: 1;
	}
.background-overlay {
	z-index: 2;
	}
	
.background {
	background-position: 50.00% 50.00%;
	background-repeat: no-repeat;
	background-size: cover;
	}

/* CSS-Temp-Basics by ALX --------------------------------------------- */

.grid-wrap,
.grid-wrap.grid-cells,
.grid-wrap.grid-cols {
	z-index: 10;
	position: relative;
	
	margin: 0 auto;
	}
	
.grid-cells {
	width: 100.00%;
	}
	
.grid-wrap,
.grid-wrap.grid-cells,
.grid-wrap.grid-cols {
	width: 95.00%;
	max-width: 1200px;
	}
	
/* CSS-Temp-Basics by ALX --------------------------------------------- */

.grid-cells,
.grid-cols,
.grid-row,
.grid-item {
	position: relative;
	}

@media only screen and (min-width : 768px) {
	
.grid-cells {
	display: table;
	height: inherit;
	table-layout: fixed;
	}

.grid-cells .grid-row {
	display: table-row;
	}
	
.grid-cells .grid-item {
	display: table-cell;
	vertical-align: top;
	height: auto;
	width: 50.00%;
	}
	
.grid-cells .grid-row .grid-item {
	float: none;
	}
	
}
	
/* CSS-Temp-Basics by ALX --------------------------------------------- */

/*
.grid-cols .grid-item-20,
.grid-cols .grid-item-25,
.grid-cols .grid-item-33,
.grid-cols .grid-item-50,
.grid-cols .grid-item-66,
.grid-cols .grid-item-75 {
	float: left;
	}
	
.grid-item-20 { width: 20.00%; }
.grid-item-25 { width: 25.00%; }
.grid-item-33 { width: 33.33%; }
.grid-item-50 { width: 50.00%; }
.grid-item-66 { width: 66.66%; }
.grid-item-75 { width: 75.00%; }
*/

@media only screen and (min-width : 550px) {

	.grid-cols .grid-item-25,
	.grid-cols .grid-item-33,
	.grid-cols .grid-item-50 {
			width: 50.00%;
			float: left;
			}
	
}

@media only screen and (min-width : 768px) {
	.grid-cols .grid-item-33 {
		width: 33.33%;
		}
		
	.grid-cells .grid-item-20 {
		width: 20.00%;
		}
	
	.grid-cells .grid-item-25 {
		width: 25.00%;
		}
		
	.grid-cells .grid-item-33 {
		width: 33.33%;
		}
		
	.grid-cells .grid-item-50 {
		width: 50.00%;
		}
		
	.grid-cells .grid-item-75 {
		width: 75.00%;
		}
		
	.grid-cells .grid-item-80 {
		width: 80.00%;
		}
}


@media only screen and (min-width : 1024px) {
	
	.grid-cols .grid-item-25 {
		width: 25.00%;
		}
		
}

/* CSS-Temp-Basics by ALX --------------------------------------------- */

.ce-gallery {
	/*border: 1px solid red;*/
	}
	
.ce-textpic {
	position: relative;
	/*border: 1px solid green;*/
	}
	
.ce-textpic.ce-right .ce-gallery,
.ce-textpic.ce-left .ce-gallery {
	max-width: 51.1250%;
	/*border: 1px dotted orange;*/
	}
	
.ce-textpic.ce-right .ce-gallery {
	padding: 0 0 0 1.00em;
	margin: 0 0 1.00em 1.00em;
	}
	
.ce-textpic.ce-left .ce-gallery {
	padding: 0 1.00em 0 0;
	margin: 0 1.00em 1.00em 0;
	}

/* CSS-Temp-Basics by ALX --------------------------------------------- */
/* CSS-Temp-Basics by ALX --------------------------------------------- */