html, body {
        max-width: 100%;
		 max-height: 100%;
		 margin: 0;
		font-family: Trebuchet MS;
        overflow-x: hidden;
    }
	   .bs-example{
    	margin: auto;
		    padding: 0;
         width: 100%;
		 background-image:url(images/61802.jpg);
    }
	

body {
  font-family: 'Trebuchet MS';
  margin: 0;
  padding: 0;
  word-wrap: break-word !important;
}

   
.carousel-inner{
   background: #ecdcdc8c;
    /* padding: 2px; */
    border: 6px solid #e2d6d6;
    border-radius: 9px;
   /*  height: 350px; */
	}
.top-container {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

 
/******* header  style *********/
.header {
  overflow: hidden;
  background-color: #0ba9b1;
  padding: 2px 1px;
}

.layer {
    background-color: rgba(248, 247, 216, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header a.logo {
  font-size: 25px;
  font-weight: bold;

}
.header a.logo1 {
  font-size: 25px;
  font-weight: bold;
}
.logo{
  margin-top: -1vw;
}
.logo1{
  /* margin-top: -1vw; */
  margin-top: 0vw;
}
.logo img {
  height:100px;
}
.logo1 img {
  height:85px;
}
.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}
@media screen and (max-width: 990px) {
	.header{
    float: none;
    display: block;
    text-align: center;
	font-size: 15px;
	font-weight: bold;
  }
	.header a.logo {
  font-size: 15px;
  font-weight: bold;
}
.logo img {
  height:80px;
}
}
@media screen and (max-width: 768) {
.logo
{
	float:left;
}
.logo img {
  height:70px;
  
}
.logo1 img {
  height:70px;
 
}
}
@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: center;
	font-size: 15px;
	font-weight: bold;
  }
  
  .header-right {
    float: none;
  }
}
 /******* header  style *********/
 
  
/******Horizontal image card scroll ******/
@keyframes tickerh {
	0% { transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(-100%, 0, 0); }
}

.containerh{
	 margin: 0 auto;
	width: 100%;
	overflow: hidden;
}
.tickerh-wrap {
	width: 100%;
	background-color: #fff;
	   
}
.tickerh-move {
	/*display: inline-block;*/
	display: inline-flex;
	white-space: nowrap;
	  padding-left: 100%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: tickerh;
	animation-duration: 16s;
}
.tickerh-move:hover{
	animation-play-state: paused;
}
.tickerh-item{
	display: flex;
	padding: 0 0.8rem;
		line-height: 2;
}

#card {
/* position: absolute;
width: 450px;
height: 225px;
padding: 25px;
padding-top: 0;
padding-bottom: 0;
left: 50%;
top: 67.5px;
margin-left: -250px;
background: #E9E2D0;
box-shadow: -20px 0 35px -25px black, 20px 0 35px -25px black;
z-index: 5;
width: 450px; */
height: 80px;
padding-top: 0;
padding-bottom: 0;
background: #cee6e2;
z-index: 5;
border: 3px solid #92cac7;
border-radius: 5px;
}

#card img {
/*  width: auto; */
height: 75px;
float: left;
border-radius: 5px;
margin-right: 15px;
/*   -webkit-filter: sepia(1);
-moz-filter: sepia(1);
filter: sepia(1); */
}

#card h2 {
font-family: 'Trebuchet MS';
/* color: #333; */
margin: 0 auto;
padding: 0;
font-size: 15pt;
white-space: normal;
text-align: justify;
}

#card p {
font-family: 'Trebuchet MS';
color: #555;
font-size: 13px;
white-space: normal;
text-align: justify;
}

#card span {
font-family: 'Trebuchet MS';
white-space: normal;
text-align: justify;
}
/******Horizontal image card scroll ******/
	
/******Menu button style ******/	
#menubutton {
width: auto;
/* border-right: 1px solid #000; */
padding: 0.5em 0 0.5em 0;
margin-bottom: 10px;
font-family: 'Trebuchet MS';
background-color: #74f3ee;
color: #333;
}

#menubutton ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menubutton li {
/* border-bottom: 2px solid #90bade; */
margin: 0;
list-style: none;
list-style-image: none;
}

#menubutton li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #53cac5;
border-right: 10px solid #96e0dd;
background-color: #0ba9b1;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #menubutton li a {
width: auto;
}

