:root {
  font-size: 12px;
}

@font-face {
  font-family: "Montserrat";
  src: url(font/Montserrat-Regular.otf) format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url(font/Montserrat-Medium.otf) format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: "Montserrat";
  src: url(font/Montserrat-SemiBold.otf) format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: "Montserrat";
  src: url(font/Montserrat-Bold.otf) format("opentype");
  font-weight: bold;
}

body {
  background: #ffffff;
  color: #192e2f;
  font-family: "Montserrat", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.audiojs {
  margin: 7px auto;
  margin-bottom: 8px;
  max-width: 100%;
  background-color: #00e8ac;
}

.audiojs .scrubber {
  background-color: #ffffff;
  border-radius: 12px;
  width: 45%;
}

.audiojs .progress {
  background-color: #1e6754;
}

.audiojs .play {
  background: url(icon/play.svg) 6px 4px no-repeat;
  background-size: 18px 18px;
}

.audiojs .pause {
  background: url(icon/pause.svg) 6px 4px no-repeat;
  background-size: 18px 18px;
}

.audiojs .time {
  font-family: "Montserrat";
  font-weight: 500;
  color: #192e2f;
}

.tt {
  position: fixed;
  left: 40%;
  bottom: 75%;
}

.aya {
  position: fixed;
  left: 4%;
  bottom: 72%;
}

.ft {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
}

.tt img {
  width: 28px;
}

.ar {
  font-size: 2.5rem;
  line-height: 2;
  text-align: right;
  margin-left: 40px;
  margin-bottom: 0.75rem;
}

n {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -3px;
  background: url(ayat_number.png) no-repeat;
  background-size: 40px 40px;
  background-position-x: 3px;
  width: 43px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  transform: translateX(-4px);
}

.tos {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
}

.tos.hide {
  display: none;
}

.tos a:first-child {
  background: transparent !important;
  min-width: auto !important;
  position: absolute !important;
  right: 28px;
  top: 14px;
}

#tos1 a,
#tos2 a,
#tos3 a,
#tos4 a,
#tos5 a,
#tos6 a,
#tos7 a,
#tos8 a,
#tos9 a,
#tos10 a,
#tos11 a,
#tos12 a,
#tos13 a,
#tos14 a,
#tos15 a,
#tos16 a,
#tos17 a,
#tos18 a,
#tos19 a,
#tos20 a,
#tos21 a,
#tos22 a,
#tos23 a,
#tos24 a,
#tos25 a,
#tos26 a,
#tos27 a,
#tos28 a,
#tos29 a,
#tos30 a,
#tos31 a,
#tos32 a,
#tos33 a,
#tos34 a,
#tos35 a,
#tos36 a,
#tos37 a,
#tos38 a,
#tos39 a,
#tos40 a,
#tos41 a,
#tos42 a,
#tos43 a,
#tos44 a,
#tos45 a,
#tos46 a,
#tos47 a,
#tos48 a,
#tos49 a,
#tos50 a,
#tos51 a,
#tos52 a,
#tos53 a,
#tos54 a,
#tos55 a,
#tos56 a,
#tos57 a,
#tos58 a,
#tos59 a,
#tos60 a,
#tos61 a,
#tos62 a,
#tos63 a,
#tos64 a,
#tos65 a,
#tos66 a,
#tos67 a,
#tos68 a,
#tos69 a,
#tos70 a,
#tos71 a,
#tos72 a,
#tos73 a,
#tos74 a,
#tos75 a,
#tos76 a,
#tos77 a,
#tos78 a,
#tos79 a,
#tos80 a,
#tos81 a,
#tos82 a,
#tos83 a,
#tos84 a,
#tos85 a,
#tos86 a,
#tos87 a,
#tos88 a,
#tos89 a,
#tos90 a,
#tos91 a,
#tos92 a,
#tos93 a,
#tos94 a,
#tos95 a,
#tos96 a,
#tos97 a,
#tos98 a,
#tos99 a,
#tos100 a,
#tos101 a,
#tos102 a,
#tos103 a,
#tos104 a,
#tos105 a,
#tos106 a,
#tos107 a,
#tos108 a,
#tos109 a,
#tos110 a,
#tos111 a,
#tos112 a,
#tos113 a,
#tos114 a {
  font-weight: bold;
  margin-right: 4px;
  position: relative;
  font-size: 17px;
  min-width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: #fff;
  text-align: left;
  padding-right: 5px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background: #119e63;
  text-decoration: none;
  margin: 6px 4px;
}

