/*

.layout-main .circle{
	background-color: transparent;
	border: 2px solid #0052a0;
	border-radius:50%;
	width:30px;
	height:30px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;
	font-size: 30px;
	line-height:55px;
	color:#0052a0;
}

h1 {font-weight:200; text-transform:uppercase;}
h1.section{margin-top:.3em}

.greybox .block-list-grid .item{
	background-color:#fff;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}

.greybox .block-list-grid .item:hover, .bluebox .block-list-grid .item:hover{
	background-color:#e0efff;
}

.bluebox .block-list-grid .item{
	background-color:#fff;
	border-right: 1px solid #0052a0;
	border-bottom: 1px solid #0052a0;
}

.layout-main .bluebox .circle{
	border: 2px solid #fff;
	color:#fff;
}

.no-arrows .left, .no-arrows .right{
	display:none;
}


.bluebox h1{
	color:#fff;
}

.carousel-indicators {
	display:none;
}

.topsection{
	padding-bottom:20px !important;
}

*/



#the-wall div.caption { 
margin-top: -90px;
 }

#the-wall .two-line div.caption { 
margin-top: -115px;
 }


#the-wall .three-line div.caption { 
margin-top: -135px;
 }






#the-wall h3 {
  
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
}


#the-wall a {
  color: #ffffff !important;

}

#the-wall img { 
  border-radius: 5px;

 }




 /*

#the-wall a:hover img { 
  opacity: 0.8;
 }

*/


.no-arrows .left, .no-arrows .right{
  display:none;
}

.carousel-indicators {
  display:none;
}

#nav-list .white-bg {
  border-radius: 5px;
  height: 100%;

}

#nav-list .blue1-bg {
  border-radius: 5px;
  height: 100%;

}


div#login-student-portal.block.blue6-bg {
  border-radius: 5px;

}

div#getting-started.block.white-bg {
  border-radius: 5px;

}

div#did-you-know.block.white-bg {
  border-radius: 5px;

}



div.block.bg-image.au-banner {
  border-radius: 5px;
}


div.block.white-bg.connect-1, div.block.white-bg.connect-2, div.block.white-bg.connect-3, div.block.white-bg.connect-4{

border: 1px solid #e1e1e1;
height: 340px;
border-radius: 5px;

}


.rounded-corners {
  border-radius: 5px;
}










 /*  END FLEX  CSS   */



.slideUp {
  animation-name: hide,slideUp;
  -webkit-animation-name: hide,slideUp;
  animation-duration: 0ms, 1s;
  -webkit-animation-duration: 0ms, 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
.slideUp:nth-of-type(2) {
  animation-delay: 0s, 200ms;
  -moz-animation-delay: 0s, 200ms;
  -webkit-animation-delay: 0s, 200ms;
  -o-animation-delay: 0s, 200ms;
  animation-duration: 200ms, 1s;
  -webkit-animation-duration: 200ms, 1s;
}
.slideUp:nth-of-type(3) {
  animation-delay: 0s, 400ms;
  -moz-animation-delay: 0s, 400ms;
  -webkit-animation-delay: 0s, 400ms;
  -o-animation-delay: 0s, 400ms;
  animation-duration: 400ms, 1s;
  -webkit-animation-duration: 400ms, 1s;
}
.slideUp:nth-of-type(4) {
  animation-delay: 0s, 600ms;
  -moz-animation-delay: 0s, 600ms;
  -webkit-animation-delay: 0s, 600ms;
  -o-animation-delay: 0s, 600ms;
  animation-duration: 600ms, 1s;
  -webkit-animation-duration: 600ms, 1s;
}

@keyframes hide {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@-moz-keyframes hide {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes hide {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@-o-keyframes hide {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }

  50% {
    transform: translateY(-8%);
  }

  65% {
    transform: translateY(4%);
  }

  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }

  50% {
    -webkit-transform: translateY(-8%);
  }

  65% {
    -webkit-transform: translateY(4%);
  }

  100% {
    -webkit-transform: translateY(0%);
  }
}


@media screen and (min-width: 480px) {

.carousel-inner .item {
  height: 100% !important;
}


}

@media screen and (max-width: 767px) {

div.block.two-col-promo-blocks { 
  margin-top: -115px;
 }

}




@media screen and (min-width: 992px) {
  h1 {
    font-size: 60px; 
    line-height: 55px;
  }
}

@media screen and (min-width: 1200px) {
 

  .carousel-caption {
    right: 15% !important;
  }

  
 /*  FLEX  CSS   */

 

.two-col-promo-blocks div.row.layout-col-2.split-66-33 { 
display: flex;
 }

#login-student-portal { 
  height: 100%; 
}


#getting-started { 
  height: 100%; 
}


#nav-list div.row.layout-col-3 {
  display: flex;
}



/*
 
  .full-width + .block-cta {
    width: 1050px;
  }


.topsection{
	padding-top:60px !important;
}

*/

}