@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
*{margin:0;padding:0;outline:0}
body{font-family: 'Source Sans Pro', sans-serif;font-size:14px;line-height:18px;color:#000;background:url("../images/bg_main.gif") center;}

/* ======= Global Settings ======= */
.templete{width:960px;margin:0 auto;}
.contemplete {
  margin: 0 auto;
  width: 928px;
}
.clear{overflow:hidden;}

/* ======= Contact Us ======= */
input[type="text"], input[type="email"] {
  border: 1px solid #cfc5b6;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 10px;
  width: 732px;
}
input[type="submit"] {
  background: #609513 none repeat scroll 0 0;
  border: 1px solid #609513;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  padding: 5px 10px;
}
input[type="submit"]:hover{background:#0B6623;}
textarea {
  height: 110px;
  margin-bottom: 10px;
  padding: 5px;
  width: 740px;
  border: 1px solid #cfc5b6;
}

/* ======= Topbar ======= */
.topbar {
	background: #9E5BBA none repeat scroll 0 0;
	color: #fff;
	min-height: 30px;
	border-bottom: 3px solid #8CC447;
}
.quick-service{
	float: left;
	width: 740px;
	padding: 5px;
}
.quick-service a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	padding-right: 20px;
}
.search {
	float: right;
	width: 200px;
	padding-top: 5px;
}
.search input[type="text"]{
  border: 1px solid #cfc5b6;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 3px;
  width: 85px;
}
.search input[type="submit"] {
  background: #609513 none repeat scroll 0 0;
  border: none;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 8px;
}
.search input[type="submit"]:hover{background:#246E0A;}
/* ======= Headersection ======= */
.headersection {
  background: #fff none repeat scroll 0 0;
  color: #000;
}
.logo {
  float: left;
  width: 800px;
}
.logo img {
  float: left;
  margin-right: 15px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-top: 10px;
  width: 90px;
}
.logo h2 {
  color: #000;
  font-size: 30px;
  font-family: Times New Roman;
  margin-bottom: 15px;
  margin-top: 24px;
  line-height: 20px;
}
.logo p{color:#609513;font-size: 20px;}
.gov-logo {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  text-align: right;
  width: 140px;
}
.icon {
}
.icon a {
  background: #609513 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  font-size: 20px;
  margin-left: 3px;
  padding: 5px 10px;
}
.icon a:hover{background:#0B6623;color:#fff}

.searchbtn {
  float: right;
  margin-top: 8px;
}
.searchbtn input[type="text"] {
  border: 1px solid #609513;
  width: 200px;
  background: #fff;
  font-size: 16px;
  height: 18px;
}
.searchbtn input[type="submit"] {
  border: 1px solid #609513;
  background: #609513 none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 18px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  cursor: pointer;
}
.searchbtn input[type="submit"]:hover{
	background: #0B6623 none repeat scroll 0 0;
	border: 1px solid #609513;
	color:#fff;
}
.myicon {
  margin: 0 auto;
  width: 280px;
}
.myicon i {
  border: 1px solid #ca932f;
  border-radius: 5px;
  color: #ca932f;
  font-size: 180px;
  padding: 0 28px;
}

/* ======= Navsection ======= */
.navsection {
  background: none repeat scroll 0 0 #EFEFEF;
  min-height: 38px;
}
.navsection ul{margin:0;padding:0;list-style:none;}
.navsection ul li {
  border-left: 1px dotted #ddd;
  border-right: 1px dotted #ddd;
  display: block;
  float: left;
  position:relative;
}
.navsection ul li:first-child{border-left: 0px dotted #ddd;}
.navsection ul li:last-child{border-right: 0px dotted #ddd;}

.navsection ul li a {
  color: #000;
  display: block;
  font-size: 16px;
  padding: 10px;
  text-decoration: none;
}
.navsection ul li a:hover, #active{background:#609513;color:#fff;}

.navsection ul li ul {
  left: -999999px;
  position: absolute;
  z-index: 999;
}
.navsection ul li:hover ul{left:0px;}
.navsection ul li ul li{background:#EFEFEF;width:200px;border-bottom:1px dotted #ddd;float: none;border-left:0px dotted #FCFCFC;border-right:0px dotted #FCFCFC;}
.navsection ul li ul li:last-child{border-bottom:0px dotted #FCFCFC;}
.navsection ul li ul li a{}

/* ======= Slidersection ======= */
.item{
position:relative;
margin:200px 0;
 width:300px;
 height:200px;
 overflow:hidden;
}
.item img {
 width:300px;
 height:200px;

}
.overlay{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	top:-100%;
	transition:.8s;
}
.item:hover .overlay{top:0}
.slidersection {margin-bottom: 3px;}

/* ======= Newsticker ======= */
.newsticker {}

/* ======= Contentsection ======= */
.contentsection {
  margin-top: 3px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #EBEBEB;
  border-bottom: 0;
  padding: 15px;
}
.front-page-maincontent {
  background: #FFFFFF none repeat scroll 0 0;
  float: left;
  margin: 0 15px 15px 0;
  padding: 8px 15px;
  width: 630px;
}
.front-page-maincontent h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.maincontent {
  background: #FFFFFF none repeat scroll 0 0;
  float: left;
  margin: 0 15px 15px 0;
  padding: 8px 15px;
  width: 900px;
}
.maincontent h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.about h5 {
	padding: 3px 10px;
    border: 1px solid #609513;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    background: #EBEBEB;
}
.about {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.about img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b7801c;
  float: left;
  height: 190px;
  margin-right: 10px;
  padding: 5px;
  width: 300px;
}
.about p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: justify;
}
.about a {
  text-decoration: none;
  color: #000;
}
.about a:hover {
  text-decoration: underline;
}
.notfound {
  min-height: 400px;
  padding-top: 100px;
}
.notfound p {
  font-size: 100px;
  font-weight: bold;
  line-height: 137px;
  text-align: center;
}
.notfound p span {
  color: #ff0000;
  display: block;
  font-size: 200px;
}
.relatedpost{}
.relatedpost h2 {
  background: #e6af4b none repeat scroll 0 0;
  border-bottom: 2px solid #b7801c !important;
  color: #000 !important;
  margin-bottom: 8px !important;
  margin-top: 15px;
  padding-left: 10px !important;
}
.relatedpost img {
  height: 100px;
  margin-bottom: 10px;
  width: 180px;
}
.relatedpost img:hover{opacity:0.4}

/* ============= Intro ============ */
.intro {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.intro h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.intro h3 {
	padding: 3px 10px;
	width: 85px;
	border: 1px solid #EBEBEB;
	text-align: center;
	margin-bottom: 10px;
}
.intro h5 {
	text-align: center;
    font-size: 16px;
}
.intro h2 a{
  color: #ac7511;
  text-decoration: none;
}
.intro h4,.about h4 {
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
}
.intro h4 a, .about h4  a{text-decoration:none;color:#3399FF;}
.intro img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebb450;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 150px;
}
.intro p {
  font-size: 16px;
  line-height: 23px;
  text-align: justify;
  margin-bottom: 15px;
}
.intro ul {
	list-style-type: square;
}
.intro ul li {margin-bottom: 10px;}

/* ============= Completed Project ============ */
.com-project {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.com-project h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.com-project #decorate {
	text-align: center;
}
.com-project a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.com-project a:hover {
	text-decoration: underline;
}
.tbone {border: 1px solid #EBEBEB;margin: 20px 0;}
.tbone th, td{padding: 5px 10px;text-align: center;}
table.tbone tr:nth-child(2n+1){background: #f1f1f1;height: 30px;}
table.tbone tr:nth-child(2n){background: #fbfbfb;height: 30px;}

.tbone a {
	text-decoration: none;
	padding: 3px 8px;
	cursor: pointer;
	color: #fff;
	border-radius: 2px;
}


/* ============= Services ============ */
.services {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  border: 1px solid #EBEBEB;
  margin-bottom: 5px;
  padding: 5px;
}

.services h3 {
	padding: 3px 10px;
	border-bottom: 1px solid #EBEBEB;
	text-align: center;
}

.services img {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 200px;
}
.services p {
  font-size: 16px;
  line-height: 23px;
  text-align: justify;
  margin-bottom: 15px;
}
.services a {
	text-decoration: none;
	color: #000;
}
.services a:hover {
	text-decoration: underline;
}

/* ============= Upcoming Training ============ */
.upcoming-training {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  border: 1px solid #EBEBEB;
  margin-bottom: 5px;
  padding: 5px;
}

.upcoming-training h3 {
  padding: 3px 10px;
  text-align: center;
}

.upcoming-training p {
  font-size: 16px;
  line-height: 23px;
  text-align: justify;
  margin-bottom: 15px;
}
.upcoming-training ul li {
  list-style-type: none;
}
.upcoming-training a {
  text-decoration: none;
  color: #000;
}
.upcoming-training a:hover {
  text-decoration: underline;
}
#blinking-button{
    padding: 8px 35px;
    border-radius: 48px 0px; 
border: 0px solid #6C8003;
}
@keyframes blink {
  0%, 100% {background-color:#3F06FF;}
  50% {background-color: #FF0000;}
}
/* blink butto */
#blinking-button {
  background-color: #FF0000;
  color: white;
  animation: blink 1s linear infinite;
}

  /* Visit Website  */
        #container {
            position: absolute;
            bottom: 0;
            width: 100%;
            background-color: #8EDDBE; 
        }
        #inner-div {
            text-align: center;
            padding: 20px;
        }
/* ============= News &Events ============ */
.news-events {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  border: 1px solid #EBEBEB;
  margin-bottom: 5px;
  padding: 5px;
}

.news-events h3 {
	padding: 3px 5px;
	font-size: 20px;
}
.news-events a {
	text-decoration: none;
	color: #000;
}
.news-events span {
	padding: 3px 5px;
	font-size: 14px;
}
.news-events img {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 250px;
}
.news-events p {
  font-size: 16px;
  line-height: 23px;
  text-align: justify;
  margin-bottom: 15px;
}

/* ============= Gallery ============ */
.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 288px;
}
.gallery:hover {
  border: 1px solid #777;
}
.gallery img {
  width: 288px;
}
.desc {
  padding: 15px;
  text-align: center;
}

/* ============= Notice Board ============ */
.notice {
  margin-bottom: 15px;
}
.notice p {
  color: #FF0000;
}
.notice a {
  text-decoration: none;
  color: #000;
}
.notice a:hover {
  text-decoration: underline;
}
/* ========== Organogram ========= */
.organogram img {
  background: #FFFFFF none repeat scroll 0 0;
  float: left;
  margin: 0 15px 15px 0;
  padding: 8px 15px;
  width: 900px;
}
.organogram h2, .organogram h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.organogram a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
}
/* ========== Clients ========= */
.clients h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.clients img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #EBEBEB;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 200px;
  height: 82px;
  margin-bottom: 10px;
}
/* ========== Completed Training ========= */
.com-training {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.com-training h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.faq-header {
  font-size: 2em;
  border-bottom: 1px dotted #ccc;
  padding: 1em 0;
}

.faq-c {
  border-bottom: 1px dotted #609513;
  padding: 1em 0;
}

.faq-t {
  line-height: 1em;
  color: #aaa;
  font-family: sans-serif;
  float: left;
  font-weight: 700;
  padding-right: 0.3em;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
}

.faq-o {
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
}
.com-training a {
	text-decoration: none;
	color: #000;
}
.com-training a:hover {
	text-decoration: underline;
}
/* ========== Staff ========= */
.staff {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.staff h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.staff img {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 130px;
}
.tbone {border: 1px solid #EBEBEB;margin: 20px 0;}
.tbone th, td{padding: 5px 10px;text-align: left;}
table.tbone tr:nth-child(2n+1){background: #f1f1f1;height: 30px;}
table.tbone tr:nth-child(2n){background: #fbfbfb;height: 30px;}

.tbone2 {width: 100%; margin: 20px 0;}
.tbone2 th, td{padding: 5px 10px;}
table.tbone2 tr:nth-child(2n+1){background: #eaeaea;height: 30px;}
table.tbone2 tr:nth-child(2n){background: #eaeaea;height: 30px;}

/* ========== Board of Directors ========= */
.card-row {
	min-height: 280px;
	margin-left: 350px;
}
.card-row2 {
	min-height: 280px;
	margin-left: 90px;
}
.card-row3 {
  min-height: 280px;
  margin-left: 225px;
}
.card {
  float: left;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 160px;
  min-height: 250px;
  margin-right: 100px;
  margin-bottom: 10px;
}
.card img {
  width: 160px;
  height: 150px;
}
.card h3 {
text-align: center;
}
.card p {
  text-align: center;
}
.card a {
  text-decoration: none;
  color: #609513;
}

/* ========== Subscriber Members ========= */
.card-sub-row {
	min-height: 280px;
	margin-left: 35px;
}
.card-sub-row2 {
  margin-top: 100px;
	min-height: 280px;
	margin-left: 140px;
}
.sub-card {
  float: left;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 160px;
  min-height: 250px;
  margin-right: 55px;
  margin-bottom: 10px;
}
.sub-card img {
  width: 160px;
  height: 150px;
}
.sub-card h3 {
text-align: center;
}
.sub-card p {
  text-align: center;
}

/* ========== Sectors ========= */
.sectors {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.sectors h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.sectors h5 {
	padding: 3px 10px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    background: #EBEBEB;
}
.sector-card {
  float: left;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 270px;
  height: 120px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 10px;
  padding: 5px;
}
.sector-card img {
  width: 270px;
  height: 90px;
}
.sector-card h4 {
	border-top: 1px solid #EBEBEB;
	text-align: center;
}
.sector-card p {
  text-align: center;
}
/* ============= Career ============ */
.career {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
.career h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.career table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 16px;
}
.career th {text-align: center;}
/* ========== Past Chairmen ========= */
.card-past-row {
  min-height: 280px;
  margin-left: 35px;
}
.past-card {
  float: left;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 160px;
  min-height: 185px;
  margin-right: 55px;
  margin-bottom: 10px;
}
.past-card img {
  width: 160px;
  height: 150px;
}
.past-card h3 {
text-align: center;
}
.past-card p {
  text-align: center;
}

.samepost {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: justify;
  border: 1px solid #EBEBEB;
  margin-bottom: 5px;
  padding: 5px;
}
.samepost h2, .about h2 {
  border-bottom: 2px solid #e0d6c7;
  color: #609513;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 0;
}
.samepost h3 {
	padding: 3px 10px;
	width: 100px;
	border: 1px solid #609513;
	text-align: center;
}
.samepost h2 a{
  color: #ac7511;
  text-decoration: none;
}
.samepost h4,.about h4 {
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
}
.samepost h4 a, .about h4  a{text-decoration:none;color:#3399FF;}
.samepost img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #EBEBEB;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 150px;
}
.samepost p {
  font-size: 15px;
  line-height: 23px;
  text-align: justify;
  margin-bottom: 15px;
}
.samepost h5 {
	font-size: 20px;
  color: #609513;
}
.samepost span {
	font-size: 14px;
  font-weight: bold;
}
.samepost hr {
	border: 1px dashed #EBEBEB;
}

/* ========== Blog/News & Events ========= */
.readmore {
  float: right;
  margin-top: 10px;
}
.readmore a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b7801c;
  border-radius: 3px;
  color: #b7801c;
  display: block;
  font-size: 17px;
  padding: 4px 8px;
  text-decoration: none;
}
.readmore a:hover{color:#E16525;}

/* ========== Sidebar ========= */
.sidebar {
  background: #ffffff none repeat scroll 0 0;
  float: right;
  margin-bottom: 15px;
  margin-top: 0;
  padding: 10px;
  width: 220px;
}
.samesidebar {
  border: 1px solid #609513;
  margin-bottom: 10px;
}
.samesidebar h4 {
  background: #609513 none repeat scroll 0 0;
  color: #fff;
  margin-bottom: 8px;
  padding: 10px;
}
.samesidebar img {
  margin: 5px 30px;
}
.samesidebar p {
  margin-left: 30px;
  font-weight: bold;

}
.samesidebar span {
  margin-left: 10px;
  font-weight: bold;
}
.samesidebar a {
  text-decoration: none;
}
.samesidebar ul{padding:0;margin:5px 10px;list-style:none;}
.samesidebar ul li {
  border-bottom: 1px dashed #609513;
  font-size: 14px;
  padding: 5px 8px 5px 0;
}
.samesidebar ul li:last-child{border-bottom: 0px dashed #e9c05c;}
.samesidebar ul li a {
  color: #814a00;
  text-decoration: none;
}
.samesidebar ul li a:hover{color:#DF5C25;}
.samesidebar p {
  margin-bottom: 10px;
}
.popular {
  margin-bottom: 20px;
}
.popular h3 {
  border-bottom: 1px dashed #b7801c;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.popular h3 a{text-decoration:none;color:#444}
.popular img {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f6bf5b;
  border-radius: 30px;
  float: left;
  height: 40px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 3px;
  width: 55px;
}
.popular p{}
/* ========== Profile ========= */
.profile {}
.profile img {
  border: 3px solid #ddd;
  margin-left: 380px;
}
.profile h3 {
  margin-top: 10px;
  text-align: center;
  color: #609513;
  font-size: 25px;
}
.profile h4 {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 20px;
}
.profile p {
  font-size: 15px;
  line-height: 23px;
  text-align: justify;
  margin-bottom: 15px;
}
/* ========== Footersection ========= */
.footersection{height:180px;background:#EBEBEB;}
.footermenu {
  float: left;
  width: 580px;
  margin-top: 25px;
  margin-bottom: 5px;
  margin-left: 30px;
}
.footermenu ul{padding:0;margin:0;list-style:none;}
.footermenu ul li{display:inline-block;border-right: 1px dotted #FCFCFC;}
.footermenu ul li:first-child{border-left: 0px dotted #FCFCFC;}
.footermenu ul li:last-child{border-right: 0px dotted #FCFCFC;}
.footermenu ul li a {
  color: #000;
  font-size: 18px;
  margin-right: 10px;
  padding: 5px 10px;
  text-decoration: none;
}
.footermenu ul li a:hover {
  background: #777777;
  color: #fff;
}
.footersection p {margin-top: 10px;}
.copyright {
	float: right;
	width: 340px;
	margin-top: 15px;
}
.copyright a {
	text-decoration: none;
	color: #045B01;
}
.copyright a:hover {
	text-decoration: underline;
}
.fixedicon {
  left: 0;
  position: fixed;
  top: 175px;
  width: 60px;
}
.fixedicon img {
  width: 50px;
}

/*Example items*/
.items{
  height: 250px;
  width: 400px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
.items img {
  height: 250px;
  width: 400px;
}
.shadow{
 background:rgba(0, 0, 0, .6);
 height: 100%;
 width: 100%;
 position:absolute;
 top:-100%;
 transition:.6s;
 -webkit-transition:.6s;
 -moz-transition:.6s;
 transition:.6s;
}
.items:hover .shadow{top:0}