.tj,
.tf {
  text-align: justify;
  display: none;
  line-height: 1.5;
  color: #192e2f;
  margin-left: 30px;
  margin-top: 20px;
}

.latin {
  font-weight: bold;
  text-align: justify;
  line-height: 1.5;
  color: #000;
  margin-left: 40px;
}

#b {
  background: url(bs.png) no-repeat;
  background-size: 180px;
  padding: 35px;
  padding-top: 18px;
  padding-left: 220px;
  background-position: center;
}

#sp {
  border-top: 4px double rgb(204, 204, 204);
  margin-top: 10px;
  padding-top: 10px;
}

#e {
  background: #ffffff;
  border-radius: 15px;
  padding: 15px 10px;
}

#d {
  background: #f8f3e6;
  border-radius: 15px;
  padding-top: 15px;
  padding-right: 5px;
  margin-right: -5px;
  margin-left: -5px;
}

audio {
  border: 3px solid #bfb18a;
  padding: 3px;
  border-radius: 15px;
}

#l {
  margin-left: 5px;
  position: absolute;
  left: 0;
  line-height: 0;
}

#r {
  margin-right: 5px;
  position: absolute;
  right: 0;
  line-height: 0;
}

@font-face {
  font-family: lpmq;
  src: url(lpmq.ttf);
}

@font-face {
  font-family: translit;
  src: url(translit.ttf);
}

.ar {
  font-family: lpmq;
}

.ltn {
  font-family: translit;
  text-align: right;
  line-height: 1.5;
  margin-left: 40px;
  font-style: italic;
}

.f-str {
  padding-top: 10px;
  padding-bottom: 10px;
}

.frst-td {
  padding-right: 28px;
}

.f-str > .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 600;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  margin-bottom: 10px;
}

.f-str > .badge-primary {
  color: #fff;
  background-color: #1e6754;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

header {
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.25rem;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  z-index: 10;

  height: 30px;
  background-color: #1e6754;
  background-repeat: repeat-x;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: top 0.2s ease-in-out;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#pagehome {
  transition: top 0.2s ease-in-out;
  width: 100%;
}

header t {
  text-align: center;
}

.nav-down .title h5 {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: -3px;
}

.nav-down .title span {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.75;
}

.nav-up {
  top: -40px;
}

form {
  margin-bottom: 15px;
}

input {
  width: 100%;
  border: none;
}

input:active {
  border: none;
}

#mn img,
#tentang img {
  width: 30px;
  float: left;
  padding-top: -15px;
}

#mn tr,
#msc tr {
  background: #bfb18a;
  border-radius: 20px;
}

#mn,
#mnj {
  position: fixed;
  bottom: 42px;
  z-index: 1000;
  right: 4%;
  width: 200px;
  height: 325px;
  overflow: auto;
  border-radius: 10px;
  max-height: 60%;
  background: #ffffff;
  border: 1px solid #1e6754;
  display: none;
  padding: 10px;
}

#mn a,
#msc a {
  text-decoration: none;
  color: #192e2f;
  font-size: 1.2rem;
  font-weight: 500;
}

#ok {
  margin-top: 60px;
  margin-bottom: 60px;
}

#footer img,
#tg img,
#stg img,
#asma img,
#l img,
#r img {
  width: 22px;
  height: 22px;
}

#footer {
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  background-color: #1e6754;
  background-repeat: repeat-x;
  height: 22px;
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-bottom: 12px;
  padding-top: 6px;
}

