/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  font-size: calc(14px + 0.390625vw);
  line-height: 1.375; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
  width:100%;
  min-width:360px;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  letter-spacing: -0.021em;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
  text-decoration: none;
}
a.linc {
text-decoration: none;
padding-bottom: 1px;
color: #4e5c7a;
border-bottom: 2px solid #4e5c7a;
font-size: 1rem;
 
font-weight: 600;
padding:0 4px;
}
/*  #00008c   */
a.linc:hover {
  border-bottom: 2px solid #4e5c7a;
  background-color:#4e5c7a;
  color:white;
}



abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: 600;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  width: 100%;
  height: auto;
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
  height:2.5rem;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

  * {
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  padding: 0;
}
/*  end of normalize  ----------------------------------------------------------*/
/*  change wrapper and owrapper heights in local html*/

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #141414;
  /*font-size: calc(15px + 0.390625vw);
  line-height: calc(20px + 0.390625vw);*/
  font-weight: 400;
  background-color: #ffffff;
}
:root {
  --blue: #99b3c0;
  --white: #ffffff;
  --gray: #48575D;
  --salmon: #f36e63;
  --green: #598f9c;
  --green: #578A97;
  --red: #ED695E;
  --yellow: #f8a72b;
  --cream: #Fcc188;
  --charcoal: #3d5158;
  --darkcharcoal: #282828;
  --pagecol: #ED695E;
  --pink: #F69A98;
  --white: #ffffff;
  --hilight: #A51140;
  --teal: #1c6879;
}
.colf1 {
  background-color:#f1f1f1;
}
.colfa {
  background-color:#fafafa;
}
.colf5 {
  background-color:#f5f5f5;
}
.colfff {
  background-color:#ffffff;
}
body p, body li {
  margin: 0;
  min-width: 20px;
  max-width:36rem;
  padding-bottom: 0;
  height: auto;
  margin: 0 0 0 0;
    margin-bottom: 0px;
  margin-bottom: calc(1rem + 0.390625vw);
}
body p.nobotmar {
  margin-bottom:0;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
ol, ul {
  list-style: outside none none;
  list-style: none;
    list-style-position: outside;
  list-style-position: outside;
  list-style-position: outside;
  list-style-position: outside;
  padding: 0;
  margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-left: 0;
  margin-bottom: 1rem;

}
ul.guides {
  margin-bottom: 5%;
  width: 100%;
}
ul.guides li {
  margin: 0 0 0.125rem 0;
  padding: 0 0 0 1.2rem;
  text-indent: -0.5rem;
}
ul.guides li::before {
  content: "\2022";
  color: var(--hilight);
  font-weight: bold;
  display: inline-block;
  width: 0.5rem;
  margin-left: 0;
  left: 0;
  position: relative;
  font-size: 150%;
  margin-top: 0;
}
ul.guides.info li {
  margin: 0 0 0.125rem 0rem;
}
ul.newlist {
  list-style: outside none none;
  list-style: none;
    list-style-position: outside;
  list-style-position: outside;
  list-style-position: outside;
  padding: 0;
  margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
  margin-bottom: 0px;
  margin-left: 0;
  margin-bottom: 27px;
}
ul.newlist li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: .625rem;
  margin-left: .25rem;
  font-weight: 600;
}
ul.newlist li::before {
  content: "\2022";
  color: var(--hilight);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -.18em;
  left: 0;
  position: absolute;
  font-size: 150%;
  top: -.55rem;
}
/*ul {
  margin-bottom: 5%;
  list-style:none;
}*/
ul.square {
  max-width:32rem;
  list-style-type: disc;
}
/*
ul.square li::before {
  content: "\25fc";
  font-size:.5rem;
  color: #216B7E;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1.5rem;
  margin-right:1rem;
}*/
ul.square li { 
  font-size: inherit;
  line-height: 1.375;
  margin: 0 0 0 1.5rem;
  padding: 0 0 0 1.2rem;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
hr.hr5 {
  margin: 5% auto;
  color: #f6f6f6;
}
hr.hr5 {
  margin: 2% auto;
  color: #f6f6f6;
}
hr.hr5w {
  margin: 2.5% auto;
  color: #ffffff;
}
.noshow {
  display: none;
}
 .wrapper {
    min-height:50em;
    background-color:#ffffff;
    min-width:360px;
  }
  .owrapper {
    min-height: 120em;
    padding: 0 1rem;
    height: auto;
    min-width: 360px;
    max-width: 64rem;
    margin: 0 auto;
    background-color: #ffffff;
    margin-top:1rem;
  }
 img.imgwidth {
  width: 100%;
}
a {
  background-color: transparent;
  text-decoration: none;
}

h1, h2 {
  font-size: 1.4rem;  
  line-height: 1.2;
  letter-spacing: -0.021em;
  margin-top: 0;  
  /*color: #13264E;*/
  color: #000000;
  margin-bottom: .45rem;
  font-weight: 500;
}
h2 {
  font-size: calc(1.4 *(1.1rem + 0.25vw));
  text-align:left;
  margin-bottom: calc(.75 * (1rem + .5vw));
  line-height:1.1;
  font-weight: 600;
}
h1 {
  /* font-size: calc(2.4 *(1.1rem + 0.25vw));*/
   font-size: calc(40px + 0.390625vw);
}
h1.titles {
   font-size: calc(1.6 *(1.1rem + 0.25vw));
}
h3 {
  font-size: calc(1.4 *(1.1rem + 0.25vw));
  margin-bottom: calc(.75 * (1rem + .5vw));
  font-weight: 600;
  line-height: 1.10;
  letter-spacing: -0.021em;
  margin-top: 0;
}
.zhead {
  width: 100%;
  padding-left: 4%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-align: left;
  background-color: #3d5158;
  height: auto;
  margin-bottom:2rem;
  border-radius:.5rem;
}
.zh3 {
  color:#fff;
  margin-bottom:.5rem;
}
h3.h3disc {
  font-size:1rem;
}
h2.ztable {
  color:#fff;

}
h2.artitle, h2.titles  {
  
  font-weight: 600;
  margin-bottom: 7px;
}
.pubtxt h3 {
  margin-left: 0;
  padding-top: 5%;
  border-top: 1px solid silver;
  margin-top: 5%;
}
h4 {
 font-size: calc(1.2 *(1.1rem + 0.25vw));
  margin-bottom: calc(1.1 * (1rem + .5vw));
  font-weight:600;
}

h4.dev {
 font-size: calc(1.1 *(1.1rem + 0.25vw));
  margin-bottom: calc(1.1 * (1rem + .5vw));
}
h5, h6 {
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.021em;
  color: #13264E;
}
h6 {
  margin-bottom: 1rem;
  }
  /* specific code for book display in guides  */
  #slideshow-container {
  max-width: 900px;
  position: relative;
  margin: 0;
  z-index: 5;
  padding: 0%;
}
  .fade {
  animation-name: fade;
  animation-duration: .5s;
}
.guideframe {
  padding: 1rem;
  background-color: #f1f1f1;
  border-radius: 4px;
}
.semhead {
  background-color: #216b7e;
  margin-bottom: 2%;
  margin-left: 0;
  padding: 2% 5%;
  width: 100%;
  text-align:center;
}
.semhead h2, .semhead p {
  color:#ffffff;
  margin-bottom: 0;
}
.numbertext {
  color: #283656;
  font-size: 12px;
  padding: 8px .4rem;
  position: absolute;
  top: 0;
  right: 0;
}
 .slide-border{
    width:100%;
    border:solid #eaeaea 1px;
  }
  .mySlides {
  display: none;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  right: unset;
  width: auto;
  margin-top: -4rem;
  padding: 1rem .5rem 1rem .25rem;
  color: #404040;
  background-color:#f1f1f1;
  opacity:.45;
  font-weight: bold;
  font-size: 2rem;
  transition: 0.6s ease;
  border-radius: 0 12px 12px 0;
  user-select: none;
}
.next {
  right: 0;
  border-radius: 12px 0 0 12px;
  padding: 1rem .25rem 1rem .5rem;
  right: 0;
  left: unset;
}
td.guide-title {
  width: 40%; 
  text-align: left;
  vertical-align: top; 
  color: #7c7c7c;
}
td.guide-desc.gtset {
   padding-bottom:1rem;
  }
