@charset "utf-8";
/* CSS Document */
body{ 
    background-image:url('../images/skillsback.png');
    background-repeat: no-repeat;
	  background-size: 100vw; 

font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
}
#tmain{ background-image:url('../images/maintback.png');
	background-repeat: no-repeat;
background-size: 100vw 100%;
	height:60px;
padding:0;
margin:0;
display:block;
	margin-bottom:0px;
}
/* Title with image */
#skillstitle{width:70%;
display:flex;
justify-content: center;
margin-top:40px;
margin-left:auto;
margin-right:auto;}


#info{text-align: center;
width:100%;
}
#info h2{font-size:1.1em;
font-weight:400;
padding-bottom:15px;
padding-top:15px;
width:80%;
    margin-left:auto;
    margin-right:auto;
}

#wrapper
{max-width:1225px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
 
  display: inline-block;
  padding:30px;
	font-family: "acumin-variable", sans-serif;
font-size:1.3em;
	color:#000000;
	font-weight: 500;
  
}
input[type=radio] { margin-right:30px;
margin-left:10%;

}
input[type="radio"] {
  width: 1.2em;
  height: 1.2rem;
  accent-color: #cdcdcd;
	margin-top:5px;
}

h4{
    font-family: "coolvetica", sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin-top:5px;
	margin-left:20px;
   
    
}

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

#mainpage{background:#2A2D43;
	margin-top:0px;
	padding-bottom:50px;
	padding-top:50px;
}
#ptabs{width:80%;
margin-left:10%;
display:inline-flex;
justify-content: space-around;
align-items: center;
padding-top:20px;
padding-bottom:20px;
}
#ptabs h2{font-family: "acumin-variable", sans-serif;
font-size:1.1em;
color:#ffffff;}

#ptabs li{display:block;
	width:auto;
	margin-left:20px;
	background:#ffffff;
	border-radius:15px;
	text-align: center;
}

#ptabs li #tsel{display:block;
	background:#FFCA3F;
	width:auto;
	margin-left:20px;
	border-radius:15px;
	text-align: center;
}
#ptabs li a{color:#2A2D43;
padding-left:20px;
padding-right:20px;
font-family: "acumin-variable", sans-serif;
font-size:1.2em;
font-weight:600;
text-decoration: none;
display:block;}

#ptabs li:hover{background:#FFCA3F;
transition:0.3s;}

#mainpage .row{margin-bottom:15px;}

#pim{margin-bottom:20px;}
#rpim{float:right;
margin-right:20px;
margin-left:auto;}
/*accordian */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


#accordionMenu {
  width:90%;
    margin-left:auto;
    margin-right:auto;
	padding:0;
}
.panel-default{background:#ffffff;
    padding:4px;
border-radius:15px;

    margin-bottom:20px;
}

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

}

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



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


.panel-default>.panel-heading a[aria-expanded="false"]:after {
	
content: url('../../skillschecks/skillsimages/right.png');
	float:right;
	margin-right:10px;  
}
.panel-body .row{margin-top:2px;
width:95%;
margin-left:auto;
margin-right:auto;
}
.panel-body .row img{
width:95%;
margin-left:auto;
margin-right:auto;
}
#rt{display:flex;
align-items:center;}


	#rt{justify-content:flex-end;}

#rt li{background:#323232;
width:150px;
text-align: center;
display:block;
border-radius:10px;
		box-shadow: 2px 2px 7px #CFCFCF;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding-top:3px;
padding-bottom:3px;
}
#rt li a{ font-family:"acumin-variable", sans-serif;
	font-size:1em;
	color:#ffffff;
font-weight:600;
text-align: center;
	display:inline-block;
	text-decoration:none;
}

#rt li img{margin-left:20px;
width:24px;
height:24px;}

#rt li:hover{background:#CFCFCF;
		box-shadow: 2px 2px 8px #323232;
	}

#rt li:hover a{color:#ffffff;
	}


.col-md-4 a img:hover{
		box-shadow: 2px 2px 8px #cdcdcd;
	}

#accordionMenu h1{font-size:2.9em;
color:#0066C9;
font-weight:600;
    margin:0;
    padding:0;
}

.footer {
 
    background:#2A2D43;}
 @media (max-width: 1200px) {
	 #wrapper{font-size:1.1em;}
}
@media (max-width: 990px) {
	#im1,#im2{display:none;}

 #wrapper{font-size:1em;}
	col-md-12{margin:0;
	padding:0;}	


}
@media (max-width: 860px) {
	input[type=radio] {
margin-left:1%;
}
 #wrapper{font-size:0.9em;}
	col-md-12{margin:0;
	padding:0;}		
	#skillstitle img{width:80%;
display:flex;
justify-content: center;
margin-top:40px;;
margin-left:auto;
margin-right:auto;}

	#rpim{display:none;}
}
@media (max-width: 768px) {
	#mainpage{background:#2A2D43;
	margin-top:0px;
	padding-bottom:50px;
	
}
#ptabs{width:90%;
margin-left:5%;

padding-top:15px;
padding-bottom:15px;
}
#tp{display:none;}

#ptabs li{
	margin-left:10px;
	
	border-radius:10px;
	
}

#ptabs li #tsel{display:block;

	margin-left:10px;
	border-radius:10px;
	
}
#ptabs li a{color:#2A2D43;
padding-left:15px;
padding-right:15px;
font-size:1em;
font-weight:500;
}

	
	
	
	.col-md-1 img{display:none;}
#tog{display:none;}
body{
      background-image:none !important;
background:#F8F8F9;	
}
	#mainpage{
	margin-top:0px;
	}	
	
}
@media (max-width: 460px) {
#ptabs{width:98%;
margin-left:1%;

padding-top:10px;
padding-bottom:10px;
}
#tp{display:none;}

#ptabs li{
	margin-left:8px;
	
	border-radius:8px;
	
}

#ptabs li #tsel{display:block;

	margin-left:8px;
	border-radius:8px;
	
}
#ptabs li a{color:#2A2D43;
padding-left:8px;
padding-right:8px;
font-size:1em;
font-weight:400;
}	
	
.footer{background:#2A2D43;}	
.col-md-1 img{display:none;}

	.maincontent{width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:10px;
	}	
	

   
	
	
#accordionMenu {
  width:100%;
    margin-left:0;
    margin-right:0;
	padding:0;
}
}