@charset "utf-8";
/* CSS Document */
/* menu */
.hmenu {width:100%;height:auto;z-index:99999;position:fixed;box-sizing: border-box;}
ul.nav-bar{width:100%;background-color:#08306b;font-family:Arial,Helvetica,sans-serif;color:#ffffff;}
ul.nav-bar li.home{float:left;border-right:0px solid #ccc;}
ul.nav-bar li.home a{color:#08306b;display:block;}
ul.nav-bar li.home a:hover{background-color:#08306b;}
ul.nav-bar li.item {display:block;float:right;}
.menuOption{background:#ffffff;color:#08306b;font-weight:bold;}
ul.nav-bar ul#sub{position:fixed;width:0%;padding:0;-webkit-transition:width 1s ease 0.25s,padding 1s ease 0.25s;transition:width 1s ease 0.25s,padding 1s ease 0.25s;background-color:#08306b;z-index:10;border-top:1px solid #ffffff;right:0;overflow-y:auto;overflow-x:hidden;}
ul.nav-bar li.menuItem{opacity:0;-webkit-transition:opacity 0.5s ease 0.5s;transition:opacity 0.5s ease 0.5s;width:auto;list-style-type:none;list-style-position:inside;line-height:300%;z-index:10;color:white;padding-left:5%;text-align:left;/*border-bottom:1px solid #f7fbff;*/width:100%;}
ul.nav-bar li.menuItem a{color:#ffffff;}
.menuSection{color:#fed976;font-weight:bold;text-align:left;border-bottom:1px solid #fed976;display:inline-block;width:100%;}
#openIcon{cursor:pointer;}
#closeIcon{display:none;cursor:pointer;}
/* menu end */
/* ************************* */
/* menu media queries */
/* ************************* */
/* <480px */
@media screen and (max-width:480px){
	ul.nav-bar ul#sub{margin-top:69px;height:100vh;}
	ul.nav-bar li.home{padding:3px 7.5px;}
	ul.nav-bar li.item {padding-top:25px;}
	.menuOption{border-radius:5px;padding:5px;font-size:14px;}
	ul.nav-bar li.menu {margin-right:2.5px;}
	.menuSection{font-size:20px;padding-bottom:5px;margin-bottom:7.5px;}
	ul.nav-bar li.menuItem a{font-size:16px;}
}
/* 481px - 768px */
@media screen and (min-width:481px) and (max-width: 768px){
	ul.nav-bar ul#sub{margin-top:69px;height:100vh;}
	ul.nav-bar li.home{padding:3px 7.5px;}
	ul.nav-bar li.item {padding-top:25px;}
	.menuOption{border-radius:7.5px;padding:7.5px;font-size:16px;}
	ul.nav-bar li.menu {margin-right:10px;}
	.menuSection{font-size:20px;padding-bottom:5px;margin-bottom:7.5px;}
	ul.nav-bar li.menuItem a{font-size:16px;}
}
/* 769px - 1200px */
@media screen and (min-width:769px) and (max-width: 1200px){
	ul.nav-bar ul#sub{margin-top:79px;height:100vh;}
	ul.nav-bar li.home{padding:3px 7.5px;}
	ul.nav-bar li.item {padding-top:30px}
	.menuOption{border-radius:10px;padding:10px;font-size:18px;}
	ul.nav-bar li.menu {margin-right:20px;}
	.menuSection{font-size:22px;padding-bottom:7.5px;margin-bottom:10px;}
	ul.nav-bar li.menuItem a{font-size:18px;}
}
/* 1201px - 1800px */
@media screen and (min-width:1201px) and (max-width: 1800px){
	ul.nav-bar ul#sub{margin-top:83px;height:100vh;}
	ul.nav-bar li.home{padding:5px 10px;}
	ul.nav-bar li.item {padding-top:30px}
	.menuOption{border-radius:10px;padding:10px;font-size:18px;}
	ul.nav-bar li.menu {margin-right:20px;}
	.menuSection{font-size:22px;padding-bottom:7.5px;margin-bottom:10px;}
	ul.nav-bar li.menuItem a{font-size:18px;}
}
/* >1800px */
@media screen and (min-width:1801px){
	ul.nav-bar ul#sub{margin-top:83px;height:100vh;}
	ul.nav-bar li.home{padding:5px 10px;}
	ul.nav-bar li.item {padding-top:30px}
	.menuOption{border-radius:10px;padding:10px;font-size:22px;}
	ul.nav-bar li.menu {margin-right:20px;}
	.menuSection{font-size:22px;padding-bottom:7.5px;margin-bottom:10px;}
	ul.nav-bar li.menuItem a{font-size:18px;}
}
/*/
/* footer */
#footer{background:#525252;width:100%;height:auto;margin:0 auto;float:left;line-height:150%;color:white;}
li.footerli a{color:#bdbdbd;}
li.footerli a:hover{color:white}
p.footer-section a,p.footer-section a:hover{color:#9ecae1;}
li.footerli{width:100%;}
.footer-title{background-color:dimgrey;font-weight:bold;}
.footer-subtitle{font-size:75%;font-weight:normal;color:#d9d9d9;}
/* footer end */
/* *************************** */
/* footer media queries */
/* *************************** */
/*/
/*/
/* <400px */
@media screen and (max-width:399px){
/* Footer */
	#footer p{width:100%;padding-left:5%;padding-right:5%;}
	li.footerli a,li.footerli a:hover{font-size:14px;}
	p.footer-section{margin-bottom:5%;}
	ul.footer-content{padding-left:5%;padding-right:5%;width:100%;margin-bottom:5%;}
	li.footer-section2 {width:100%;padding-bottom:5%;}
	.footer-title{padding-top:5%;padding-bottom:5%;font-size:105%;}
/* Footer End */
}
/* 400px - 660px */
@media screen and (min-width:400px) and (max-width:660px){
/* Footer */
	#footer p{width:100%;padding-left:7.5%;padding-right:7.5%;}
	li.footerli a,li.footerli a:hover{font-size:14px;}
	p.footer-section{margin-bottom:5%;}
	ul.footer-content{padding-left:7.5%;padding-right:7.5%;width:100%;margin-bottom:5%;}
	li.footer-section2 {width:100%;padding-bottom:5%;}
	.footer-title{padding-top:5%;padding-bottom:5%;font-size:105%;}
/* Footer End */
}
/* 661px -- 909px */
@media screen and (min-width:661px) and (max-width:909px){
/* Footer */
	#footer p {width:100%;padding-left:5%;padding-right:5%;}
	li.footerli a,li.footerli a:hover {font-size:14px;}
	p.footer-section{margin-bottom:3%;}
	ul.footer-content{padding-left:5%;padding-right:5%;width:100%;margin-bottom:3%;}
	li.footer-section2 {width:50%;padding-bottom:3%;}
	.footer-title{padding-top:3%;padding-bottom:3%;font-size:115%;}
/* Footer End */
}
/* 910px -- 1200px */
@media screen and (min-width:910px) and (max-width:1200px){
/* Footer */
	#footer p {width:100%;padding-left:5%;padding-right:5%;}
	li.footerli a,li.footerli a:hover {font-size:14px;}
	p.footer-section{margin-bottom:3%;}
	ul.footer-content{padding-left:5%;padding-right:5%;width:100%;margin-bottom:3%;}
	li.footer-section2 {width:25%;padding-bottom:3%;}
	.footer-title{padding-top:3%;padding-bottom:3%;font-size:125%;}
/* Footer End */
}
/* 1201px -- 1399px */
@media screen and (min-width:1201px) and (max-width:1399px){
/* Footer */
	#footer p {width:100%;padding-left:5%;padding-right:5%;}
	li.footerli a,li.footerli a:hover {font-size:16px;}
	p.footer-section{margin-bottom:2.5%;}
	ul.footer-content{padding-left:5%;padding-right:5%;width:100%;margin-bottom:2.5%;}
	li.footer-section2 {width:25%;}
	.footer-title{padding-top:2%;padding-bottom:2%;font-size:125%;}
/* Footer End */
}
/* 1400px -- 1800px*/
@media screen and (min-width:1400px) and (max-width:1800px){
/* Footer */
	#footer p {width:100%;padding-left:15%;padding-right:15%;}
	li.footerli a,li.footerli a:hover {font-size:16px;}
	p.footer-section{margin-bottom:2.5%;}
	ul.footer-content{padding-left:15%;padding-right:15%;width:100%;margin-bottom:2.5%;}
	li.footer-section2 {width:25%;}
	.footer-title{padding-top:2%;padding-bottom:2%;font-size:125%;}
/* Footer End */
}
/* 1801px -- 2700px */
@media screen and (min-width: 1801px) and (max-width:2700px) {
/* Footer */
	#footer p {width:100%;padding-left:15%;padding-right:15%;}
	li.footerli a,li.footerli a:hover {font-size:16px;}
	p.footer-section{margin-bottom:2.5%;}
	ul.footer-content{padding-left:15%;padding-right:15%;width:100%;margin-bottom:2.5%;}
	li.footer-section2 {width:25%;}
	.footer-title{padding-top:2%;padding-bottom:2%;font-size:125%;}
/* Footer End */
}
/* 2700px -- 3600px */
@media screen and (min-width: 2701px) and (max-width:3600px) {
/* Footer */
	#footer p {width:100%;padding-left:15%;padding-right:15%;}
	li.footerli a,li.footerli a:hover {font-size:16px;}
	p.footer-section{margin-bottom:2.5%;}
	ul.footer-content{padding-left:15%;padding-right:15%;width:100%;margin-bottom:2.5%;}
	li.footer-section2 {width:25%;}
	.footer-title{padding-top:2%;padding-bottom:2%;font-size:125%;}
/* Footer End */
}
/* >3600px */
@media screen and (min-width: 3601px) {
/* Footer */
	#footer p {width:100%;padding-left:15%;padding-right:15%;}
	li.footerli a,li.footerli a:hover {font-size:16px;}
	p.footer-section{margin-bottom:2.5%;}
	ul.footer-content{padding-left:15%;padding-right:15%;width:100%;margin-bottom:2.5%;}
	li.footer-section2 {width:25%;}
	.footer-title{padding-top:2%;padding-bottom:2%;font-size:125%;}
/* Footer End */
}