@charset "utf-8";
/* CSS Document */
.sidst
{
border-right:1px solid #fff;
}
.hidst
{
display:none;
}
.hidst1
{
visibility:visible;
 margin:none;
 display:block;
}
.chip {
    text-align: center;
	padding:15px;
}

.colapst
{
padding-bottom:10px;
padding-top:4px;

}
.lists
{
color:#ccc;
}
.abost
{
text-align:left;
background:#fff;
margin-bottom:30px;
margin-top:30px;
}
.abost p
{
padding:0px;
font-size:17px;
line-height:1.8em;
color:#000000;
}
.misst
{
text-align:center;
background:#fff;
margin-bottom:30px;
}
.misst h1
{
color:#000000;
text-transform:uppercase;
}
.misst span
{
color:#FF8080;
}
.misst img
{
width:100%;
padding:30px;
border-right: 1px solid #ccc;
}
.misst p
{
padding:30px;
font-size:17px;
line-height:1.8em;
color:#000000;
}

.canst
{
text-align:center;
background:url(../images/help.jpg);
background-position:center;
background-size:cover;
padding-bottom:20px;
}

.canst h1
{
color:#fff;
text-transform:uppercase;
font-size:70px;
margin-top:75px;
margin-bottom:40px;
}
.canst p
{
padding:30px;
font-size:18px;
line-height:1.8em;
color:#fff;
}
.canst span
{
color:#FF8080;
}

.upst
{
text-align:left;
background:#fff;
margin-bottom:30px;
margin-top:30px;
}
.upst h1
{
color:#000000;
text-transform:uppercase;
text-align:left;
}
.upst span
{
color:#FF8080;
}
.upst img
{
width:100%;
padding-right:10px;
/*padding:30px;*/
border-right: 1px solid #ccc;
}
.upst p
{
font-size:14px;
line-height:1.8em;
color:#000000;
}

.numst
{
background:#f9a734;
text-align:center;
font-size:25px;
padding:10px;

}
.dayst
{
background:#FF8080;
text-align:center;
font-size:16px;
padding:10px;
color:#fff;
}

.latest
{
padding:0px; 
padding-bottom:10px;
padding-top:10px;
border-bottom:1px solid #ccc;
}
.latest p
{
font-size:12px;
}

.aboutst
{
text-align:center;
background:url(../images/about.png);
background-position:center;
background-size:cover;
padding-bottom:20px;
}

.aboutst h1
{
color:#fff;
text-transform:uppercase;
margin: 20px;
}
.aboutst h2
{
color:#fff;
text-transform:uppercase;
text-align:right;
font-size:55px;
line-height:1.3em;
margin-top:0px;
font-family:OpenSansBold;
}
.aboutst p
{
padding:10px;
font-size:16px;
line-height:1.8em;
color:#fff;
}
.aboutst span
{
color:#FF8080;
}

.footst
{
text-align:left;
background:#ffe58e;
padding-bottom:30px;
padding-top:30px;
}
.footst h1
{
color:#000000;
text-transform:uppercase;
margin-left:35px;
margin-top:0px;
font-size:30px;
}
.footst span
{
color:#000000;
}

.footst p
{
font-size:14px;
color:#000000;
line-height:30px;
}
.footst li
{
line-height:2em;
}

.footst li a
{
color:#000000;
}
.addst
{
border-right:1px solid #ccc;
}
.ist
{
margin-right:10px;
}
.subst
{
width:50%;
margin:0 auto;
}
.cmpst
{
color:#fff;
background:#333333;
padding-top:10px;
}

.page-header {
	background:url(../images/inner-bg.png)  no-repeat top right;
	margin:0;
	background-color:#ffe58e;
	border-bottom:1px solid #ffe58e;
	font-family:OpenSansLight;
}
.page-header h1 {
	margin-bottom:14.5px;
	color:#000;
	font-size:50px;
	line-height:55px;
	margin-top: 14.5px;
}
div.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 266px;
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 12px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 70%;
    border-left: none;
    min-height: 325px;
}
@media (max-width:768px) 
{
.hidst
{
display:block;
}
.hidst1
{
 margin: 0 auto;
 display:block;
}
.aboutst h2
{
color:#fff;
text-transform:uppercase;
text-align:center;
font-size:40px;
line-height:1.3em;
margin-top:0px;
font-family:OpenSansBold;
}

}











.src-image {
  display: none;
}

.card {
  overflow: hidden;
  position: relative;
  border: 1px solid #CCC;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  background-color: #284c79;
  color: rgb(136, 172, 217);
}

.card .header-bg {
  /* This stretches the canvas across the entire hero unit */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom: 1px #FFF solid;
  /* This positions the canvas under the text */
  z-index: 1;
}
.card .avatar {
  position: relative;
  margin-top: 15px;
  z-index: 100;
}

.card .avatar img {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid rgba(0,0,30,0.8);
}