body {
  	background-color: #FFFFFF;
  	/*background-image: url(https://www.ijtos.com/public/site/images/admin/cell-0112.jpg);*/
	background-repeat: repeat;
	background-position: left top;
}

.head {
	font-family: PT Serif;
	font-size: 15px;
	color: #a3a602;
	font-weight: Bold;
}
.text {
	font-family: PT Serif, Sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: ##666666;
	text-decoration: none;
	line-height: 20px;
	text-align: justify;
}

.textCopy {

	font-family: PT Serif, Sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: ##666666;
	text-decoration: underline;
	line-height: 20px;
}
.email {


	font-family: PT Serif;
	font-size: 13px;
	font-weight: normal;
	color: #8B008B;
	text-decoration: none;
	line-height: 20px;
}
a.email:hover {

	font-family: PT Serif;
	font-size: 13px;
	line-height: 20px;
	color: #8B008B;
	text-decoration: underline;
}

/* Home page issn details table div */

.boxerhome {
  display: table;
  border-collapse: collapse;
}
.boxerhome .box-row-home {
  display: table-row;
}

.boxerhome .boxhome {
  display: table-cell;
  vertical-align: top;
  border: 1px solid #a3a602;
  padding: 5px;
  font-family: font-family: PT Serif, monospace;
  font-size:15px ;
}


/* Accordion CSS for FAQ */
.accordion {
  background: white;
  border: 1px solid #deb541;
  border-radius: 5px;
  font-weight: 700;
  margin: 10px;
  padding: 10px 20px;
  cursor: pointer;
}

.accordionDrop {
  padding: 0px 30px;
}

::-webkit-details-marker { 
  display: none;
}

/* EB */


.profile-card1{
  border-radius: 20px;
  width: 700px;
  height: 350px;
  background-color: white;
  display: flex;
  flex: 1;
 box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  }

.profile-card1 header{
  border-right: 1px solid #DEB541 ;
  width: 250px;
 
}

.profile-card1 img{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  margin: auto;
  border: 8px solid transparent;
  transition: .4s;
  }

.profile-card1 img:hover{
  border: 8px solid #DEB541 ;
}


.profile-card1 h1{
  font-family: 'Raleway', Arial;
  font-size: 22px;
  color: black ;
  text-align: center;
}

.profile-card1 h2{
  font-family: Arial;
  font-size: 20px;
  text-align: center;
  color: #DEB541 ;
}

.profile-bio1{
  border-radius: 0 20px 20px 0;
  background-color: #DEB541 ;
  display: flex;
  width: 550px;
  flex-direction: column;
  flex: 1:
    
}

.profile-bio1 p{
  color: black;
  font-family: Arial;
  font-size: 15px;
  padding-left: 15px;

}



.cardBox1 {
    perspective: 300px;
    margin: 15px;
  
}

.card1 {
    position: relative;
    width: 80px;
    height: 80px;
    background: #FFF;
    transform-style: preserve-3d;
    transition: 1s;
    box-shadow: 0px 30px 30px rgb(0, 0, 0, 0.5);
    border-top-left-radius: 20%;
    border-top-right-radius: none;
    border-bottom-left-radius: none;
    border-bottom-right-radius: 20%;
}

.gscholar {
    background: #3b5998;
}

.affiliation {
    background: #1da1f2;
}

.orcid {
    background: #db4437;
}

.card1-front,
.card1-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px
    color: #FFF;
    backface-visibility: hidden;
}

.card1-back {
    display: flex;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    top: 20px;
    
}

.cardBox1:hover .card1 {
    transform: rotateY(180deg);
}

.card1-back {
    transform: rotateY(180deg);
}


/* ContactUs */

.season_tabs {
  position: relative;   
  min-height: 600px; /* This part sucks */
  clear: both;
}
.season_tab {
  float: left;  
  clear: both;
  width: 246px;
}
.season_tab label {
    background: #deb541;
    padding: 10px;
    border: 1px solid #deb541;
    margin-left: -1px;
    font-size: 21px;
    vertical-align: middle;
    position: relative;
    left: 1px;
    width: 246px;
    height: 68px;
    display: table-cell;
}
.season_tab [type=radio] {
  display: none;   
}
.season_content {
  position: absolute;
  top: 0;
  left: 246px;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #deb541;
 }
.season_content span {
  animation: 0.5s ease-out 0s 1 slideInFromTop; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 2px solid #deb541;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .season_content {
  z-index: 1;
}

/* ISSN Side Bar */
.textissn {
     font-family: verdana;
    font-size: 1.5em;
    font-weight: 900;
    color: white;
   text-shadow: 1px 1px 1px #d9ad2b,
        1px 2px 1px #d9ad2b,
        1px 3px 1px #d9ad2b,
        1px 4px 1px #333,
        1px 5px 1px #333,
        1px 6px 1px #333,
        1px 7px 1px #333,
        1px 8px 1px #333,
        1px 9px 1px #333,
        1px 10px 1px #333,
    1px 18px 6px rgba(16,16,16, 0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}
}


/* Indexing */

.containerIndex{
  width: 800px;
  margin: 0 auto;
}
.cardIndex{
  
  position: relative;
  width: 220px;
  height: 220px;
  float:left;
  margin: 5px;
}

.infoIndex{
/*   display: none; */
  opacity: 0;
  position: absolute;
  box-sizing: border-box;
  background-color: rgba(0,0,0,.3);
  top: 0;
  width: 220px;
  height: 220px;
  text-align: center;
  padding-top: 40px;
  -webkit-transition:.5s ease-out;
  
}
.infoIndex p{
  color: #fff;
}
.infoIndex:hover{
/*   -webkit-transition: 500ms; */
  margin-top: 0;
  opacity: 1;  
}