td.guide-desc {
  width: 60%; 
  text-align: left; 
  font-weight: 600;
}
.tcc {
  width:100%;
  overflow:hidden;
  margin-bottom: 2rem;
  padding:4%  4% 2% 4%;
}
/*key frames for page layout*/
.tcl {
  position: relative;
  float: none;
  width: 100%;
  padding:  0rem;
  background-color:transparent;
  display:block;
  margin-bottom:1rem;
}
.tcx {
position:relative;
float:none;
width:100%;
padding: 1rem;
background-color: white;
}
.tcl.nobotmar {
  margin-bottom:0;
}
.tcl.colf8 {
  background-color:#f8f8f8;
}
.tcl.pubsection, .tcx.pubsection {
  background-color:#3d5158;
  padding:.5rem 1rem;
}
.tcl.pubsection h2, .tcx.pubsection h2{
  color:white;
  }
.tcl.topdiv {
  margin-top:1rem;
}
.tcr {
  position: relative;
  float: none;
  width: 100%;
  padding:   0;
}
.tcr.normal {
  margin-top:0;
  position:relative;
  top:0;
}
.tcl.sub, .tcr.sub {
  width:100%;
  padding:0;
  margin:0 auto;
  width: 80%;
}
.tcl.sub.colf1 {
  background-color:#f1f1f1;
}
.tcl.xpadd {
  padding:0;
  margin-top:1rem;
}
/* now for frames used to display boxes in layers  */
.topright {
  padding: 0;
  margin-top: 1rem;
}
/* right menu and option buttons  */
.frm1 {
padding:1rem;
background-color:#f8f8f8;
border-radius:4px;
}
.frm1.colf1 {
  background-color:#f1f1f1;
}
.pagemenu, #pagemenu {
  background-color: #4e5c7a;
  padding: 3% 4%;
  position: relative;
  width: 100%;
  border-radius: 0px;
 /* margin-top: 1rem;*/
  margin-top: 0rem;
}
#buyframe {
  margin-top:1rem;
}
#pagemenu.xtra {
  margin-top: 0;
}
.menu-frame {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 3% 2%;
  background-color: #dcdcdc;
  border-radius: 8px;
  margin-bottom:2rem;
}
.frame3x {
  padding: 5%;
  margin-top: 0;
  background-color: #fff;
  border-bottom: 0px solid #A51140;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#frame3.frame3x {
  display: none;
}
#frame3.frame3x.noshow {
  display: block;
}
#frame3.frame3x.show.noshow {
  display: block;
}
#frame3.frame3x.show {
  display: none;
}
#frame3.frame3x.no {
  display: none;
}
#frame3.frame3x.no.noshow {
  display: none !important;
}

