@font-face {
    font-family: Avenir-black !important;
    src: url(fonts\avenirltstd-black.otf) !important;
}
@font-face {
    font-family: Avenir-heavy !important;
    src: url(fonts\avenirltstd-heavy.otf) !important;
}
@font-face {
    font-family: Avenir-lightOblique !important;
    src: url(fonts\avenirltstd-lightoblique.otf) !important;
}
b {
    font-family: Avenir-heavy;
}
p {
    font-family: Avenir-black;
}
i {
    font-family: Avenir-lightOblique;
}
#phone {
  width:3%;
}
.social {
  width:50px;
}
#social_placement {
  position:absolute;

  top:0px;
  right:10px;
  margin-top:50px;
}
#behance {
  position:absolute;

  top:0px;
  right:50px;
}
#facebook {
  position:absolute;

  top:0px;
  right:0px;
}
#instagram{
  position:absolute;

  top:48px;
  right:50px;
}
#linkedin {
  position:absolute;

  top:44px;
  right:0px;
}
#pintrest {
  position:absolute;

  top:100px;
  right:50px;

}
#twitter {

position:relative;
top:100px;
right:0px;

}
#underArrow {
  position:relative;
  margin-left:1%;

}
#backAccordion {
background-image:url(images/backWHite.svg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
background-origin: content-box;
}
.iconTop {
  position:relative;
  left:130px;
  width:5%;

  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}
.iconTopScience {
  position:relative;
  left:125px;
  top:-5px;
width:5%;
  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}
.iconTopMath {
  position:relative;
  left:140px;
  top:-5px;
width:5%;
  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}
.iconBottomLeft {
  position:relative;
  top:5px;
  width:20%;
  float:left;
}
.iconBottomLeftFashion {
  position:relative;
  width:8%;
  float:left;
}
.iconBottomRight {
  position:relative;
  width:20%;
  float:left;
  margin-top:auto;
  margin-bottom:auto;
}
#modalHold {
  display:none;
}
#accordion {
  position:relative;
  transform: rotate(270deg);
  -moz-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
height:500px;
width:500px;
  text-align:center;
padding:auto;
margin:auto;
display:block;
}
.card-header {
  width:500px;
height:50px;
}


.card-block {
  width:500px;
}
#design {
  position:relative;
font-size: .7em;
  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
margin-left:auto;
margin-right:auto;
margin-top:-105px;
margin-bottom:-45px;
padding:0px;
height:100%;
  width:300px;

}
#design ul li {
  list-style-type:square;
  list-style-position:inside;
  text-align:justify;
  margin-left:40%;
}
#math {
  position:relative;
font-size: .7em;
  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  margin-left:auto;
  margin-right:auto;
  margin-top:-15px;
  margin-bottom:-25px;
padding:0px;
height:100%;
  width:75px;

}
#writing {
  position:relative;
font-size: .7em;
  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  margin-left:auto;
  margin-right:auto;
  margin-top:-35px;
  margin-bottom:-35px;
padding:0px;
height:100%;
  width:75px;

}
#science {
  position:relative;

font-size: .7em;
  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  margin-bottom:0px;
padding:0px;
height:100%;
  width:75px;

}
#business {
  position:relative;
font-size: .7em;
  transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
padding:0px;
margin-left:auto;
margin-right:auto;
margin-top:-45px;
margin-bottom:-35px;
height:100%;
  width:75px;

}

#thinkLogo {
margin-left:30%;
margin-right:30%;
}
#card {
  width:13rem;
}
.card.text {
  width:13rem;
}
#left {


padding-left:2%;
padding-top:15%;
font-size:.8em;
}
#liveButton {
  position:relative;
  margin-left:-11%;
  margin-top:10%;
}
#right {
position:relative;
left:-20%;

}
#header {
background-image:url("images/BANNERAI.png");
  background-size:cover;
  background-repeat: no-repeat;
  width:100%;
padding-top:23%;

margin-right:auto;
margin-left:auto;
}
#live-bar {
  height:20%;
  font-size: 1.5em;
  background-color:red;
  color:white;
  text-align:center;
}
#video {
  background-color:red;
margin-top:3%;
  color:white;
    text-align:center;
      font-size: 1.5em;
  height:20%;
}
#videoSection {

}
#plural {
position:relative;
margin-left:-6%;
width:14em;
    font-family: Avenir-black;
}
#resources {
  text-align:center;
    font-size: 1.5em;
height:20%;
  background-color:red;
  color:white;
}
#tube {

  position:relative;
margin-left:18%;
width:7em;
}

#lynda {
  position:relative;

width:9em;
margin-left:10%;
}
#logo {
  width:30%;
