body {background: #FFFFFF; font-family:Verdana, Arial, Sans-Serif; color: black; font-size: 18px;}
.addiv{box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.28); text-align:center; border-color: #112d4e; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; color: #111111; text-wrap: wrap;  max-width: 100%}
.masterdiv{width:70vw; margin-left: auto; margin-right: auto; color: #111111; text-align:center; word-wrap: break-word; overflow-wrap: break-word} 
.displaydiv{box-shadow: 0px 0px 1px 1px light-dark(#dddddd, #efefec); text-align:center; border-color: #112d4e; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; color: #111111; text-wrap: wrap;  max-width: 95%; height:auto}
.nodisplaydiv{text-align:center; border-color: #112d4e; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; color: #111111; text-wrap: wrap;  max-width: 100%; height:auto}
.promodiv{box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.28); text-align:center; border-color: #112d4e; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; color: #111111; text-wrap: wrap;  max-width: 100%}
.addressdiv{box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.28); word-break:break-all; text-align:center; border-color: #112d4e; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; word-break: keep-all; color: #111111; overflow-wrap: break-word; width:90%} 
.addressdiv a:link{text-decoration: none}
.addressdiv a:hover{text-decoration: none}
.addressdiv a:visited{text-decoration: none}
.addressdiv a:active{text-decoration: none}
.clearfix:before, .clearfix:after{content: ""; display: table}
.clearfix:after{clear: both}
.form{margin: 0 auto}
input[type='text'], input[type='email'], input[type='datetime-local'],input[type='tel'],input[type='number'],
input[type='password'],input[type='textarea'] {
border-radius: 5px; padding: 5px; color: #111111; margin-top: 5px; width:220px; border-color: #111111}
textarea{border-radius: 5px; padding: 5px; color: #111111; margin-top: 5px; width:220px; border-width:2px; border-color: #111111}
.genbox
{box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.28); word-break:break-all; text-align:center; width:90vw; border: 2px solid #111111; padding: 2px; 
border-radius: 5px; margin-left: auto; margin-right: auto; background-color: #fff; word-break: keep-all; overflow-wrap: break-word}
email{border-radius: 10px; padding: 5px; color: #111111; margin-top: 5px; width:220px}
tel{border-radius: 10px; padding: 5px; color: #111111; margin-top: 5px; width:220px}
input[type='submit'],input[type='reset']{display: inline-block; background-color: #0069aa; border-radius: 5px; border: 3px double #cccccc; color: #ffffff; text-align: center; padding: 5px; width: 110px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; 
cursor: pointer; margin: 5px}
input[type='submit']:hover,input[type='reset']:hover {
background-color: #98c0fa}
button{display: inline-block; background-color: #0069aa; border-radius: 5px; border: 3px ; color: #ffffff; text-align: center; padding: 5px; width: 110px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; margin: 5px}
.button1{display: inline-block; background-color: #0069aa; border-radius: 5px; border: 3px double #cccccc; color: #ffffff; text-align: center; width: 150px; -webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; margin: 5px}
h1{  
margin-top: .10em;
font-size: 160%;
  font-weight: 400;
  margin-bottom: .10em;}
  
  p {
  line-height: 1.5;
  margin: .588em 0;
  text-align: start;
}
h2 { font-size: 150%;
  font-weight: 400;
  margin-bottom: .77em;}
h3 { font-size: 140%;
  font-weight: 400;
  margin-bottom: .77em;}
h4 { font-size: 130%;
  font-weight: 400;
  margin-bottom: .77em;}

h5 { font-size: 120%;
  font-weight: 400;
  margin-bottom: .77em;}
h6 { font-size: 110%;
  font-weight: 400;
  margin-bottom: .77em;}

/* img {margin-left: auto; margin-right: auto; width: auto ; max-width: 100% ; height: auto }  */
a {font-size: 16pt; font-family:"Segoe print", Arial, Helvetica, sans-serif; text-align:center; display:inline; color:black}
.captcha {background-color: #dedede}
.imgthumb{border: 1px solid #ddd; border-radius: 4px; padding: 1px; width: 180px; height: 180px}
.iconDetails {margin-left:2%; float:left; height:40px; width:40px} 
.container2 {width:100%; height:auto; padding:1px}
table {table-layout: fixed; width: 99%; border: none}
.rvtdic{width:30vw; text-align: center; vertical-align:top}
.center {margin: auto; width: 90vw; padding: 2px; width: fit-content}
.centered {margin: auto; width: 75vw; padding: 2px; width: fit-content; border-collapse:collapse; border-spacing: 0; vertical-align:top}
.rvtddc{width:60vw; text-align: left; vertical-align:top; padding:5px}
.revthumb{border: 1px solid #ddd; border-radius: 4px; padding: 1px; width: 200px; height: 180px}
.promothumb{border: 1px solid #ddd; border-radius: 4px; padding: 1px; width: 200px; height: 175px}
select.mySelect{color: #fff; font-size: 22pt}
select.mySelect option{color: #000; padding: 0 10px}
ul, li{list-style: none; z-index:10}
input:focus {outline:none; border-left :3px solid #696969; border-bottom:3px solid #696969}
.hover-text:hover .tooltip-text {visibility: visible}
#top {top: -40px; left: -50%}
#bottom {top: 25px; left: -50%}
#left {top: -8px; right: 120%}
#right {top: -8px; left: 120%}
.hover-text {position: relative; display: inline-block; margin: 10px; font-family: Arial; text-align: center}
.boxedtable{box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.28); word-break:break-all; text-align:center; width:75vw; border-color: #112d4e; 
padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; background-color: #fff; word-break: keep-all; color: #111111; overflow-wrap: break-word}
.menudiv{box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.28); word-break:break-all; text-align:center; width:65vw; border-color: #112d4e; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; word-break: keep-all; color: #111111; overflow-wrap: break-word}
.boxedtable {background: linear-gradient(to right, #252525 0%, #252525 100%); color: #111111; border: 1px white; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.28); border-radius: 5px; 
 border: 1px solid grey; word-break:break-all; text-align:center; width:75vw; padding: 10px; margin-left: auto; margin-right: auto; word-break: keep-all; overflow-wrap: break-word; color: #111111}
.unboxedtable {color: #111111; text-align:center; width:75vw; padding: 10px; margin-left: auto; margin-right: auto; word-break: keep-all; overflow-wrap: break-word}
.unboxedtableold {word-break:break-all; text-align:center; width:75vw; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; background-color: #fff; word-break: keep-all; color: #111111; overflow-wrap: break-word}
div.scroll-container {overflow: auto; white-space: nowrap; padding: 2px; height:240px; margin:auto}
div.scroll-container img {padding: 2px}
.container1 {height:20px; border:5px solid black; text-align:left; overflow: auto; white-space: nowrap}
.div_to_hold_images {width:auto; margin:2px; height:auto; display: inline-block; overflow:auto; color:black}
.revthumb1{border: 1px solid #ddd; border-radius: 5px; width: auto; height: 200px}

div.scroll-container-full-size{ max-height: 500px; overflow:auto; min-height: 10px;}

.div-to-hold-images-full-size{max-width: 185px; height: auto;margin:5px;  background: #ffffff;display: inline-block; overflow:auto; padding: 5px;text-wrap: wrap; vertical-align:top; min-height: 10px; border:1px solid #D3D3D3; border-radius: 5px;}
.div-to-hold-images-full-size img{ padding: 1px; width: auto; height: 180px}
div.scroll-container-half-size{overflow-y:hidden; overflow: auto; white-space: nowrap; padding: 2px; height:137px; margin:auto}
.div-to-hold-images-half-size{width:auto; margin:2px; height:auto; display: inline-block; overflow:auto; color:black}
.revthumb-full-size{border: 1px solid #ddd; border-radius: 5px; width: auto; height: 180px}
.revthumb-half-size{border: 1px solid #ddd; border-radius: 5px; width: auto; height: 80px}
.container {margin: auto; width: 25%; padding: 1px; align-items: center; float: left; width: fit-content}
.image11{margin: auto; float: left; padding: 1px}
div.gfg {margin-left: auto; margin-right: auto; display: block; margin:2px; padding:2px; overflow: auto; text-align:justify; white-space: pre-wrap; word-break: keep-all; height:auto; max-height: 270px; text-align:center}
div.gfgallery {margin-left: auto; margin-right: auto; display: block; margin:2px; padding:2px; width: 89vw; overflow: auto; text-align:justify; white-space: pre-wrap; word-break: keep-all; height:auto; max-height: 270px; text-align:center}
.starchecked {color: orange}
.foooter{width:75vw; margin-left: auto; margin-right: auto; text-align: center; background-color:#27405e; color:#FFFFFF; padding:5px; width: fit-content; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; word-break: keep-all}
.bigger {font-size: 120%; font-weight:bold; color:#FFFFFF}
.fontsize22 {font-size: 22pt; font-weight:bold; color:#FFFFFF}
.fontsize24 {font-size: 24pt; font-weight:bold; color:#FFFFFF}
.fontsize26 {font-size: 26pt; font-weight:bold; color:#FFFFFF}
.fontsize28 {font-size: 28pt; font-weight:bold; color:#FFFFFF}
.fontsize30 {font-size: 30pt; font-weight:bold; color:#FFFFFF}
.smaller {font-size: 90%; color: #111111}
.promotext {text-align:center; margin: 0; font-weight:bold; text-decoration: none; color: #111111}
.logo{width:193px; height:190px; text-align:center}
.container {margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center}
/* img {max-width: 100%; max-height:100%} */
.text {font-size: 18px; padding-left: 2px; overflow-wrap: break-word}
.socialmediabuttons{background: #023e8e; border-radius: 3px; padding: 2px 5px; color: #ffffff; display: inline-block; text-align: center; margin:10px; text-decoration: none;}
.socialmediabuttons:link{background: #023e8e; border-radius: 3px; padding: 2px 5px; color: #ffffff; display: inline-block; text-align: center; margin:10px; text-decoration: none;}
/* .socialmediabuttons:visited{background: #023e8e; border-radius: 3px; padding: 2px 5px; color: #ffffff; display: inline-block; text-align: center; margin:10px}*/
.socialmediabuttons:visited{color: #ffffff; text-decoration: none;}
.socialmediabuttons:active{background: #023e8e; border-radius: 3px; padding: 2px 5px; color: #ffffff; display: inline-block; text-align: center; margin:10px; text-decoration: none;}
.errormessage{font-size:12px; font-weight: bold}
details {user-select: none}
details>summary span.icon {width: 24px; height: 24px; transition: all 0.3s}
details[open] summary span.icon {transform: rotate(180deg)}
summary {display: flex; cursor: pointer}
summary::-webkit-details-marker {display: none}
.td{vertical-align:top}
.parent {margin: 1rem; padding: 2rem 2rem; text-align: center}
.child {display: inline-block; border: 1px solid grey; padding: 1rem 1rem; vertical-align: middle; min-width:350px; margin:5px 5px 5px 5px}
/*.responsive {max-width: 100%; height: auto}*/
.responsive{width: 100%; height: 100px; object-fit: cover; object-position: bottom}
.businesstitle {font-size:120%; font-weight: bold; line-height: 110%}
.promoimg {
  width: 300px;  /* Set the width of the container */
  height: 200px; /* Set the height of the container */
  overflow: hidden; /* Hide any excess part */
}

.promoimg img {
/*  width: 100%;
  height: 100%;
  object-fit: contain;  Makes the image fit within the container */
    max-width: 100%;
    object-fit: contain;
    block-size: auto;
}
.description{width:65vw; text-align: center; padding:10px}
.headerlogo{width: auto; height: 200px}
/*.responsive {max-width: 100%; height: auto}*/
.responsive{width: 100%; height: 100px; object-fit: cover; object-position: bottom}
.arrow {border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px}
.down {transform: rotate(45deg); -webkit-transform: rotate(45deg)}
p{color: #111111}
/* unvisited link */
a:link {color: #111111; text-decoration: none;}
a:visited {color: #111111; text-decoration: none;}
a:hover {color: #111111; text-decoration: none;}
a:active {color: #111111; text-decoration: none;}
.pagetitle {text-align: center; color: #111111; font-size: calc(2rem + 2vw); text-decoration: none; font-weight: bold}
.pagesubtitle {font-size: calc(1rem + 1vw); font-family: 'San-Serif', cursive; letter-spacing: 4px; color: lightblue}
 .headercontainer {text-align:center; border-color: #112d4e; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; color: #111111; text-wrap: wrap;  width:65vw}
.headercontainer > div {padding: 5px; text-align:center; padding: 10px 10px 10px 10px}
.headercontainer a {text-decoration: none}
.innerdiv{background: #EEEEEE; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.28); word-break:break-all; text-align:center; border-color: #888888; 
padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; word-break: keep-all; color: #111111; overflow-wrap: break-word; width: 75vw; height: fit-content; 
}
.buttondiv{background: #EEEEEE; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.28); word-break:break-all; text-align:center; border-color: #888888; 
padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; word-break: keep-all; color: #111111; overflow-wrap: break-word; width: 75%; height: fit-content; 
}
input[type=checkbox]
{ -ms-transform: scale(2); /* IE */
 -moz-transform: scale(2); /* FF */
 -webkit-transform: scale(2); /* Safari and Chrome */
 -o-transform: scale(2); /* Opera */
 transform: scale(2); 
 padding: 10px; 
}
.boxedtable11{word-break:break-all; text-align:center; padding: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; word-break: keep-all; color: #111111; overflow-wrap: break-word; color:#111111}
.details,.show,.hide:target {
 display: none}
.hide:target + .show,
.hide:target ~ .details {
 display: block; 
}
.arrow-down{
color: black; 
}
 
 input[type="file"] {
  display: none;
}

.custom-file-upload {
  border: 3px solid #0069aa;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

/* linktwo */
.link-2 a:hover {
  color: #5CAAEF;
}

.link-2 a:before {
  content: '';
  border-bottom: solid 1px #5CAAEF;
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  
  opacity: 0;
}

.link-2 a:hover:before {
  opacity: 1.0;
}

.link-2 a, .link-2 a:before {
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}