/* ---------------------------------------------------
| General settings
--------------------------------------------------- */
html, body {
    width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
	top: 0;
	right:0;
	bottom:0;
	left: 0;
    background-color: #fff;
}

body:before {
    width: 0;
    height: 0;
}

/* ---------------------------------------------------
| iOS Settings
--------------------------------------------------- */

html.ios, body.ios {
	position: fixed;
}

#lpifr.ios {
	position: relative;
	width: 100% !important;
	height: 100% !important;
}

html.ios,
body.ios,
#lpifr.ios {
	touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    overscroll-behavior: none;
}


/* ---------------------------------------------------
| Android
--------------------------------------------------- */
html.android, body.android {
	 overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

#lpifr.android {
    display: relative;
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
}

/* ---------------------------------------------------
| Web
--------------------------------------------------- */
html.default, body.default {
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
}

#lpifr.default {
    display: relative;
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
}


/* ---------------------------------------------------
| Title header
--------------------------------------------------- */

#lpp-title-container {
    position: relative;
    display: block;
    width:100%;
    background-color: #fff;
    z-index: 9999;
}

#lpp-title-container > h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 20px;
}

/* Legacy code !!! */
body > #Header_creative {
	display: none !important;
}

/* Generic classes */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}