html {
                height: 100%;
                font-size: 1em;
}
body {
                font-family: 'Open Sans', Arial, Helvetica, sans-serif;
                background-color: #294f83;
                padding-top: 60px;
}
img {
                border: none;
}
a {
                cursor: pointer;
                color: #666666;
}
h1, h2 {
                margin: 10px 0 20px;
}
ul {
                padding-left: 18px;
                list-style: circle;
}
.container {
                max-width: 880px;
                padding: 40px 30px 30px;
                background-color: #fff;
                box-shadow: 0 0 8px #999;
                margin-bottom: 30px;
}
 
.clear-title, h2 {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 20pt;
   font-weight: 100;
    line-height: 1.15em;
}
#io-ox-login-header-prefix {
    color: #6cbafc;
}
 
@media (max-width: 767px) {
                .freitext {
                               margin-top: 30px;
                }
                body {
                               padding-top: 0;
                }
                .container {
                               margin: 10px;
                }
                .clear-title, h2 {
                               font-size: 16pt;
                }
}


#pluswrap {
	position: fixed;
	width: 100%;
	height:100%;
	display: flex;
	align-items: center;
	top: 0;
	background: #000;
	opacity: 0.5;
	z-index:1000;
}
.spinner {
  display: flex;
  margin: 0 auto;
}


#circularG{
position:relative;
width:128px;
height:128px}

.circularG{
position:absolute;
background-color:#666666;
width:29px;
height:29px;
-moz-border-radius:19px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.12s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:19px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.12s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:19px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.12s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:19px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.12s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:19px;
animation-name:bounce_circularG;
animation-duration:1.12s;
animation-iteration-count:infinite;
animation-direction:normal;
}

#circularG_1{
left:0;
top:50px;
-moz-animation-delay:0.42s;
-webkit-animation-delay:0.42s;
-ms-animation-delay:0.42s;
-o-animation-delay:0.42s;
animation-delay:0.42s;
}

#circularG_2{
left:14px;
top:14px;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#circularG_3{
top:0;
left:50px;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#circularG_4{
right:14px;
top:14px;
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}

#circularG_5{
right:0;
top:50px;
-moz-animation-delay:0.98s;
-webkit-animation-delay:0.98s;
-ms-animation-delay:0.98s;
-o-animation-delay:0.98s;
animation-delay:0.98s;
}

#circularG_6{
right:14px;
bottom:14px;
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#circularG_7{
left:50px;
bottom:0;
-moz-animation-delay:1.26s;
-webkit-animation-delay:1.26s;
-ms-animation-delay:1.26s;
-o-animation-delay:1.26s;
animation-delay:1.26s;
}

#circularG_8{
left:14px;
bottom:14px;
-moz-animation-delay:1.4s;
-webkit-animation-delay:1.4s;
-ms-animation-delay:1.4s;
-o-animation-delay:1.4s;
animation-delay:1.4s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}