@charset "utf-8";
/* CSS Document */
body{ 
    background-image:url('../../homeimages/skillsback.png');
    background-size: cover; 

font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
}

.footer{background-image:none;
background:#2a2d43;}
#tt2{display:block;}
#numtitle{padding-top:0px;width:100%;
margin-top:-20px;
}
#numtitle img{display:block;
margin-left:auto;
margin-right:auto;
height:auto;
width:450px;
margin-bottom:10px;
}
#ttop{max-width:1200px;margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
line-height:1.3em;
height:200px;
}
#ttop h2{color: #000000;
font-size: 1.1em;
text-align:center;

width:100%;
margin-left:auto;
margin-right:auto;


margin-bottom:20px;}
#mainpage{width:100%;
background:#2A2D43;}

#tmain{ background-image:url('../../topic/topimages/maintback.png');
	background-repeat: no-repeat;
background-size: 100vw 100%;
	height:60px;
padding:0;
margin:0;
display:block;
	margin-bottom:0px;
}
.maincontent{
width:990px;
    margin-top:20px;
	padding-top:20px;
background: #c0e5ef;
border-radius:40px;
    padding-bottom:6px;
	margin-left:auto;margin-right:auto;
}

.bfocus{background:#ffffff;
    padding:4px;
  width:96%;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:10px;
	margin-top:10px;
	display:block;
	padding-bottom:20px;
}

/*---Full Year and record---*/
#fullyear{
     display:block;
min-height:50px;
	margin-bottom:15px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


#fullyear .row{width:100%;
margin:0;
	
}
#fullyear .col-md-3 a{text-decoration: none;}
.col-md-3 li{
    width:80%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    background:#b0b0b0;
    border-radius:10px;
    padding:0;
     text-align:center;
margin-bottom:5px;
}
.col-md-3 li:hover{background:#ffffff;
transition:ease 0.3s;
color:#fffffff;}

.col-md-3 li a:hover{color:#000000;
}

.col-md-3 li a{
   color: #ffffff;
    font-family: "acumin-variable", sans-serif;
  font-size: 1.3em;
    font-weight:300;
	text-decoration:none;
	display:block;  background:#b0b0b0;
    border-radius:10px;
	border:1px solid #DCDCDC;
	width:100%;}
   
.col-md-3 li:hover{
      background:#ffffff;
   box-shadow:4px 4px 8px  #cfcfcf;
	transition:0.2s ease;
}
.col-md-3 li a:hover{
   color:#000000;
     background:#ffffff;
	 transition:0.2s ease;
    
}


/*accordian */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


#accordionMenu {
  width:96%;
    margin-left:auto;
    margin-right:auto;
	padding:0;
}
.panel-default{background:#ffffff;
    padding:4px;
border-radius:15px;
     margin-bottom:20px;
	  box-shadow:4px 4px 8px  #8a8a8a;
}

#accordionMenu h2{font-size:1em;
font-weight:600;
    margin:0;
    padding:0;

}

.panel-default>.panel-heading a{
color:#7bb5d1; 
      font-family: "acumin-variable", sans-serif;
  font-size: 1.4em;
    font-weight:500;
    text-decoration:none;
	padding-left:20px;
	display:block;

}



.panel-default>.panel-heading a[aria-expanded="true"]:after {
 
	margin-right:10px;    
 content: url('../../skillschecks/skillsimages/downs.png');
	float:right;
}


.panel-default>.panel-heading a[aria-expanded="false"]:after {
	
content: url('../../skillschecks/skillsimages/rights.png');
	float:right;
	margin-right:10px; 

}
.panel-body .row{margin-top:0px;}
.col-md-8{
    display:flex;
flex-direction:column;
    justify-content:center;
	align-content: center;
    margin:0;
	padding:0px;
	padding-top:1px;
  }

#accordionMenu h1{font-size:2.9em;
color:#008FC9;
font-weight:600;
    margin:0;
    padding:0;
}
h4{
    font-family: "coolvetica", sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin-top:5px;
	margin-left:20px;  
}
h5{
    font-weight:600;
	font-size:1.4em;
	color:darkgrey;
	margin-top:8px;
	margin-left:20px;  
}
.row .simt{
   font-family: "acumin-variable", sans-serif;
	font-size:1.1em;
	color:#8D8D8D;
	text-align:center;
	text-size:1em;
	margin-bottom:5px;
}
.bfocus .row{display:flex;
align-content: center;
justify-content: center;
align-items: center;}
.col-md-5 .row .sims{display:inline-flex;
justify-content: center;
align-content: center;
	align-items: center;}
