@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@100..900&display=swap');
Body{
	color: #222;
	FONT-SIZE:17px;
	font-family: "Roboto", sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	
}

::selection {color:#FFF;background:#30334e;}
::-moz-selection {color:#FFF;background:#30334e;}
::-o-selection {color:#FFF;background:#30334e;}
::-ms-selection {color:#FFF;background:#30334e;}
::-webkit-selection {color:#FFF;background:#30334e;}
 
.Shadow{
 box-shadow: 0 8px 8px rgba(0,0,0,0.2), 0 12px 12px rgba(0,0,0,0.32);
}
 
.FontColor1 {color: #034e8e;}
.FontColor2 {color:#222;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}

.FontStyle1{font-family: "Oswald", sans-serif;}
.FontStyle2{font-family: "Noto Sans Devanagari", sans-serif;}

.BgColor1 {background-color:#FFFFFF !important;}
.BgColor2 {background-color:#4c9f03; color: #fff !important;}
.bg{
	background: url("../images/bg.jpg") no-repeat fixed;
background-position: bottom center;
	background-size: cover;
	min-height: 100%;
	height: 100vh;
}

.TableAltHeader1 {background-color:#034e8e;}
.AltColor11 {background-color:#eaebf2;}
.AltColor12 {background-color:#f2f2f2;}

.TableAltHeader2 {background-color:#222; color:#fff;}
.AltColor21 {background-color:#eee;}
.AltColor22 {background-color:#f5f5f5;}

h3, h2, h1{font-weight: normal; margin: 0; display: inline}

/* Font Sizes */
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:15px;}
.NormalText {FONT-SIZE: 19px;}
.NormalTextBig {FONT-SIZE:21px;}
.Heading {FONT-SIZE:28px;}
.BiggerText {FONT-SIZE:38px;}
.LargeText {FONT-SIZE:52px; }
.ExtraLargeText {FONT-SIZE:60px; }

.SmallerLink{FONT-SIZE:12px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}
	
.JustLinks {TEXT-DECORATION:none ;}
a.JustLinks:hover{TEXT-DECORATION: underline !important;}

.textdeconone{text-decoration:none;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
.Button{
	font-size:17px;
	font-family: "Roboto", sans-serif;
	padding:7px 20px;
	cursor:pointer;
	text-decoration:none;
	outline:none;	
	display:inline-block;
}
.ButtonSmall{
	font-family: "Roboto", sans-serif;
	font-size:12px;		
	padding:3px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonMedium{
	font-family: "Roboto", sans-serif;
	font-size:14px;	
	padding:5px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonBig{
	font-family: "Roboto", sans-serif;
	font-size:22px;	
	padding:10px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}

.ButtonColor1{
	color:#fff;	
	background-color: #0444af;	
	background-image: -webkit-linear-gradient(top, #0444af, #022e76);
	background-image: -ms-linear-gradient(top, #0444af, #022e76);
	background-image: linear-gradient(top, #0444af, #022e76);
	border:1px solid #022e76;
	transition:0.3s ease;	
}

.ButtonColor1:hover{
	color:#fff;	
	background-color: #59ba04;	
	background-image: -webkit-linear-gradient(top, #59ba04, #448e02);
	background-image: -ms-linear-gradient(top, #59ba04, #448e02);
	background-image: linear-gradient(top, #59ba04, #448e02);
	border:1px solid #448e02;
	transition: 0.3s ease;
}
.ButtonColor2{
	color:#fff;	
	background-color: #fd4805;	
	background-image: -webkit-linear-gradient(top, #fd6c01, #ef2d01);
	background-image: -ms-linear-gradient(top, #fd6c01, #ef2d01);
	background-image: linear-gradient(top, #fd6c01, #ef2d01);
	border:1px solid #ef2d01;
	transition:0.3s ease;	
}

.ButtonColor2:hover{
	color:#fff;	
	background-color: #0444af;	
	background-image: -webkit-linear-gradient(top, #0444af, #022e76);
	background-image: -ms-linear-gradient(top, #0444af, #022e76);
	background-image: linear-gradient(top, #0444af, #022e76);
	border:1px solid #022e76;
	transition: 0.3s ease;
}
.Button:active, ButtonMedium:active, ButtonSmall:active, ButtonBig:active{
	top:1px;
	position:relative;
}

* {box-sizing:border-box !important;}
/* All Border Styles */
.Border1 {border-width:1px; border-style:solid;}
.Border2 {border-width: 2px;  border-style:solid}
.Border3 {border-width: 3px;  border-style:solid}
.Border5 {border-width: 5px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottom6{border-bottom:6px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderLeft8{border-left:8px solid;}
.BorderRight1{border-right:1px solid;}
.BorderRight2{border-right:2px solid;}

.BorderColor1{border-color: #bbb;}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded30{border-radius:30px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded100{border-radius:50%;}

/* Table Style */		
.TableStyle {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;    
	background-color: #fff;
	border: 1px solid #d9e1e8; 
}
.TableStyle th {
	color:#FFF; 
	text-align: center;
    padding:7px 6px;
	background-color: #044fa2;
	text-transform: uppercase;
	font-weight: 600;
}
.TableStyle td {
    border-bottom: 1px solid #d9e1e8;    
    padding:7px;
	
}
.TableStyle tr:nth-child(even) {
        background-color: #f0f5fa;
    }

/* Text Box Style*/	

.loginbg{
	background-color:#21356f;
	background-image: linear-gradient(top, #21356f, #07102b);
	background-image: -webkit-linear-gradient(top, #21356f, #07102b);
	background-image: -ms-linear-gradient(top, #21356f, #07102b);
	height: 100vh;
	min-height: 100%;
}
.Login{	
	margin-top:15%;
	background-color: #f5f5f5;
	background-image: linear-gradient(top, #FFF, #ddd);
	background-image: -webkit-linear-gradient(top, #FFF, #ddd);
	background-image: -moz-linear-gradient(top, #FFF, #ddd);
	background-image: -o-linear-gradient(top, #FFF, #ddd);
	background-image: -ms-linear-gradient(top, #FFF, #ddd);
	filter: progid:DXImageTransform.Microsoft.radial(GradientType=0,StartColorStr='#FFF', EndColorStr='#ddd');
	border:4px solid #FFF;		
	box-shadow:inset 0px 0px 15px 2px #bbb, 7px 7px 0px 0px #000;
	border-radius: 20px;	
	}

/* Text Box Style*/	


.TextBox{
	font-family: "Roboto", sans-serif;
	color:#000;
	padding:7px;
	min-height: 35px;
	border:1px solid #c2c2c2;	
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	border:1px solid #30334e;	
	box-sizing: border-box;
	outline: none;
}

.TextBoxBig{
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	color:#000;
	padding:13px 10px;
	background: #f5f5f5;
	border:1px solid #acb8c3;	
	box-sizing: border-box;
	outline: none;
}
.TextBoxBig:focus{	
	background: #fff;
	border:1px solid #0f1b37;	
	box-sizing: border-box;
	outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
::placeholder{
	font-size:16px;	
	font-family: "Roboto", sans-serif;
	opacity:0.4;
	color:#000;	
	}
:-ms-input-placeholder{
	font-size:16px;		
	font-family: "Roboto", sans-serif;
	opacity:0.4;
	color:#000;
}


.footer{		
	color:#bbb;
	background-color:#333;
	padding:20px 10px;
	border-top:5px solid #50aa01;
	box-sizing:border-box;
	width: 100%;
	float:left;
}
.footer a{		
	color:#bbb;
	
}
.footer a:hover{		
	color:#ffffff;
	text-decoration: underline #6fcb1e solid; 
	text-decoration-thickness:3px; 
	text-underline-offset:8px;
	transition: 0.3s ease;
}
.imgzoom { 
      overflow: hidden; 
      margin: 0 auto;
        } 
      
.imgzoom img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
.imgzoom:hover img {             
	-ms-transform: scale(1.15);	
	-webkit-transform: scale(1.15);	
	-moz-transform: scale(1.15); 
	transform: scale(1.15);
        }


.underline{		
	text-decoration: underline #ffbc16 solid; 
	text-decoration-thickness:5px; 
	text-underline-offset:12px;	
	}
.grid1 {
  display: grid;
  width: 100%;
  grid-template-columns: 47.6% 47.6%;
  align-items: stretch;
  justify-content: space-between;
	row-gap: 10px;
	margin: 10px 0;

}
.paddingtop{
	padding-top: 140px;
}
.votebutton{
	position: absolute;
	right: 0; top: 0px; z-index: 100;
}
.adddiv{
	width: 100%;
	float: left;
	border: 1px solid #bbb;
	background: #fff;
	text-decoration: none;
	box-shadow: 0px 3px 10px 0px #ddd;
}
.adddiv:hover{
	border: 1px solid #bbb;
	background: #fff;
	text-decoration: none;
	box-shadow: 0px 3px 10px 0px #888;
	transition: 0.4s ease;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
}
/* Modal Content/Box */
.modal-content {
    background-color: #fff;
    margin: 5% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
    max-width: 400px;
	box-shadow: 0px 3px 12px 0px #666;
}

.modal-contentBig {
    background-color: #fff;
    margin: 3% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 94%; /* Could be more or less, depending on screen size */
    max-width: 1000px;
	box-shadow: 0px 3px 12px 0px #666;
}
/* The Close Button (x) */
.close {
    position: absolute;
    right: 5px;
    top: -10px;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.close:hover, .close:focus {
    color: red;
    cursor: pointer;
}
/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
from {
-webkit-transform: scale(0)
}
to {
-webkit-transform: scale(1)
}
}
@keyframes animatezoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
/*pagination*/
ul.pagination {
    display: flex;
    padding: 0;
    margin: 0px;
	justify-content: center;
	flex-wrap: wrap;
}

ul.pagination li {display: inline;}

ul.pagination li a {	
    color: black;
    float: left;
	margin:2px;
	border:1px solid #ddd;
	background: #f4f4f4;
    padding: 6px 12px;
    text-decoration: none;
}

ul.pagination li a.active {
    background-color: #034e8e;
	border:1px solid #034e8e;
    color: white;	
	padding: 6px 12px;	
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}
@media screen and (max-width:1299px) {
	body{font-size: 16px}
.MediumText {FONT-SIZE:15px;}
.NormalText {FONT-SIZE: 17px;}
.NormalTextBig {FONT-SIZE:20px;}
.Heading {FONT-SIZE:28px;}
.BiggerText {FONT-SIZE:36px;}
.LargeText {FONT-SIZE:42px; }
.ExtraLargeText {FONT-SIZE:52px; }
	
}
@media screen and (max-width:1199px) {
.paddingtop{
	padding-top: 140px;
}
@media screen and (max-width:1023px) {
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:20px;}
.Heading {FONT-SIZE:27px;}
.BiggerText {FONT-SIZE:34px;}
.LargeText {FONT-SIZE:40px; }
	.ExtraLargeText {FONT-SIZE:50px; }
.grid1 {  
  grid-template-columns: 100%;
  }
	.votebutton{
	position: absolute;
	right: 3rem; top: 0px; z-index: 100;
}
	.paddingtop{
	padding-top: 60px;
}
}
@media screen and (max-width:767px) {
Body {
  FONT-SIZE: 16px;
}
.MediumText {
  FONT-SIZE: 14px;
}
.NormalText {
  FONT-SIZE: 16px;
}
.NormalTextBig {
  FONT-SIZE: 20px;
}
.Heading {
  FONT-SIZE: 26px;
}
.BiggerText {
  FONT-SIZE: 32px;
}
.LargeText {
  FONT-SIZE: 38px;
}
.paddingtop{
	padding-top:105px;
}
.ExtraLargeText {FONT-SIZE:48px; }
.votebutton{
	position: absolute;
	right: 0rem; top: 50px; z-index: 100;
}
}

@media screen and (max-width:639px) {
Body {FONT-SIZE:15px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:32px; }
.ExtraLargeText {FONT-SIZE:40px; }
	
.votebutton{
	position: absolute;
	right: 0; top: 40px; z-index: 100;
	transform: translateX(-50%);
	left: 50%;
	width: 100%;
	
}
	.paddingtop{
	padding-top: 95px;
}
}

@media screen and (max-width:479px) {
	Body {
	  FONT-SIZE: 13px;
	}
	.MediumText {
	  FONT-SIZE: 13px;
	}
	.NormalText {
	  FONT-SIZE: 16px;
	}
	.NormalTextBig {
	  FONT-SIZE: 17px;
	}
	.Heading {
	  FONT-SIZE: 20px;
	}
	.BiggerText {
	  FONT-SIZE: 22px;
	}
	
	.SmallerLink {
	  FONT-SIZE: 12px;
	}
	.ExtraLargeText {FONT-SIZE:30px; }
	.Button {
	  font-size: 14px;
	  padding: 6px 12px;
	}
	.ButtonSmall {
	  font-size: 11px;
	  padding: 2px 8px;
	}
	.ButtonMedium {
	  font-size: 13px;
	  padding: 3px 10px;
	}
	.ButtonBig {
	  font-size: 16px;
	  padding: 6px 15px;
	}
	.votebutton{
	position: absolute;
	right: 0; top: 40px; z-index: 100;
	transform: translateX(-50%);
	left: 50%;
	width: 100%;
	
}
	.paddingtop{
	padding-top: 95px;
}
}