h1 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
.tt,
.rlar {
  font-weight: 300;
  font-family: "Athiti", "Saira", "Actor", "Sarala", "Amaranth", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
p,
hr,
form,
.m,
.as,
.af,
.ai,
.pt,
.sb,
#lf .it {
  margin-bottom: 10px;
}
body,
a,
a img,
input,
textarea,
select,
#lf h1 {
  color: #61626e;
}
h1,
h2,
h3,
h4,
h5,
h6,
a:hover,
a:focus,
.htt,
li a u {
  color: #434141;
}
#l a,
#h u,
.ld,
#lf h1,
.sw,
#lw {
  position: relative;
}
#l a:before,
#h u a,
.ld:after,
#lf h1:after,
.sl,
.sl:before,
.xp {
  position: absolute;
}
#h,
.it,
#lf h1:after {
  width: 100%;
}
.it,
#lf h1 {
  transition: all 0.5s ease-in-out;
}
.it {
  border: 1px solid #000;
}
.bp:focus,
.it:focus {
  box-shadow: 0 0 0 2px rgba(180, 182, 104, 0.3);
}
.it,
#lf h1 {
  transition: all 0.5s ease-in-out;
}
.m,
.as,
.af,
.ai,
.b,
.it,
.sb,
.t {
  border-radius: 3px;
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
p,
hr,
form,
.m,
.as,
.af,
.ai,
.pt,
.sb,
#lf .it {
  margin-bottom: 10px;
}
.f .it {
  margin-bottom: 10px;
}
#h,
.it,
#lf h1:after {
  width: 100%;
}
.it {
  padding: 10px;
}
.it,
.f .p {
  box-sizing: border-box;
}
#s a,
.as,
.af,
.ai,
.it {
  display: block;
}
.bgg {
  background: #1d1d1d !important;
  color: #b3b3b3;
  border: 1px solid #484848 !important;
}
.b {
  cursor: pointer;
  opacity: 0.8;
}
.b:hover,
.b:focus {
  opacity: 1;
}
.bgi {
  background: #000 !important;
  color: #cfcfcf;
  border: 1px solid #000 !important;
}
.bgi:hover {
  color: #aeaeae;
}
.r {
  float: right;
}
.mt100 {
  margin-top: 100px;
}
.mt30 {
  margin-top: 30px;
}
.lgar {
  background: #000;
}
#lf {
  width: 300px;
  margin: 0 auto;
}
#lf h1 {
  width: 300px;
  height: 330px;
  background: url(lg.jpg) center top no-repeat;
  background-size: 300px 300px;
  filter: grayscale(100%);
  opacity: 0.5;
}
#lf h1:after {
  content: "";
  bottom: 0;
  left: -5px;
  font-size: 40px;
  letter-spacing: 2px;
}
#lf:hover h1 {
  filter: grayscale(0%);
}
.tc,
#lf h1,
.bx {
  text-align: center;
}
.tr {
  text-align: right;
}
.ld:after {
  right: 20px;
  content: ":";
}
#h u a {
  width: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 320px) {
  .b.bx {
    padding: 0;
  }
}