:root {
  --ccred: #324952;
  --ccdark: #46494c;
  --cclight: #7bbdcc;
  --white: #fff;
  --black: #000
}
html, body{margin:0;padding:0;font-family:Arial, "Sans serif";font-size:18px;line-height:1.3;color:var(--ccdark);max-height:100vh;max-width:100vw;width:100%;height:100%}
.wrap{position:relative;width:100%;padding:10px 0;}
.arial{font-family: Arial, sans serif;}

a,.show-hide-head-forgot{color:var(--ccred);text-decoration:none;}
a:hover,.show-hide-head-forgot:hover{color:var(--ccdark);text-decoration:none;}

p{margin:15px 0;padding:0;line-height:1.6;}
h1, h2, h3, h4, h5, h6{display:block;margin-bottom:15px;}
h1{font-size:250%;}
h2{font-size:210%;}
h3{font-size:200%;}
h4{font-size:180%;font-weight:bold;}
h5{font-size:150%;font-weight:bold;}
h6{font-size:130%;font-weight:bold;}
hr{display:block;border:0;height:2px;background:var(--cclight);padding:0;margin:20px 5px;}
hr.centered{margin:40px auto;}
.max-width{max-width:100%;}
.overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}

.button{cursor:pointer;display:inline-block;line-height:1;border:0;margin:10px;background:var(--ccred);color:var(--white);padding:20px 40px;border-radius:10px;transition:0.3s;}
.button:hover{background:var(--ccdark);color:#fff;}
.button.outline{border:2px solid var(--ccred);color:var(--ccred);background:var(--white);}
.button.outline:hover{border:2px solid var(--ccdark);color:var(--ccdark);}
.button.square{min-width:110px;font-weight:bold;}
.button.outline.square.selected{background:var( --cclight)}
.button.standard-width{width:75%}

.ui-container{display:block;margin:auto;padding:20px;position:relative;max-width:400px;height:100vh;}

.content-wrap{padding:80px 0;}
.splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}
.splash-logo{display:block;margin:30vh auto;}
#splash-ionio-table{position:absolute;right:0;bottom:0;margin:30px 40px;}
#splash-ionio-table td{padding:0 0 0 10px}
.iu-top{font-size:40px;line-height:0.6}
.iu-bot{font-size:25px;}
.splash-top{position: fixed;width: 1200px;height: 1200px;top: -800px;right: -950px;pointer-events: none}
.splash-bot{position: fixed;width: 1200px;height: 1200px;bottom: -700px;left: -1020px;pointer-events: none}

.logo-words{font-size:50px;text-align:right;color:var(--ccred);padding: 10px 30px;}
.logo-words span{color:var(--cclight);}
.lang-globe{display:block;margin:8vh 0 0 30px;}
.lang-title{font-size:30px;margin:0 0 20px 30px;font-weight:bold}
.lang-title-top{color:var(--black);}
.lang-title-bot{color:var(--ccred);}
.other-top{position: fixed;width: 300px;height: 300px;top: -150px;left: -150px;pointer-events: none}
.other-bot{position: fixed;width: 300px;height: 300px;bottom: -150px;right: -150px;pointer-events: none}

.login-button{padding:10px 20px;width:90%}
.login-title{text-align:right;font-size:30px;color:var(--black);padding: 5px 30px;}
.logged-nickname-pretext{font-size:18px;}
.logged-nickname{font-size:22px;margin-bottom:20px}

.intro-wrap{margin-top:10vh}

#captchaform label,#loginform label, #forgotform label{display:inline-block;padding:0px 2px;position:relative;left:10px;top:10px;background:var(--white);border-radius:5px;}
#captcha-required{display:none;}
#captcha-label{font-size:16px;}
.captcha-clear{font-size:0px;}

.input,.input-line, #captcha,#cse-ums-input, .login-ti{display:block;width:100%;border:2px solid var(--ccred);background:var(--white);padding:10px;line-height:1.2;color:#000;border-radius:10px;}
textarea.input,textarea.input-line{min-height:200px;}
.verr{border:2px solid red;}
#password-msg,#email-msg{background-color:var(--white);border-radius:10px;padding:0 2px;}

#loginform{position:relative;}
.login-password-show{position:absolute;right:5px;top:97px;}

.msg{padding:10px 20px;text-align:center;margin:10px 0;border-radius:15px;background:var(--white)}
.no-msg{padding:10px 20px;margin:10px 0;background:transparent;}
.uc{padding:20px 40px;font-size:150%;color:var(--cclight);text-align:center;}