#footer > * {
  line-height: 0;
  margin-bottom: 1rem;
}

#aya {
  position: fixed;
  bottom: 28px;
  z-index: 1000;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: none;
  max-width: 500px;
}

.tejas .main .c {
  border-radius: 15px;
  margin-bottom: 1rem;
  box-shadow: 0 0.5rem 1rem rgba(14, 48, 0, 0.1);
}

.tejas .main .c.playing {
  background: none;
  border: 2px solid #1e6754;
  color: #192e2f;
}

.tejas ul li.playing {
  background: transparent;
  color: inherit;
  padding: 0;
}

.tejas ul li.playing a {
  border: 3px solid #1e6754;
}

.c a {
  text-decoration: none;
  color: #192e2f;
}

#msc {
  position: fixed;
  bottom: 45px;
  z-index: 1000;
  left: 4%;
  width: 55%;
  min-width: 300px;
  overflow: auto;
  border-radius: 10px;
  max-width: 500px;
  max-height: 60%;
  background: #ffffff;
  border: 1px solid #1e6754;
  display: none;
  padding: 10px 5px;
}

#msc tr {
  display: block;
  padding: 0.75rem 0;
  margin-bottom: 0.5rem;
  background: #cff4d2;
  border-radius: 8px;
}

#msc tr:last-child {
  margin-bottom: 0;
}

#msc tr td:first-child {
  text-align: center;
}

#msc td {
  line-height: 0;
  font-size: 0.8rem;
  font-weight: 500;
  background-color: #cff4d2;
}

#msc img {
  width: 25px;
}

.qari {
  position: fixed;
  bottom: 45px;
  z-index: 1000;
  left: 4%;
  width: 84%;
  height: 400px;
  overflow: hidden;
  border-radius: 10px;
  max-width: 500px;
  max-height: 60%;
  background: #ffffff;
  border: 1px solid #1e6754;
  display: block;
  padding: 10px;
  padding-top: 3px;
}

.qari.hide {
  display: none !important;
}

.qari img {
  width: 28px;
  position: absolute;
  top: 5%;
  right: 5%;
}

#upd {
  position: fixed;
  bottom: 45px;
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 84%;
  height: 65%;
  overflow: auto;
  border-radius: 10px;
  box-shadow: 0px 0px 0px 10000px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  border: 1px solid #bfb18a;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  padding-top: 3px;
}

#upd center {
  width: 100%;
}

#upd form {
  width: calc(100% - 60px);
  margin: 0.75rem 0;
  margin-left: 60px !important;
}

#upd table {
  margin-left: auto;
  margin-right: 15px;
}

#upd .tt {
  position: fixed;
  left: 4%;
  background: none !important;
  top: -10%;
}

#upd .search,
#upd .button {
  height: 35px;
  box-sizing: border-box;
  padding: 0;
  margin-bottom: 0;
  border-radius: 4px;
}

#upd .search {
  width: 100px;
}

#footer img {
  margin-right: 21px;
}

#tmnj img {
  width: 30px;
  height: 30px;
}

#upd a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  text-align: justiy;
  font-size: 1.25rem;
  padding: 5px 8px;
  margin-bottom: 4px;
  min-width: 35px;
  color: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background: #53bd84;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6px 4px;
}

#live-search {
  position: fixed;
  z-index: 1000;
  bottom: 30px;
  border: 1px solid #206150;
  border-radius: 8px;
  overflow: hidden;
  position: center;
  float: center;
  left: 0;
  right: 0;
  display: none;
  padding: 0 15px;
  background-color: #ffffff;
}

#live-search input:active,
#live-search input:focus {
  outline: none;
}

#aya img {
  width: 20px;
  margin-bottom: 15px;
}

#m {
  padding: 5px;
  background: #fc8e0d;
  margin-left: 3px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#myInput {
  width: calc(100% - 40px);
  font-size: 16px;
  padding: 12px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  border-radius: 15px;
  box-sizing: border-box;
}

