@charset "utf-8";
@font-face {
     font-family: 'TrajanPro-Regular';
     src: url(TrajanPro-Regular.woff) format('woff');
 }
@font-face {
     font-family: 'athena_u';
     src: url(athena_u.woff) 
     format('woff');
 }
@font-face {
     font-family: 'webdings';
     src: url(webdings.woff) 
     format('woff');
 }
@font-face {
     font-family: 'wingdings';
     src: url(wingding.woff) 
     format('woff');
 }
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#honor {
    position: relative;
    top:-10VH;    /*top: 59VH;*/
}

#sec1 {
    position: relative;
	top:-10VH;
    /*top: 90VH;*/
}
#sec2 {
    position: relative;
	top:-10VH;
    /*top: 100VH;*/
}
/*#sec3 {
	position: absolute;
	top: 270VH;
}*/

.NavSec {
	width: 100%; 
	background-color: hsla(0,0%,0%,0.80);
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 8;

}
.title {
	font-weight: bold;
}
.subTitle {
	font-family: 'TrajanPro-Regular';
	/* [disabled]padding-left: 0.7VH; */
	/*padding-top: 0.2VH;
    padding-bottom: 0.1VH;
	padding-right: 0.5VH;
	display: inline-block;
	border-left-width: thick;
	border-left-style: solid;
	margin-left: -1.5VH;*/
}

a {
	text-decoration: none;
}



