@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto|Roboto+Slab:400,700&display=swap');
body {
font-family: 'Lato', sans-serif;
}

a {
text-decoration: none;
}
.et-hero-tabs#et-top {
background: url(http://www.auburn.edu/cosam/resources/stratplan/strat-plan-bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.et-hero-tabs,
.et-slide {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
height: 100vh;
position: relative;
background: #fff;
text-align: center;
padding: 0 2em;
}
.et-hero-tabs h1,
.et-slide h1 {
font-size: 2rem;
margin: 0;
letter-spacing: 0.1rem;
font-family: 'Roboto Slab', serif;
font-weight: lighter;
}
.et-hero-tabs h1 span,
.et-slide h1 span {
font-weight: bold;
}
.et-hero-tabs h3 {
font-size: 1rem;
letter-spacing: 0.3rem;
opacity: 0.6;
}
.et-main {
background: #fff;
}
.et-hero-tabs-container {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
position: absolute;
bottom: 0;
width: 100%;
height: 80px;
background: #fff;
z-index: 10;
}
.et-hero-tabs-container--top {
position: fixed;
top: 44px;
z-index: 999;
height: 130px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.et-slide {
min-height: 100vh;
height: fit-content;
max-height: 300vh;
}
.et-hero-tab {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-flex: 1;
flex: 1;
color: #675d5d;
letter-spacing: 0.1rem;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 1rem;
}
.et-hero-tab:hover {
color: #000;
background: #ebebec1f;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.et-hero-tab-slider {
position: absolute;
bottom: 0;
width: 0;
z-index: -1;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
top: -4px;
border-bottom: 4px solid #d98209;
}
.et-hero-tabs-container a:after {
content: "\A";
position: absolute;
width: 2px;
height: 100%;
background: #dadada54;
right:0;
}

.et-hero-tabs-container a {
position: relative;
}
.et-hero-tabs-container a.et-hero-tab {
opacity: 0 !important;
}
@media (min-width: 800px) {
.et-hero-tabs h1,
.et-slide h1 {
font-size: 3rem;
}
.et-hero-tabs h3 {
font-size: 1rem;
}
.et-hero-tab {
font-size: 18px;
}
}
@media (max-width: 799px) {
.tab-title:before, 
.tab-title:after {  
display: none;
}
.et-main .row h1 {
font-size: 20px;
}
section.et-slide#tab-1, section.et-slide#tab-2, section.et-slide#tab-3, section.et-slide#tab-4, section.et-slide#tab-5, section.et-slide#tab-6, section.et-slide#tab-7 {
padding-top: 50px;
}
#tab-1 .col-lg-12 img,
#tab-2 .col-lg-12 img,
#tab-3 .col-lg-12 img,
#tab-4 .col-lg-12 img,
#tab-5 .col-lg-12 img,
#tab-6 .col-lg-12 img,
#tab-7 .col-lg-12 img {
margin-bottom: 20px !important;
} 
h1.section-title:before,
h1.section-title:after {
display: none;
}
.et-hero-tabs-container.et-hero-tabs-container--top .tab-title {
font-size: 20px !important;
}
.tab-title {
width: 100% !important;
}
.et-hero-tabs#et-top {
height: 50vh;
}
.et-hero-tabs h1,
.et-slide h1 {
font-size: 1.2rem;
}
#ani-container {
font-size: 45px !important;
}
.et-logo-header {
width: 180px !important;
}
.tab-title {
width: auto;
top: auto;
}
.et-slide {
max-height: 100%;
}
.et-hero-tabs-container.et-hero-tabs-container--top .et-logo-header {
display: none;
}
}
@media (max-width: 500px) {
#ani-container {
font-size: 35px !important;
}
.et-logo-header img {
width: 150px;
text-align: left;
float: left;
}
.outer-menu {
right: 10px !important;
}
.et-main .row h1 {
font-size: 20px !important;
}
section#tab-es6 ul li {
font-size: 20px !important;
}
}
.flex-center {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
* {
box-sizing: border-box;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
a,
a:visited,
a:hover,
a:active {
color: inherit;
text-decoration: none;
}
.outer-menu {
position: fixed;
top: 17px;
right: 40px;
z-index: 9999;
}
.outer-menu .checkbox-toggle {
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
width: 60px;
height: 60px;
opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
pointer-events: auto;
visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
opacity: 1;
-webkit-transition: opacity 0.4s ease 0.4s;
transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.outer-menu .hamburger {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 60px;
height: 60px;
padding: 0.5em 1em;
background: transparent;
border-radius: 0 0.12em 0.12em 0;
cursor: pointer;
-webkit-transition: box-shadow 0.4s ease;
transition: box-shadow 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.outer-menu .hamburger > div {
position: relative;
-webkit-box-flex: 0;
flex: none;
width: 100%;
height: 2px;
background: #FEFEFE;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {
content: '';
position: absolute;
z-index: 1;
top: -10px;
right: 0;
width: 100%;
height: 2px;
background: inherit;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
top: 10px;
}
.outer-menu .menu {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 1px solid transparent;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.outer-menu .menu > div {
width: 100%;
height: 100%;
color: #FEFEFE;
background: #0a2240eb;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-flex: 0;
flex: none;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.outer-menu .menu > div > div {
text-align: center;
max-width: 90vw;
max-height: 100vh;
opacity: 0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
overflow-y: auto;
-webkit-box-flex: 0;
flex: none;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.outer-menu .menu > div > div > ul {
list-style: none;
padding: 0 1em;
margin: 0;
display: block;
max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
padding: 0;
margin: 1em;
font-size: 24px;
display: block;
}
.outer-menu .menu > div > div > ul > li > a {
position: relative;
display: inline;
cursor: pointer;
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.outer-menu .menu > div > div > ul > li > a:hover {
color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
content: '';
position: absolute;
z-index: 1;
bottom: -0.15em;
left: 0;
width: 0;
height: 2px;
background: #e5e5e5;
-webkit-transition: width 0.4s ease;
transition: width 0.4s ease;
}
.et-logo {
margin-top: -20px;
overflow: hidden;
}
/*
.et-logo img {
max-width: 280px;
position: relative;
top: 0;
margin: auto;
float: none;
left: 0;
right: 0;
padding: 15px;
} */

#et-top h1,
#et-top h3 {
color: #fff;
}


.animated-text {
margin: 0px;
margin-top: -40px;
text-align: center;
}

#ani-container {
color: #fff;
text-transform: uppercase;
font-size: 65px;
font-weight: bold;
font-family: 'Roboto Slab', serif;
width: 100%;
bottom: 45%;
display: block;
}

#flip {
height: 80px;
overflow: hidden;
display: block;
font-weight: lighter !important;
font-family: 'Lato', sans-serif;
text-align: center;
vertical-align: text-bottom;
}
.animated-text p {
color: #fff;
font-size: 22px;
font-weight: lighter;
background: #ee7623;
display: flex;
width: fit-content;
padding: 15px;
margin: 0 auto;
float: none;
margin-top: 18px;
}
.animated-text p {
position: relative;
}
.animated-text p:before {
position: absolute;
content: "\A";
width: 0; 
height: 0; 
left: -15px;
top:0;
border-top: 31px solid transparent;
border-bottom: 31px solid transparent;
border-right:15px solid #ee7623; 
}

.animated-text p:after {
position: absolute;
content: "\A";
width: 0; 
height: 0; 
right: -15px;
top:0;
border-top: 31px solid transparent;
border-bottom: 31px solid transparent;
border-left:15px solid #ee7623; 
}
#flip > div > div {
color: #fff;
padding: 4px 12px;
height: 85px;
margin-bottom: 9px;
display: inline-block;
}

#flip div:first-child {
animation: show 5s linear infinite;
}

#flip div div {
background: transparent;
}

#flip div:first-child div {
background: transparent;
}

#flip div:last-child div {
background: transparent;
}

