@charset "utf-8";
html{background-color:#2A2D43;}
/* CSS Document */
body{   font-family: "acumin-variable", sans-serif;
 background-color: #F8F8F9;
   
height:100vh;
    font-weight:300;
}
#top{height:700px;
	background-color:#F8F8F9;
	background-image:url('../secimages/backtop.png');
    background-repeat: no-repeat;
  background-size: 100vw 1000px;
 }

#bmid{background-color:#2A2D43;}

#bbot{background-image:url('../secimages/backbot.png');
    background-repeat: no-repeat;
 background-size: cover;
margin-bottom:0px;
padding-bottom:0px;}

#years{width:60%;
margin-left:30%;}
 /*Header---------*/
header{
	align-items:flex-start;
    justify-content:center;
	background-color: #ffffff;
	display: flex;
	width: 100%;
	padding: 4px 4px;
	box-shadow:0px 2px 8px #2A2D43;
	position:relative;z-index:10;
	height:auto;	
}
.hbuts{display:flex;
align-content: space-between;
    margin-left: auto;
}

.logo {
  align-items: flex-start;
  display: flex;
  margin-left: 6px;
  margin-top: 2px;
  width: 70px;
}
.logo img{width:100%;
height:auto;}


.title{
padding-left:20px;
padding-right:20px;    
    color: #000000;;
    font-family: "acumin-variable", sans-serif;
  font-size: 3em;
  letter-spacing: 0;
      white-space: nowrap;
font-weight: 200;}
.htext{
    padding-right:2%;
    padding-left:2%;
        font-family: "acumin-variable", sans-serif;
     letter-spacing: 0;
   font-size: 1.3em;
   white-space: nowrap;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:80px;

 }
.htext a{
      font-family: "acumin-variable", sans-serif;
     letter-spacing: 0;
   font-size: 1.1em;
    color:#000000;
    text-decoration:none;
     border-bottom: 2px solid #ffffff;
}
.htext a:hover{ transition: background .15s cubic-bezier(.33,.66,.66,1);
    border-bottom: 2px solid #003398;
    
}
    

.search {
  align-items: center;
  display: flex;
    flex-direction: column;
  height: 80px;
    justify-content: center;
    padding-right:10px;
}

.search:hover img {
  transform: scale(1.05);
  filter: opacity(30%);
    transition:0.3s;
}


.login-container {
  align-items: center;
  display: flex;
  flex-direction: column;
    justify-content: center;
  margin-left: 10px;
 height:80px;
    text-align: center;
    padding-right:10px;
    font-family: "acumin-variable", sans-serif;
 }

.login-container img{width:70%;
height:auto;
    border:none;
border-radius: 50%;
box-shadow:1px 1px 2px 1px	#DCDCDC;}
.login-container img:hover{
box-shadow:2px 2px 4px 2px #DCDCDC;}
.subscribe-container img{width:70%;
height:auto;
    border:none;
border-radius: 50%;
box-shadow:1px 1px 2px 1px	#DCDCDC}
.subscribe-container img:hover{
box-shadow:2px 2px 4px 2px #DCDCDC;}

.subscribe-container {
  align-items: center;
  display: flex;
  flex-direction: column;
    justify-content: center;
  height: 80px;
    text-align: center;
    margin-right:20px;
    gap:1px;
      font-family: "acumin-variable", sans-serif;
  }
/*----end of header-----*/

/* Title with image */

#top .col-md-6{display:block;
margin-left:0px;}

.row .col-md-12{min-height:350px;
	height:auto;
padding-bottom:0px;}
#numtitle{width:100%;
margin-top:60px;
margin-bottom:0;
padding-bottom:0;}

#numtitle img{margin-left:10px;}

#info{text-align: left;
width:100%;
	margin:0;
	
}
#info h2{font-size:1.1em;
font-weight:400;
padding-bottom:5px;
padding-top:10px;
width:100%;
   padding-left:30%;
	text-align:left;
   
}