margin:auto;
}
.reTitle {
  text-align:center;
}
#wantSpace {
  display:none;
}
#techNumber {
  color:white;
  position:relative;
  padding-left:3%;
margin-left:auto;
margin-right:auto;
  text-align: center;
  font-size: 1em;
}
#arrow {
  position:relative;
  right:20px;
  width:60%;
}
#liveButton {
  position:relative;
  left:20%;
}
#lyndaButton {
  text-align: center;
position:relative;
top:125px;
margin-left:5%;
margin-right:5%;
}
#pluralButton {
  text-align: center;
position:relative;
top:-35px;
bottom:0px;
margin-left:5%;
margin-right:5%;
}
#tubeButton {
  text-align: center;
position:relative;
top:85px;
margin-left:5%;
margin-right:6%;
}
#forTube {
  width:13em;
}
#videoNavigate {
  width:100%;
}
.center {
  text-align: center;
}
#libButton {
  margin-left:1%;
    margin-right:1%;
    color:white;
}


#refButton {
  margin-left:6%;
  margin-right:6%;
}
.card-header a {
  color: #FCFCFC;
  background-color:;
}

#headingOne:hover {

background-color: black;

color:white;

}

#headingTwo:hover {

background-color: black;

color:white;

}

#headingThree:hover {

background-color: black;

color:white;

}
button:hover {
  cursor:pointer;
}
#headingFour:hover {

background-color: black;

color:white;

}

#headingFive:hover {

background-color: black;

color:white;

}

#headingSix:hover {

background-color: black;

color:white;

}

#headingSeven:hover {

background-color: black;

color:white;

}

#headingEight:hover {

background-color: black;

color:white;

}

#headingNine:hover {

background-color: black;

color:white;

}

#headingTen:hover {

background-color: black;

color:white;
text-decoration:none;
}

#headingEleven:hover {

background-color: black;

color:white;
text-decoration:none;

}

#headingOne {
	background-color: #98BC5E;
}
#headingOne a {
  color:white;
  text-decoration:none;
}

#headingTwo {
background-color: #508DAB;
}
#headingTwo a {
  color:white;
  text-decoration:none;
}

#headingThree {
	background-color: #6D356D;

}
#headingThree a {
  color:white;
  text-decoration:none;
}

#headingFour {
	background-color: #F29F5C;

}
#headingFour a {
  color:white;
  text-decoration:none;
}

#headingFive {
background-color: #EFDE65;
}
#headingFive a {
  color:white;
  text-decoration:none;
}

#headingSix {
		background-color: #AF3D66;
color:white;
}
#headingSix a {
  color:white;
  text-decoration:none;
}
p.card-text {
  width:11rem;
}
#headingSeven {
	background-color: #F29F5C;
  color:white;

}
.two {
  width:12rem;
  margin-left:-2%;
height:60px;
margin-top:auto;
margin-bottom: auto;

}

#headingSeven a {
  color:white;
  text-decoration:none;
}
#headingEight {
background-color: #EFDE65;

}
#headingEight a {
  color:white;
  text-decoration:none;
}
#headingNine {
	background-color: #6D356D;

}
#headingNine a{
  color:white;
  text-decoration:none;
}
#headingTen {
	background-color: #98BC5E;
  color:white;
}
#headingTen a {
  color:white;
  text-decoration:none;
}
#headingEleven {
	background-color: #508DAB;
  color:white;
}
#headingEleven a {
  color:white;
  text-decoration:none;
}
#headingFourteen {
  background-color: #313268;
}
#headingFourteen a {
  color:white;
  text-align: center;
  text-decoration: none;

}
#headingFourteen:hover {
  background-color:black;
}

#headingThirten {
  background-color: #4F346A;
    text-align: center;
}
#headingThirten a {
  color:white;
  text-align: center;
    text-decoration: none;
}
#headingThirten:hover {
  background-color:black;
}
#headingFifteen {
  background-color: #EA781B;
    text-align: center;
}
#headingFifteen a {
  color:white;
  text-align: center;
    text-decoration: none;
}
#headingFifteen:hover {
  background-color:black;
}
#headingSixteen {
  background-color: #2E573B;
  text-align: center;
}
#headingSixteen a {
  color:white;
  text-align: center;
    text-decoration: none;
}
#headingSixteen:hover {
  background-color:black;
}
.aiButton {
  border-radius:20px;
  padding:6px;
margin:auto;
  border-color:white;
  border-width:1px;
  background-color:black;
  color:white;
  width:150px;
  height:auto;
  text-align: center;
}
.aiButton:hover {
  background-color:red;
}