@font-face{
    font-family: slgn;
    src : url("../font/slgn/BLAKLITN.TTF");
}
.sec{
	padding:10%;
	margin-top: -50px;
}
img{
	height:auto;
	width:100%;
}
h1{
	font-family: 'Roboto', sans-serif;
}
.brd{
	border: 3px solid white;
}
.padclr{
	background-color: #FCFCFC;
	padding:0% 3% 0%;
}
.est{
	font-family: 'Roboto', sans-serif;
	width: 60%;
    color: #999;
    font-size: 20px;
    line-height: 1.8em;
    text-align: center;
}
.mrgtop{
	padding-top: 8%;
}
.mrgtop1{
	padding-top: 23%;
}
.mrgns{
margin-top: -1%;

}
.mrgside{
	margin-left: 2%;
	margin-right: 2%;
}
.blck{
	color: black;
}
.top{
	margin-top:7%;
}

@media (max-width: 500px){
	.est{
	width: 90%;
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
}
li{
	list-style: none;
}
.line{
	background-color: black;
	height: 300px;
	width: 1px;
}
.line1{
	background-color: black;
	height: 385px;
	width: 1px;
}
.caption {
	position: absolute;
	width: 92.3%;
	height: 100%;
	opacity: 0;
	background: rgba(231, 231, 231, 0.61);
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	font-family: 'Roboto', sans-serif;
}
.caption:hover {
	opacity: 1;
}
.caption-content {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 20px;
	margin-top: -12px;
	text-align: center;
	font-size: 20px;
	color: black;
}
 .caption-content h3 {
	margin: 0;
	color: black;
	font-size: 17px;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.caption-content h4 {
	margin: 10px 0;
	color: #e9eaed;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.lh{
	line-height: 210%;
	
}
div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.slgn{
    font-size: 24px;
    font-family: slgn;
    color: #40226c;
}
.slgn1{
	margin-top: -3%;
	width: 100%;
	background-color: #D2D2D2;
	height: 6%;
}
@media (max-width: 800px){
	.slgn{
    font-size: 14px;
    font-family: slgn;
}
    .slgn1{
	margin-top: -5%;
	width: 100%;
	height: 4%;
}

}
.ff{
	font-family: 'Roboto', sans-serif;
}
.spc{
	line-height: 1.5em;
}
.shown{
	padding-left: 5px;
}
.shown:hover{
	background-color: #D2D2D2;
	color: black;
	text-decoration: none;
}
@media(max-width: 500px){
	
	.pdtop{
	padding-top: 23%;
}

}
.baap:hover{
	cursor: default;
}