.btn {
 font-size: 16px;
 font-family: "Poppins", sans-serif;
 text-transform: capitalize;
 padding: 15px 40px;
 border-radius: 0;
 font-weight: 500;
 border: 0;
 position: relative;
 z-index: 1;
 transition: .2s ease;
 overflow: hidden;
}

.btn::before {
 position: absolute;
 content: "";
 height: 80%;
 width: 100%;
 left: 0;
 bottom: 10%;
 z-index: -1;
 transition: -webkit-transform .2s ease-in-out;
 transition: transform .2s ease-in-out;
 transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
 -webkit-transform-origin: top;
 transform-origin: top;
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
}

.btn:focus {
 outline: 0;
 box-shadow: none !important;
}

.btn:active {
 box-shadow: none;
}

.btn:hover::before {
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 -webkit-transform-origin: bottom;
 transform-origin: bottom;
}
.alpColorback{
	background:  #a9131e;
}
.alpColorfont{
	color:  #a9131e;
}
.goldc{
	color: #FFD700;
}

.btn-sm {
 font-size: 14px;
 padding: 10px 35px;
}

.btn-xs {
 font-size: 12px;
 padding: 5px 15px;
}

.btn-primary {
 background: #444444;
 color: #fff;
}

.btn-primary::before {
 background: #fff;
}

.btn-primary:active {
 background: #1f4788 !important;
 color: #1f4788;
}

.btn-primary:active::before {
 height: 80%;
}

.btn-primary:hover {
 background: #a9131e;
 color: #1f4788;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
 color: #fff;
 background-color: #a9131e;
 border-color: #a9131e;
}

.btn-secondary {
 background: #fff;
 color: #1f4788;
 border: 1px solid #fff;
}

.btn-secondary::before {
 background: #1f4788;
}

.btn-secondary:active {
 background: #1f4788;
 color: #fff;
 border: 1px solid #fff;
}

.btn-secondary:hover {
 background: #fff;
 color: #fff;
 border: 1px solid #fff;
}

.btn-primary-outline {
 border: 1px solid #1f4788;
 color: #1f4788;
 background: transparent;
}

.btn-primary-outline::before {
 background: #fff;
}

.btn-primary-outline:hover {
 background: #1f4788;
 color: #1f4788;
}

.btn-primary-outline:active {
 background: #1f4788;
 color: #fff;
}