@keyframes show {
0% {
margin-top: -270px;
}
5% {
margin-top: -180px;
}
33% {
margin-top: -180px;
}
38% {
margin-top: -90px;
}
66% {
margin-top: -90px;
}
71% {
margin-top: 0px;
}
99.99% {
margin-top: 0px;
}
100% {
margin-top: -270px;
}
}

.et-main .row h1,
.et-main .row h3,
.et-main .row p {
text-align: left;
padding-bottom: 20px;
}
.et-main .row p {
line-height: 1.5;
font-size: 18px;
}
.et-main .row h1 {
color: #06244d;
font-size: 30px;
font-family: 'Lato', sans-serif !important;
font-weight: lightest !important;
display: -webkit-box;
display: flex;
margin: 0 auto;
float: none;
margin-top: 10px;
margin-bottom: 20px;
position: relative;
text-align: left;
line-height: 1.5;
}
/*
.et-main .row .col-lg-6 h1:before {
position: absolute;
content: "\A";
width: 0;
height: 0;
left: -15px;
top: 0;
border-top: 31px solid transparent;
border-bottom: 31px solid transparent;
border-right: 15px solid #06244d;
}
.et-main .row .col-lg-6 h1:after {
position: absolute;
content: "\A";
width: 0;
height: 0;
right: -15px;
top: 0;
border-top: 31px solid transparent;
border-bottom: 31px solid transparent;
border-left: 15px solid #06244d;
} */
.tab-title {
display: block;
width: 480px;
right: 0;
left: 0;
background: #06244d;
color: #fff;
opacity: 0.9;
position: absolute;
font-size: 25px;
padding: 22px;
height: 80px;
vertical-align: top;
z-index: 1;
top: -39px;
max-height: 80px;
margin: auto;
}
.et-hero-tabs-container.et-hero-tabs-container--top a {
opacity: 1 !important;
}
.et-hero-tabs-container.et-hero-tabs-container--top .et-logo-header {
position: fixed;
top: 17px;
left: 20px;
z-index: 99;
width: 188px;	
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.et-hero-tabs-container.et-hero-tabs-container--top .outer-menu {
top: 17px;
}
.et-hero-tabs-container--top a {
margin-top: 50px;
}
.et-hero-tabs-container.et-hero-tabs-container--top .tab-title {
display: block;
width: 100%;
background: #06244d;
max-height: 100px;
height: 100px;
color: #fff;
position: absolute;
font-size: 33px;
margin-top: -45px;
top: auto;
padding: 8px;
z-index: 1;
border-bottom: 1px solid #ffffff1c;
padding-top: 25px;
font-family: 'Roboto Slab', serif;
opacity: 1;
}
.tab-title:before {
position: absolute;
content: "\A";
width: 0;
height: 0;
left: -15px;
top: 0;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-right: 15px solid #06244d;
}
.tab-title:after {
position: absolute;
content: "\A";
width: 0;
height: 0;
right: -15px;
top: 0;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 15px solid #06244d;
}

.et-logo-header {
position: fixed;-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
top: 30px;
left: 40px;
z-index: 1;
width: 250px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
} 

section#tab-es6 img {
max-width: 800px;
}
section#tab-es6 ul li {
text-align: left;
list-style-type: none;
padding-bottom: 20px;
font-size: 25px;
position: relative;
padding-left: 30px;
}
section#tab-es6 ul li span {
position: absolute;
left: -38px;
font-weight: bold;
font-size: 48px;
top: -18px;
color: #06244d;
opacity: .4;
font-family: 'Roboto Slab', serif;
}
section.et-slide#tab-1,
section.et-slide#tab-2,
section.et-slide#tab-3,
section.et-slide#tab-4,
section.et-slide#tab-5,
section.et-slide#tab-6,
section.et-slide#tab-7 {
padding-top: 150px;
}
section.et-slide#tab-1 ul li,
section.et-slide#tab-2 ul li {
text-align: left;
}
section.et-slide#tab-1 ul li p strong,
section.et-slide#tab-2 ul li strong
section.et-slide#tab-3 ul li p strong,
section.et-slide#tab-3 ul li strong,
section.et-slide#tab-4 ul li p strong,
section.et-slide#tab-4 ul li strong {
color: #ee7623;
font-weight: bold;
text-align: left;
}

