body {
background-color:#444444;    
font-family: Arial;
text-decoration:none;
font-size:16px;
overflow:hidden;
}

.header {
Z-INDEX: 20; 
WIDTH:100%; 
HEIGHT: 50px; 
TOP:10px; 
text-align:left; 
TEXT-DECORATION: none;
padding-top: 10px;
position:fixed;
}



#subHeader {
float:right;
padding-right:10px;
padding-left:10px;
text-decoration:none;
font-size:16px;
text-align: right;
padding-top:10px;
}

#content {
width:100%;
height:100vh;

margin-right:auto;
margin-left:auto;
}
#content2 {
width:100%;
height:100vh;

margin-right:auto;
margin-left:auto;
}
#content3 {
width:100%;
height:100vh;

margin-right:auto;
margin-left:auto;
}
#content4 {
width:100%;
height:100vh;

margin-right:auto;
margin-left:auto;
}

#content5 {
width:100%;
height:100vh;

margin-right:auto;
margin-left:auto;
}

.slider {
z-index:30;
width:500px;
height:auto;
margin:auto;
padding-top:5%;
}


.slider3_pager {
width:200px;
height:500px;
left:70%;
top:210%;
position:absolute;
}

.slider3_pager a {
opacity:0.5;
}
   
.slider3_pager a:hover {
opacity:1;
}

.slider3_pager a:active {
opacity:1;
background-color: aqua;
}

.buttons {
width:225px;
height:100px;
margin-top:200px;
background-colour:red;
font-weight: bold;
position:fixed;
text-align:left;
float:left;
}


.buttons a {
 font-weight: bold;
    margin-top:20px;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #bababa;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  display:block;
text-align:left;
}

.buttons a:hover {
  background: #000000;
  text-decoration: none;
}



.header a:link

        {color: #fff; font-family: Arial;
        text-decoration:none;}
.header		A:hover
		{color: #fff; text-decoration:none;}
.header		A:visited
		{color: #f00; text-decoration:none;}
.header		A:active
		{color: #f00; text-decoration:none;}
    



  .bx-wrapper .bx-pager {
    position:absolute;
    padding-top:20px;

  }
  
  .bx-wrapper .bx-pager .bx-default-pager {
  height:10px;
  }

  .bx-wrapper .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    padding: 3px;
  }
  
  .bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active {
    border: solid #5280DD 1px;
  }
  
  .bx-wrapper {
    margin-bottom: 120px;
  }

.message {
position:fixed;
background-color:rgba(0,0,0,0.5);
z-index:600;
width:275px;
height:300px;
float:right;
margin-left: 70%;
margin-top: 10%;
border-radius:15px;
}

h5 {
font-family: Arial;
color:white;
font-size:16px;
text-align:center;
}

.message a {
width:100%;
display: block;
font-family: Arial;
font-weight: bold;
color:#bababa;
text-align:center;
align-content: center;
font-size:14px;     
text-decoration: none;    
transition:.5s;
}

.message a:visited {
 font-family: Arial;
color:#bababa;
font-size:14px;
text-align:center;      
text-decoration: none;
}


.message a:link {
 font-family: Arial;
color:#bababa;
font-size:14px;
text-align:center;  
text-decoration: none;
}

.message a:hover {
 font-family: Arial;
color:white;
font-size:14px;
text-align:center;  
text-decoration: none;
}