html {
overflow-x: hidden;
}
.outer-menu {
position: fixed;
top: 17px;
right: 40px;
z-index: 99999999;
}
.au-logo a {
    color: #fff;
}
.au-link {
    position: relative;
    display: inline;
}

.au-link a {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100px;
    left: 0;
    right: 0;
    top: -50px;
    /* bottom: 0; */
}
.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;
background: rgba(4, 36, 76, 0.54);
border-radius: 50%;
}
.outer-menu .hamburger > div {
position: relative;
-webkit-box-flex: 0;
flex: none;
width: 100%;
height: 2px;
background: #ffffff;
-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: #f5f5f5;
-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;
}
/*************** Hamburger Menu Styling ********************/

.outer-menu .menu > div {
background: #fff;
}

.menu div#research-1 img,
.menu div#research-2 img,
.menu div#research-3 img,
.menu div#research-4 img,
.menu div#research-5 img,
.menu div#research-6 img,
.menu div#research-7 img,
.menu div#research-8 img,
.menu div#research-9 img,
.menu div#research-10 img,
.menu div#research-11 img,
.menu div#research-12 img,
.menu div#research-13 img {
width: 100px;
height: auto;
}

.menu #research-2::after,
.menu #research-4::after {
display: none;
}
.menu #research-3::after {
content: "\A";
position: absolute;
width: 1px;
height: 100%;
right: 0;
top: 0;
z-index: 1;
background: rgba(128, 128, 128, 0.25);   
}
.menu div#research-1 h4,
.menu div#research-2 h4,
.menu div#research-3 h4,
.menu div#research-4 h4,
.menu div#research-5 h4,
.menu div#research-6 h4,
.menu div#research-7 h4,
.menu div#research-8 h4,
.menu div#research-9 h4,
.menu div#research-10 h4,
.menu div#research-11 h4,
.menu div#research-12 h4,
.menu div#research-14 h4 {
text-align: center;
color: #05244d;
margin: 0 auto;
float: none;
}

.menu div#research-1,
.menu div#research-2,
.menu div#research-3,
.menu div#research-4,
.menu div#research-5,
.menu div#research-6,
.menu div#research-7,
.menu div#research-8,
.menu div#research-9,
.menu div#research-10,
.menu div#research-11,
.menu div#research-12,
.menu div#research-13 {
text-align: center;
width: 100%;
}

.menu div#research-7 {
    border-top: 1px solid rgba(128, 128, 128, 0.25);
}

.menu div#research-1,
.menu div#research-2,
.menu div#research-3,
.menu div#research-4 {
border-bottom: 1px solid rgba(128, 128, 128, 0.25); 
}
#menu-icons .col-lg-6 {
padding: 0px !Important;   
}
div#icons a {
color: #10223e;
position: absolute;
width: 300px;
height: 100%;
top: 0;
z-index: 1;
text-align: center;
left: 0;
right: 0;
text-decoration: none;
}
.research_container a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
text-align: center;
left: 0;
right: 0;
text-decoration: none;
}
.menu div#research-1 a, 
.menu div#research-2 a, 
.menu div#research-3 a, 
.menu div#research-4 a, 
.menu div#research-5 a, 
.menu div#research-7 a,
.menu div#research-8 a,
.menu div#research-9 a,
.menu div#research-10 a,
.menu div#research-11 a,
.menu div#research-12 a,
.menu div#research-13 a,
.menu div#research-14 a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
text-align: center;
left: 0;
right: 0;
text-decoration: none;
}
.menu div#research-1:hover h4, 
.menu div#research-2:hover h4, 
.menu div#research-3:hover h4, 
.menu div#research-4:hover h4, 
.menu div#research-5:hover h4, 
.menu div#research-6:hover h4,
.menu div#research-7:hover h4,
.menu div#research-8:hover h4,
.menu div#research-9:hover h4,
.menu div#research-10:hover h4,
.menu div#research-11:hover h4,
.menu div#research-12:hover h4,
.menu div#research-13:hover h4 {
color: #ee7623;
}
div#menu-container::before {
content: "\A";
height: 150%;
width: 40%;
left: 0;
position: absolute;
background: #ebeff5;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
}

.menu .col-lg-8 {
padding-left: 200px;
}

div#menu-container {
width: 100%;
}

div#menu-links {
text-align: left;
top: -30px;
}
div#menu-links h3 {
color: #05244d;
font-family: 'Roboto Slab', serif;
}
#index_carousel .item {
min-height: 650px;
}
.menu ul {
padding-left: 0;
padding-top: 12px;
}
.menu ul li a {
color: #05244d;
}
.menu ul li {
line-height: 1.2;
padding-bottom: 15px;
list-style-type: none;
}