#menubutton li a:hover {
border-left: 10px solid #a79170;
border-right: 10px solid #e8ce6c;
background-color: #cea052;
color: #fff;
}
.buttonstyle
{
padding: 1px;	
font-size: 14px;
font-weight: 100;
}

.verticalscroll .mask1 {
  position: relative;
  left: 0px;
  top: 8px;
  /* height:275px; */
  overflow: hidden;
}
/******Menu button style ******/	

/******footer style ******/	
.ftr{
	font-family: 'Trebuchet MS';
	font-size:0.9vw;
	/* bottom: 0; */
	width:100%;
	line-height:1.2;
	color:#ffffff;
	background:#0ba9b1;
	font-weight:normal;
}
/******footer style ******/	
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 20px;
width:auto;

}
@media screen and (min-width: 768px)
{
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 20px;

}
.carousel-indicators 
{
bottom: 10px;
}
}
/******about text style ******/	
.toptext{
	text-align:justify;font-size:15px;font-weight: 100;
}
.topcontent
{
margin:auto;background:#ffffff;
}
#grad1 {
background-color: #7fe0d7;
/*  background-image: linear-gradient(#c7d8d7, #ffffff); */
background-image: linear-gradient(#fbf8e9, #d6e0e0);
}
/******about text style ******/	


/****vertical newa scroll****/
.verticalscroll { 
  background-color:#f3eded;
  /* width:300px;
  height:275px; */
  overflow:hidden;
  padding:5px;
  font-family: 'Trebuchet MS';
}
.verticalscroll .mask {
  position: relative;
  left: 0px;
  top: 8px;
  height:275px;
  overflow: hidden;
}
.verticalscroll ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.verticalscroll ul li {
  padding:8px 0px;
}
.verticalscroll li {
   background-color:#fde1eb;
   margin-bottom:5px;
}
.verticalscroll ul li a {
  color:#14767b;
  font-size:14px;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
}
/****vertical newa scroll****/

/******* read more button style *********/
.rmstyle {
padding:4px;
text-align:center;}
.rmstyle a {
  line-height:0em;
  letter-spacing:0.06em;
  font-family: 'Trebuchet MS';
  font-weight:normal;
  font-size:15px;
  text-decoration:none;
  color:#fff;
 /*  background:#231f20; */
  background:#cea052;
  display:inline-block;
  padding:12px 12px 12px 13px;
  transition:background 200ms;
  border-radius:4px;
}
.rmstyle a:hover {
  
   background:#231f20;
   /* background:#cea052; */
}
.rmstyle a:after {
  font-family: 'FontAwesome', sans-serif;
  font-weight:300;
  content: "\f105";
  margin-left:20px;
  color:#fff;
  font-size:15px;
  vertical-align:middle;
  transition:color 200ms;
}

.rmstyle a:hover:after {
   color:#fff;
}
/******* read more button style *********/

/******* heading1 text style *********/
#headermaintext
{    font-size: 2.5vw;
    color: #0a438a;
    /* text-shadow: 0 0 5px #7f8290; */
    font-family: Georgia,Times,"Times New Roman",serif;
    line-height: 1.1;
    font-weight: bold;
}

/******* heading1 text style *********/

/******* heading 2 text style *********/
#headersubtext
{
        font-size: 1.8vw;
    color: #f31600;
    text-shadow: 0 0 4px #d4cbab;
    font-family: 'Trebuchet MS';
}
/******* heading 2 text style *********/
.car_text{
	    background-color: #55a7ab;
    /* width: auto; */
    border-radius: 10px;
	color:white
}

/****Existing styles ****/
.atta
 {
	background: url("images/icon_user.gif") no-repeat scroll 1px 1px transparent;
	border: 1px solid rgb(98, 98, 98);
	padding-left: 18px;
	color:#000000;
	font-size:12px;
 }

/****open popup styles ****/	
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
   border-radius: 10px;
  width: 35%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #000;
  text-decoration: none;
  float: right;
  font-size: 28px;
  font-weight: bold;
      opacity: inherit;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
   opacity: .2;
}

.modal-header {
  padding: 0px 16px;
	background-image: linear-gradient(45deg, #1EADF0, #0AFB60);
	 border-radius: 10px;
  /* padding: 5px; */
  box-shadow: 0 0 30px -10px rgba(0,0,0,.3);
  color: white;
}

.modal-body {padding: 2px 16px;background-color: #e8fff8;border-radius:10px}

/****open popup styles ****/