#frame3.frame3x.yes.noshow {
  display: none;
}
#frame3.frame3x.yes {
  display: block;
}

 
  #form-response.noshow {
    display:none;
  }
  #form-response.noshow.yes {
    display:block;
  }
.buyHeading {
  background-color: var(--hilight);
  padding: 3% 4%;
  position: relative;
  width: 100%;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0rem;
}
.buyHeading:hover {
  background-color: #4c4c4c;
  transition: all 0.15s linear 0s;
}
.tabscontent {
  border: 1px solid #e7e7e7;
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 10px 10px 10px;
  background: #FFFFFF;
  margin: 0;
  color: #333;
  position: relative;
  z-index: 5;
}
.buyHeading.no {
  display: none;
}

.noshow.no {
  display: block;
}
.show.no {
  display: none;
}
.show {
  display: block;
}
.btt {
  position:relative;
  text-align:right;
  margin:1rem 0;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button, input {
  overflow: visible;
  height: 2.5rem;
}
button, select {
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button {
  outline: none !important;
  border: none;
  background: transparent;
    background-color: transparent;
  background-color: transparent;
  background-color: transparent;
  background-color: transparent;
}
button#toggleLmenu, button#togglebuy, button#togglediscs, button#togglereg, button#toggleapply {
  font-size: 1.2rem;
  font-weight: 500;
  width: 100%;
  text-align: left;
  color: #ffffff;
  letter-spacing: -0.041em;
  height: 2rem;
}
 button#togglereg.pmh::after {
   font-family: bruces;
content: "\e801";
color: #fff;
font-size: 1.2rem;
position: absolute;
right: 1.2rem;
top: 1rem;
  }
button#togglereg.pmh::after {
  font-family: bruces;
  content: "\e800";
  color: #fff;
  font-size: 1.2rem;
  position: absolute;
  right: .3rem;
  top: .3rem;
}

.pmh {
  background-color: transparent;
  position: relative;
  top: 0;
  wdth: 100%;
  cursor: pointer;
}

.pmh p a, a .pmh p {
  color: #fff;
  margin-bottom: 0;
  padding: .3rem;
  font-size: 1.2rem;
}
.pmh p, a .pmh p{
  margin-bottom:.5rem;
}
button#toggleLmenu::after {
  font-family: bruces;
