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

/*
rgba(3,20,155,1.00)
rgba(17,61,191,1.00)
rgba(98,149,217,1.00)
rgba(0,0,0,1.00)
rgba(213,75,25,1.00)
rgba(232,167,44,1.00)
rgba(255,255,255,1.00)
*/

body{margin: 0px;
	padding: 0px;
	background-image: url("../../astronomy/images/galaxy/alex-fxrwJGMCz_g-unsplash.jpg");
	/*background-color: rgba(0,0,0,1.00);*/
}

#top-bar{height: 65px;
	width: 100%;
	background: rgba(0,0,0,1.00);
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#logo{height: 55px;
	width: 50px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	float:left;
}

#name{height: 55px;
	width: 30px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	float:left;
}

.clearfloats{
	clear:both;
}

#home-header-box{height: 350px;
	width: 100%;
	background: url("../../astronomy/images/galaxy/header-1.jpg") no-repeat scroll center center / cover;
	/*border-bottom: rgba(0,0,0,1.00) solid;*/
	padding: 0px;
 }

#heading{padding: 135px 0px 0px 150px/*L 30px or 450px*/;
}


.custom-shape-divider-top-1683056542 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1683056542 svg {
    position: relative;
    display: block;
    width: calc(193% + 1.3px);
    height: 130px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1683056542 .shape-fill {
    fill: #113DBF;
}

#bar{background:rgba(17,61,191,1.00);
	height: 5px;
	width: 100%;
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 0px;
}

div ul li{line-height: 30px;
}

nav{background:rgba(17,61,191,1.00);
	height: 50px;
	width: 1218px;
	position: absolute;
	padding: 0px 0px 0px 300px;
	margin: 0px;
	z-index: 999;
}

nav ul{margin: 0px;
	padding: 0px;
	list-style: none;
}

nav ul li{display: block;
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
}

nav li ul{display: none;}

nav ul li a{display: block;
	text-decoration: none; /*no underline*/
	padding: 10px; /*trbl*/
	margin: 0px;
	background:rgba(17,61,191,1.00);
	color: rgba(232,167,44,1.00);
	white-space: nowrap; /*wont wrap down to next line*/
	height: 30px;
	width: 200px;
	text-align: center;
}


nav ul li a:hover{background: rgba(3,20,155,1.00);}

nav li:hover li{float: none;
}

nav li:hover ul{display: block;
	position: absolute;
	height: 30px;
}

nav li:hover a{background: rgba(98,149,217,1.00);}


nav li:hover li a:hover{background: rgba(232,167,44,1.00);}


nav ul li ul li a{text-align: center;
	border-bottom: rgba(232,167,44,1.00) solid;
	padding: 2px 10px;
	margin: 0px;
}


/*
nav{height: 50px;
	width: 100%;
	background:rgba(255,255,255,1.00);
	position: absolute;
	margin: 0px;
	padding: 0px;
}

nav ul{list-style: none;
	margin: 0px;
}

nav ul li{display: block;
	position: relative;
	float: left;
}

nav li ul{display: none;
}

nav ul li a{display: block;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	background: rgba(179,50,52,1.00);
	white-space: nowrap;
	height:40px;
	width: 200px;
	text-align:center;
}

nav ul li ul li a{text-align: center;
}

nav ul li a:hover{background: rgba(141,176,180,1.00);}

nav li:hover li{float: none;
}

nav li:hover ul{display: block;
	position: absolute;
	height: 40px;
}

nav li:hover li a:hover{background: rgba(111,170,52,1.00);}

nav li:hover a{background: rgba(31,76,80,1.00);}

div ul li{line-height: 30px;
}
*/


.text-box{background-color: rgba(255,255,255,1.00);
	width: 1200px;
	height:auto;
	padding:2px 50px;
	margin: 125px 0px 0px 100px;
	float: left;
}


.text-1{height: auto;
	width: 580px;
	float: left;
	padding: 0px;
	margin: 10px 20px 10px 0px;
}


