body {
  font-family: "Lato", sans-serif;
}

*{
  margin: 0;
  padding: 0;
}
.container1B {
  
  position: relative;
 
   width:1000px;
   height:100%;
   mrgin-top:250px;
   z-index:-4;
  
  
   display:inline-block;
   mrgin-left:120px;
   padding: 0px;
    margin: 0px; 
   
}

/* Hide the images by default */
.mySlides1B {
  display: none;
   position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
  
}
.mySlides1B {
  flat:right;
  width:1320px;
  height:1000px;
  background-color:lightblue;
  mrgin:-50px 20px 30px 40px;
   background-size: cover;
   position: absolute;
   z-index:-3;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}
.hide1B {
  display: none;
  margin:-310px 70px 10px 370px;
   height:300px;
   width:200px;
}
.myDIV1B {
margin-top: 10px;
margin-left: 120px;
font-size:15px;
}    
.myDIV1B:hover + .hide1B {
  display: block;
  clor:yellow;
  color:white;
   margin:-350px 70px 10px 130px;
   background-color:lightblue;
  bckground-color:white; 
   height:300px;
   width:200px;
}










body {
  font-family: "Lato", sans-serif;
}

.sidenav1B {
  height:30px;
  width: 0;
  psition: fixed;
  position:absolute;
  z-index:7;
  top:220px;
  left:1000px;
  bckground-color: #111;
   background-color:lightblue;
  overflow-x: hidden;
 
  overflow-y: hidden;
  trnsition: 0.5s;
  pdding-top: 60px;
}

.sidenav1B a {
  pdding: 8px -18px 8px -18px;
  text-decoration: none;
  font-size: 25px;
  clor: #818181;
  color:white;
  display:inline;
  trnsition: 0.3s;
  text-align:center;
  margin:20px 5px 5px 5px;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidnav .closebtn {
  position: absolute;
  top: 0;
  right:35px;
  font-size: 36px;
  margin-left:50px;
}
.sidnav p  {
  position: absolute;
 display:inline; 
  top:;
  right:;
  font-size: 36px;
  mrgin-left: 50px;
  text-align:center;
  margin:5px;
  padding:1px 5px 1px 5px;
  overflow-x: hidden;
  overflow-y: hidden; 
}

.BB1B{

 position: absolute;
margin-top:210px;
margin-left:1000px;
fnt-size:25px;
font-size:20px;
cursor:pointer;
border:2px solid lightblue;
width:190px;
background-color:lightblue;
color:white;
z-index:5;
 display:inline;

}
.D1B{
 position: absolute;
margin-top:210px;
margin-left:100px;
fnt-size:25px;
font-size:20px;
cursor:pointer;
border:2px solid lightblue;
width:140px;
background-color:lightblue;
color:white;
z-index:5;	
	
	
}
.D1B a{
text-decoration:none;
color:white;	
}

/* Next & previous buttons */
.prev1B,
.next1B {
  cursor: pointer;
  position: absolute;
  top:-25px;
  width: auto;
  pdding:5px 5px 5px 15px;
  mrgin-top:-10px;
   mrgin-left:70px;
  color: white;
   clor:yellow;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0px;
  user-select: none;
    -webkit-user-select: none;
	z-index:4;	
}
/* Position the "next button" to the right */
.next1B {
  rght:7px;
  left:130px;
  brder-radius: 3px 0 0 3px;
   brder-radius: 2px 2px 2px 2px;
  z-index:4;
   background-color:;
   color:white;
  
}

/* On hover, add a  color with a little bit see-through */
.prev1B:hover,
.next1B:hover {
  bckground-color: rgba(0, 0, 0, 0.8);
  bckground-color:lightblue;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}