:root {
  --main_bg: #24364b;
  --accent_btn: #04133b;
  --headers: #c4367b;
  --accent_btn_text: #e456eb;
  --main_tx: #f4f6fb;
  --accent_tx: #f4f6fb;
}

main > .container {
	padding: 60px 15px 0;
}

.nmobile {
	margin-top: 6em;
}

.menui {
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: var(--accent_btn);
}

.sblock {
	padding: 10px;
	margin: 10px;
	text-align: center;
	text-decoration: none;
	background-color: var(--accent_btn);
}

.navbut {
	background-color: var(--accent_btn);
	color: var(--main_tx);
}

body {
	background: var(--main_bg);
	color: var(--main_tx);
	font-size: 15pt;
	line-height: 1.85em;
	font-family: "Helvetica Neue","Open Sans","Segoe UI","Ubuntu","Roboto","Oxygen","Cantarell",sans-serif;
	font-weight: 300;
	text-align: justify;
}

header {
	padding: 15px 15px 0;	
}

h1,h2,h3 {
	color: var(--main_tx);
	text-align: center;
}

nav {
	z-index: -1;
	background: var(--main_bg);
}

footer {
	background: var(--accent_btn);
}

img {
    display: block;
    margin: 8px auto 8px auto;

}

table td {
	border: solid;
	padding: 8px;
	border-width: 9px;
	border-color: var(--main_tx);
}

.navbar-brand {
	color: var(--main_tx) !important;	
}

.navbar-nav .nav-link.active {
	color: var(--accent_tx) !important;	
}

.navbar-nav .nav-link {
	color: var(--main_tx) !important;
}

.custom-toggler.navbar-toggler {
	border-color: var(--accent_tx) !important;
}

.custom-toggler .navbar-toggler-icon {
            background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(196, 54, 123, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }

.disclaimer {
	background-color: #fff!important;
	color: #000!important;
	border-color: #000!important;
	border: 0.5em solid;
	text-align: center;
}

.bottom {
	min-height: 4em;
}

.text-muted {
	text-align: center;
	color: var(--main_tx) !important;
}

.btn-goto {
	background: var(--accent_btn)!important;
	border-color: var(--accent_tx) !important;
}

.a-goto {
	color: var(--accent_tx) !important;
	text-decoration: none;
	font-weight: bold;
}

ol a {
	color: var(--main_tx) !important;
	text-decoration: none;
}



.popup{
	border-color: var(--accent_btn_text);
	border-style: solid;
	border-width: 9px;
	background-color: var(--accent_btn);
	min-width: 31vw;
	max-width: 72vw;
	padding: 10px 10px;
	position: fixed;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	border-radius: 3px;
	display: none; 
	text-align: center;
	z-index: 3;
}
.popup button{
	padding: 0;
	display: block;
	margin:  0 0 0 auto;
	font-size: 30px;
	color: var(--accent_btn);
	background: var(--main_tx);
	border-radius: 100%;
	border-style: none;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	cursor: pointer;
	line-height: normal;
}
.popup h2{
	margin-top: -20px;
}
.popup p{
	font-size: 2em;
	text-transform: uppercase;
	color: var(--main_tx);
	text-align: center;
	font-weight: bold;
	margin: 20px 0;
}
.popup a{
	display: block;
	width: 100%;
	position: relative;
	margin: 10px auto;
	text-align: center;
	background-color: var(--main_tx);
	border-radius: 3px;
	border-style: none;
	color: var(--accent_btn);
	text-decoration: none;
	font-size: 1.7em;
	font-weight: bold;
	padding: 8px 0;
}

.container {
	width: 80vw !important;
}