/*.ghost-button-transition { display: inline-block; width: 200px; padding: 8px; color: #fff; border: 2px solid #fff; text-align: center; outline: none; text-decoration: none;  transition: background-color 0.2s ease-out, color 0.2s ease-out; } .ghost-button-transition:hover, .ghost-button-transition:active { background-color: #fff; color: #000; transition: background-color 0.3s ease-in, color 0.3s ease-in; }

.ghost-button{display: inline-block; 
	width: 200px; 
	height: 30px;
	padding: 8px; 
	color: rgba(251,3,245,1.00); 
	border: 1px solid rgba(0,0,0,1.00); 
	text-align: center; 
	outline: none; 
	text-decoration: none; 
	margin-right: 50px;
	margin-left: 100px;
	margin-top: 50px;
}*/


.ghost-button-transition{display: inline-block; 
	width: 250px; 
	padding: 8px; 
	/*color: rgba(190,185,17,1.00);*/
	border: 3px solid rgba(17,61,191,1.00); 
	border-radius: 50px;
	text-align: center; 
	outline: none; 
	text-decoration: none; 
	transition: background-color 0.2s ease-out, color 0.2s ease-out; 
	margin-right: 30px;
	margin-left: 75px;
	margin-top: 40px;
	margin-bottom: 50px;
	float: left;
} 

.ghost-button-transition:hover, 
.ghost-button-transition:active{background-color: rgba(232,167,44,1.00); 
	color: rgba(213,75,25,1.00); 
	transition: background-color 0.3s ease-in, color 0.3s ease-in; 
}


.button-box{height: auto;
	width:300px;
	/*background: rgba(188,27,30,1.00);*/
	float: left;
	padding: 0px 0px 0px 75px;
	margin: 0px 0px 0px 0px;
	color: rgba(255,255,255,1.00);
}

.box-1{height: 400px;
	width: 550px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 0px;
}

.box-3{height: 450px;
	width: 550px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 0px;
}

.box-2{height: 290px;
	width: 500px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 110px 50px 0px 100px;
}

.box-4{height: 310px;
	width: 500px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 140px 50px 0px 100px;
}

.box-5{height: 290px;
	width: 500px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 10px 50px 0px 0px;
}

.box-6{height: 400px;
	width: 550px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 20px 0px 0px 0px;
}

.box-7{height: 400px;
	width: 550px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 70px 0px 0px 20px;
}

.box-8{height: 340px;
	width: 500px;
	/*background: rgba(187,27,30,1.00);*/
	float: left;
	padding: 110px 50px 0px 100px;
}


.ghost-button-transition-2{display: inline-block; 
	width: 100px; 
	padding: 8px; 
	/*color: rgba(190,185,17,1.00);*/
	border: 3px solid; 
	border-radius: 50px;
	text-align: center; 
	outline: none; 
	text-decoration: none; 
	transition: background-color 0.2s ease-out, color 0.2s ease-out; 
	margin-right: 30px;
	margin-left: 75px;
	margin-top: 0px;
	margin-bottom: 40px;
	float: left;
} 

.ghost-button-transition-2:hover, 
.ghost-button-transition-2:active{background-color: rgba(17,61,191,1.00); 
	color: rgba(255,255,255,1.00); 
	transition: background-color 0.3s ease-in, color 0.3s ease-in; 
}


#footer{height: 175px;
	width: 1300px;
	margin: 0px 100px 0px 100px;
	padding: 0px;
	background: rgba(17,61,191,1.00);
	float: left;
}

#footer-text{height: 100px;
	width: 600px;
	margin: 0px;
	padding: 50px 0px 0px 50px;
	line-height: 15px;
	float: left;
}

#footer-text-2{height: 100px;
	width: 600px;
	margin: 0px;
	padding: 50px 0px 0px 0px;
	line-height: 12px;
	float: left;
}

a:link{color:rgba(232,167,44,1.00)}
a:visited{color: rgba(232,167,44,1.00)}
a:hover{color: rgba(213,75,25,1.00)}
a:active{color:rgba(232,167,44,1.00)}

/*ul li{
list-style: none;
}

ul li a{
	text-decoration: none;
}*/