@charset "utf-8";

nav{
	position: fixed;
	width:100%;
	height: 80px;
	background:#000033;
}

nav img{
	width: 60px;
	position: fixed;
	top: 9px;
	left: 2%;
}

nav ul{
	float: right;
	margin-right: 10px;
	margin-top: 0%;
	text-decoration: none;
	position: inherit;
		width:65%;
		/**height: auto;**/
		height: 100vh;
		background: #000033;
		top: 78px;
		right: -100%;
		margin-left:40%;
		text-align: left;
		transition: all .5s;
}

nav ul li{
	display:inline-block;
	line-height:20px;
	margin:0 5px;
}

nav ul li a{
	position: relative;
	color: white;
	font-size: 12px;
	padding: 7px 0;
	text-transform: none;
}

nav ul li a:before{
	position:absolute;
	content: '';
	left: 0;
	bottom: 6px;
	height: 1px;
	width: 100%;
	background: white;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s linear
}
nav ul li a:hover:before{
	transform: scaleX(1);
	transform-origin: left;
}

label #btn,
label #cancel{
	color:white;
	font-size: 20px;
	float: right;
	line-height: 80px;
	margin-right: 20px;
	cursor: pointer;
	display: none;
}
#check{
	display:none;
	position: fixed;
}
@media (max-width: 1118px) {
	nav img{
	 left:8%;	
   }
}

@media (max-width: 944px) {
	nav img{
	left: 3%;
	top: 10px;
	width: 60px;
   }
   nav ul li a{
	 font-size: 17px;  
   }
}
@media (max-width: 860px) {
	label #btn{
	  display: block;	
	}	
	ul{
		/**position: fixed;
		width: 50%;
		height: 100vh;
		background: #000033;
		top: 87px;
		left: -100%;
		margin-left: 0%;
		text-align: left;
		transition: all .5s;**/
	}
	
	nav ul li{
		display: block;
		margin: 20px 0;
		line-height: 5px;	
	}
	nav ul li a{
	 font-family:oswald;
	 font-size: 17px;
	 margin-left: 18px;
	 text-decoration: none;
	}
	#check:checked ~ ul{
		left: 0%;
	}
	#check:checked ~ label #btn{
		display: none;	
	}
	#check:checked ~ label #cancel{
		display: block;	
	}
}

/*Hide the sharer link on PC and show on mobile* **/
@media screen and (min-width: 600px) {
	#mobile-share {
		visibility:hidden;
		clear:both;
		float:left;
		margin 50px auto 5px 20px;
		width:28%;
		display:none;
		}
}
.title {
 
  width:65%;
  font-family:sans-serif;
  font-weight:600;
  font-size: 1.0em;
  color:#ffffff;
  text-align:center;
  margin-right:0%;
  margin-left:17%;
  margin-top: 0%;
}
.title p {
	font-family:sans-serif;
	font-weight:600;
	font-size: 1.2em;
	color: #ffffff;
	margin-right: 0%;
	margin-left:15%;
	margin-top: 8%;
	margin-bottom: -3%;
}

.title p1 {
	font-size: 0.5em;
	font-family:sans-serif;
	font-weight:200;
	color: #ffffff;
	margin-left:15%;
	margin-top: 0%;
}

#ebidfull{
  width:100%;
  height:auto;
}

.ebid {
	
	width: 100%;
	margin-top: 18%;
  	margin-left:0%;
  	margin-right:0%;
	padding: 4%;
}

.ebidcontent{
	width: 100%;
	height: auto;
	margin-top:-3%;
	margin-left:0%;
	margin-right: 0%;
	padding:4%;
	text-align:justify;	
}
h1.ebidtitle {
	font-size: 1.6em;
	color: #000000;
	font-weight:600;
	margin-top: 4%;
	text-align:center;
}
p.ebidtext {
	font-size: 1.3em;
	color: #000;
	text-align: justify;
	margin-left:0%;
	margin-right: 0%;
	padding: 0%;
}
p.ebidtext1 {
	font-size: 1.0em;
	color: #000;
	text-align: justify;
	margin-left:0%;
	marging-right: 0%;
	padding: 0%;
}
p.ebidtext2 {
	font-size: 1.2em;
	color: #000000;
	font-weight:600;
	text-align: justify;
	margin-top:3%;
	margin-left:0%;
	marging-right: 0%;
	padding: 0%;
}
.ebidside{
	
	width: 100%;
	height: auto;
	margin-top:3%;
	margin-right:0%;
	margin-left:0%;
	padding: 2%;	
}
.ebidside1{
	width: 100%;
	height: auto;
	margin-top:0%;
	margin-right:0%;
	margin=left:0%;
	padding: 2%;
		
}

.ebidpost {
  width:100%;
  margin-left:0%;
  margin-right:0%;
  margin-top:0%;
  text-align:center;
}
#homesec13full{
  width:100%;
  height:auto;
}
	 
.homesec13 {
  
  width:100%;
  margin-top:11%;
  margin-left:0%;
  margin-right:0%;
  padding:8%;
}

#contentfull {
  width:100%;
  height:auto;
}

.content {
	width: 100%;
	height: auto;
	margin-top:14%;
	margin-left:0%;
	padding:4%;
	text-align:justify;
	
	float: left;
  
}




.content13 {
	width: 100%;
	height: auto;
	margin-top:-3%;
	margin-left:0%;
	padding:4%;
	text-align:justify;
}



h2.section-title9 {
	font-size: 1.3em;
	font-family: century gothic;
	margin-bottom: 0%;
	margin-top: 1%;
	color: #000099;
	text-align: center;
	
}

p.text2 {
	font-size: 0.9em;
	color: #000000;
	text-align: justify;
	margin-top:1%;
}

.aside2{
	
	width: 100%;
	height: auto;
	margin-top:6%;
	margin-right:0%;
	padding: 3%;
	align: center;	
}

.post {
  width:100%;
  margin-right:%;
  margin-top:0%;
  text-align:center;
  padding: 6%;
}

#copyrightfull {
	width: 100%;
	height:auto;
}
.copyright {
	width: 100%;
	margin-left:0%;
	margin-right: 0%;
	background-color: #000033;
	padding: 0;
}
p.text5 {
	font-family:oswald;
	font-weight:200;
	font-size: 0.6em;
	color: #ffffff;
	text-align: center;
}


.style3 {
	font-size: 11px;
	font-family:verdana;
	color: #FF0000;
	font-weight: bold;
}


.style12 {
	font-size: 10px;
	font-family: verdana;
	color: #000099;
	font-weight: normal;
}

.style15 {
	font-size: 11px;
	font-family: oswald;
	color: #000000;
	font-weight: 200;
}

.style35 {
	font-size: 10px;
	font-family: oswald;
	color: #000000;
	font-weight: 100;
}
.style36 {
	font-size: 20px;
	font-family: verdana;
	color: #000000;
	font-weight: bold;
}
.style193 {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	font-weight:100;
}
.style195 {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	font-weight: 400;
}

