.fontItalic {
    display: inline;
    font-style: italic;
}
.fontItalic1 {
    display: inline;
    font-style: italic;
    margin-left:-5px;
}
.fontSmall {
    display: inline;
    margin-left:-5px;
}
.fontSmall1{
    display: inline;
    margin-left:-10px;
}
.fontSmall2{
    display: inline;
    margin-left:-7px;
}
.fontSmall7 {
    display: inline;
    margin-left:-7px;
}
.fontSmall9 {
    display: inline;
    margin-left:-7px;
}
.fontSmall5 {
    display: inline;
    margin-left:-5px;
}
.fontBold {
    font-weight: bold;
}
.fontLeft {
    display: inline;
}
.fontLarge {
    font-size: 26px;
}

.aLeft {
    display:inline-block;
}
.navbar-logo {
    width:50px;
    height:50px;
    margin-right: 10px;
    background-image: url(https://static.igem.wiki/teams/4354/wiki/gxulogo.png);
    background-size:100% 100%;
}
.box1 {
    background-image: url(https://static.igem.wiki/teams/4354/wiki/main11.png);
    background-size:100% 100%;
    /* height: 3200px; */
    height: 3500px;
    background-repeat: no-repeat; 
}
.mainVideo {
    text-align: center;
}
.foot1 {
    background-image: url(https://static.igem.wiki/teams/4354/wiki/main13.jpg);
    background-size:100% 100%;
    /* height: 3200px; */
    height: 600px;
    background-repeat: no-repeat; 
}
.pmagin {
    margin: 10px 5px 10px 5px;

}
.pHeight {
margin-top: 20px;
}
.bgimgTop {
    margin-top: 20px;
}

.imgmagin {
    margin-top: 20px;
}
.yellowBold {
    margin-top: 20px;
    margin-bottom: 20px;
}
.twomagin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.imgSmall img {
    width: 120%;
}
sub, sup {
    font-size: 55%;
}
.main1 {
    margin-top: 60px;
    z-index: 1;
    position: absolute;
}

.main2 {
    z-index: 2;
    position: absolute;
}
.mynavbar {
    margin-top:20px;
    margin-bottom: 20px;
    border:1px solid #6e94ed;
    border-radius: 5px;

}
.mynavbar li {
    border-top:1px solid #6e94ed;
}
.mynavbar1 {
    margin-top:20px;
    margin-bottom: 20px;
    border:1px solid #6e94ed;
    border-radius: 5px;
    background-image: url(https://static.igem.wiki/teams/4354/wiki/guide.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    text-align: center;
    opacity:0.7;

}


.navbar1 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.tabs-horizontal.tabs-line .nav-link1 {
    border-top:2px solid #6e94ed;
}
.tabs-horizontal.tabs-line .nav-link2 {
    border-top:2px solid #6e94ed;
}
.tabs-horizontal.tabs-line .nav-link3 {
    border-top:2px solid #6e94ed;
}
.tabs-horizontal.tabs-line .nav-link1.active,
.tabs-horizontal.tabs-line .nav-link1:hover {
    color: #29293a;
    font-weight: bold;
    font-size:28px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(https://static.igem.wiki/teams/4354/wiki/nav1.gif);
    background-position: 50%;
    background-size: 10%;
   
}

.tabs-horizontal.tabs-line .nav-link2.active,
.tabs-horizontal.tabs-line .nav-link2:hover {
    color: #29293a;
    font-weight: bold;
    font-size:28px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(https://static.igem.wiki/teams/4354/wiki/nav2.gif);
    background-position: 50%;
    background-size: 10%;
}

.tabs-horizontal.tabs-line .nav-link3.active,
.tabs-horizontal.tabs-line .nav-link3:hover {
    color: #29293a;
    font-weight: bold;
    font-size:28px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(https://static.igem.wiki/teams/4354/wiki/nav3.gif);
    background-position: 50%;
    background-size: 10%;
}

.navChange {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 3px solid #5aa6fc;
    background-image: url(https://static.igem.wiki/teams/4354/wiki/sea.gif);
    background-repeat: no-repeat;  
    background-size: 100% 100%;
}
.navChange p {
    height: 50%;
    text-align: center;
}
.navChange li {
    display: block;
}
.navChange img {
   width: 50%;
}
.navChange p {
    text-align: center;
}



/* index */
.mainbg2 {
    background-image: url(https://static.igem.wiki/teams/4354/wiki/main12.jpg);
}
.mainbg2 .button-outer {
    display: block;
    text-align: center;

}
.mainbg2 .button {
    margin-top: 30px;
    margin-bottom: 30px;
}


/* bg img */
.wrapper {
    /* background-image: url(https://static.igem.wiki/teams/4354/wiki/hp2.png); */
    width: 100%;
    height: 500px;
    border-radius: 5px;
    position: relative;
}

.text {
    flex: 0 0 100%;
    font-size: 8rem;
    font-weight: 900;
    color: #00000000;
    text-align: center;
    font-family: 'Lato', sans-serif;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -100%);
    /* border-bottom: 1px solid #d4d7ff;
      border-top: 1px solid #d4d7ff; */
    background: url(https://static.igem.wiki/teams/4354/wiki/paopao.gif);
    background-color: #fdfdfdd4;
    background-clip: text;
    -webkit-background-clip: text;
}

.text:after {

    content: attr(data-text);
    -webkit-text-stroke: 1.5px #3544ff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -49%);
    background: url(https://static.igem.wiki/teams/4354/wiki/paopao.gif);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 43%;

}

.texta {
    flex: 0 0 100%;
    font-size: 8rem;
    font-weight: 900;
    color: #00000000;
    text-align: center;
    font-family: 'Lato', sans-serif;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -130%);
    /* border-bottom: 1px solid #d4d7ff;
      border-top: 1px solid #d4d7ff; */
    background: url(https://static.igem.wiki/teams/4354/wiki/paopao.gif);
    background-color: #fdfdfdd4;
    background-clip: text;
    -webkit-background-clip: text;
}

.texta:after {

    content: attr(data-text);
    -webkit-text-stroke: 1.5px #aaafec;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -49%);
    background: url(https://static.igem.wiki/teams/4354/wiki/paopao.gif);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 43%;

}

.main-text h3 {
    background-color: #fff;
    font-size: 20px;
    font-weight: bold;
}

/* .tab-content {
    height: 2000px;
    overflow-y: scroll;
} */
.titleLeft {
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(24deg, #98f2f678, #84eab2);
    background-image: linear-gradient(24deg, #98f2f678, #84eab2);

}

/* Safety */
.safeLeft {
    display: inline;
}

.safeLeft1 {
    display: inline;
    font-style: italic;
}

.safeLeft2 {
    display: inline;
    font-style: italic;
    background-color: #c5e0b3;
}

.safeLeft3 {
    display: inline;
    font-weight: bold;
    font-size: 40px;
}

.safeRight {
    display: inline;
    background-color: #c5e0b3;
    padding: 0;
}

sup {
    font-size: 85%;
}

.safe1 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #6287f6;
    border-bottom: 1px solid #6287f6;
    margin-top: 10px;
    margin-bottom: 10px;
}
.safe1 p a {
    color: #3b53f3;
}
.safe2 {
    margin-top: 20px;
    border: 1px solid #54db9f;
    border-radius: 5px;
}

.safe3 {
    margin-top: 20px;
    border: 1px solid #54dea0;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

/* team */
.advisors {
    margin-top: 20px;
}

/* parts */
.partbg {
    margin-top: 20px;
    /* background-color: #b7ecff3b; */
    background: url(https://static.igem.wiki/teams/4354/wiki/paopao.gif);
}
.partTop {
    margin-top: 65px;
}

/* partnership */
.partnerTop {
    margin-top: 50px;
}

.partnerLeft {
    display: inline;
}

.partnerLeft1 {
    font-weight: bold;
    font-size: 36px;
    color: #11ce8f;
}

.partnerRight {
    display: inline;
    color: #f69431;
    padding: 0;
}

.partnerLeft2 {
    padding: 10px;
    background-color: #fff2cc;
    border-radius: 5px;
}

.partnerLeft3 {
    padding: 10px;
    background-color: #f7e9c0;
    border-radius: 5px;
}

.partnerRight2 {
    padding: 10px;
    background-color: #fff2cc;
    border-radius: 5px;
}

.partnerRight3 {
    display: inline;
    font-style: italic;
    color: #f69431;
}

.partner1 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #000000cc;
}

.partner2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000cc;
}

/* .nav-item:hover {
    background-color: #c5e0b3;
} */
.partner3 {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff2cc;
    border-radius: 5px;
}

.partner4 {
    clear: both;
}

.partnerPla {
    font-size: 30px;
    font-weight: bold;
}

.twoChange:nth-child(1) {
    float: left;
    width: 50%;
}

.twoChange:nth-child(2) {
    float: right;
    width: 50%;
}

.boxLeft {
    float: left;
    width: 45%;
    height: 350px;
}

.boxRight {
    float: right;
    width: 45%;
    text-align: center;
    height: 350px;
}

.partner5 {
    border-radius: 5px;
    background-color: #deebf7;
    margin-top: 40px;
    margin-right: 10px;
    padding: 5px;
}

.partnerLink {
    margin-top: 20px;
    border-radius: 5px;
    background-color: #a7cff0;
}

.partnerLink a {
    font-weight: bold;
    font-size: 30px;
}

.partner6 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    background-color: #fbe5d6;
    margin-top: 40px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 5px;
}

.partner7 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    background-color: #deebf7;
    margin-top: 40px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 5px;
}

.partner8 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    background-color: #e2f0d9;
    margin-top: 40px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 5px;
}

.partner9 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    background-color: #fff2cc;
    margin-top: 40px;
    margin-right: 10px;
    padding-left: 8px;
    padding-right: 5px;
}

.partner10 {
    font-size: 28px;
    font-weight: bold;
    color: #74c7e6;
}

/* description  */
.desTop {
    margin-top: 50px;
}
.desTop1 {
    margin-top: 25px;
}

.desLeft {
    display: inline;
    background-color: #fff2cc;
    font-weight: bold;
    font-size: 30px;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 40px;

}
.desmiddle {
    margin-left: 8px;
    margin-top:110px;

}

.des1 {
    background-color: #d9e2f3;
    border-radius: 5px;
    margin: 5px;
}

.des2 {
    background-color: #e2f0d9;
    border-radius: 5px;
    margin: 5px;
}

.des3 {
    background-color: #d9e2f3;
    border-radius: 5px;
    margin: 5px;
}

.des3top {
    margin-top: 90px;
}

.desbg {
    background-color: #d9e2f3;
    border-radius: 5px;
}

.despart1 {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    /* border-radius: 5px; */
    /* border: 1px solid #d9e2f3; */
    border-top: 4px solid #d9e2f3;
    border-bottom: 4px solid #d9e2f3;

}

.titleLeft {
    margin-top: 15px;
    margin-bottom: 20px;
}

.desBlod {
    font-weight: bold;
}

.desimg {
    margin-top: 20px;
}

/* collaborations */
.coll1 {
    border: 2px solid #9ce2f7;
    margin: 5px;
}

.coll2 {
    border: 1px solid #5c88f7;
    margin: 5px;
    border-radius: 5px;
}

.coll3 {
    background-color:#e2f0d985;
    margin-bottom: 10px;
}

.coll4 {
    background-color: #fff2cc;
    margin-bottom: 10px;
}

.coll5 {
    margin-top: 15px;
    background-color: #d9e2f3;
    margin-bottom: 10px;
}

/* education */
.edutitle {
    font-size: 5rem;
}
/* proposed */
.buttonmid {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
/* hp */
.titleLeft h4 {
    font-size:40px;
}
.hpborder {
    border: 1px solid #4c8be8;
    border-radius: 5px;
    padding: 5px;
}
/* hardware */
.hardBorder {
    border-top: 2px solid #a2bffe;
    border-bottom: 2px solid #a2bffe;
    margin-top: 10px;
    margin-bottom: 15px;
}
.h2gai1 img {
    width: 20%;
    height: 20%;
}
.h2gai img {
    width: 30%;
    height: 30%;
}
/* experiments */
.aLink {
    color: #5289e7;
}
/* results */
.exBig p {
    font-weight: bold;
    font-size: 32px;;
}
/* modeling */
.modelborder {
    border-top: 1px solid #a2bffe;
    border-bottom: 1px solid #a2bffe;
}
.modelfloat {
    overflow: hidden;
    height: 300px;
}
.modelborder1 {
    border: 1.5px solid #a2bffe;
    border-radius: 5px;
    margin: 20px 5px 10px 5px;
    padding:5px;

}
.box-cta-thin1 p {
    text-align: center;
    font-weight: bold;
    font-size:30px;
}
.fontItalic1 {
    display: inline;
    font-style: italic;
}