/*---selection----*/

#keyelements{
		width:100%;
	display:flex;
	margin-top:0px;
	margin-bottom:50px;
}

#inner{max-width:1225px;
width:100%;
	margin-left:auto;
	margin-right:auto;
display:inline-flex;
	flex-wrap: wrap; 
justify-content: center;
align-items: center;
margin-top:20px;
}

#inner img{width:50px;
	height:auto;
	margin-top:5px;

	}
#e1,#e2,#e3,#e4,#e5,#e6,#e7,#e8,#e9,#e10{padding:10px;
	width:210px;
	height:200px;
	border-radius:20px;
	box-shadow: 0px 2px 7px #CFCFCF;
	background:#ffffff;
	margin:10px;
	margin-right:20px;
	margin-left:20px;
}

#e1:hover,#e3:hover,#e5:hover{
	box-shadow: 3px 3px 10px #323232;
	transition:0.3s;
	
}

#e2:hover,#e4:hover,#e6:hover{
	box-shadow: 3px 3px 10px #ffffff;
	transition:0.3s;
	
}

#ninner{
width:100%;
	margin-left:auto;
	margin-right:auto;
display:inline-flex;
	flex-wrap: wrap; 
justify-content: center;
align-items: center;
margin-top:0px;
}

#ne1,#ne2,#ne3{padding:10px;
	width:200px;
	
	margin:10px;
}

 #ninner h2{font-family: "acumin-variable", sans-serif;
	font-size:1.2em;
	color:#ffffff;
font-weight:bold;
text-align: center;
margin-top:20px;
}

#ninner h3{font-family: "acumin-variable", sans-serif;
	font-size:0.8em;
	color:#ffffff;
font-weight:200;
text-align: center;
margin-top:10px;
}


h2{font-family: "acumin-variable", sans-serif;
	font-size:1.2em;
	color:#000000;
font-weight:bold;
text-align: center;
margin-top:20px;
}

#inner a{text-decoration:none!important;}

h3{font-family: "acumin-variable", sans-serif;
	font-size:0.8em;
	color:#000000;
font-weight:200;
text-align: center;
margin-top:10px;
}
.row .col-md-6{display:flex;
flex-direction: column;
	align-content:flex-start;}



#bot img{width:90%;
height:auto;
	margin-left:2%;
	
}
#arrow img{width:20%;
	height:auto;
	float: right;
margin-right:2%;
margin-left:auto;}
.maincontent{
    margin-top:40px;
background: rgb(31,195,255);
background: #FEE7DA;
border-radius:40px;
box-shadwow:2px 2px 2px 0px  #DCDCDC; 
    padding-bottom:20px;
	padding-top:30px;
}


/*---Full Year and record---*/
.panel-body{background:#ffffff;
border-radius:20px;
box-shadow:2px 2px 2px 0px  #DCDCDC; 
margin-left:5%;
width:90%;	
margin-top:30px;	

}

.panel-body .row{
	padding-left:5%;
	padding-right:5%;
	padding-top:5px;
}


.panel-body .col-md-7{
    display:inline-flex;
    justify-content:space-around;
    }
.col-md-7{
    display:inline-flex;
    justify-content:space-between;
	width:100%;
    }
#bbot h4{font-family: "coolvetica", sans-serif;
font-weight:600;
font-size:2em;
color:#000000;
margin:20px;
text-align:left;}


#bbot h2{font-family: "acumin-variable", sans-serif;
	font-size:1.3em;
	color:#000000;
font-weight:200;
text-align: left;
margin-top:20px;
}


hr{
  border-top: 2px solid #bbb;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:5px;
    padding:0;
}
#bbot .row .col-md-6{display:block;}

#bbot main{padding-top:100px;}
#bbot img{width:60%;
margin-left:10%;}

	
	