content: "\e801";
color: #fff;
font-size: 1.2rem;
position: absolute;
right: 1.2rem;
top: 1.0rem;
}

  button#toggleapply::after {
   font-family: bruces;
content: "\f212";
color: #fff;
font-size: 1.2rem;
position: absolute;
right: .1rem;
top: .3rem;
  }
button#togglebuy.pmh::after, div.pmh::after {
  font-family: bruces;
  content: "\f291";
  color: #fff;
  font-size: 1.4rem;
  position: absolute;
  right: 0rem;
  top: .2rem;
}
button#togglediscs.pmh::after {
  font-family: bruces;
  content: "\e827 \e827";
  color: #fff;
  font-size: 1.4rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
}
button#toggleLmenu.pmh::after {
  font-family: bruces;
  content: "\e800";
  color: #fff;
  font-size: 1.2rem;
  position: absolute;
  right: .3rem;
  top: .2rem;
}
.tabs {
  height: 2rem;
  position: relative;
}
.tabs > ul {
  font-size: 1em;
  list-style: none;
  position: absolute;
  margin-bottom: 0;
}
.tabs > ul > li {
  margin: 0 2px 0 0;
  padding: 7px 15px 7px 15px;
  display: block;
  float: left;
  color: #FFF; 
  user-select: none;  
  background: #FFAE31;
  background-color: rgb(255, 174, 49);
}
.tabs > ul > li {
  border-radius: 4px 4px 0 0;
  border: 1px solid #e7e7e7;  
  border-bottom: 0;
  position: absolute;
  left: 0;
  width: 5rem;
  background-color: #4E5C7A;
  color: #fff;
  text-align: center;
}
.tabs > ul > li.tab2 {
  left: 5.1rem;
}
.tabs > ul > li.tab3 {
  left: 10.2rem;
}
.tabs > ul > li:hover {
  font-weight: 700;
  cursor: pointer;
}
.tabs > ul > li.active {  
  background-color: #fff;
  cursor: pointer;
  color: #13264E;
  font-weight: 700;
  height: 2.1rem;
  z-index: 10;
}
.tabpage h3 {
  font-size: 1rem;
}
.tabpage p {
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.33;
  margin-bottom: 0.4rem;
  padding-left: 0%;
  margin-left: 0px;
  font-size: 0.9em;
padding-top: 0;
}
#tabpage_1 p.price, #tabpage_2 p.price, #tabpage_3 p.price {
  font-size: 70%;
  margin: 0;
  padding: 6px 0 0 0;
    padding-top: 6px;
  padding-top: 6px;
}
.tabr70 {
  float: right;
  width: 50%;
  margin-bottom: 1em;
  text-align: right;
}
.tabpayform {
  float: right;
  width: 60%;
  margin-top: 4px;
  margin-right: 0;
}
form.buyform {
  width: 90%;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  float: right;
}
#lmenu {
  display: none;
  opacity: 1 !important;
}
#lmenu.show {
  display: block;
}
#lmenu ul {
  display: block;
  margin-bottom: 0;

}
#lmenu ul li {
  border-bottom: 1px dotted #ffffff;
  padding: .1rem 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  text-align: left;
}
#lmenu ul li.last {
  border-bottom: 0px dotted #ffffff;
  }