#tab-1 .row .col-lg-4 h1,
#tab-2 .row .col-lg-4 h1 {
background: #ee7623;
color: #fff;
padding: 15px;
}
section.et-slide#tab-2 ul li,
section.et-slide#tab-4 ul li {
line-height: 1.5;
font-size: 18px;
color: #ee7623;
padding-bottom: 10px;
}
section.et-slide#tab-2 ul ul li,
section.et-slide#tab-4 ul ul li,
section.et-slide#tab-7 ul ul li {
line-height: 1;
padding-bottom: 0;
}
section.et-slide#tab-2 ul ul li  p,
section.et-slide#tab-4 ul ul li  p, 
section.et-slide#tab-7 ul ul li  p {
padding-bottom: 10px !important;
color: #000;
line-height: 1.5;
}
h1.section-title {
background: #ee7623;
width: fit-content;
display: flex;
padding: 20px;
margin-top: 4;
margin-bottom: 50px !important;
color: #fff !important;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
}

#tab-1 .col-lg-12 img,
#tab-2 .col-lg-12 img,
#tab-3 .col-lg-12 img,
#tab-4 .col-lg-12 img,
#tab-5 .col-lg-12 img,
#tab-6 .col-lg-12 img,
#tab-7 .col-lg-12 img {
margin-bottom: -50px;
}
section.et-slide#tab-4 strong {
text-align: left;
}
.et-slide#tab-1,
.et-slide#tab-2,
.et-slide#tab-3,
.et-slide#tab-4,
.et-slide#tab-5,
.et-slide#tab-6,
.et-slide#tab-7 {
text-align: left !important;
}
#tab-5 p strong span {
font-weight: bold;
color: #ee7623;
}
section#tab-6 ul li p span,
section#tab-7 p strong {
color: #ee7623;
}

