img{behavior: url('pngbehavior.htc');}
[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
html {overflow-y: scroll;}
/* custom styles */
body {
  background: #e5e5e5;
  font: 13px/1.4 Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
label {
  display: block;
}
input {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  position: relative;
  width: 190px;
  height: 40px;
}

#head {
    position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
    background-image: url(images/head.jpg);
    width:1024px;
    height:315px;
    font-family: Arial, Helvetica, sans-serif;
    z-index:0;
    background-repeat:no-repeat;
}
.chear {
    position:absolute;
    top:60px;
    left:200px;
    width:215;
    z-index:0;	
}
.title {
    position:absolute;
    top:175px;
    left:20px;
    z-index:0;
}
.lang {
    position:absolute;
    top:180px;
    left:0px;
    width:250px;
    text-align:left;
    z-index:1;
    font-size:12px;
    font-family:Arial, Verdana, Tahoma;
    font-weight:bold;
}
.lang a {text-decoration:none; color:#ffffff;}
.lang a:hover {text-decoration:none; color:#000000;}
#menu {
    position:absolute;
    top:60px;
    left:0px;
    width:900px;
    z-index:2;
}
#links {position:absolute; top:0px; left:25px; width:1024px; z-index:4; text-align:center;}
#links a {text-decoration:none;}
#links a:hover {text-decoration:none;}
.main1 {position:absolute; top:0px; left:61px; z-index:5;}
.main2 {position:absolute; top:0px; left:182px; z-index:5;}
.main3 {position:absolute; top:0px; left:303px; z-index:5;}
.main4 {position:absolute; top:0px; left:424px; z-index:5;}
.main5 {position:absolute; top:0px; left:545px; z-index:5;}
.main6 {position:absolute; top:0px; left:666px; z-index:5;}
.main7 {position:absolute; top:0px; left:787px; z-index:5;}
.main8 {position:absolute; top:0px; left:908px; z-index:5;}

#main {
    position:relative; top:-150px; width:1024px; margin-left:auto; margin-right:auto; margin-top:0px; height:100%;
    font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
}
.left {position:relative; left:0px; top:-65px; width:208px; float:left; height:auto; z-index:5; background-image: url(images/rishl.png); background-position:right; background-repeat:repeat-y; font-family:Arial, Verdana, Tahoma; font-size:12px; color:#000000; text-align:left;}
.left .ikm {position:relative;}
.left .akc {position:relative;}
.left .kon {position:relative;}
.left .ikm_t {position:relative; padding-left:5px; padding-right:10px; line-height:16px;}
.left .akc_t {position:relative; padding-left:5px; padding-right:10px; line-height:16px;}
.left .kon_t {position:relative; padding-left:5px; padding-right:10px; line-height:16px;}
.left a {color:#1492a3; text-decoration:underline;}
.left a:hover {color:#000000; text-decoration:none;}

#main .content {position:relative; top:0px; left:30px; width:770px; font-family:Arial, Verdana, Tahoma;  padding-top:50px; height:auto; float:left; text-align:left;}
#main .servmenu {position:relative; top:-20px; left:30px; font-family:Arial, Verdana, Tahoma; padding-top:5px; padding-bottom:5px; padding-left:10px; height:auto; float:left; text-align:left; text-transform:uppercase; color:#000000; width:730px; margin-left:0px; background-color:#efede7; border:1px; border-style:double; border-width:3px; border-color:#c3c0ba;}
#main .servmenu a {color:#1492a3; text-decoration:none; font-size:10px; font-weight:bold;}
#main .servmenu a:hover {color:#000000; text-decoration:none; font-size:10px; font-weight:bold;}
#copy {position:relative; width:1024px; height:45px; clear:both; margin-left:auto; margin-right:auto; margin-top:0px; background-image: url(images/line.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center;}
#copy a {color:#000000; text-decoration:none;}
#copy a:hover {color:#25a5b7; text-decoration:underline;}
#copy a:visited {color:#000000; text-decoration:underline;}
.cm {position:absolute; left:10px; top:23px; width:200px; text-align:left;}
.cni {position:absolute; left:200px; top:20px; width:600px; text-align:center; font-size:13px;}
.wdm {position:absolute; left:820px; top:0px; width:200px; text-align:right;}

.timetable {position:absolute; top:275px; left:600px; font-size:20px;}
.menubar {position:absolute; top:-26px; left:0px; background-image: url(images/menubar.png); width:255px; height:286px; color:#ffffff; padding-left:13px; padding-top:25px; background-repeat:no-repeat; font-weight:bold; line-height:22px; font-size:13px;}
.menubar a {color:#ffffff; text-decoration:none;}
.menubar a:hover {color:#c1e6eb; text-decoration:underline;}
.infobar{position:absolute; left:260px; top:0px; width:600px; z-index:0;}
#gallery1 {position:absolute; left:70px; top:100px;}
.t1 {position:absolute; left:200px; width:500px; top:0px; text-align:center; padding-top:55px; font-size:20px; font-weight:bold; color:#df2323;}
#gallery2 {position:absolute; left:70px; top:350px;}
#gallery3 {position:absolute; left:70px; top:640px;}
#gallery4 {position:absolute; left:70px; top:900px;}
#gallery5 {position:absolute; left:70px; top:1140px;}
#gallery6 {position:absolute; left:70px; top:1300px;}
.t2 {position:absolute; left:200px; width:500px; top:0px; text-align:left; font-size:12px; color:#000000;}


#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
input[list]
{
  margin-left:auto;
    margin-right:auto;
    max-width: 500px;
    background: white;
    padding: 20px 20px 20px 20px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #666;
}

#smallList{
    margin-right:auto;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 190px;
}


/* Styles the thumbnail */

a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);

}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: 0;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);

width: 50%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
right:20px;
top: 7%;
}