.img-containerHome {
	background-color: #000;
 top: 0;
 left: 0;max-width:100%; max-height:100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
.img-containerHome img { opacity: 0.8;max-width:100%; max-height:100%; }

.img-containerHome img:hover{
	transition: all 0.2s ease;
	outline: 2px solid white;
	outline-offset: -6px;
}
.alpuuuu{font-size:16px; text-align:center;color:black;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.img-containerHome {margin:0px 20px;}
	.Home-Bottom {margin:0px 20px 10px 20px;}
	.alpuuuu{font-size:18px;margin:0px 20px;}
	
.img-containerHome img { }

.img-containerHome img:hover{}
}
.img-container {
top: 0;
left: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius:5px;
	}
.img-container img {width:100%;border:3px solid orange;}

.img-container img:hover{
	transition: all 0.5s ease-in-out;
	outline: 2px solid white;
	outline-offset: -10px;
}

.button {
 background-color: #ff9000;
 border: none;
 color: white;
 padding: 10px 20px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 margin: 4px 0px;
 cursor: pointer;
 font-weight: 700;
 border-radius: 2px;
 box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424; -o-box-shadow: 0px 2px 6px 0px #242424;
 transition: all 0.3s ease;
}

.button:hover {
 background: #2d2d2d; color: #fff; text-decoration:none;
}

/* Bottom left text */
.bottom-left {
 position: absolute;
 bottom: 8px;
 left:33%;
}

/* Top left text */
.top-left {
 position: absolute;
 text-align:left;
 top: 8px;
 left: 0px;
 color:white;
 font-size:20px;
 text-shadow: #ff9000 0px 2px 5px;
width:100%; 
background-color:rgba(3,3,3,0.5); 
padding:10px 20px;
}

/* Top right text */
.top-right {
 position: absolute;
 top: 8px;
 right: 16px;
}

/* Bottom right text */
.bottom-right {
 position: absolute;
 bottom: 8px;
 right: 16px;
}

/* Centered text */
.centered {
 position: absolute;
 top: 70%;
 left: 50%;
 width:80%;
 transform: translate(-50%, -50%);
}
/* Bottom Centered text */
.bottomcentered {
 position: absolute;
 top: 89%;
 left: 50%;
 width:80%;
 transform: translate(-50%, -50%);
}
.top-centered {
 position: absolute;
 top: 15%;
 left: 50%;
 width:100%;
 transform: translate(-50%, -50%);
 color:white;
 font-size:38px;
 font-weight:600;
background-color:rgba(3,3,3,0.5); 
padding:10px 20px;
}
.alpBorderOrange{
border:3px solid #ff9000;
}
.top-centered-csr {
 position: absolute;
 top: 20%;
 left: 50%;
 width:100%;
 transform: translate(-50%, -50%);
 color:white;
 font-size:20px;
 font-weight:600;
background-color:rgba(3,3,3,0.5); 
padding:10px 20px;
}
.top-centered-csr:hover {
 color:white;
}
.top-centered-csr:before{
 content: "";
 position: absolute;
 width: 30%;
 height: 3px;
 bottom: 10px;
 border-bottom: 2px solid #ff9000;
	text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
}

.Home-Bottom {
	border:1px solid #ff9000;
 font-size:20px;
 padding:7px;
 text-align:justify;
}
.top-centered:before{
 content: "";
 position: absolute;
 width: 30%;
 height: 3px;
 bottom: 10px;
 border-bottom: 2px solid #ff9000;
	text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
}
.top-centered-fo {
 position: absolute;
 top: 20%;
 left: 50%;
 width:100%;
 transform: translate(-50%, -50%);
 color:white;
 font-size:38px;
 font-weight:600;
background-color:rgba(3,3,3,0.3); 
padding:10px 20px;
}
.top-centered-fo:before{
 content: "";
 position: absolute;
 width: 20%;
 height: 3px;
 bottom: 15px;

 border-bottom: 2px solid #ff9000;
	text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
}
.alp {
 font-weight: 300;
 display: inline-block;
 padding-bottom: 20px;
 position: relative;
}
.top-left:before{
 content: "";
 position: absolute;
 width: 30%;
 height: 3px;
 bottom: 0;
 left: 0%;
 border-bottom: 2px solid #ff9000;
	text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
}

.progress{
 height: 7px;
 background: #e3e3e3;
 border-radius: 0;
 box-shadow: none;
 margin: 40px 0px;
 overflow: visible;
 position: relative;
}
.progress .progress-title{
 padding: 10px 11px;
 margin: 0;
 background: #393a3d;
 border-radius: 5px 0 0 5px;
 box-shadow: 0 7px 7px rgba(0,0,0,0.4);
 font-size: 12px;
 font-weight: 700;
 color: #fff;
 text-transform: uppercase;
 position: absolute;
 top: -13px;
 left: 0;
 z-index: 1;
}
.progress .progress-title1{
 padding: 10px 10px;
 margin: 0;
 background: #393a3d;
 border-radius: 0 5px 5px 0;
 box-shadow: 0 7px 7px rgba(0,0,0,0.4);
 font-size: 12px;
 font-weight: 700;
 color: #fff;
 text-transform: uppercase;
 position: absolute;
 top: -13px;
 right: 0;
 z-index: 1;
}
.progress .progress-title:after{
 content: "";
 border-left: 17px solid #393a3d;
 border-top: 17px solid transparent;
 border-bottom: 17px solid transparent;
 position: absolute;
 top: 0;
 right: -17px;
}
.progress .alpna-bar{
 box-shadow: none;
 border-radius: 0;
 position: relative;
 -webkit-animation: animate-positive 2s;
 animation: animate-positive 2s;
}
.progress .alpna-bar:after{
 content: "";
 width: 20px;
 height: 20px;
 border-radius: 50%;
 box-shadow: 0 5px 5px rgba(0,0,0,0.6);
 background: #fff;
 position: absolute;
 right: -5px;
 top: -6px;
}
.progress .progress-value{
 width: 45px;
 height: 30px;
 line-height: 30px;
 border-radius: 3px;
 background: #393a3d;
 box-shadow: 0 5px 5px rgba(0,0,0,0.4);
 font-size: 15px;
 font-weight: 700;
 color: #fff;
 text-align: center;
 position: absolute;
 bottom: 30px;
 right: -17px;
}
.progress .progress-value:after{
 content: "";
 border-top: 7px solid #393a3d;
 border-left: 7px solid transparent;
 border-right: 7px solid transparent;
 position: absolute;
 bottom: -7px;
 left: 35%;
}
.progress.green .alpna-bar:after{ border: 5px solid #ff9000; }
.progress.pink .alpna-bar:after{ border: 5px solid #ff1170; }
.progress.blue .alpna-bar:after{ border: 5px solid #294bdc; }
.progress.yellow .alpna-bar:after{ border: 5px solid #ffa900; }
@-webkit-keyframes animate-positive{
 0% { width: 0; }
}
@keyframes animate-positive{
 0% { width: 0; }
}

.contaAlp {
 	position: relative;
	margin-top:80px;
}
.contaAlp img{
	width:100%;
	height:auto;
}

/* Bottom right text */
.text-block {
 position: absolute;
 bottom: 0px;
 left: 0px;
 padding-top: 0px;
 padding-right: 20px;
 height:40px;
 width: 100%; overflow: hidden; 
}
.alpnaImageBG {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);max-width:98%;}
.text-block .text-block-alpna { max-width: 1100px; margin: auto; overflow: hidden; text-align: left; }

.text-block h4 {padding:3px 0 0 0;font-size: 23px; color: #ff9000; font-weight: 800; text-decoration: none; text-transform: uppercase; text-shadow: rgb(3, 3, 3) 0px 2px 5px; transition: all 0.7s ease; }
.text-block h4 span{background-color: rgba(31,48,66,0.8); padding:9px;}

/*angled css start*/
.main {
 
 height: 0px;
		font-size: 23px; 
		color: white; 
		 
		font-weight: 800; 
		padding-left:5px;
		text-decoration: none; text-transform: uppercase; text-shadow: rgb(3, 3, 3) 0px 2px 5px; transition: all 0.7s ease; 
 }
.cornered {
	width: 330px;
	height: 0px;
	border-bottom: 40px solid #98AFC7;/*background color*/
	border-right: 40px solid transparent;
}
/*angled css end*/

.text-Alp {
 background-color:#98AFC7;
 color: white;
 text-align:center;
 height:40px;
}
.text-Alp h4 {padding:6px 0 0 0;font-size: 20px; color: white; font-weight: 800; text-decoration: none; text-transform: uppercase; text-shadow: rgb(3, 3, 3) 0px 2px 5px; transition: all 0.7s ease; }



 .t-head{
	color:#0e5c9c;
}
.text-justify
{
	text-align:justify;
}
.t-tabover
{
	overflow-x:auto;
}
.tr-bord
{
	border: 1px solid #000000;
}
.td-css
{
	border: 1px solid #000000; 
	 text-align: 
	center; padding: 5px 5px 5px 5px;
}
.td-bgcolor
{
	background-color: #fffaf3;
}
.td-color
{
	color: #c00000;
}
.t-center
{
	text-align:center;
}
.td-padding
{
	padding: 5px 5px 5px 5px;
}
.t-main
{
	border: 1px solid #000000; font-size: 12px;
	width:100%;
}
.t-color{
	color: #1f4e79;
	font-size: 14px;
}
.t1-color{
	color: #806000;
	font-size: 12px;
}
.table td{
	border-top:none;
	text-align:center;
}
.text-left{
	text-align:left !important;
}	
.table1{
	width:100%;
	text-align:left;
}
label{
	margin-bottom: 0px !important;
	font-size: 15px;
}

.flash-bg{
		 -webkit-animation: flashbg 1s infinite;
		 -moz-animation: flashbg 1s infinite;
		 -o-animation: flashbg 1s infinite;
		 animation: flashbg 1s infinite;
		 padding: 3px 6px;
 		border-radius: 3px;
		}

		@-webkit-keyframes flashbg{
			0%, 49% {
				background-color: #06d6f8;
			}
			50%, 100% {
				background-color: #ffd819;
			}
		}

ul.breadcrumb {
 padding: 2px 16px;
 list-style: none;
 background-color:rgba(31,48,66,0.9);
 color: #ff9000;
 text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
 transition: all 0.7s ease;
 font-weight:400;
 
}
ul.breadcrumb li {
 display: inline;
 font-size: 14px;
}
ul.breadcrumb li+li:before {
 padding: 8px;
 color: #0275d8;
 content: "/\00a0";
}
ul.breadcrumb li a {
 color: #fff;
 text-decoration: none;
}
ul.breadcrumb li a:hover {
 color: #ff9000;
 text-decoration: none;
}

.alpnaList{font-size:15px;}
.alpnaList li {
	font-size:15px; 
list-style: disc outside none;
display: list-item;
margin-left: 3em;
 text-align:justify;
}

*, *:before, *:after{
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing:border-box;
 box-sizing: border-box;
}

.container2{
 padding: 0em 0;
 margin-top:30px;
 float: left;
 width: 100%;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.container1{
 padding: 1em 0;
 float: left;
 width: 100%;
}
.container1 p{
	font-size:16px;
	text-align:justify;
	color:#000;
}
.container1 h2{
	text-align:left;	
}
.container1.title{
 color: #1a1a1a;
 text-align: center;
 margin-bottom: 10px;
}
.container1 img{
	border-radius:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border:3px solid #ff9000;
	width:100%;
}

.container2.title{
 color: #1a1a1a;
 text-align: center;
 margin-bottom: 10px;
}
.container2 img{
	border-radius:5px;
	
}


.content {
 position: relative;
 width: 100%;
 max-width: 1500px;
 margin: auto;
 overflow: hidden;
}

.content .content-overlay {
 background: rgba(0,0,0,0.7);
 position: absolute;
 height: 99%;
 width: 100%;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 opacity: 0;
 -webkit-transition: all 0.4s ease-in-out 0s;
 -moz-transition: all 0.4s ease-in-out 0s;
 transition: all 0.4s ease-in-out 0s;
}



.content:hover .content-overlay{
 opacity: 1;
}

.content-image{
 width: 100%;
}

.content-details {
 position: absolute;
 text-align: center;
 padding-left: 1em;
 padding-right: 1em;
 width: 100%;
 top: 50%;
 left: 50%;
 opacity: 0;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -webkit-transition: all 0.3s ease-in-out 0s;
 -moz-transition: all 0.3s ease-in-out 0s;
 transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
 top: 50%;
 left: 50%;
 opacity: 1;
}

.content-details h3{
 color: #fff;
 font-weight: 300;
 letter-spacing: 0.15em;
 margin-bottom: 0.5em;
}

.content-details p{
 color: #fff;
 font-size: 0.8em;
}


.fadeIn-top{
 top: 20%;
}

.alpnImg
{
	max-width:200px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.alpnImg-CSR
{
	max-width:200px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.alpFont{
	font-size: 14px;
 font-family: "Poppins", sans-serif;
}

.alpFbtn{
	text-decoration:none;
	color:white;
	font-size:15px;
}

.alpFbtn:hover{
	text-decoration:none;
	color:#ff9000;
}
.alp-foo{
text-align:left;
}

.givenowFont{
	 
	font-size:15px;
	font-weight:600;
}


.button1 {
 background-color: #ff9000;
 border: none;
 color: black;
 padding: 6px 20px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 margin: 0px 10px;
 cursor: pointer;
 font-weight: 700;
 border-radius: 4px;
 transition: all 0.3s ease;
 letter-spacing: 1px;
 font-size:13px;
}

.button1:hover {
 background: #2d2d2d; color: #fff; text-decoration:none;
}
.alpPara{
	font-size:16px;
	text-align:justify;
}

.alpnaAnchor{font-size: 18px;}
.alpnaAnchor:hover{color:red;}

.borderAlp
{
	border:3px solid #ff9000;
}
.borderAlp img{padding-top:10px;}
.borderAlp i{padding-top:10px;}
.borderAlpHow {border:3px solid #ff9000; text-align:center;}
.borderAlpHow img{padding-top:10px;display: block; margin-left: auto; margin-right: auto;}
.borderAlpHow i{padding-top:10px;}
.htg{
	padding:10px 0 0 10px; font-size:16px; min-height:130px;text-align:center;
}
.htg1{
	padding:10px 0 0 10px; font-size:14px; min-height:160px;text-align:left; line-height:1.5em;
}
.htg1 h2{text-align:center;}

.containerAlp{
 padding: 1em 0;
 float: left;
 width: 100%;
}
.containerAlp.title{
 color: #1a1a1a;
 text-align: center;
 margin-bottom: 10px;
}
.containerAlp img{
	border-radius:0 0 5px 5px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	border-left:3px solid #ff9000;
	border-right:3px solid #ff9000;
	border-bottom:3px solid #ff9000;
	width:100%;
}
.top-centered-camp {
	
 left: 50%;
 width:100%;
 color:white;
 font-size:18px;
 font-weight:600;
 background-color:#1f3042;
 padding:5px 20px;
 border-radius:5px 5px 0 0;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 border-left:3px solid #ff9000;
 border-right:3px solid #ff9000;
 border-top:3px solid #ff9000;
	
}
.top-centered-camp:hover {
 color:white;
}
.top-centered-camp1:before{
	content: "";
 position: absolute;
 width: 30%;
 height: 3px;
 bottom: 10px;
 border-bottom: 2px solid #ff9000;
	text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
}

.contAlp{
 padding: 1em 0;
 float: left;
 width: 100%;
 
}
.contAlp p{ font-size:12px;font-weight:600; padding:5px 0px;}
.contAlp a{ display: block; font-size: 16px; color: #ff9000; font-weight: 400; transition: all 0.3s ease;}
.contAlp a i{ padding-right:10px;}
.contAlp .wid{
	width:98%;
	color:white;
}
.contAlp.title{
 color: #1a1a1a;
 text-align: center;
 margin-bottom: 10px;
}
.contAlp img{
	
	width:100%;
	border-radius:0 0 5px 5px;
}

.contAlp1{
 padding: 1em 0;
 float: left;
 width: 100%;
}
.contAlp1 p{text-align:justify;}
.contAlp1 .button {width:100%;}

.contAlpJ{
 padding: 1em 0;
 float: left;
 width: 100%;
}
.contAlpJ p{text-align:center; font-size:18px;}

.field-set{
margin:0px 0px;
padding:10px;
/*border:1px solid #ff9000; */
border-radius:10px; 
/*box-shadow: 0px 2px 6px 0px #242424; 
-webkit-box-shadow: 0px 2px 6px 0px #242424; 
-moz-box-shadow: 0px 2px 6px 0px #242424;
-o-box-shadow: 0px 2px 6px 0px #242424; */
}
.field-set-pledge{
	border:1px solid black; 
	max-width:900px; 
	border-radius:5px; 
	padding:10px; 
	background-color:white;
	margin-bottom:20px;
}
.field-set input.field { padding: 3px 10px 3px 10px; font-size: 14px; color: #000000; min-width:300px; max-width: 100%; background-color:oldlace; border:1px solid #ccc; border-radius:1px;}
.field-set input:focus { outline: none;}
	
.field-set select.field { padding: 3px 10px 3px 10px; font-size: 14px; color: #000000; border: 0px; min-width:300px; max-width: 100%; border-radius: 1px; background-color:oldlace; border:1px solid #ccc; }
.field-set select:focus { outline: none;}
	
	
.field-set textarea { padding: 3px 10px 3px 10px; font-size: 14px; color: #000000; border: 0px; min-width:300px; max-width: 100%; height: 156px; resize:none; background-color :oldlace; border:1px solid #ccc; border-radius:1px;}
.field-set textarea:focus { outline: none;}
.alp-right{
	background-color:rgba(31,48,66,0.8); padding:3px 5px;
	text-align:center;
	width:100%;
}
.alp-right-text{
padding:3px 0 0 0;font-size: 23px; color: #ff9000;font-weight: 800; text-decoration: none; text-transform: uppercase; text-shadow: rgb(3, 3, 3) 0px 2px 5px; transition: all 0.7s ease; 
}




.field-set1{
margin:0px 0px;
padding:30px;
/*border:1px solid #ff9000; */
border-radius:10px; 
width:80%;
margin-left:10%;
/*box-shadow: 0px 2px 6px 0px #242424; 
-webkit-box-shadow: 0px 2px 6px 0px #242424; 
-moz-box-shadow: 0px 2px 6px 0px #242424;
-o-box-shadow: 0px 2px 6px 0px #242424; */
}
.field-set1 input.field { padding: 10px; font-size: 14px; color: #000000; width: 100%;  border:1px solid #ccc; border-radius:1px;}
.field-set1 input:focus { outline: none;}
	
.field-set1 select.field { padding: 10px; font-size: 14px; color: #000000; border: 0px; max-width: 80%; border-radius: 1px; border:1px solid #ccc; }
.field-set1 select:focus { outline: none;}
	
	
.field-set1 textarea { padding: 10px; font-size: 14px; color: #000000; width: 100%; height: 156px; resize:none; border:1px solid #ccc; border-radius:1px;}
.field-set1 textarea:focus { outline: none;}



.thispage{
	min-height:100vh;
}
.thispageH2{
	font-family: 'Monotype Corsiva';
	text-align:center;
	font-weight:800;
	text-shadow: 2px 2px #fff;
}


div#alpnaHall{
	background-image: linear-gradient(-40deg, #FF7F50 10%, #FF7F50 25%);
	width:100%;
	min-height:100vh;
	overflow-x: hidden; 
 overflow-y: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:10px;
	}
.wallpaper3 {
 position: absolute;
 width: 100%;
 height: 100vh;
 
}
.wallpaper3:before {
 content:"";
 display:block;
 width:100%;
 height:100%;
 background: url('img/white_wall.png');
}

div#alpnaHall ul{
 position:relative;
 width:100%;
 height:50%;
 box-shadow:inset 0 0 1px rgba(0,0,0,.05);
 list-style-type: none;

}
div#alpnaHall ul li{
 position:relative;
 float:left;
 width:33.33%;
 height:180px;
}
div#alpnaHall ul li a{
 position:absolute;
 width:80%;
 height:45%;
 margin:15%;
 padding:8px 8px;
 background:#ddd;
 box-shadow:0 0 1px 1px rgba(0,0,0,.2);
 transform:rotate(4deg);
 transition:all .5s ease-in-out;
 -webkit-transition:all .5s ease-in-out;
 -moz-transition:all .5s ease-in-out;
 -o-transition:all .5s ease-in-out;
 -ms-transition:all .5s ease-in-out;
 color:black;
 font-size:16px;
 font-weight:600;
 font-family: 'Monotype Corsiva';
}
div#alpnaHall ul li a:hover{
 width:95%;
 height:60%;
 font-size:18px;
 margin:5%;
 padding:20px 12px;
 transform:rotate(0deg);
 background:#f5f5f5;
 box-shadow:0 0 10px 1px rgba(0,0,0,.5);
}


div#alpnaHall2{
	background-image: linear-gradient(-40deg, #769a31 10%, #526b22 25%);
	width:100%;
	min-height:100vh;
	overflow-x: hidden; 
 overflow-y: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:10px;
	}
	
div#alpnaHall2 ul{
 position:relative;
 width:100%;
 height:50%;
 box-shadow:inset 0 0 1px rgba(0,0,0,.05);
 list-style-type: none;

}
div#alpnaHall2 ul li{
 position:relative;
 float:left;
 width:33.33%;
 height:180px;
}
div#alpnaHall2 ul li a{
 position:absolute;
 width:80%;
 height:45%;
 margin:15%;
 padding:8px 8px;
 background:#ddd;
 box-shadow:0 0 1px 1px rgba(0,0,0,.2);
 transform:rotate(4deg);
 transition:all .5s ease-in-out;
 -webkit-transition:all .5s ease-in-out;
 -moz-transition:all .5s ease-in-out;
 -o-transition:all .5s ease-in-out;
 -ms-transition:all .5s ease-in-out;
 color:black;
 font-size:16px;
 font-weight:600;
 font-family: 'Monotype Corsiva';
}
div#alpnaHall2 ul li a:hover{
 width:95%;
 height:60%;
 font-size:18px;
 margin:5%;
 padding:20px 12px;
 transform:rotate(0deg);
 background:#f5f5f5;
 box-shadow:0 0 10px 1px rgba(0,0,0,.5);
}
.bankCSRTab{
	margin-left:10%; font-size:17px;
}
.tableAlp{
	width:100%; 
	padding:0 28px;
}
.tableAlp td{
	text-align:center;
	color:#000;
	font-size:16px;
}
.orange{
	color:#ff9000;
}

.tableAlp-side{
	width:100%; 
	padding:20px 15px;
}
.tableAlp-side td{
	text-align:center;
	color:#000;
	font-size:14px;
}



* {padding:0; margin:0;}
li {list-style: none;margin: 0;}
/* Navigation STyling */
.alpna-nav {
width: 252px; 
background:#98AFC7;
font-size: 17px; 
color: #fff; 
 
font-weight: 500; 
text-decoration: none; 
display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; 
}

.alpna-nav a {
	/*letter-spacing: .2em;*/
	display: block;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted white;
	border-top: 1px dotted white;
	font-size: 16px; 
	color: #000; 
	 font-weight: 500; text-decoration: none; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.alpna-nav a:hover {
 /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(100%, rgba(44,68,94,1)));
 background: linear-gradient(to bottom, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(44,68,94,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38577a', endColorstr='#2c445e', GradientType=0 );
 border-bottom: 5px solid #ff9000;*/
color:#fff !important;text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
font-weight: 500;content: '\203A';
}

.sidepanel {
 /*width: 270px;*/
 
 z-index: 1;
 top: 0;
 left: 0;
 background-color: #98AFC7;
 overflow-x: hidden;
 transition: 0.5s;
 padding-top: 1px;
 margin-top: 10px;
 border-radius:5px;
}

.sidepanel a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 16px;
 color: #000; 
 border-bottom: 1px dotted white;
 display: block;
 transition: 0.3s;
}

.sidepanel a:hover {
 color:#fff !important;
 text-shadow: rgb(3, 3, 3) 0px 2px 5px; 
 font-weight: 500;
 content: '\203A';
}

.sidepanel .closebtn {
 position: absolute;
 top: 0;
 right: 25px;
 font-size: 36px;
 border-bottom: none;
}

.openbtn {
 font-size: 30px;
 cursor: pointer;
 background-color: #fff;
 color: black;
 padding: 1px 15px;
 border: none;
 display: none;
}

.openbtn:hover {
 color:#ff9000;
}

.lineb { padding-top:20px; }
.lineb1 { padding-top:20px; }
.Line { border: solid 1px #ff9000; height: 2px; width: 252px; margin: auto; }
	
.alpgivenow{border-radius:50px;color:#fff; background:#ff9000;box-shadow: 0px 2px 3px 0px #242424; 
-webkit-box-shadow: 0px 2px 3px 0px #242424; 
-moz-box-shadow: 0px 2px 3px 0px #242424;margin-bottom:5px;
-o-box-shadow: 0px 2px 3px 0px #242424;}	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.alpna-nav {width: 180px; font-size: 14px; }
	.alpna-nav a {padding: 10px 0 10px 10px;font-size: 14px;}
	.alpna-nav a:hover {font-weight: 400;}
	.text-Alp {width: 180px; height:40px;}
	.text-Alp h4 {padding:6px 0 0 0;font-size: 14px;}
	.alpna-sub{margin:0px 20px;}
	.sidepanel {width:0px;position: absolute;}
	.openbtn {display:block;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

/*@media only screen and (max-width: 600px) {*/
@media only screen and (max-width: 767px) {
	.alpgivenow {padding:5px 10px!important;}
	.sidepanel {width:0px;margin-left:32px;margin-top:110px;position: absolute;}
	.openbtn {display:block;}
	.top-centered {font-size:25px; font-weight:400;}
	.top-centered-csr {font-size:20px; font-weight:400;}
	.alpuuuu{font-size:20px; padding:0 10px;}
	.alp-foo{text-align:center;}
	.button {padding: 7px 8px;}
	.contaAlp {margin-top: 75px;}
	.top-centered-fo{font-size:25px;}
	.alpPara{padding: 3px 16px;}
	.button1{margin: 10px 0px;}
	.alpnaImageBG{margin:8px 0px;}
	.alpnah2{padding:10px 0px;}
	.container1 h2{text-align:center; padding-top:5px;}
	.htg1{min-height:auto;padding:15px;}
	.field-set{margin:0 25px;}
	.field-set button{margin-left:40%;}
	.alp-right{width:60%; margin-left:20%;}
	.alp-right-text h4 span {font-size:14px;}
	.contAlp img{width:60%; margin-left:20%;}
	.contAlp1 .button {padding: 7px 8px; width:50%; margin-left:25%;}
	.contAlp1 h2 {font-size:20px;}
	.contAlpJ p {padding:0 20px; text-align:justify;}
	.alpna-sub{margin:0px 20px;}
	.field-set-pledge{}
	.alpnImg-CSR{max-width:100px;}
	div#alpnaHall ul li a{font-size:12px;font-weight:400;}
	div#alpnaHall2 ul li a{font-size:12px;font-weight:400;}
	div#alpnaHall ul li a:hover{font-size:12px;font-weight:400;}
	div#alpnaHall2 ul li a:hover{font-size:12px;font-weight:400;}
	.bankCSRTab{margin-left:0%;}
/*@media screen and (max-width: 640px){*/
 .container1{padding:0px 10px; display: block; width: 100%; }
 .containerAlp{padding:0px 20px; display: block; width: 100%; }
 .containerAlp .button{margin-left:5%}
 .container2{margin-left:20%; display: block; width: 60%; }
 .container2 .button{width: 50%; margin-left:-8%; }
 .contAlp{padding:0px 15px; display: block; width: 100%; }
 .contAlp .wid{width:50%; margin-left:25%; height:40px; padding-top:10px;}
 .contAlp1{padding:0px 15px; display: block; width: 100%; }
 ul.breadcrumb li {font-size:10px;}
}

@media screen and (min-width: 1200px){
 .container1{width:100%;}
 .containerAlp{width:100%;}
 .contAlp{width:100%;}
 .contAlp1{width:100%;}
 .container2{width:100%;}
}