/* main.css */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

* {  outline: none;  }

body {
	font-family: "Open Sans",Arial,sans-serif; color:#131081; margin: 0px
}


a:hover, a:focus, a:active, a:link, a:visited { text-decoration: none; color: inherit; }
.flexrow { display: flex; flex-wrap: wrap; }

.popup {display:none;position:fixed;background-color:#eeeeee;top:60px;left:10%;width:600px;height:390px;z-index:9002; overflow:auto}
.blanket {background-color:#111;opacity: 0.65; filter:alpha(opacity=65); position:fixed; z-index: 9001;top:0px; left:0px; width:100%; height:100%; display:block; }


.main { width: 100%; height:100vh; text-align:left; display:flex; flex-wrap: wrap;}

.top { width:100%; background-color:#ff0e02; display:none; }
/* .top .title { width:50%; color:#ffffff; text-align:left; padding: 4vh 2vw; } */
.top .logo { width:100%; text-align:center}
.top img { width:auto;height: 8vh; padding: 1vh 0; }

.lhs { width:15%; height:100%; background-color:#ff0e02 /*#f40000*/;}
.lhs .logo { width:100%; height:auto; padding:10% 0%;color:white;width:100%;font-size:x-large;text-align:center }
.lhs .title { width:100%; padding:10% 10%; background-color:#ffffff; color:#202020; text-align:left; font-size:large }
.lhs .subtitle { width:100%; padding:10% 10%; color:#ffffff; text-align:left; font-size:large }

.rhs { width:85%; color:#c0c0c0 }
.rhs .header { width:100%; font-size:xx-large; padding: 5% 5%; color:#404040 }

@media (max-width: 768px) {
.top { display:flex; }
.lhs { display:none; }
.rhs { width:100%; }
}