#myInput:active,
#myInput:focus {
  outline: none;
}

#myUL {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li {
  margin-bottom: 0.5rem;
}

#myUL li:last-child {
  margin-bottom: 0;
}

#myUL li a {
  border-radius: 15px;
  border: 1px solid #ddd;
  /* Add a border to all links */
  margin-top: -1px;
  /* Prevent double borders */
  background: #39c9a2;
  padding: 12px;
  /* Add some padding */
  text-decoration: none;
  /* Remove default text underline */
  font-size: 12px;
  /* Increase the font-size */
  color: #000000;
  /* Add a black text color */
  font-weight: bold;
  display: block;
  /* Make it into a block element to fill the whole list */
}

#myUL li a.header {
  background-color: #e2e2e2;
  /* Add a darker background color for headers */
  cursor: default;
  /* Change cursor style */
}

#myUL li a:hover:not(.header) {
  background-color: #2cb691;
  /* Add a hover effect to all links, except for headers */
}

#tejaul {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#tejaul li {
  margin-bottom: 0.5rem;
}

#tejaul li:last-child {
  margin-bottom: 0;
}

#tejaul li a {
  border-radius: 15px;
  /* Add a border to all links */
  background: #cff4d2;
  padding: 12px;
  /* Add some padding */
  text-decoration: none;
  /* Remove default text underline */
  font-size: 12px;
  /* Increase the font-size */
  color: #192e2f;
  /* Add a black text color */
  font-weight: bold;
  display: block;
  /* Make it into a block element to fill the whole list */
  /* Add a search icon to input */
  background-image: url("icon/audio2.svg");
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  padding-left: 45px;
}

#msc #tejaul li a {
  background-image: url("icon/audio2.svg");
}

#mnj #tejaul li a {
  background-image: url("icon/menu2.svg");
}

#tejaul li a.header {
  background-color: #e2e2e2;
  /* Add a darker background color for headers */
  cursor: default;
  /* Change cursor style */
}

#tejaul li a:active:not(.header) {
  background-color: #dbcb88;
  /* Add a hover effect to all links, except for headers */
}

#sgs {
  position: fixed;
  top: 55px;
  z-index: 1000;
  width: 85%;
  height: 80%;
  overflow: auto;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 0px 10000px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  border: 1px solid #ff0000;
  display: none;
  padding: 10px 20px;
}

.text-input {
  font-size: 16px;
  padding: 10px 0;
}

.search {
  font-size: 15px;
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: 2px;
  text-align: center;
}

.button {
  width: 35px;
  padding: 6px;
  border: 2px solid #53bd84;
  background-color: #53bd84;
  color: #fafafa;
}

.button:hover {
  background-color: #fafafa;
  color: #207cca;
}

#jump {
  width: 70px;
}

#home {
  margin-top: 56px;
}

#home .item {
  display: flex;
  border-radius: 12px;
  box-shadow: 0 0.5rem 1rem rgba(14, 48, 0, 0.1);
  background-color: #ffffff;
  color: #192e2f;
  padding: 1rem 0.5rem;
  margin-bottom: 1rem;
}

#home a,
#home a:hover {
  display: block;
  text-decoration: none;
  color: inherit;
}

#home .item .number {
  position: relative;
  width: 28px;
  padding: 0 1rem;
}

#home .item .number img {
  width: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

#home .item .number span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-65%, -44%);
  z-index: 2;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -3px;
}

#home .item .title h5 {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.25rem;
}

#home .item .title span {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.75;
}

#home .lafadz {
  display: flex;
  margin-left: auto;
  margin-right: 1rem;
  justify-content: flex-end;
  align-items: center;
  font-size: 2rem;
}

#stg {
  position: absolute;
  right: 24px;
  line-height: 0;
}

#go {
  margin-center: 5px;
  tex-align: center;
  position: center;
  float: center;
}

#asma {
  margin-right: 5px;
  tex-align: right;
  position: right;
  float: right;
}