.col-md-7 li{
   width:40px;
	height:40px;
   margin:0;
    padding:0;
    display:block;
    border-radius:50%;
    text-align:center;
    border:#B0B0B0 solid 2px;
box-shadow:1px 1px 5px 0px #DCDCDC;
	
}
.col-md-7 li a{color:#B0B0B0;
 font-family: "acumin-variable", sans-serif;
  font-size: 1.4em;
display:block;
text-decoration:none;}

.col-md-7 li a:hover{color:#ffffff;
	background:#B0B0B0;
 font-family: "acumin-variable", sans-serif;
  font-size: 1.4em;
display:block;
 border-radius:50%;
	text-decoration: none;
	transition:0.3s;
}

.col-md-7 li:hover{
	
   background:#B0B0B0;
box-shadow:2px 2px 5px 2px #DCDCDC;
	
}

	



main{max-width:1200px;
margin-left:auto;
margin-right:auto;
	text-align: center;
}


  
.footer {
    margin-top:0px;
    background-image:url('../../homeimages/footer.png');
   width:100%;
      display: block;
 }
 
 .inner-footer {
     width: 100%;
     margin: auto;
     padding: 20px 10px;
     display: flex;
     flex-wrap: wrap;
     box-sizing: border-box;
     justify-content: center;
 }
 .footer-itemi{
        padding: 10px;
        color: #fff;
    display:flex;
    flex:1;
     justify-content:flex-end;
}
.footer-itemi img{width:80%;}
.footer-item1{
        padding: 20px 0px;
        color: #fff;
    display:flex;
    justify-content:flex-start;
    flex:2;
}
.footer-items{
       padding: 10px;
       color: #fff;
   flex:1;
    text-align: center;
}
.inner-footer .footer-items h3 {
	color: #FFFFFF;
	  font-family: "acumin-variable", sans-serif;
	font-weight: 600;
	font-size: 2em;
}

.inner-footer .footer-items h2 {
	color: #FFFFFF;
	  font-family: "acumin-variable", sans-serif;
	font-weight: 300;
	font-size: 1.3em;
    padding-below:2px;
}

.footer h1{
	color: #FFFFFF;
	  font-family: "acumin-variable", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 3em;
}

@media (max-width: 1068px) {
  #numtitle{width:80%;
margin-top:40px;
margin-left:10%;
}

#info h2{font-size:1em;
font-weight:200;
   padding-left:25%;

	}
	
/*---selection----*/

#keyelements{
		width:100%;
	display:flex;
	margin-top:0px;
	margin-bottom:50px;
}
	#bmid{display:none;}

#inner img{width:45px;
		}
#e1,#e2,#e3,#e4,#e5,#e6,#e7,#e8,#e9,#e10{padding:10px;
	width:200px;
	height:190px;
	margin:12px;
	margin-right:15px;
	margin-left:15px;
}
.logo img{width:100%;
height:auto;}


.title{
    font-family: "acumin-variable", sans-serif;
  font-size: 2em;
	padding-top:15px;
 }
.htext{
   
   font-size: 1.1em;
   
     }
.htext a{
     
    
   font-size: 1.0em;
   
}
	
	
	
}


@media (max-width: 992px) {
  
#info h2{font-size:1em;
font-weight:200;
text-align:center;
 padding-left:30px;
	padding-right:30px;

   
}
	
	
#years{width:50%;
margin-left:25%;
	padding-bottom:25px;}
/*---selection----*/



#inner img{width:55px;
		}
#e1,#e2,#e3,#e4,#e5,#e6,#e7,#e8,#e9,#e10{padding:10px;
	width:220px;
	height:210px;
	margin:15px;
	
}
	#keyelements{background-color:#2A2D43;}
#top{
	background-color:#F8F8F9;
	background-image:none;
	height:auto;
 }
	
	#bbot{background-image:none;
	background-color:#F8F8F9;}	
	

#bot{
	display:none;}
#bot img{display:none;
	
}
}