@font-face {
    font-family: 'Staatliches';
    src: local('Staatliches Regular'), local('Staatliches-Regular'), url('https://ocdn.eu/ofeminin/fonts/staatliches-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Muli';
    src: local('Muli Regular'), local('Muli-Regular'), url('https://ocdn.eu/ofeminin/fonts/muli-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Muli';
    src: local('Muli Regular'), local('Muli-Regular'), url('https://ocdn.eu/ofeminin/fonts/muli-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Zona';
    src: local('Zona Regular'), local('Zona-Regular'), url('https://ocdn.eu/ofeminin/landingpage/oia2020/ZonaPro-Reular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Zona';
    src: local('Zona Regular'), local('Zona-Regular'), url('https://ocdn.eu/ofeminin/landingpage/oia2020/ZonaPro-Bold.otf') format('woff2');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Zona';
    src: local('Zona Regular'), local('Zona-Regular'), url('https://ocdn.eu/ofeminin/landingpage/oia2020/ZonaPro-Bolder.otf') format('woff2');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

body, div, footer, h1, h2, h3, h4, h5, h6, header, html, img, li, nav, section, select, span, textarea, ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	outline: 0
}

#back-to-onet{display: none !important}
a {text-decoration: none}
body{width: 100%; min-width: 320px}
img{max-width: 100%}

.contentHolder {
	width: 100%;
	max-width: 1300px;
	min-width: 1000px;
    margin: 10px auto;
}

.pageHeader {
	clear: both;
    padding: 20px 0;
    border-top: 2px solid #5b30e3;
    border-bottom: 2px solid #5b30e3;
    position: relative;
    background: #fff;
	font-family: Zona;
}

.pageHeader .ofeLogoLnk {
    display: block;
    margin: 0 auto;
    width: 380px;
    height: 80px;
}

.pageHeader .ofeLogo {
    display: block;
    margin: 0 auto;
    fill: #5b30e3;
    width: 100%;
    height: 100%;
}

.pageFooter {
    clear: both;
	position: relative;
    margin: 10px auto;
	font-family: Muli;
}

.pageFooter .ftrScl {
    font-size: 0;
    text-align: center;
    padding: 60px 0 30px 0;
}

.pageFooter .ftrSclItm {
    display: inline-block;
    padding: 0 10px;
}

.pageFooter .ftrSclItm .ftrSclLnk {
    font: 400 20px/20px Staatliches,sans-serif;
	color: #fb6a5e;
    display: block;
}

.pageFooter .ftrSclItm .sclIcon {
    fill: #fb6a5e;
    width: 20px;
    height: 20px;
    transition: .3s;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.pageFooter .ftrLst {
    font-size: 0;
    border-top: 2px solid #404040;
    text-align: center;
    padding-top: 30px;
}

.pageFooter .ftrLstItm {
    display: inline-block;
    padding: 0 10px;
    border-right: 2px solid #fb6a5e;
}

.pageFooter .ftrLstItm .ftrLnk {
    font: 700 14px/16px Muli,sans-serif;
    display: block;
	color: #fb6a5e;
}

.pageFooter .devBy {
    clear: both;
    display: block;
    text-align: center;
    padding: 10px 0 5px 0;
    font-size: 12px;
    color: #404040;
}

.pageFooter .devBy .url {
	color: #242424;
}

.pageFooter .devBy .url:hover, .pageFooter .ftrLstItm .ftrLnk:hover, .pageFooter .ftrSclItm .ftrSclLnk:hover {
	color: #5b30e3;
}

.pageFooter .ftrSclItm .ftrSclLnk:hover .sclIcon {
	fill: #5b30e3;
}

@media only screen and (max-width:768px){
	.contentHolder {
		min-width: 100%;
		max-width: 500px;
	}

	.pageHeader .ofeLogoLnk {max-width: 90%}
	
}

#app_holder:empty{text-align:center;padding:100px 0}
#app_holder:empty:before {content:"";display:block;width:100px;height:100px;background:#FC695F;margin:20px auto;animation:sk-rotateplane 1.2s infinite ease-in-out}
@keyframes sk-rotateplane{
    0% {transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}
    50% {transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
    100% {transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}