@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400&display=swap');
@font-face {
  font-family: 'oratorstd';
  src: url('../fonts/oratorstd.eot');
  src: url('../fonts/oratorstd.eot') format('embedded-opentype'),
       url('../fonts/oratorstd.woff2') format('woff2'),
       url('../fonts/oratorstd.woff') format('woff'),
       url('../fonts/oratorstd.ttf') format('truetype'),
       url('../fonts/oratorstd.svg#oratorstd') format('svg');
}

@font-face {
  font-family: 'LHANDW';
  src: url('../fonts/LHANDW.eot');
  src: url('../fonts/LHANDW.eot') format('embedded-opentype'),
       url('../fonts/LHANDW.woff2') format('woff2'),
       url('../fonts/LHANDW.woff') format('woff'),
       url('../fonts/LHANDW.ttf') format('truetype'),
       url('../fonts/LHANDW.svg#LHANDW') format('svg');
}

body{background-color:#fff;font-family: 'Open Sans', sans-serif;}
header{z-index: 9999; background-color: #fff;font-family: 'oratorstd';box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.28);
  -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.28);
  -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.28);}
p{font-weight: 300;}
.logo{height: 50px;}
header a:hover{text-decoration: underline;}
h2{font-family: 'LHANDW';}

 
.banner{background-image:url(../images/banner.png); background-size: cover; background-repeat: no-repeat; min-height: 500px; position: relative; }
.banneroverlay{ position: absolute; margin-left: 67%;font-family: 'Merriweather', serif; font-weight: bold; top: 0; left: 0; padding-top: 10%; height: 100%;  color: #fff;}
.banneroverlay span{color: #C11D2F; font-size: 1.5em;font-weight: 600;}
.banneroverlay small{font-size: 1em; font-weight: normal;}

.butnbnr{background-color: #000; padding: 10px 45px; text-decoration: none; border-radius: 6px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); color: #fff; display: inline-block;}
.butnbnr:hover{background-color: #C11D2F; color: #fff;}
.responsive-img{width:100%; height:auto;}
.greybg{background-color: #eee;}
.topico{float: left; margin-bottom: 30px; margin-right: 20px;}
.fstsec p{margin-bottom: 40px;}
.frtprd{background-color: #eee; padding: 5px; text-align: center;}
.frtprd h5{margin-top: 10px; font-weight: 400;}
.ttlbrdra{background-image: url(../images/ttlbrdr.png); background-repeat: no-repeat; background-position: left bottom;padding-bottom: 10px;}
.ttlbrdrb{background-image: url(../images/ttlbrdr.png); background-repeat: no-repeat; background-position: center bottom;padding-bottom: 10px;}

  .footer{background-color: #0A1607; padding-top:20px; color: #fff;}
  .copyright{font-size: small; color: #fff; background-color: #5CB547; text-align: center; margin-top: 15px;}
  .copyright a{color: #999; text-decoration: none; margin: 0 10px;}
  .footer h5{font-weight: 500;}
  .footer p{font-size: 12px; margin-top: 20px;}
  .footer ul{list-style-type: none; padding: 0; margin: 0;}
  .footer li{list-style-type: none; padding: 0; margin: 0;}
  .footer li a{color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 18px; text-decoration: none;}
  .footer li a:hover{text-decoration: underline; color: #fff;}

  @media screen and (max-width: 480px) {
  .logoli{display: block; width: 100%; text-align: center;}
  .banner{min-height: 400px;}
  .banneroverlay{margin-left: 0; text-align: center; background-color: rgba(0, 0, 0, 0.6); padding-top: 20%;}
  }

  .bannerinr img{width: 100%; height: auto;}
  .menulst span{float: right;}
  .menulst h4{margin-top: 20px;}
  .menulst{line-height: 1.8;}
  .smhg{height: 200px;}
  .menuordr{margin-left: 30px; color:#5CB547;}