html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

html.startup,
body.startup {
  height:100%;
  position:absolute;
  min-width:100%;  
}

body.startup {  
	font:16px/24px 'Roboto',"Arial",Sans-Serif;font-feature-settings: "kern", "liga" off, "calt" off;
	font-weight:400;
  color: #111111; 
  overflow:auto!important;  
}

@media (min-width: 768px) {
  body.startup {
    font-size:18px;
    line-height:26px;
  }
}

body.startup a {
	color:#111111;
}
body.startup a:hover {
  text-decoration:underline;
}
body.startup hr {
  border: 0;
  margin: 32px auto 24px;
  padding: 0;
  height: 3px;
  width: 60%;
  display:block;
  max-width: 140px;
  background: #FFFFFF;
}

body.startup b {font-weight:700}
body.startup h1 {font-family: 'Eurosoft','Arial','Sans-Serif';font-size:36px;line-height:38px;font-weight:normal;color:#FFFFFF;letter-spacing:2px;text-transform:uppercase;margin:5px 0}
body.startup h2 {font-family: 'Eurosoft','Arial','Sans-Serif';font-size:28px;line-height:30px;font-weight:normal;color:#FFFFFF;letter-spacing:2px;text-transform:uppercase;margin:5px 0}
body.startup h3 {font-family: 'Eurosoft','Arial','Sans-Serif';font-size:22px;line-height:24px;font-weight:normal;color: #FFFFFF;letter-spacing:2px;text-transform:uppercase;margin:5px 0}
body.startup h4 {font-family: 'Eurosoft','Arial','Sans-Serif';font-size:18px;line-height:20px;font-weight:normal;color: #FFFFFF;letter-spacing:2px;text-transform:uppercase;margin:5px 0}
body.startup h5 {font-family: 'Eurosoft','Arial','Sans-Serif';font-size:16px; line-height:18px;font-weight:normal;color: #FFFFFF;letter-spacing:2px;text-transform:uppercase;margin:5px 0}
body.startup h6 {font-family: 'Eurosoft','Arial','Sans-Serif';font-size:13px; line-height:15px;font-weight:normal;color: #FFFFFF;letter-spacing:2px;text-transform:uppercase;margin:5px 0}

@media (min-width: 768px) {
  body.startup h1 {font-size:40px;line-height:42px}
  body.startup h2 {font-size:32px;line-height:34px}
  body.startup h3 {font-size:26px;line-height:28px}
  body.startup h4 {font-size:22px;line-height:24px}    
  body.startup h5 {font-size:16px;line-height:18px}
  body.startup h6 {font-size:13px;line-height:15px}
}

body.startup .wrapper {
	min-height:100%;
	position:relative;
  background:#EF7B83;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#EF7B83, endColorstr=#FBB92D)";
  background: -webkit-linear-gradient(left, #EF7B83, #FBB92D);
  background: -o-linear-gradient(right, #EF7B83, #FBB92D);
  background: -moz-linear-gradient(right, #EF7B83, #FBB92D); 
  background: linear-gradient(to right, #EF7B83, #FBB92D); 	
}
body.startup div.k2section_login {
	padding-bottom:50px
}

body.startup div.k2section_login #cookies {
  display:none;
}
body.startup div.k2section_login #browsercheck {
  display: none;
} 
body.startup div.k2section_login img.logo {
  margin: 0 auto;
  display: block;
  max-width: 100px;
  padding: 16px 0 8px;
  height: auto;
}
body.startup div.k2section_login .intro {
  text-align: center;
  padding-bottom: 30px;
  text-shadow: 1px 1px 1px rgba(60,60,59,0.3);
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 16px;
}
body.startup div.k2section_login .k2row [class^="k2col-"] {
  padding-top: 0; 
  padding-bottom:16px;   
}

body.startup div.k2section_login .box {
  position: relative;
  max-width: 544px;
  margin: 0 auto;  
}
body.startup div.k2section_login .box h3, 
body.startup div.k2section_login .box h4 {
  text-align:center;
}

body.startup div.k2section_login .box.login .wrap {
	border:solid 3px #FFFFFF;
  background: #FFFFFF;
  box-shadow: 1px 1px 5px rgba(60,60,59,0.3);
  padding: 8px;
}

body.startup div.k2section_login .box.login #form {
	display:none;
}

body.startup div.k2section_login  .box.testaccess .wrap {
  padding: 8px;
  border:solid 3px #FFFFFF;
  text-align:center;
}

body.startup div.k2section_login .box.login {
  color:#111111;
}
body.startup div.k2section_login .box.login * {
  color:#111111;
}
body.startup div.k2section_login .box.login hr {
  border:none!important;
  width:30%;
  height:3px;
  margin:16px auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#EF7B83, endColorstr=#FBB92D)";
  background: -webkit-linear-gradient(left, #EF7B83, #FBB92D);
  background: -o-linear-gradient(right, #EF7B83, #FBB92D);
  background: -moz-linear-gradient(right, #EF7B83, #FBB92D); 
  background: linear-gradient(to right, #EF7B83, #FBB92D); 
}
body.startup div.k2section_login .box.testaccess hr {
	width:30%;
  height:3px;
  margin:16px auto;
}
body.startup div.k2section_login .box.testaccess .btn {
  display:block;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#EF7B83, endColorstr=#FBB92D)";
  background: -webkit-linear-gradient(left, #EF7B83, #FBB92D);
  background: -o-linear-gradient(right, #EF7B83, #FBB92D);
  background: -moz-linear-gradient(right, #EF7B83, #FBB92D); 
  background: linear-gradient(to right, #EF7B83, #FBB92D); 
  text-decoration:none;
  padding:3px;  
  margin-top:24px;
}
body.startup div.k2section_login .box.testaccess .btn > a {
  text-align: center;
  background: #FFFFFF;
  color:#3C3C3B;
  padding: 8px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing:2px;
  -webkit-transition: color 0.33s linear, background 0.33s linear;
  -moz-transition: color 0.33s linear, background 0.33s linear;
  -o-transition: color 0.33s linear, background 0.33s linear;
  transition: color 0.33s linear, background 0.33s linear; 
  border: none;
  width: 100%;
  outline: 0 none;
  cursor: pointer;  
  display:block;
  text-decoration:none;
}
body.startup div.k2section_login .box.testaccess .btn > a:hover {
  background:transparent;
  color:#FFFFFF!important;
}


body.startup div.k2section_login .box.login .warning {
  background: #ffeb3b;
  color: #111111;
  font-size: 16px;
  padding: 16px;
  line-height: 18px;
  margin-bottom:8px;
}
body.startup div.k2section_login .box.login .warning * {
  color:#111111;
  text-shadow:none;
}
body.startup div.k2section_login .box.login .warning a {
  text-decoration:underline;
}

body.startup div.k2section_login .box.login .error {
  background: #f44336;
  color: #FFFFFF;
  font-size: 16px;
  padding: 16px;
  line-height: 18px;
  margin-bottom:8px;
}
body.startup div.k2section_login .box.login .error * {
  color:#FFFFFF;
}
body.startup div.k2section_login .box.login .error a {
  text-decoration:underline;
}
@media (min-width: 768px) {
	body.startup div.k2section_login img.logo {
	  padding:30px 0;	  
	}
	body.startup div.k2section_login .intro {
    font-size: 28px;
    line-height: 30px;	  
	  padding-bottom: 30px;
	}
}

/* --------------------------------------------------*/
/* WAIT                                              */
/* --------------------------------------------------*/
body.startup #k2waitrow .wrap {
  max-width: 600px;
  margin: 0 auto;
}
body.startup #k2waitrow .info {
  font-size:13px;
  line-height:16px;
  color:#FFFFFF;
  text-align:center
}
body.startup #k2waitrow .info a {
  text-decoration:underline;
}

body.startup #k2waitrow .info .dots {
  padding-bottom:36px;
}
body.startup #k2waitrow .info .dot {
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  opacity:0;
  border-radius: 100%;
  display: inline-block;
  margin: 0px 8px;
}

@keyframes blink {
  0% { opacity: 0; }
  30% { opacity: 1; }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
.dots .dot { animation: 2000ms blink infinite }
.dots .dot:nth-child(2) { animation-delay: 250ms }
.dots .dot:nth-child(3) { animation-delay: 500ms }


/* --------------------------------------------------*/
/* NEWSLETTER + ABUSE                                */
/* --------------------------------------------------*/
body.startup .newsletter {
  font-size: 24px;
  line-height: 28px;
  color: #111111;
  padding: 30px 0;
}
body.startup .newsletter a.button {
  background:transparent;
  border:solid 3px #111111;
  padding:8px 16px;
  color:#111111;
  font-weight:700;
  text-decoration:none;
  -webkit-transition: color 0.33s linear, border-color 0.33s linear;
  -moz-transition: color 0.33s linear, border-color 0.33s linear;
  -o-transition: color 0.33s linear, border-color 0.33s linear;
  transition: color 0.33s linear, border-color 0.33s linear; 
}
body.startup .newsletter a.button:hover {
	color:#FFFFFF;
	border-color:#FFFFFF;	
}

/* --------------------------------------------------*/
/* FORM INPUTS                                       */
/* --------------------------------------------------*/
body.startup form label {
  font-size: 13px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 3px;
  display: inline-block;
}
body.startup form input.text {
  width: 100%;
  display: block;
  border: 3px solid transparent;
  padding: 0 9px;
  font-size: 17px;
  font-weight:400;
  outline: 0 none;
  color: #111111;
  background: #f5f5f5;
  line-height: 36px;
  height:44px;
  -webkit-transition: border-color 0.33s linear;
  -moz-transition: border-color 0.33s linear;
  -o-transition: border-color 0.33s linear;
  transition: border-color 0.33s linear; 
}
body.startup form input.text:focus {
  border-color:#999999;
}
body.startup form .btn {
  display:block;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#EF7B83, endColorstr=#FBB92D)";
  background: -webkit-linear-gradient(left, #EF7B83, #FBB92D);
  background: -o-linear-gradient(right, #EF7B83, #FBB92D);
  background: -moz-linear-gradient(right, #EF7B83, #FBB92D); 
  background: linear-gradient(to right, #EF7B83, #FBB92D); 
  text-decoration:none;
  padding:3px;	
  margin-top:24px;
}
body.startup form .btn > input {
  text-align: center;
  background: #FFFFFF;
  color:#3C3C3B;
  padding: 8px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing:2px;
  -webkit-transition: color 0.33s linear, background 0.33s linear;
  -moz-transition: color 0.33s linear, background 0.33s linear;
  -o-transition: color 0.33s linear, background 0.33s linear;
  transition: color 0.33s linear, background 0.33s linear; 
  border: none;
  width: 100%;
  outline: 0 none;
  cursor: pointer;  
}
body.startup form .btn:hover > input {
  background:transparent;
  color:#FFFFFF!important;
}


/* --------------------------------------------------*/
/* footer                                         */
/* --------------------------------------------------*/
body.startup #footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;  
  color:#111111;  
}
body.startup #footer .k2container {
	padding-top:8px;
	padding-bottom:12px;
	font-size:14px;
  line-height:16px;  
}
body.startup #footer .k2container ul {
  list-style:none;
  text-align:center;
}
body.startup #footer .k2container ul li.copyright a {  
  text-decoration:underline;
}

/* --------------------------------------------------*/
/* BROWSERCHECK                                      */
/* --------------------------------------------------*/
body.startup .BROWSER {
  background-position:center left;
  background-repeat:no-repeat;
  width:55px;height:55px;
  float:left;  
}
body.startup .BROWSERINFO {	
  padding:3px 0 0 65px;
  text-decoration:none;
  text-align:left;
}

body.startup #browsercheck * {
  text-align:left;
}
body.startup .BROWSERINFO span.small {
  font-size:13px;
}
body.startup .BROWSERLINK {
  display:block;
  padding:5px 5px 5px 0; 
  text-decoration:none;
}
body.startup a.BROWSERLINK:hover {
  background:#FDD835;
}
body.startup .error a.BROWSERLINK:hover {
  background:#E53935;
}
body.startup div.BROWSERNOTAVAILABLE {  
  opacity: .5;
  filter: alpha(opacity=50) !important;
}

body.startup .BROWSER_IE {background-image:url('browser/48/Internet-Explorer-icon.png')}
body.startup .BROWSER_EDGE {background-image:url('browser/48/Edge-icon.png')}
body.startup .BROWSER_FIREFOX {background-image:url('browser/48/Firefox-icon.png')}
body.startup .BROWSER_CHROME {background-image:url('browser/48/Google-Chrome-icon.png')}
body.startup .BROWSER_OPERA {background-image:url('browser/48/Opera-icon.png')}
body.startup .BROWSER_SAFARI {background-image:url('browser/48/Safari-icon.png')}