.gal3-container{text-align:center;}
.gal3-thumb{display:inline-block;margin:5px;width:100px;height:66px;border-bottom:2px solid #b51e23}
.gal3-thumb:hover{border-bottom:2px solid #dc2a30}
.gal3-link{display:block;background-position:center;background-size:cover;opacity:0.8;width:100%;height:100%}
.gal3-link:hover{opacity:1}

.arjs-loader {height: 100%;width: 100%;position: absolute;top: 0;left: 0; background-color:#fff;z-index: 9999;display: flex;justify-content: center;align-items: center;text-align:center;}
.arjs-loader img{margin:auto;display:inline block;}

#ar-show-map{position:relative;padding:10px 16px;z-index:1000}
.ar-interface-elements{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:900}
#map2d{position:fixed;bottom:80px;left:10px;width:96vw;height:180px;border-radius:25px;border:4px solid var(--cclight);transition:0.5s;z-index:900;opacity:0.8}
#map2d.open{bottom:0px;left:0px;width:100vw;height:100vh;transition:0.5s;border-radius:0px;}
.leaflet-control-container{display:none;}
.ar-back-button{padding:10px 16px;position:absolute;right:5px;z-index:1000}

#ar-show-scenarios{position:absolute;bottom:60px;right:5px;padding:10px 16px;z-index:1100}
.scenarios-wrap{display:block;position:absolute;height:84vh;width:100vw;padding:20px 30px;background-color:#fff;bottom:-84vh;transition:1s;overflow:hidden;z-index:910}
.scenarios-wrap.open{bottom:10vh;transition:1s}
.scenarios-title{font-weight:bold;font-size:200%;margin-bottom:20px;}
.scenarios-subtitle{font-size:150%;margin-bottom:10px;}
.scenarios-row{display:block;padding:20px 10px 20px 50px;border-bottom:1px #ccc solid;background-image:url(/game/images/layout/target.png);background-position:left center;background-repeat:no-repeat;background-size:40px;cursor:pointer;}

/*.ar-target{height:30px;position:absolute;top: 50vh;left: 50vw;transform: translate(-50%, -50%);}*/

.ar-target {position: fixed;width: 30px;height: 30px;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: contain; z-index: 10000;pointer-events: none;}

.objective-circle-wrap{margin:10px 0 0 10px}
.objective-circle{display:inline-block;position:relative;}
.objective-circle img{width:50px;height:50px;background-color:#fff;border:2px solid crimson;border-radius:100%;}
.objective-circle .objective-counter{text-align:center;position:relative;bottom:5px;color:#fff;background-color:crimson;padding:0 5px;min-width:30px;border-radius:10px}
.objective-circle.completed img{border:2px solid forestgreen;}
.objective-circle.completed .objective-counter{background-color:forestgreen;}

.espa-banner img{display:block;position:absolute;left:0px;bottom:260px;width:100vw;padding:10px;}

a-scene {pointer-events: auto !important;}
.ar-interface-elements,.arjs-loader, #map2d,.scenarios-wrap {pointer-events: none;}
.ar-interface-elements .poi-details-close, .ar-interface-elements .pd-more, .ar-interface-elements #bottom-link, .ar-interface-elements .button, .ar-interface-elements .top-button, .scenarios-wrap .scenarios-row {pointer-events: all;}

.poi-details-block{z-index:1000;position:absolute;top:100px;left:0px;border-radius:20px;background-color:#fff;width:94vw;padding:5px;margin:5px 10px;display:none;}
.poi-details-close{float:right;display:inline-block;padding:2px 10px;text-align:center;background-color:var(--cclight);color:var(--ccred);border-radius:100%;margin-right:2px;}
.pd-title{font-size:22px;font-weight:bold;}
.pd-category{margin-top:15px;display:inline-block;padding:6px 12px;color:var(--ccred);background-color:#DBE3E6;border-radius:20px}
.pd-image{border-radius:100%;float:left;display:block;width:50px;height:50px;margin-right:10px;}
.pd-lead{margin-top:15px;padding:5px 10px;background-color:#eee;border-radius:10px;text-align:left;}
.pd-more{display:block;width:100%;margin-top:15px;text-align:right;color:var(--ccred);}
	
.top-bar{z-index:1000;position:absolute;top:0px;left:0px;margin:5px 10px;border-radius:20px;background-color:#fff;text-align:center;width:94vw}
.top-bar .top-button{z-index:1000;display:inline-block;margin:5px;color:var(--ccred);padding:15px 30px;font-size:20px;font-weight:bold;}
.top-bar .top-button.selected{background-color:var(--ccred);color:#fff;border-radius:20px;}

.bottom-bar{z-index:1000;position:absolute;bottom:30px;left:0px;}
.bottom-bar img{max-width:100%;}

@media (min-width: 768px) { /*sm*/
	
}
@media (min-width: 992px) { /*md*/
	.eq-height {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
	.parallax-wrap-a{padding:0;
}
@media (min-width: 1200px) { /*lg*/

}
@media (min-width: 1500px) { /*xl*/
	
}