#lmenu ul li h5 {
  margin: 0;
  font-size: 90%;
}
#lmenu a {
  text-decoration: none;
  color: #ffffff;
  font-weight: 500;
}
#lmenu ul li.current a {
color: orange;
}
/* contact form  */
form.contact-form {
  background-color: transparent;
  padding: 0;
  border: 0px solid silver;
}
input.input100 {
  width: 100%;
  padding: .5rem 0 .5rem .5rem;
  margin-bottom: 4%;
  background-color: #f7f7f7;
  border: 1px solid silver;
  height: 2.2rem;
}
textarea.input100 {
  width:100%;
  min-height: 6rem;
  padding: .5rem;
  border: 1px silver solid;
  background-color: #f7f7f7;
  margin-bottom: 4%;
}
.contact100-form-btn {
  padding: .5rem;
  margin: 0;
  width: 100%;
  margin: 0 auto;
  background-color: #216778;
  color: #fff;
  height: 100%;
  cursor: pointer !important;
  border: none;
  font-size: 1rem;
  font-weight: 400;
  float: none;
  height: 2.2rem;
  }
  .contact100-form-btn:hover {
  background-color: #4c4c4c;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
/*  end contact  */
/* odds and ends  */
.tabsectiona {
  float: left;
  width: 50%;
  margin-bottom: 8px;

}
.tabsectionx {
  float: left;
  width: 48%;
  margin-bottom: 8px;
width: 30%;
float: left;
margin-right: 3rem;
margin-top: 0.8rem;
}
/*
.bookpic {
  opacity:.9;
  
}
.bookpic:hover {
  opacity:1;
  cursor:pointer;
}
*/

 /* table layout for article library  */
.xtable {
  border-collapse: collapse;
  width: 100%;
  font-size: inherit;
  background-color: #fff;
  border: 0;
  width: 100%;
  min-width: auto;
}
.xtable.show {
  width: 100%;
  display: block;
}
.xrow {
  overflow: hidden;
  display: block;
  padding:1rem 1rem 1rem 4%;
 /* border-bottom: 1px solid silver;*/
 background-color:#f8f8f8;
 
}
.xrow.even1 {
  background-color:#fff;

  }
.xtable .firstcol, .xfirstcol {
  width: 100%;
  float: left;
  padding: 1rem 0rem 0 0;
  overflow: hidden;
  font-size: 100%;
  font-weight: 500;
  max-width:36rem;
}
.artitle {
  font-size:120%;
  font-weight:600;
  margin-bottom:7px;
}



/*.artitle a:hover {
  text-decoration:underline;
}*/
/*.xrow a {
  color: #283656;
}*/
.xrow.last {
  border-bottom: none;
}
.xtable .secondcol, .xsecondcol {
  width: 100%;
  float: left;
  padding: 0 0 1rem 0rem;
  overflow: hidden;
  max-width:36rem;
}
span.auth {
  display: block;
  margin-top: .4rem;
}
.xtable .thirdcol {
  display: none;
  width: 0%;
  float: none;
  padding: 0rem;
  overflow: hidden;
}
.menu-frame{
  width:100%;
  max-width:420px;
  margin:0 auto;
  padding:1rem;
  background-color:#f0f0f0;
  border-radius:4px;
}
.tcl.publ; .tcr.publ {
  width:100%%;

}
 @media (min-width: 500px){
  .owrapper {
    padding:0 1.5rem;
    margin-top:1.4rem;
  }
}
 /*  end table   */
/*  minor break point  750*/
  @media (min-width: 750px){
    html {
 font-size: calc(12px + 0.390625vw);
}
.frm1 {
  padding: 1rem;
  background-color: #f8f8f8;
  border-radius: 8px;
}
.tcl.xpadd {
  padding:1rem;
}
.tcl.publ, .tcr.publ {
  width:100%;
 
}
.owrapper {
    padding:0 2rem;
    margin-top:1.5rem;
  }
}
/*  first key break point  850*/
  @media (min-width: 850px){
.owrapper {    
 padding: 0 2rem ;
 margin-top:1rem;
}
.btt { 
  margin: 0;
}
.tcl {
position:relative;
float:left;
width:47.5%;
margin-right:1.5%;
/*width:64%;*/
padding:  0;
background-color: transparent;
margin-bottom:0;
}
.tcl.nowidpadd {
  padding:1rem 0;
}
/*
.tcr { 
position:relative;
float:right;
/*width:34%;*/
/*width:47.5%;
position: -webkit-sticky;
position: sticky;
top: 0;
margin-top: 0;
margin-left:1.5%;
padding:  0;

}*/
.tcr { 
position: relative;
    float: right;
    width: 34%;
    width: 47.5%;
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
    margin-top: 1rem;
    margin-left: 1.5%;
    padding: 0;
}

.tcl.sub, .tcr.sub {
  width:50%;
  padding:0;
  margin:0;
}
.tcl.sub.colf1 {
  background-color:#f1f1f1;
}
.tcl.publ, .tcr.publ {
  width:100%;
}
.frm1 {
  padding: 1rem;
  border-radius: 4px;
}
.menu-frame {
  padding: 1rem;
  background-color: #f0f0f0;  
  width: 100%;
  margin: 0 auto 2rem;
}


.tcr.colf1 {
background-color:transparent;
}

.tcl.nobotmar {
  margin-bottom:2rem;
}
}
 @media (min-width: 1000px){
  .tcl.publ {
  width:62%;
}
.tcr.publ {
  width:34%;
}

}