.menu h3 {
padding-top: 30px;
}
/* .et-logo img {
max-width: 280px;
position: relative;
top: 0;
margin: auto;
float: none;
left: 0;
right: 0;
padding: 15px;
}
*/
div#social-icons {
color: #04244c;
text-align: right;
}

/*************** Slider Header ********************/

.carousel {
text-align: center;
position: relative;
}
.carousel-inner {
max-height: 650px;
}
#index_carousel .content_container {
position: absolute;
max-width: 670px;
min-width: 670px;
height: 240px;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
margin: auto;
}

.carousel h1 {
font-size: 175px;
color: #fff;
}
.carousel h4 {
font-weight: 300;
font-family: 'Roboto Slab', serif;
font-size: 22px;
position:absolute;
right: 335px;
top: 30px;
color: #fff;
}
.carousel h5 {
font-weight: 300;
position: absolute;
right:10px;
bottom: 20px;
display: block;
font-size: 16px;
color: #fff;
}
#index_carousel .item_content_bg {
background-position: center center;
}
#index_carousel .item_content_bg {
opacity: 0.6;
}
#index_carousel .item {
background-color: #03234c;    
}
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}

/*************** News Styles ********************/

.news-container {
width: 100%;
overflow: hidden;
max-height: 550px;
min-height: 550px;
background-color: #05244c;
}
.news-container img {
width: 100%;
}

.news-container a.news-container__link {
z-index:1;
max-width: 280px;
margin: 10px;
color: #fff !important;
}
#news-container__link-wrapper {
background: rgba(5, 36, 76, 0.75);
z-index: 1;
position: absolute; 
z-index:1;
bottom: 0;
width: 100%;
}

.news-container a.news-container__link:after {
content: "\Read More";
display: inline-block;
position: absolute;
right: 40px;
top: 50%;
border-radius: 18px;
border: 2px solid #fff;
padding: 5px 30px;
margin: -20px;
float: none;
}

@media (min-width: 768px) {
.department-news {
padding: 0;
}
}
.col-lg-6.department-news h3:after {
content: "\A";
position: absolute;
height: 4px;
width: 100px;
background-color: #ec7625;
left: 0;
bottom: -10px;
}

.col-lg-6.department-news h3 {
position: relative;
margin-bottom: 40px;
}

/*************** Vertical Text ********************/

.department-vertical {
position: absolute;
left: -120px;
margin: auto;
color: rgba(5, 36, 76, 0.14);
width: 100%;
font-size: 95px;
font-weight: bold;
font-family: 'Roboto Slab', serif;
top: 215px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.department-vertical.right {
right: -250px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
top: 65px;
line-height: 1;
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.row#department {
padding-top: 20px;
}
/*************** Slider ********************/

a.left.carousel-control, a.right.carousel-control {
    border: none !Important;
    max-height: 300px;
    top: 22%;
}

.news-container__inner {
    position: relative;
}

.news-container img {
    position: absolute;
    align-content: center;
    overflow: hidden;
    right:0;
    top: -80px;
    margin: auto;
}


/*************** Section One ********************/

#icon-row {
display: flex;	
text-align: center;
}
.column-1,
.column-2,
.column-3,
.column-4,
.column-5 {
flex: 1;
position: relative;
padding: 30px 0px;
}
#icon-row p {
text-align: center;
}
#icon-row img {
max-width:100px;
height: auto;
}
.icon-section {
padding: 60px 0px;
margin: 80px 0px;
}
.icon-section__container {
margin-top: -6px;
background: #ebeff5;
}
#icon-row h5 {
padding-top: 0;
line-height: 1.4;
color: rgba(5, 36, 77, 0.68);
}
div#icons {
padding-bottom: 60px;
}
.column-1::after,
.column-2::after,
.column-3::after,
.column-4::after {
content: "\A";
position: absolute;
width: 1px;
height: 100%;
right: 0;
top: 0;
z-index: 1;
background: rgba(128, 128, 128, 0.25);
}

div#icon-row:first-child {
border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
/*************** AU Logo ********************/
.au-logo img {
max-width: 80px;
}

.au-logo {
position: absolute;
z-index: 1; 
top: 20px;
left: 30px;
width: 100%;
}

.au-logo h1 {
font-size: 25px !Important;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
color:#fff;
}

/*************** Research Areas ********************/

