@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}
body {
	background-color:#2A2A2A;
	background-image: url(../img/logo-gray-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin:0;
	font-family: 'Open Sans', sans-serif;
}
a {
	text-decoration: none;
	color:#1F3F6B;
	font-weight:bold;
}
a:hover {
	color:#BF1E2E;
}
#hdr {
	height:150px;
	position: fixed;
    top: 0;
    left: 0;
	width:100%;
}
header {
	height:90px;
	background-color: #1F3F6B;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
}
#logo {
	background-image: url(../img/logo.png);
	position: fixed;
    top: 0;
    left: 0;
	width:130px;
	height:130px;
	margin:10px;
}
#hdr-name {
	float:left;
	margin:35px 0px 0px 180px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-size:125%;
	
}
nav {
	height:60px;
	background-color: #BF1E2E;
	color:#fff;
	box-shadow: 0px 3px 6px #333;
	font-family: 'Montserrat', sans-serif;
}
nav a {
	color:#fff;
	font-weight: normal;
}
nav a:hover {
	color:#fff;
}
.mnu {
	height:60px;
}
.mnu a {
	display: inline-block;
	height:100%;
	width:100%;
}
.clearfix {
	clear: both;
}
#hdr-spacer {
	height:150px;
}
.hm-img {
	background-color: #fff;
	width:100%;
	min-height :calc(100vh - 150px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.content {
	padding:50px;
	height:100%;
	width:calc(100%-100px);
	background-color: #fff;
	min-height:calc(100vh - 440px);
}
#amanda-hanke {
	background-image: url(../img/amanda.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
#hm-container {
	background-image: url(../img/home/2.jpg);
}
#hm-child {
	background-image: url(../img/home/2.jpg);
	animation: dissolve-out .35s forwards;
}
#hm-child:hover {
	animation: dissolve-in .35s forwards;
}
.mob {
	display:none;
}
@keyframes dissolve-in {
  0% {
    opacity: 0.0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
  }
  100% {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
}
@keyframes dissolve-out {
  0% {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  100% {
    opacity: 0.0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
  }
}
#ftr {
	height:142px;
	background-color: #2A2A2A;
	color:#545555;
}
#cpyrght {
	background-color: #1A1A1A;
	text-align: center;
	font-size: 9pt;
	padding:16px;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	border-top:#545454 1px solid;
}
#hdr-socmed {
	float:right;
	margin:15px 15px 0 0 ;
}
.socmed-ico {
	height:30px;
	width:30px;
	margin-left:15px;
	float:right;
}
#fb-hdr {
	background-image: url(../img/fb.png);
}
#tw-hdr {
	background-image: url(../img/tw.png);
}
#ig-hdr {
	background-image: url(../img/ig.png);
}
#hdr-mnu {
	float:right;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin:0px 15px 0px 0px;
	font-size: 18px;
	font-weight: 500;
}
#hdr-mnu a {
	color:#fff;
	text-decoration: none;
	margin-left: 40px;
	font-weight: normal;
}
#hdr-mnu a:hover {
	color:#00B7F8;
}
nav div {
	float:left;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 500;
	color:#fff;
}
nav div:hover {
	background-color: #00B4EF;
	animation: nav-recolour .25s;
}

@keyframes nav-recolour {
  0% {
    background-color: #BF1E2E;
  }
  100% {
    background-color: #00B4EF;
  }
}
nav div a {
	padding:20px 25px 0px 25px;
}
nav div#first {
	margin-left:155px;
}

#hm-tag {
	color:#fff;
	position: absolute;
	bottom:0;
	text-align: center;
	margin-bottom:25px;
	margin-left:calc(50vw - 250px);
	z-index: 500;
}
#hm-tag a {
	color:#fff;
}
#hm-tag:hover ~ #hm-child {
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
h1 {
	font-family:'Oswald';
	font-weight: 500;
	font-size:450%;
	margin:0;
	line-height: 95%;
	text-align: left !important;
	display: inline-block;
	text-transform: uppercase;
}
h1 a:hover {
	color:#bbb;
	animation: ld-art-link-recolour .25s forwards;
}
@keyframes ld-art-link-recolour {
  0% {
    color: #fff;
  }
  100% {
    color: #bbb;
  }
}

.dropdown {
    position: relative;
    display: inline-block;
}

.sub-menu {
    display: none;
    position: absolute;
    min-width: 160px;
	width:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	height:auto;
	white-space: nowrap;
	margin-top:-20px;
}
.sub-menu div {
	width:100%;
	padding:15px;
	background-color: #00B4EF;
}
.sub-menu div a {
	padding:0px;
}
.sub-menu div:hover {
	background-color: #1F3F6B;
	animation: sub-recolour .5s;
}

.dropdown:hover .sub-menu {
    display: block;
}
@keyframes sub-recolour {
  0% {
    background-color: #00B4EF;
  }
  100% {
    background-color: #1F3F6B;
  }
}