h1.section-title:before {
position: absolute;
content: "\A";
width: 0;
height: 0;
left: -15px;
top: 0;
border-top: 42px solid transparent;
border-bottom: 42px solid transparent;
border-right: 15px solid #ee7623;
}
h1.section-title:after {
position: absolute;
content: "\A";
width: 0;
height: 0;
right: -15px;
top: 0;
border-top: 42px solid transparent;
border-bottom: 42px solid transparent;
border-left: 15px solid #ee7623;
}
h1.section-title {
position: relative;
}
a.et-hero-tab:hover span {
display: block !important;
position: absolute;
background: #fff;
opacity: 1;
}
a.et-hero-tab span {
display: none;
-webkit-transition: 1s;
transition: 1s;
opacity: 0;
font-size: 16px;
padding: 5px;
}
@-moz-document url-prefix() {
  .et-slide {
    height: auto !important;
}
}
html[data-useragent*='Windows NT 10.0'] .et-slide {
  min-height: 320vh;
  height: fit-content;
  max-height: 450vh;
  min-height: -webkit-fit-content;
}

html[data-useragent*='Windows NT 10.0'] .outer-menu .menu {
  background: #0a2240;
}
html[data-useragent*='Windows NT 10.0'] .et-hero-tabs-container.et-hero-tabs-container--top a {
  height: 80px;
}
html[data-useragent*='Windows NT 10.0'] .et-hero-tabs-container.et-hero-tabs-container--top .et-logo-header {
  position: fixed;
  top: 20px;
}

html[data-useragent*='Windows NT 10.0'] .et-hero-tabs-container.et-hero-tabs-container--top .tab-title {
  position: fixed;
}