div#research_areas .row:first-child {
border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
#research-1,
#research-2,
#research-3,
#research-4,
#research-5,
#research-6,
#research-7,
#research-8,
#research-9,
#research-10,
#research-11,
#research-12,
#research-13
{
padding: 30px 0px;
}
div#research_areas,
div#research_areas p {
text-align: center;
}
#research-1:hover h4, 
#research-2:hover h4, 
#research-3:hover h4, 
#research-4:hover h4, 
#research-5:hover h4, 
#research-6:hover h4,
#research-7:hover h4,
#research-8:hover h4,
#research-9:hover h4,
#research-10:hover h4,
#research-11:hover h4,
#research-12:hover h4,
#research-13:hover h4 {
color: #ee7523;
}
#research-1::after,
#research-2::after,
#research-4::after,
#research-5::after,
#research-7::after,
#research-8::after,
#research-10::after,
#research-11::after,
#research-13::after {
content: "\A";
position: absolute;
width: 1px;
height: 100%;
right: 0;
top: 0;
z-index: 1;
background: rgba(128, 128, 128, 0.25);	
}
.research_container {
margin-bottom: 100px;
}
/*************** Join Us Section ********************/
div#join-us {
/*background: #ebeff5;*/
padding: 60px 0px 240px 0px;
margin-bottom: -170px;
}
.join-us_links {
text-align: center;
}

.join-us_links h3 {
position: relative;
margin-bottom: 40px;
text-align: center;
}
.join-us_links h3::after {
content: "\A";
position: absolute;
height: 4px;
width: 100px;
background-color: #ec7625;
left: 0;
right: 0;
margin: auto;
bottom: -10px;
}
.join-us_links a {
font-size: 18px; 
text-align: center;
font-family: 'Roboto Slab', serif;
color: #04244c;
}
.join-us_links .col-lg-3.col-sm-12 {
border-right: 1px solid #c7c7c7; 
}
.join-us_links .row {
padding-top: 20px;
}
.join-us_links .col-lg-3.col-sm-12:last-child {
border-right: none;
}
.join-us_links a:hover {
color: #ec7625;
}
/*************** Optional Video Styling ********************/

#video-container {
padding-top: 60px;
}
p#playme {
cursor: pointer;
border: 2px solid #ee7523;
border-radius: 22px;
padding: 10px 20px;
width: 300px;
text-align: center;
}
p#playme:hover {
background: #ee7523;
color: #fff;
}

.video-lightbox {
animation: fadeInAnimation ease .3s;
animation-iteration-count: 1; 
animation-fill-mode: forwards;     
}

@keyframes fadeInAnimation { 
0% { 
opacity: 0; 
} 
100% { 
opacity: 1; 
} 
} 
.animated {
transition: all 300ms ease-in-out; 
}
.fade-in, .fade-out.inactive { 
opacity: 1;
}
.fade-in.inactive, .fade-out { 
opacity: 0;
}
.baguetteBox-button#close-button {
top: 100px;
right: 2%;
right: calc(10% + 6px);
width: 30px;
height: 30px;
}
.arrow-wrap {
position: absolute;
z-index: 1;
left: 50%;
margin-left: -5em;
background: transparent;
width: 10em;
height: 10em;
padding: 4em 2em;
border-radius: 50%;
font-size: 0.5em;
display: block;
margin-top:-28px;
}

.arrow {
position: relative;
width: 4px;
height: 100px;
border-color: #ffffff transparent transparent transparent;
-webkit-transform: rotate(360deg);
text-align: center;
float: right;
position: relative;
width: 0px;
height: 0px;
-webkit-transform: rotate(360deg);
}

span.arrow:before {
content:"\A";
background: #ec7625;
width: 4px;
height: 60px;
top: 0;
position:absolute;
}
span.arrow:after {
content:"\A";
background: #fff;
width: 4px;
height: 60px;
top:-60px;
position:absolute;
}
.hamburger-wrapper.fadeInDown.animated {
position: fixed;
background: rgba(0, 26, 48, 0.93) !important;
width: 100%;
opacity: 1;
height: 110px;
z-index: 1;

}

.hamburger-wrapper.fadeInDown.animated.fadeOutUp {
position: absolute;
background: transparent !important;
width: 100%;
opacity: 1;
height: 110px;
}
.column-1:hover h5, 
.column-2:hover h5, 
.column-3:hover h5, 
.column-4:hover h5, 
.column-5:hover h5 {
color: #ec7626 !important;
}
@media (max-width: 1200px) {
.department-vertical { 
display: none;
}
.container.gallery-container {
width: 100%;
}
.tz-gallery {
min-height: 600px;
}
div#dept-slider {
    width: 100% !Important;
}
#research-1::after,
#research-2::after,
#research-4::after,
#research-5::after,
#research-7::after,
#research-8::after,
#research-10::after,
#research-11::after,
#research-13::after, {
display: none;
}
.menu #research-3::after {
display: none;
}
.menu #research-5 {
border-bottom: 1px solid rgba(128, 128, 128, 0.25);
}
div#menu-links {
top: auto;
}
div#menu-container {
padding-top: 80px;
}
div#menu-container::before {
width: 55%;
}
}

