@font-face {
    font-family: 'Base';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: local('Poppins Bold'),
         url('/fonts/poppins/poppinsbold.woff2') format('woff2'),
         url('/fonts/poppins/poppinsbold.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 300;
    font-style: normal;
	font-display: swap;
    src: local('Poppins Light'),
         url('/fonts/poppins/poppinslight.woff2') format('woff2'),
         url('/fonts/poppins/poppinslight.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 500;
    font-style: normal;
	font-display: swap;
    src: local('Poppins Medium'),
         url('/fonts/poppins/poppinsmedium.woff2') format('woff2'),
         url('/fonts/poppins/poppinsmedium.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: local('Poppins Regular'),
         url('/fonts/poppins/poppinsregular.woff2') format('woff2'),
         url('/fonts/poppins/poppinsregular.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 600;
    font-style: normal;
	font-display: swap;
    src: local('Poppins SemiBold'),
         url('/fonts/poppins/poppinssemibold.woff2') format('woff2'),
         url('/fonts/poppins/poppinssemibold.woff') format('woff');
}

 :root {
  --color-base: #000;
  --color-black:#000;
  --color-black65:rgba(var(--color-black-rgb),0.65);
  --color-black30:rgba(var(--color-black-rgb),0.3);
  --color-grey:#E3E4EC;
  --color-light-grey:#F0F0F5;
  --color-dark-grey:#717481;
  --color-gold:#C39C00;
  --color-green:#256D32;
  --color-blue:#3B3ED1;
  --color-white:#fff;
  --color-link:var(--color-gold);
  --color-hover:var(--color-green);
  --color-active:var(--color-gold);

  --font-base:400 1rem/1.5 'Base', sans-serif;
  --font-heading:700 1rem/1.2 'Base', sans-serif;
  --text-lead:1.375rem;
  --text-small:0.8125rem;
  --h1:3.87rem;
  --h2:3.00rem;
  --h3:2.37rem;
  --h4:1.75rem;
  --h5:1.25rem;
  --h6:1.12rem;
  --indent:45px;

 }
 @media print {
  .noprint, .printns {display:none;}
  .print {display:block; margin:0.4in 0.25in 0.3in 0.25in;}
 }
 html, body{height:100%;}
 body {
  font: var(--font-base);
  color var(--color-base);
 }

 header {
  width: 100%;
  height: auto;
  margin: 0 auto;
 }
 #div_header_toolbar {
  display:inline;
  padding-top:15px;
  padding-right:5px;
  float:right;
  vertical-align:baseline;
 }
 #div_page_title {
  background-color: #00000070;
  color: var(--color-white);
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-bottom: 30px;

 }
 #span_page_title {
 }

 input {
  font: var(--font-base);
  background-color: var(--color-white);
  color: var(--color-black);
 }
 select {
  font: var(--font-base);
  color: var(--color-black);
 }
 button {
  font: var(--font-base);
  color: var(--color-black);
 }
 zselect {
  background-color: var(--color-light-grey);
  background-color: var(--color-grey);
  color: var(--color-black);
 }

 a {color:var(--color-link); transition:color 0.2s ease, background 0.2s ease; font-weight: 700;}
 a:hover, A:focus{color:var(--color-hover);; font-weight: 700;}
 a:focus, a:active, a:active:focus{outline:none;; font-weight: 700;}

 .hidden {display: none;}
 .jtslogo {
  display: inline-block;
  background-color: transparent;
  background-repeat:no-repeat;
  border: none;
  outline:none;
  height: 31px;
  width: 310px;
  background: url("/img/jtslogo.png") no-repeat;
  background-size: 310px 31px;
 }
 .jtslogo2 {
  display: inline-block;
  background-color: transparent;
  background-repeat:no-repeat;
  border: none;
  outline:none;
  height: 52.5px;
  width: 240px;
 }

 .pb {color: var(--color-base);}
 .termstitle {
   font-size: 20px;
   font-weight: bold;
   color: var(--color-gold);
   text-align: center;
 }
 .terms {
   padding-left: var(--indent);
  width: 90vw;
 }
 .copyrightstyle {
   font-size: 12px;
   color: #000;
   text-align: left;
 }


 @media (min-width: 600px){
  :root{
   --indent:45px;
  }
 }

 @media (max-width: 600px){
  :root{
   --indent:0px;
  }
 }

 .container {
/*  display: grid; */
  padding-top:15px;
  padding-bottom:30px;
  padding-left: var(--indent);
 }

 a.nodec {
  color: var(--color-dark-grey);
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
 }
 .container-right {
 }
 a.nodec:hover, A:focus{color:var(--color-hover);; font-weight: 700;}
 .nou {
  text-decoration: none;
 }

 #div_nlogo {
  float: left;
  width: auto;
  vertical-align: top;
 }
 #csframe {
  display: none;
  width: 900px;
  height: 100px;
  border-style: double;
 }
 #div_headerborder {
  width: auto;
  height: auto;
  font-size: 1pt;
  /* background: url(/img/bar3.png) top repeat-x; */
  clear: both;
  margin-bottom: 5px;
 }
 #span_page_title {
 display:inline;
 border-collapse: collapse;
 padding: 0;
 margin:0;
 font-family: var(--body-font-family);
 font-size: 1rem;
 font-style: var(--body-font-style);
 font-weight: bold;
}
.question {
 padding-top: 12px;
}

/* ************************* */
/* 6. BUTTONS				 */
/* ************************* */
.buttons-group{
  display: in-line;
}
.btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap:0.5rem;
 height:3.56rem;
 padding:1rem 2rem;
 text-transform: uppercase;
 font-weight: 500;
 letter-spacing: 0.1rem;
 line-height: 1.2;
 border-radius:0;
 border:0;
 transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,
button:focus, button:active:focus, button.active:focus, button.focus, button:active.focus, button.active.focus{outline:0!important;}
.btn:focus-visible{box-shadow:none;}

.btn-primary{color:white; background:var(--color-gold);}
.btn-primary:hover, .btn-primary:focus, .focus.btn-primary, .btn-primary:active, .active.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle{
	color:white; background:var(--color-hover);}

.btn-default{ color:#fff; background:var(--color-black);}
.btn-default:hover, .btn-default:focus, .focus.btn-default, .btn-default:active, .active.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle{
	color:white; background:var(--color-hover);}

.btn-white{ color:var(--color-black); background: #fff;}
.btn-white:hover, .btn-white:focus, .focus.btn-white, .btn-white:active, .active.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus, .btn-white:active.focus, .btn-white.active.focus, .open > .btn-white.dropdown-toggle{
	color:#fff; background:var(--color-hover);}

.btn-link{padding:0; height:auto; text-decoration: none; color:var(--color-gold);}
.btn-link:hover, .btn-link:focus, .btn-link:focus-visible{color:var(--color-hover); text-decoration: none; box-shadow: none;}
.color-white .btn-link:not(:hover):not(:focus){color:#fff;}
.color-white .btn-link:hover, .color-white .btn-link:focus, .color-white .btn-link:focus-visible{color:#FBDD68;}

.textbox .btn{margin-top:0.35rem; margin-bottom:0.35rem;}

.btn [class*='fa']{font-size:1rem;}

.btn-sm{padding:0.75rem 1.25rem; height:1.1rem;}
/*
.btn-sm{padding:0.75rem 1.25rem; height:2.68rem;}
*/

@media (max-width: 767.98px) {
	.btn:not(.btn-link){height:auto; white-space:normal; padding:1rem 1.5rem;}
}