@media screen and (orientation:landscape){
.NavSec {
    height: 10VH;
}
	.NavSec ul li {
	font-family: 'athena_u';
	font-size: 3.5VH;
	float: left;
	width: 15VW;
	color: #FFFFFF;
	list-style-type: none;
}
.NavSec ul li a{
	font-family: 'athena_u';
	font-size: 3.5VH;
	width: 15VW;
	color: #FFFFFF;
	text-decoration: none;    
}
.NavSec ul li a:hover{
	font-family: 'athena_u';
	font-size: 3.5VH;
	width: 20VW;
	color: #ADACAC;
	text-decoration: none;    
}
    
.NavSec ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;

}
.Landing {
	width: 100%;
	height: 100vh;
	background-image: url(images/landing2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 60% 0%;
	background-attachment: fixed;
	display: block;
}
.Landing h1 {
    /*width: 100%;
    height: 80vh;*/
    top: 30%;
	left: 0%;
    position: relative;
    float: left;
    font-family: 'TrajanPro-Regular';
    font-size: 12VH;
    font-weight: normal;
	/*color: #884c87;*/
	color: #234f73;
	line-height: 6VH;
    max-width: 60%;
    width: 60%;    /*background-color: rgba(249,179,221,0.73);	display: block;
	*/
}
.Landing .AD {
    height: 70vh;
    top: 15%;
    position: absolute;
    left: 5%;
    font-family: 'TrajanPro-Regular';
    font-size: 8VH;
    font-weight: normal;
    max-width: 88%;
    width: 88%;
    background-color: rgba(249,179,221,0.73);
    border: 3vh solid rgba(247,226,238,0.73);
    display: block;    /*z-index: 10;	line-height: 45px;*/
    background-image: url(images/cut_0004_5.png);
    background-size: cover;
    background-position-y: bottom;	/*opacity: 0.5;*/
    
}
.DaysRunning{
	width: 33%;
	min-width: 25%;
	/*height: 80vh;*/
	vertical-align: middle;
	Top:3%;
	position: relative;
	float: left;	
	}
.Ylight {
	color: #F9B3DD;
}

.Landing h2 {
	
	/*position: relative;
	top: 50%;
	left: 5%;*/
	font-family: 'athena_u';
	font-size: 7VH;
	font-weight: normal;
	color: #000000;
	line-height: 1VH;
	width: 90%;
}

/*.about {
	width: 100%;
	height: 100vh;
	background-color: #41F8EF;
	
}*/
.about {
	width: 100%;
	/*height: 120VH;*/
	background-image: url("images/page1.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: inherit;
	top: 100vh;
	position: absolute;
	left: 0px;
	/* [disabled]background-color: rgba(151,150,150,0.88); */
}
.titleBar {
	width: 95%;
	height: 6VH;
	background-color: #F9B3DD;
	font-family: 'TrajanPro-Regular';
	font-size: 4VH;
	padding-left: 5%;
	padding-top: 2VH;
	vertical-align: center;
	/* [disabled]text-indent: 5%; */
	/* [disabled]overflow-x: no-display; */
	/* [disabled]overflow-y: no-display; */
}
.textbox {
	min-width: 90%;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.bookstextbox {
	/* [disabled]min-width: 50%; */
	/* [disabled]max-width: 50%; */
	margin-left: 5%;
	margin-right: auto;
	width: 88%;
	margin-top: 40px;
	margin-bottom: 40px;
	/* [disabled]background-color: rgba(191,186,186,0.68); */
	background-image: -webkit-linear-gradient(270deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	padding-left: 2%;
	padding-top: 1vh;
}
.bookstextbox p{
		width: 50%;
	}
.icon {
	font-family: 'wingdings';
	font-size: 3.5VH;
	color: #F9B3DD;
	/* [disabled]text-indent: 50px; */
}
p {
	font-family: 'athena_u';
	font-size: 3VH;
	font-weight: normal;
	line-height: 1.5em;
	/* [disabled]display: inline-block; */
	width: 70%;
}
.about .textbox p {
	font-size: 4VH;
	width: 80%;
}
.about .textbox a {
	color: #234f73;
}
.about .textbox a:hover {
    color: #193A54;
}
.subTitle {
	font-size: 3.5VH;
	}
.pics {
	width: 100%;
	height: auto;
	top: 10%;
	position: relative;
	right: 0px;
	z-index: 3;
	opacity: 1;
	bottom: 0px;
}
.pics img {
	width: 50%;
	text-align: right;
	right: 0px;
	position: absolute;
}

.contact {
	width: 100%;
	height: 50vh;
	display: inherit;
	top: 355vh;
	/*bottom: 50vh;*/
	position: absolute;
	left: 0px;
	background-color: #F9B3DD;
	z-index: 5;
}
.contact .textbox p {
	width: 33.3%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.logosBox img a{
	filter: none;
	background-color:#666666;
	box-sizing: content-box;
	}
.logosBox img a:hover{
	filter: invert();
	background-color:#ffffff;
	}	
.textbox p button {
	width: 139px;
	height: 45px;
	border-radius: 10px;
	border: none;
	background-color: rgba(0,0,0,1.00);
	color: #F9B3DD;
	font-family: 'athena_u';
	font-size: 3VH;;
}
.textbox p button a{
    /*width: 33VW;
	height: 5VH;
	border-radius: 10px;
	border: none;
	background-color: rgba(0,0,0,1.00);*/
	color: #F9B3DD;
}
.logosBox {
	width: 209px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*margin-top: -20px;
	margin-bottom: -15px;*/
	text-align: center;
}
.logosBox img {
	width: 33.3%;
}
}

/*@media screen and (orientation:portrait) and (min-width:700px){
	.Landing h1 {
	top: 40%;
	position: absolute;
	left: 7%;
	font-family: 'TrajanPro-Regular';
	color: #234f73;
	font-size: 8VH;
	font-weight: normal;
	/*max-width: 60%;
	width: 60%;*/
	/*display: block;
	/*line-height: 45px;*/
/*}
}*/


@media screen and (orientation:portrait){
.NavSec {
    height: 8VH;
}
	.NavSec ul li {
	font-family: 'athena_u';
	font-size: 2.5VH;
	float: left;
	width: 25%;
	color: #FFFFFF;
	list-style-type: none;
	text-align: center;
}
.NavSec ul li a{
	font-family: 'athena_u';
	font-size: 2.5VH;
	width: 25%;
	color: #FFFFFF;
	text-decoration: none;    
}
.NavSec ul li a:hover{
	font-family: 'athena_u';
	font-size: 2.5VH;
	width: 25%;
	color: #ADACAC;
	text-decoration: none;    
}
    
.NavSec ul {
	padding-top: 2VH;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3%;
    text-align: center;
}
.Landing {
	width: 100%;
	height: 100vh;
	background-image: url(images/landing2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 67% 0%;
	background-attachment: fixed;
}
.Landing h1 {
	top: 1%;
	position: relative;
	left: 7%;
	font-family: 'TrajanPro-Regular';
	color: #234f73;
	font-size: 8VH;
	font-weight: normal;
	/*max-width: 60%;
	width: 60%;*/
	display: block;
	/*line-height: 45px;*/
}
.Landing .AD {
    height: 75vh;
    top: 15%;
    position: absolute;
    left: 5%;
    font-family: 'TrajanPro-Regular';
    font-size: 8VH;
    font-weight: normal;
    max-width: 90%;
    width: 90%;
    background-color: rgba(249,179,221,0.73);
    border: 2vh solid rgba(247,226,238,0.73);
    display: block;    /*z-index: 10;	line-height: 45px;*/
    /*background-image: url(images/cut_0004_5.png);
    background-size: auto 80%;
    background-position-y:top;	/*opacity: 0.5;*/    
}
.DaysRunning{
	width: 60%;
	min-width: 40%;
	/*height: 80vh;*/
	vertical-align: middle;
	Top:3%;
	position: relative;
	/*float: left;*/	
	}
.Ylight {
	color: #F9B3DD;
}

.Landing h2 {
	
	/*position: absolute
	top: 70%;
	left: 5%;*/
	font-family: 'athena_u';
	font-size: 4VH;
	font-weight: normal;
	color: #000000;
	/*line-height: 32px;*/
	width: 80%;
}

/*.about {
	width: 100%;
	height: 100vh;
	background-color: #41F8EF;
	
}*/
.about {
    width: 100%;
    height: 200VH;
    background-image: url("images/page1.png");
    background-repeat: no-repeat;
	background-position: 20% 20%;
    background-size: cover;
    display: inherit;
    top: 100vh;
    position: absolute;
    left: 0px;
    /* [disabled]background-color: rgba(151,150,150,0.88); */
}
.titleBar {
	width: 95%;
	height: 6VH;
	background-color: #F9B3DD;
	font-family: 'TrajanPro-Regular';
	font-size: 4VH;
	padding-left: 5%;
	padding-top: 2VH;
	vertical-align: center;
	/* [disabled]text-indent: 5%; */
	/* [disabled]overflow-x: no-display; */
	/* [disabled]overflow-y: no-display; */
}
.textbox {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 2VH;
	margin-bottom: 2VH;
}
.bookstextbox {
	margin-left: 5%;
	margin-right: auto;
	width: 88%;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: -webkit-linear-gradient(270deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(144,144,144,0.94) 0%,rgba(255,255,255,0.00) 100%);
	padding-left: 2%;
	padding-top: 1vh;
}
.icon {
	font-family: 'wingdings';
	font-size: 3VH;
	color: #F9B3DD;
	/* [disabled]text-indent: 50px; */
}
p {
	font-family: 'athena_u';
	font-size: 2.5VH;
	font-weight: normal;
	line-height: 1.5em;
}
.subTitle {
	font-size: 3.2VH;
}
.about .textbox p {
	font-size: 3VH;
}
/*.about .textbox p {
	font-size: 4VH;
	width: 80%;
}*/
.about .textbox a {
	color: #234f73;
}
.about .textbox a:hover {
    color: #193A54;
}
.pics {
	width: 100%;
	height: auto;
	top: 55%;
	position: relative;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	opacity: 1;
	;
}
.pics img {
	width: 90%;
	text-align: right;
	right: 0px;
	position: absolute;
	top: 8VH;
}

.contact {
	width: 100%;
	height: 50vh;
	display: inherit;
	top: 420vh;
	position: absolute;
	left: 0px;
	background-color: #F9B3DD;
	z-index: 5;
}
.contact img a:hover{
	filter: invert();	
	}
.contact .textbox p {
	text-align: center;
}
.logosBox {
	width: 33VW;
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*margin-top: -2VH;
	margin-bottom: -2VH;*/
	text-align: center;
}
.logosBox img {
	width: 33.3%;
}
.textbox p button {
	width: 33VW;
	height: 5VH;
	border-radius: 10px;
	border: none;
	background-color: rgba(0,0,0,1.00);
	color: #F9B3DD;
	font-family: 'athena_u';
	font-size: 2.5VH;
    /*display: block;
	margin-left: auto;
	margin-right: auto;*/
}
.textbox p button a{
    /*width: 33VW;
	height: 5VH;
	border-radius: 10px;
	border: none;
	background-color: rgba(0,0,0,1.00);*/
	color: #F9B3DD;
}
.textbox p button a:hover{
	width: 33VW;
	height: 5VH;
	border-radius: 10px;
	border: none;
	/*color: #ffffff;
	background-color:#838282;
	display: block;
	margin-left: auto;
	margin-right: auto;*/
}
}

/*@media (orientation:portrait) and (max-height:767px){
	.about{
		height: 110VH;
	}
	.pics {
	    top: 40%;
	    position: absolute;
    }
	.contact {
	    width: 100%;
	    height: 35vh;
	    top: 200vh;
	    position: absolute;
	    left: 0px;
	    background-color: #E88800;
    }
}

@media screen and (orientation:portrait) and (min-height:768px){
.about{
		height: 150vh;
	}

.pics {
	top: 220VH;
	position: absolute;
}
	
.contact {
	width: 100%;
	height: 30vh;
	top: 150vh;
	position: absolute;
	background-color: #000000;
}
}
*/

@media screen and (orientation:portrait) and (min-height:960px){
	/*#honor {
	position: absolute;
	top:90VH;
}

#sec1 {
	position: absolute;
	top: 92VH;
}
#sec2 {
	position: absolute;
	top: 145VH;
}*/
	.Landing .AD {
		width:80%
	}
	.about{
		height: 210VH;
	}
	.pics { 
	top: 53VH;
	position: relative;
    }
	
	.contact {
	width: 100%;
	height: 35vh;
	top: 385vh;
	position: absolute;
    /*background-color: #666666;*/
}
}
/*@media screen and (orientation:portrait) and (min-height:600px){
	#honor {
	position: absolute;
	top:90VH;
}

#sec1 {
	position: absolute;
	top: 92VH;
}
#sec2 {
	position: absolute;
	top: 145VH;
}
}*/