#gs {
  position: fixed;
  top: 55px;
  z-index: 1000;
  width: 85%;
  height: 80%;
  overflow: auto;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 0px 10000px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px 20px;
}

#tos1,
#tos2,
#tos3,
#tos4,
#tos5,
#tos6,
#tos7,
#tos8,
#tos9,
#tos10,
#tos11,
#tos12,
#tos13,
#tos14,
#tos15,
#tos16,
#tos17,
#tos18,
#tos19,
#tos20,
#tos21,
#tos22,
#tos23,
#tos24,
#tos25,
#tos26,
#tos27,
#tos28,
#tos29,
#tos30,
#tos31,
#tos32,
#tos33,
#tos34,
#tos35,
#tos36,
#tos37,
#tos38,
#tos39,
#tos40,
#tos41,
#tos42,
#tos43,
#tos44,
#tos45,
#tos46,
#tos47,
#tos48,
#tos49,
#tos50,
#tos51,
#tos52,
#tos53,
#tos54,
#tos55,
#tos56,
#tos57,
#tos58,
#tos59,
#tos60,
#tos61,
#tos62,
#tos63,
#tos64,
#tos65,
#tos66,
#tos67,
#tos68,
#tos69,
#tos70,
#tos71,
#tos72,
#tos73,
#tos74,
#tos75,
#tos76,
#tos77,
#tos78,
#tos79,
#tos80,
#tos81,
#tos82,
#tos83,
#tos84,
#tos85,
#tos86,
#tos87,
#tos88,
#tos89,
#tos90,
#tos91,
#tos92,
#tos93,
#tos94,
#tos95,
#tos96,
#tos97,
#tos98,
#tos99,
#tos100,
#tos101,
#tos102,
#tos103,
#tos104,
#tos105,
#tos106,
#tos107,
#tos108,
#tos109,
#tos110,
#tos111,
#tos112,
#tos113,
#tos114 {
  position: fixed;
  bottom: 40px;
  width: 86%;
  height: 80%;
  overflow: auto;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px 20px;
}

#tos1 {
  z-index: 1000;
}

#tos2 {
  z-index: 1001;
}

#tos3 {
  z-index: 1002;
}

#tos4 {
  z-index: 1003;
}

#tos5 {
  z-index: 1004;
}

#tos6 {
  z-index: 1005;
}

#tos7 {
  z-index: 1006;
}

#tos8 {
  z-index: 1007;
}

#tos9 {
  z-index: 1008;
}

#tos10 {
  z-index: 1009;
}

#tos11 {
  z-index: 1010;
}

#tos12 {
  z-index: 1011;
}

#tos13 {
  z-index: 1012;
}

#tos14 {
  z-index: 1013;
}

#tos15 {
  z-index: 1014;
}

#tos16 {
  z-index: 1015;
}

#tos17 {
  z-index: 1016;
}

#tos18 {
  z-index: 1017;
}

#tos19 {
  z-index: 1018;
}

#tos20 {
  z-index: 1019;
}

#tos21 {
  z-index: 1020;
}

#tos22 {
  z-index: 1021;
}

#tos23 {
  z-index: 1022;
}

#tos24 {
  z-index: 1023;
}

#tos25 {
  z-index: 1024;
}

#tos26 {
  z-index: 1025;
}

#tos27 {
  z-index: 1026;
}

#tos28 {
  z-index: 1027;
}

#tos29 {
  z-index: 1028;
}

#tos30 {
  z-index: 1029;
}

#tos31 {
  z-index: 1030;
}

#tos32 {
  z-index: 1031;
}

#tos33 {
  z-index: 1032;
}

#tos34 {
  z-index: 1033;
}

#tos35 {
  z-index: 1034;
}

#tos36 {
  z-index: 1035;
}

#tos37 {
  z-index: 1036;
}

#tos38 {
  z-index: 1037;
}

#tos39 {
  z-index: 1038;
}

#tos40 {
  z-index: 1039;
}