.col-md-3,.col-md-2{text-align: center;}
hr.solid {
  border-top: 2px solid #bbb;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
    padding:0;
}
.col-md-2 li{
    width:96%;
    margin-top:6px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    border-radius:10px;
    padding:2px 10px;
     text-align:center;
    border:#dcdcdc solid 2px;
	background:#7BB5D1;
box-shadow:2px 2px 4px #dcdcdc;
}

.col-md-2 li a{
   color: #ffffff;
  font-family: "acumin-variable", sans-serif;
  font-size: 1.1em;
    font-weight:400;
    text-decoration:none;
	display:block;
   }
.col-md-1{margin:0;
padding:0;
}
.wb{margin:0;
padding:0;
	width:100%;
}
.col-md-3 .p{background:#A1CADE;}
main{max-width:1100px;
margin-left:auto;
margin-right:auto;
width:100%;
}
.col-md-1 img{max-height:120px;}

.col-md-4 img{margin-top:10px;}

.sims li{
   width:40px;
	height:40px;
   margin-right:10px;
    padding:0;
		display:flex;
       border-radius:50%;
    justify-content:center;
	align-items: center;
    border:#7BB5D1 solid 1px;
}



.sims li a{
 width:40px;
	height:40px;
   color:#000000;
     border-radius:50%;
    font-family: "acumin-variable", sans-serif;
  font-size: 1.4em;
    font-weight:400;
    text-decoration:none;
    padding:0;
	display:flex;
          justify-content:center;
	align-items: center;
   }

   
li a:hover{
background:#DAEAF2;box-shadow:4px 4px 8px #dcdcdc;
}



@media (max-width: 990px) {
	#im1,#im2{display:none;}
.maincontent{width:98%;}

	col-md-12{margin:0;
	padding:0;}	
.bfocus{width:98%;}
#fullyear li a{ 
  font-size: 1em;
    font-weight:600;
   
}
#n1{display:none;}
#n2{display:none;}
#accordionMenu {
  width:96%;
}
h5{	font-size:1.2em;
	margin-left:10px;  
}

}
@media (max-width: 860px) {
	#ht{display:none;}
	
	#skillstitle img{width:80%;
display:flex;
justify-content: center;
margin-top:2%;
margin-left:auto;
margin-right:auto;}
	
}

.toggleSwitch > span span {

  font-size: 0.9em;
  font-weight: 400;
	
}
@media (max-width: 768px) {
	.col-md-1 img{display:none;}
	#fullyear{min-height:40px;}

	#qns .row img{display:none;}
	
	
	#qns .row {margin-left:40px;}
	
	#qns .row h4{text-align:center;}
	#numtitle img{
width:300px;

}
body{ background:#f8f8f9;background-image:none;
}
.panel-default>.panel-heading a{

  font-size: 1.2em;
    font-weight:400;
    text-decoration:none;
	padding-left:15px;
	display:block;
}
	h5{
    	font-size:1.2em;
	color:darkgray;
	margin-top:8px;
	margin-left:0;
	text-align:center;
}
.bfocus{padding-bottom:5px;}
.row .simt{
   	margin-top:25px;
	margin-bottom:5px;

}
#ttop h2{font-size:1em;}
	
	#list{margin-left:15px;}
	
	#skillselect{display:none;}
	#skillselect1{display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;}
	#tog{display:none;}
	
.col-sx-6{width:50%;margin-left:auto;margin-right:auto;}


	#fullyear .col-md-6 .fy{border-radius:30px;
	}
	#flyr{
   	padding:1px;
	background:#ffffff;
	height:70px;
    border-radius:5px;
		margin-bottom:10px;
		width:80%;
		margin-right:auto;
		margin-left:auto;
}

	.yr h3{  font-size:1.5em;  
       
    font-weight:600;
   
}

	
}


@media (max-width: 600px) {


	#numtitle img{
width:250px;

}
#ttop h2{font-size:0.9em;}

li a{font-size:0.9em;}
.panel-default>.panel-heading a{
font-size:1.1em;

}
}
@media (max-width: 400px) {
.col-sx-6{width:60%;}
.panel-default{width:90%;
margin-left:auto;margin-right:auto;}
}