@media (max-width: 768px) {
.carousel-inner {
max-height: 400px;
}
#index_carousel .content_container {
position: absolute;
max-width: 100%;
height: 400px;
width: 100%;
min-width: 100%;
display: block;
}
.carousel h4 {
font-size: 22px;
position: relative;
right: auto;
top: auto;
color: #fff;
padding-bottom: 0;
}

.carousel h1 {
font-size: 80px;
color: #fff;
display: block;
position: relative;
}
.carousel h5 {
position: relative;
right: auto;
bottom: auto;
font-size: 16px;
color: #fff;
text-align: center;
padding-top: 0;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
top: 55%;
}
#index_carousel .item_content_bg {
background-position-y: -150px !important;
}
.au-logo {
top: 10px;
}

.au-logo img {
max-width: 65px;
}
.au-logo h1 {
font-size: 18px !Important;
padding-left: 5px;
max-width: 150px;
}
div#menu-container {
width: 100%;
display: block;
}

div#menu-container::before {
display: none;
}

.menu .col-lg-8 {
padding-left: 15px;
}

div#menu-links h3 {
text-align: center;
}

div#menu-links ul li {
text-align: center;
}

.outer-menu .hamburger {
right: -20px;
}
.tz-gallery {
min-height: 550px;
max-width: 300px;
text-align: center !important;
margin: 0 auto;
float: none;
width: 100%;
}
.container.gallery-container {
background-color: #fff;
color: #35373a;
width: 100% !important;
max-width: 400px;
text-align: center;
margin: 0 auto;
min-width: 100%;
float: none;
}

.column-1, .column-2, .column-3, .column-4, .column-5 {
width: 100%;
min-width: 100%;
max-width: 100%;
display: block !important;
height: 100%;
flex: none;
padding: 10px 0px;
}
#icon-row {
display: block;
}

div#icon-row:first-child {
border-right: none;
border-bottom: none;
}

.column-1::after, .column-2::after, .column-3::after, .column-4::after {
display: none;
}
.arrow-wrap {
left: 0;
right: 0;
margin: auto;
padding: 0;
font-size: 0.05em;
}
.au-logo {
left: 0;
padding-left: 5px;
}
.news-container a.news-container__link:after {
content: "\Read More";
display: block;
position: relative;
right: auto;
top: 10px;
border-radius: 18px;
border: 2px solid #fff;
padding: 5px 30px;
margin: auto;
float: none;
max-width: 150px;
text-align: center;
}
.menu div#research-1 img,
.menu div#research-2 img,
.menu div#research-3 img,
.menu div#research-4 img,
.menu div#research-5 img,
.menu div#research-6 img,
.menu div#research-7 img,
.menu div#research-8 img,
.menu div#research-9 img,
.menu div#research-10 img,
.menu div#research-11 img,
.menu div#research-12 img,
.menu div#research-13 img {
width: 50px;
}
.icon-section {
margin: 0;
}

#research-1,
#research-2,
#research-3,
#research-4,
#research-5,
#research-6,
#research-7,
#research-8,
#research-9,
#research-10,
#research-11,
#research-12,
#research-13 {
padding: 10px 0px;
}
#research-1 img, 
#research-2 img, 
#research-3 img, 
#research-4 img, 
#research-5 img, 
#research-6 img,
#research-7 img,
#research-8 img,
#research-9 img,
#research-10 img,
#research-11 img,
#research-12 img,
#research-13 img {
width: 80px;
height: auto;
}
div#research_areas .row:first-child {
border-bottom: transparent;
}

.join-us_links .col-lg-3.col-sm-12 {
border-right: transparent;
padding-bottom: 20px;
}
#news-container__link-wrapper {
bottom: 0;
left: 0;
width: auto;
margin: 0 auto;
background: transparent;
}
a.news-container__link {
padding: 20px !important;
}
}

#baguetteBox-overlay .full-image figcaption {
    padding: 20px;
    background-color: rgba(3, 36, 77, 0.76);
        bottom: auto;
    line-height: 1.5;
    left: 0;
}
#baguetteBox-overlay .full-image figure {
    position: relative;
}