#tos41 {
  z-index: 1040;
}

#tos42 {
  z-index: 1041;
}

#tos43 {
  z-index: 1042;
}

#tos44 {
  z-index: 1043;
}

#tos45 {
  z-index: 1044;
}

#tos46 {
  z-index: 1045;
}

#tos47 {
  z-index: 1046;
}

#tos48 {
  z-index: 1047;
}

#tos49 {
  z-index: 1048;
}

#tos50 {
  z-index: 1049;
}

#tos51 {
  z-index: 1050;
}

#tos52 {
  z-index: 1051;
}

#tos53 {
  z-index: 1052;
}

#tos54 {
  z-index: 1053;
}

#tos55 {
  z-index: 1054;
}

#tos56 {
  z-index: 1055;
}

#tos57 {
  z-index: 1056;
}

#tos58 {
  z-index: 1057;
}

#tos59 {
  z-index: 1058;
}

#tos60 {
  z-index: 1059;
}

#tos61 {
  z-index: 1060;
}

#tos62 {
  z-index: 1061;
}

#tos63 {
  z-index: 1062;
}

#tos64 {
  z-index: 1063;
}

#tos65 {
  z-index: 1064;
}

#tos66 {
  z-index: 1065;
}

#tos67 {
  z-index: 1066;
}

#tos68 {
  z-index: 1067;
}

#tos69 {
  z-index: 1068;
}

#tos70 {
  z-index: 1069;
}

#tos71 {
  z-index: 1070;
}

#tos72 {
  z-index: 1071;
}

#tos73 {
  z-index: 1072;
}

#tos74 {
  z-index: 1073;
}

#tos75 {
  z-index: 1074;
}

#tos76 {
  z-index: 1075;
}

#tos77 {
  z-index: 1076;
}

#tos78 {
  z-index: 1077;
}

#tos79 {
  z-index: 1078;
}

#tos80 {
  z-index: 1079;
}

#tos81 {
  z-index: 1080;
}

#tos82 {
  z-index: 1081;
}

#tos83 {
  z-index: 1082;
}

#tos84 {
  z-index: 1083;
}

#tos85 {
  z-index: 1084;
}

#tos86 {
  z-index: 1085;
}

#tos87 {
  z-index: 1086;
}

#tos88 {
  z-index: 1087;
}

#tos89 {
  z-index: 1088;
}

#tos90 {
  z-index: 1089;
}

#tos91 {
  z-index: 1090;
}

#tos92 {
  z-index: 1091;
}

#tos93 {
  z-index: 1092;
}

#tos94 {
  z-index: 1093;
}

#tos95 {
  z-index: 1094;
}

#tos96 {
  z-index: 1095;
}

#tos97 {
  z-index: 1096;
}

#tos98 {
  z-index: 1097;
}

#tos99 {
  z-index: 1098;
}

#tos100 {
  z-index: 1099;
}

#tos101 {
  z-index: 1100;
}

#tos102 {
  z-index: 1101;
}

#tos103 {
  z-index: 1102;
}

#tos104 {
  z-index: 1103;
}

#tos105 {
  z-index: 1104;
}

#tos106 {
  z-index: 1105;
}

#tos107 {
  z-index: 1106;
}

#tos108 {
  z-index: 1107;
}

#tos109 {
  z-index: 1108;
}

#tos110 {
  z-index: 1109;
}

#tos111 {
  z-index: 1110;
}

#tos112 {
  z-index: 1111;
}

#tos113 {
  z-index: 1112;
}

#tos114 {
  z-index: 1113;
}

#gs {
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
  display: flex;
}

#gs.hide {
  display: none;
}

#gs a {
  border-radius: 25px;
  font-weight: bold;
  margin-left: 8px;
  margin-bottom: 5px;
  min-width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  padding: 5px;
  color: #fff;
  text-align: left;
  padding-right: 5px;
  position: left;
  float: left;
  background: #1e6754;
  text-decoration: none;
  margin: 6px 4px;
}