#nav {
  display: none;
  background-color: #404040;margin-top:90px;font-family: 'Hind Siliguri', sans-serif;font-weight: 300;
}

#menu-button {
  color: #FB7330;
  position: absolute;
  top: 10px;
  left: 2px;
  display: inline;
  height: 20px;
  width: 20px;
  margin-left: 1em;
  cursor: pointer;
}
@media screen and (min-width: 900px) {
  #menu-button {
    display: none;
  }
  #nav {
    display: block;
    width: 100%;
  }
}



/* ************************* HAMBURGER - open + close Button ************************* */

.menu {
	padding: 0;
	/* text-align: center; */ /* optional */
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
}
.menu ul {
margin: 0;
padding: 0;
width: 100%;
}
.menu > ul {
box-sizing: border-box;
padding: 2% 5%;
/* text-align: center; */ /* optional */
}
.menu ul li {
	display: inline-block;
	list-style: none;
	padding: 0.25rem 0;
	text-align: right;
	width: 100%;
}



.menu ul li a {
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;	
		padding-bottom: 3px;
}
.menu ul li a:hover {
	color: #FB7330;
}
.menu ul li span {
	color: #FB7330;
	font-size: 1rem;
	padding-left: 3px;
	padding-right: 3px;
	
}





.menu ul li span:before {
color: #FB7330;
padding-right: 0.2rem;
}
.menu ul.menulevel2 li span {
	margin-right: 20px;
	}
.menu ul.menulevel2 {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	text-align: left;margin-right: 10px;
	}	
	
	
.menu ul.menulevel3 {font-size: 1px;
	}

.menu ul ul {
/* margin: 0 0 0.6rem 0; */ /* optional - space between menulevels */
}
.menu ul ul li {
border: 0;
display: table;
float: none;
margin: 0;
padding: 0.20rem 0 0 0;
position: relative;
width: 100%;
}
.menu ul ul li a  {
	color: #fff;

}

.sdoc {
	color: #000;

}
.sdoc a {
    color: #FB7330 !important;
}


.menu ul ul li a:hover,
.menu ul ul li span:hover {
	color: #FB7330;
}
/* font-size ml1 - ml9 */
.menu ul li a {
font-size: 1rem;
}
.menu ul ul li a {
font-size: 1rem;	margin-right: 20px;
}
.menu ul ul ul li a {
	font-size: 1rem;
	line-height: 7px;
	color: #000;
}
.menu ul ul ul ul li a {
font-size:1rem;
}
.menu ul ul ul ul ul li a {
font-size: 1rem;
}
.menu ul ul ul lu ul ul li a {
font-size: 1rem;
}
.menu ul ul ul ul ul ul ul li a {
font-size: 1rem;
}
.menu ul ul ul ul ul ul ul ul li a {
font-size: 1rem;
}
.menu ul ul ul ul ul ul ul ul ul li a {
font-size: 1rem;
}


@media screen and (max-width: 900px) {
.menu ul li {
text-align: left;
width: 100%;
}
.menu ul ul li {
padding: 0 0 0 0.3rem;
}
.menu {
width: 90%;

}


}


@media screen and (max-width: 900px) {

.menu ul li {
text-align: left;
width: 100%;
}
.menu ul ul li {
padding: 0 0 0 0.3rem;
}
.menu {
width: 90%;

}

}

/* ************************* NEWSBOXES ************************* */
.tpllck_newsboxes {
margin: 0 auto;
width: 80%;
}
.tpllck_newsboxes ul {
display: table;
font-size: 1.4rem;
margin: 0;
padding: 0 0 3rem;
width: 100%;
}
.tpllck_newsboxes li {
background-color: rgba(66, 66, 66, 0.3);
box-sizing: border-box;
display: table-cell;
height: 100%;
list-style: none;
margin: 0;
padding: 1% 3%;
-webkit-transition: all .2s linear 0s;
transition: all .2s linear 0s;
}
.tpllck_newsboxes li.spacer {
background: none;
margin: 0;
padding: 0;
width: 1%;
}
.tpllck_newsboxes li:last-child {
margin-bottom: 0;
}
.tpllck_newsboxes li:hover {
	background-color: rgba(255,255,255,0.3)
}

/* ************************* RESPONSIVE STYLE */
@media screen and (max-width: 1279px) {
.tpllck_newsboxes {
width: 90%;
}
}

@media screen and (max-width: 900px) {
.tpllck_newsboxes ul {
padding: 0 0 1rem;
}
.tpllck_newsboxes li {
display: block;
margin-bottom: 1rem;
width: 100%;
}
}
/* ************************* Template by lck 01/2017 ************************* */

.sdoc
{
color: #000 !important;
}

.sdocs
{
	font-size: 1rem;
}

.docs
{
font-size: 1rem;
}

.doc
{
font-size: 1rem;
}