#ftr-logo {
	float:right;
	height: 108px;
	width:111px;
	background-image: url(../img/logo-gray.png);
	margin:15px 15px 0px 0px;
}
#ftr-mnu-cnt {
	float:left;
	margin-left:35px;
}
#ftr-scnd-mnu {
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	color:#ccc;
	margin-top:45px;
	
}
#ftr-scnd-mnu a, #ftr-prm-mnu div a {
	margin-right:35px;
}
#ftr-scnd-mnu a {
	color:#ccc;
	font-weight: normal;
}
#ftr-prm-mnu div a {
	color:#535454;
	font-weight: normal;
}
#ftr-scnd-mnu a:hover {
	color:#fff;
}
#ftr-prm-mnu div a:hover {
	color:#aaa;
}
#ftr-prm-mnu {
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	color:#535454;
	margin-top:20px;
}
#ftr-prm-mnu div {
	float:left;
	white-space: nowrap;
	margin:5px 0px 0px 10px;
}
#ftr-prm-mnu .socmed-ico {
	float:left;
	margin:0px 20px 0px 0px;
}
#ftr-prm-mnu #fb-hdr {
	background-image: url(../img/fb-ft.png);
}
#ftr-prm-mnu #tw-hdr {
	background-image: url(../img/tw-ft.png);
}
#ftr-prm-mnu #ig-hdr {
	background-image: url(../img/ig-ft.png);
}
.blue {
	color:#1F3F6B;
}
.red {
	color:#BF1E2E;
}
.white {
	color:#fff;
}
.content h1 {
	font-size:300%;
}
.spotlight {
	width:65vw;	
}
.spotlight-q, h2, h3 {
	font-family:'Oswald';
	font-size:200%;
	text-transform: uppercase;
	font-weight: 400;
}
h2 {
	color:#1F3F6B;
}
h3 {
	font-size:165%;
	color:#BF1E2E;
}
.spotlight-a {
	font-family: 'Montserrat', sans-serif;
	font-size:140%;
	font-weight: 300;
}

.static-page {
	height :calc(100vh - 275px);
}
.content p, li {
	font-family: 'Open Sans', sans-serif;
	font-size:130%;
	font-weight: 300;
}
.clearfix {
	clear: both;
}
	
.readmore {
	background-color:#BF1E2E;
	border:#fff 3px solid;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-align: center;
	padding:15px;
	margin-bottom:15px;
	z-index:9000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	cursor: pointer;
	width:200px;
	float:left;
	margin-right:15px;
}

.clrfx {
	clear: both;
}
	
	
	
	
	
	
	
	
#about-astra {
	background-image: url(/img/about-astra.jpg);
}
#coaches {
	background-image: url(/img/coaches.jpg);
}
#refund-policy {
	background-image: url(/img/refund-policy.jpg);
}
#u7-programs {
	background-image: url(/img/u7-programs.jpg);
}
#u9-programs {
	background-image: url(/img/u9-programs.jpg);
}
#u11-programs {
	background-image: url(/img/u11-programs.jpg);
}
#u13-programs {
	background-image: url(/img/u13-programs.jpg);
}
#u15-programs {
	background-image: url(/img/u15-programs.jpg);
}
#u17-programs {
	background-image: url(/img/u17-programs.jpg);
}
#u19-programs {
	background-image: url(/img/u19-programs.jpg);
}
#register {
	background-color: #1F3F6B;
	padding:20px 20px 20px 62px;
	background-image: url(/img/register-button.png);
	background-position: 20px center;
	background-repeat: no-repeat;
	font-family:'Oswald';
	font-size:200%;
	text-transform: uppercase;
	font-weight: 400;
	color:#fff;
	float:right;
	margin: 0px 0px 20px 20px;
}

#register:hover {
	background-color: #BF1E2E;
}

nav.mob {
	height:50px;
	position:fixed;
	top:0;
	width:100%;
}
#mob-mnu-btn {
	height:50px;
	width:50px;
	background-image: url(/img/mnu-sel.png);
}
#mob-logo {
	position:fixed;
	top:0;
	right:0;
	height:80px;
	width:80px;
	background-image: url(/img/logo-80.png);
	z-index:5000;
	margin:10px 10px 0px 0px;
}
#mob-ftr {
	background-color:#2A2A2A;
	padding:35px;
	text-align: center;
}
#mob-ftr a div {
	float:none;
	display: inline-block;
	
}
#mobmnuico {
	z-index:4000;
}
.blue {
	color:#1F3F6B !important;
}
.red {
	color:#BF1E2E !important;
}


@media only screen and (max-width: 768px) {
	.no-mob {
		display:none;
	}
	.mob {
		display:block;
	}
	nav div {
		width:100%;
	}
	.sub-menu div {
		padding:10px;
		background-color: #2A2A2A;
	}
	.sub-menu div:hover {
		animation:none;
	}
	
	#register {
		background-color: #1F3F6B;
		padding:20px 20px 20px 62px;
		font-size:160%;
		margin: 0px 0px 20px 0px;
		float:none;
	}
	h1 {
		font-size:350%;
	}
	.sub-menu {
		margin-top:50px;
		min-height :calc(100vh - 50px);
		background-color: #2A2A2A;
	}
	#hdr-spacer {
		display:none;
	}
	.content {
		padding-top:110px
	}
	nav div:hover {
		background-color: #BF1E2E;
		animation:none;
	}
}