@charset "utf-8";
/*viewport-fit=cover CSS: body { padding: env(safe-area-inset, 0px); }*/
/* CSS Document */
html {padding:0px; margin:0px;}
body {padding:0px; margin:0px;font-family: "Roboto Condensed", sans-serif; color:#333333}
.clearboth{clear:both}
#container {
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
#logoheader {
	width: 100%;
}
#header {width:100%; height:30px; border-bottom: solid 1px #CCCCCC; padding-top:15px; padding-bottom:15px; }
.logobox {width:110px; height:30px;}
.menubox {width:40px; height:30px; margin-top:-3px}
#footer {width:100%; margin-top:20px; padding-top:20px;  padding-bottom:20px; background-color:#333333; text-align:center}
.footertext {font-size:14px; font-weight:100}
img {width:100%}
.full {width:100%}
p {font-size:18px; line-height:24px; color:#333333; margin:0px; line-height:30px}
h1{font-size:28px; line-height:34px; color:#f17233; font-weight:bold; margin:0px;}
/*
h2{font-size:24px; line-height:30px; color:#f17233; font-weight:bold; margin:0px;}
h3{font-size:20px; line-height:30px; color:#f17233; font-weight:bold; margin:0px;}
*/
h2{font-size:20px; line-height:30px; color:#333333; font-weight:bold; margin:0px;}
h3{font-size:20px; line-height:30px; color:#333333; font-weight:bold; margin:0px;}
a {color:#f17233; text-decoration:none}
a:visited {color:#f17233;}
.thirdnr {width:33%; padding:0px; margin:0px; float:left}
.fleft{float:left}
.fright{float:right}
.pad1 {padding:1px}
.pad5 {padding:5px}
.pad10 {padding:10px}
.padl10{padding-left:10px}
.padr10{padding-right:10px}
.marl10{margin-left:10px}
.marr10{margin-right:10px}
.spacer5{width:100%; height:5px;}
.spacer10{width:100%; height:10px;}
.spacer20{width:100%; height:20px;}
.red {color:#f44a56;}
.white {color:#ffffff;}
.bggreylight {background-color:#D1D1D1}
.bggreydark {background-color:#333333}

.dropdown {padding:15px; background-color:#D1D1D1; text-align:center; font-size:18; font-weight: bold; cursor: pointer}
#menubox {position:absolute; width:100%;z-index:200}
.menuitem {padding:15px; font-size:18px; font-weight:bold; text-align:center;border-bottom: solid 1px #CCCCCC; background-color:#333333}
.piccontainer {padding-left:5px; padding-right:5px; padding-bottom:5px}
.dida{font-size:16px; padding-top:5px; paddin-bottom:5px; font-weight:bold; color:#f17233;}
.quarter_m {width:25%; padding:0px; margin:0px;}
.threequarter_m {width:75%; padding:0px; margin:0px;}
#shader1 {width:100%; height:100%; position:fixed; top:0px; background:rgba(0, 0, 0, 0.8); z-index:1000; display:none; overflow:auto}
.usercontainer {position:absolute; right:10px; padding:5px; height:30px; background: rgba(255,255,255,0.7)}
.usercontainer i {font-size:30px; color:#f17233; padding-right:5px; padding-left:5px;}
@media (max-width: 600px) {
.halfcont {width:100%; padding:0px; margin:0px;}
.third {width:100%; padding:0px; margin:0px;}
.twothird {width:100%; padding:0px; margin:0px;}
.onlymobile {display:block}
.nomobile {display:none}
.clearboth{clear:both}
#mappasic {width:100%; position: relative;}
#videocontainersic {width:100%;}
.spbox {width:33%;float:left; padding-top:15px; padding-bottom:15px;}
.spbox i {font-size:50px;}
.spdida {font-size:14px; font-weight:bold; color:#f17233}
}

@media (min-width: 601px) {
.halfcont {width:50%; padding:0px; margin:0px; float:left}
.third {width:33%; padding:0px; margin:0px; float:left}
.twothird {width:66%; padding:0px; margin:0px; float:left}
.onlymobile {display:none}
.nomobile {display:block}
.clearboth{clear:both: float:left}
#mappasic {width:50%; margin-left:auto; margin-right:auto; position: relative;}
#videocontainersic {width:50%; margin-left:auto; margin-right:auto;}
.spbox {width:16.6%;float:left; padding-top:10px; padding-bottom:10px;}
.spbox i {font-size:40px;}
.spdida {font-size:14px; font-weight:bold; color:#f17233}
}