.smol { 
width: 60px;
	height: auto;
}

row  swsimg { 
border: none; 
} 
section21 {
	margin-left: 0%;
}

.carrot {
margin-left: 10;
}

.farrigt { 
margin-left: 90%;
	margin-top: -67%;
	justify-content: right;
	caption: 

}

.center {
	margin-left: 25%;
	height: 675px;
}

.tvt {
	margin-top: 4.5%;
	alignment-baseline
	width: 70%;
	
}

.wp-image-2129 {
	width: 5%;
}

.image62 {
	height:110px;
	margin-left: 5%;
	margin-right: 24%;
	justify-content: space-between;
}


.tvt2 {
	margin-top: 4.5%;
	
	width: 100%;
}
.tvt3 {
	margin-left: 15%; 
	width: 75%; 
}


.nogo
{
	overflow: hidden;
}

.mobile {
		 width: 55%;
	display: inline-block;
}

.hr1 {
			background-color: #;
			width: 100%;
			height: 2px;
			margin: 0;
		}
/* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
	width: 100%;
	margin-left: 1.5%;

}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 12px;
  text-decoration: none;
  font-size: 1vw;
	width: 14%;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:1vw;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
	width: 10%;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  border: none;
  outline: none;
  color: white;  padding: 16px 16px;
	width:100%;
  background-color: inherit;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:1vw;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 14px 14px;
  text-decoration: none;
  display: block;
  text-align: left;
	width: auto;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
	width: 100%;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1000px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	  overflow: hidden;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 200px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
	  
  }
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
}
}
header {
	height: 60px;
	backround-image: url("Sky.jpg")
}

.sectxt {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
	text-decoration: none;
    color: #003ea8;
    font-weight: 400;
    font-style: normal;
	overflow: hidden;
	}

.redtxt {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
	text-decoration: none;
    color: #E72629;
    font-weight: 600;
    font-style: normal;
	}

.sectxt2 {
    text-align: left;
    font-family: asap;
    font-size: 18px;
    color: #003ea8;
    font-weight: 400;
    font-style: normal;
	}



.vidtxt {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
	text-decoration: none;
    color: #003ea8;
    font-weight: 400;
    font-style: normal;
	float: right;
	width: 100%;
	margin-left: 8%;
	display: inline-block;
	
	}

.vidtxt2 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
	text-decoration: none;
    color: #003ea8;
    font-weight: 400;
    font-style: normal;
	float: left;
	width: 80%;
	overflow:hidden;
	margin-left: 5%;
	max-width: 750px;
	}

.capt {
	margin-left: auto;
	margin-right: auto;
	width: 35%;
}

.my_table5{	
	width: 60%;
	margin-left:20%;
	margin-right:20%;
}

.td1 {
    overflow: hidden;
	width:30%;
}
	


.td2 {
    overflow:visible;
	width: 30%;
	margin-left: -40%;
}

.swstxt {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.35vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
    font-style: normal;
	margin-left: 25%;
	margin-right: 15%;
	}

.tnttxt {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.05vw;
	text-decoration: none; 
    color: #000000;
    font-style: normal;
	margin-left: 15%;
	padding-right: 75px;
	
	}
.WINDOWPAGETXT {
	margin-right:10%;
}
.swstxtbtm {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #ffffff;
    font-weight: 550;
    font-style: normal;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	}
.swstxt2 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
    font-style: normal;
	width: 150%;
	text-align: left;
	vertical-align: middle;
	padding-left: -50%;
	}

.swstxt5 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
    font-style: normal;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	}


.swstxt24 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: underline; 
    color: #026F84;
    font-weight: 550;
    font-style: normal;
	width: 100%;
	}
.swstxt29 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #FF0004;
    font-weight: 550;
    font-style: normal;
	width: 100%;
	margin-left: 8%;
	
	}

.swstxt21 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
    font-style: normal;
	width: 100%;
	margin-left: 8%;
	
	}

.swstxt22{
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #000000;
    font-weight: 550;
    font-style: normal;
	width: 100%;
	margin-left: 8%;
	
	}

.swstxt23 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
    font-style: normal;
	width: 100%;
	margin-left: 30%;
	
	}

.swstxt3 {
	float:right;
	margin-top: 20%;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 18.5px;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
	
}

.swstxt4 {
	float:left;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
	text-align:left;
	margin-left: 5%;
  overflow: hidden;
	width: 100%;

}

.swstxt43 {
	float:left;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
	text-align:left;
  overflow: hidden;
	width: 100%;

}

.swstxt44 {
	float:left;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1vw;
	text-decoration: none; 
    color: #000000;
	text-align:left;
  overflow: hidden;
	width: 100%;

}
.swstxt85 {
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none; 
	  font-size: 1vw;
    color: #00838D;
    font-weight: 550;
	text-align:left;
  overflow: hidden;

}

.swstxt45 {
	float:center;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #00838D;
    font-weight: 550;
	text-align:left;
	align-content: center;
  overflow: hidden;
	width: 100%;
}

.swstxt46 {
	float:center;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
	text-decoration: none; 
    color: #000000;
    font-weight: 550;
	text-align:left;
	align-content: center;
  overflow: hidden;
	width: 100%;
}

.swstxt5 {
	float:left;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.35vw;
	text-decoration: none; 
    color: #00838D;
	text-align:left;
	margin-left: 7%;
	margin-top: -16%;
}


.storehrs {
	 text-align:right;
    font-family: asap;
    font-size: 15px;
	float: right;
    color: #2a3989;
    font-weight: 300;
    font-style: normal;
		margin-right: 3%;
	padding-top: 2.25%;
	}

.logo {
	margin-left: 1%;
	margin-top: 1%;
}
.swshrs {
	 text-align:right;
    font-family: asap;
    font-size: 1.25vw;
	float: right;
    color: #ffffff;
    font-weight: 300;
    font-style: normal;
		padding-right: 2%; 
	
	}

.swshrs2 {
	 text-align:left;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 1.1vw;
	float: right;
	font-weight: 900;
    color: #ffffff;
    font-style: normal;
		padding-right: 2%;
	}
.swshrs2 a {
	 text-align:left;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 1.1vw;
    color: #ffffff;
	font-weight: 100;
	}

.swshrs21 {
	 text-align:left;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 1.1vw;
	float: right;
    color: #000000;
    font-weight: 300;
    font-style: normal;
		padding-right: 2%;
	}

.swshrs35 {
	
		float:left;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3vw;
	text-decoration: none; 
 color: #000000;
	text-align:left;
	margin-left: 5%;
  overflow: hidden;
	width: 100%;

}
}


.storehrs2 {
	 text-align:right;
    font-family: asap;
    font-size: 15px;
	float: right;
    color: #2a3989;
    font-weight: 300;
    font-style: normal;
	padding-bottom: 0px
	}

image.header {
	float:left;
clear:right;
margin-right:20px;		
}	
	
h1 {
  font-size: 21px;
	font-weight: 649;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
}

h5 {
  font-size: 16px;
	font-weight: 649;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	color: #2A3989;
}

h2 {
  font-size: 2vw;
	font-weight: 649;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	color: #003ea8;
}

h11 {
  font-size: 1.2vw;
	font-weight: 350;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 1%;
	margin-left: 15%;

}

.homebody {
	margin-left: 8%;
		margin-right: 8%;
}

.homebody2 {
		margin-right: 8%;
}

.homebody3 {
		margin-left: 1.9%;
}
h10
{
    
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15vw;
    color: #00838D;
    font-weight: 550;
	}
h27 { 
font-size: 2vw;
	font-weight: 649;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	color: #003ea8;

}

.black {
	font-color:000
}


h28 { 
font-size: 2vw;
	font-weight: 649;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	margin-left: 30%;
	color: #003ea8;

}
.getsmall {
	width: 30%;
	
}


h8{
  font-size: 1.5vw;
	font-weight: 649;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	color: #00838D;
	margin-left: 6%;
}
h3 {
  font-size: 19px;
	font-weight: 350;
  margin-bottom: 10px;
  margin-top: 0;
	color: #003ea8;
}

h4 {
  font-size: 14px;
	font-weight: 350;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	color: #F90105;
}

h7 {
   font-size: 1.75vw;
	font-weight: 649;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	color: #ffffff;
	padding: 6px 8px 6px 16px;
	 text-decoration: underline;
	align-content: center;
}

h75{ 
	
	  font-size: 1.75vw;
	font-weight: 640;
	color: #ffffff;
	align-content: left;
	margin-left: 2.09%;
	
	
}

h6 {
	font-size: 24px;
	font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	color: #003ea8;
	font-family: 'Source Sans Pro', sans-serif;
	width: 80%;
	margin-left: 6%;
	
}

h9 {
  font-size: 14px;
	font-weight: 350;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
	margin-left: 28%;
	margin-right: 28%;
	color: #F90105;
}

.underline {
	text-decoration: underline
}

ul.img-list {
  list-style-type: none;
display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list li {
  display: inline-block;
justify-content: space-between;
  margin: 0 1em 1em 0;
  position: relative;
  width: 30%;
	 vertical-align:bottom;
}
ul.img-list3 {
  list-style-type: none;
display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center; 
	width: 90%;
}

ul.img-list3 li {
  display: inline-block;
justify-content: space-between;
	width: 20%;
  height: 40%;
  margin: 0 1em 1em 0;
  position: relative;
	margin-left:2.5%;
	margin-right: 2.5%;
	
}

ul.img-list5 {
  list-style-type: none;
display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
	float: right;
}

ul.img-list5 li {
  display: inline-block;
justify-content: space-between;
  height: 100%;
  margin: 0 1em 1em 0;
  position: relative;
  width: 100%;
	 vertical-align:bottom;
}

ul.img-list2 {
  list-style-type: none;
display: inline-block;
  margin: 1;
  padding: 0;
  text-align: center;
	width: 100%;
	max-height: 200px;
overflow: hidden;
}

ul.img-list2 li {
  display: inline-block;
justify-content: space-between;
  height: 40%;
  margin: 0 1em 1em 0;
  position: relative;
  width:20%;
	 vertical-align:bottom;
	overflow: hidden;
}

span.text-content {
    background: rgba(0,0,1,0.5);
    color: white;
    font-family: asap;
    text-align: bottom;
    cursor: pointer;
    display: table;
    vertical-align: bottom;
    padding-bottom: 0px;
    height: 200px;
    position: absolute;
    top: 1px;
    bottom: 0px;
    padding-top: 130px;
    overflow: hidden;
    width: 100%;
    opacity: 0;
  
}

span.text-content span {
  display: table-cell;
  text-align: bottom;
  vertical-align: bottom;
}

span.text-content3 {
    background: rgba(0,0,1,0.5);
    color: white;
    font-family: asap;
    text-align: middle;
    cursor: pointer;
    display: contents;
    vertical-align: bottom;
    padding-bottom: 0px;
    height: 69%;
    position: absolute;
	margin-top: 25.0%;
    top: 1px;
    bottom: 0px;
    padding-top: 185px;
    overflow: hidden;
    width: 12.7%;
    opacity: 1;
	display:table-column;
  
}

.imageuno {
    position:relative;
    display:inline-block; 
}

.imagedos {
    position:relative;
    display:inline-block; 
}
.overlay {
    display:none;
	width:98%;
	margin-left: 1%;

}
.imageuno:hover .overlay {
    width:100%;
    height:96%;
    background:rgba(0,0,0,.5);
    position:absolute;
	overflow:none;
    top:0;
    left:0;
	color: white;
    font-family: asap;
	font-size: 1.0vw;
	padding-top: 150px;
	text-align: center;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	overflow: hidden; 
	margin-top: 8px;
}

.overlay2 {
    display:none;
	width: 50%;
}
.imagedos:hover .overlay2 {
    width:108%;
    height:90%;
    background:rgba(0,0,0,.5);
    position:absolute;
	overflow:none;
    top:0;
    left:0;
	color: white;
    font-family: asap;
	font-size: 1.0vw;
	text-align: center;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	overflow: hidden; 
	margin-top: 8px;
	padding-top: 50px;
	margin-left: 2%;
}
.overlay3{
    display:none;
	height: 100%;
}
.image:hover .overlay3{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    position:absolute;
    top:0;
    left:0;
	color: white;
    font-family: asap;
	font-size: 1.5vw;
	font-weight: 650;
	padding-top: 45%;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


    /* All other styling - see example */

    img1 {
        vertical-align: top; /* Default is baseline, this fixes a common alignment issue */x;
		height: 200px;
    }

img2 {
        vertical-align:top; /* Default is baseline, this fixes a common alignment issue */x;
		height: 100px;
    }
}

span.text-content3 span {
  display: table-cell;
  text-align: bottom;
  vertical-align: bottom;
}


span.text-content2 {
    background: rgba(0,0,1,0.5);
    color: white;
    font-family: asap;
    text-align: bottom;
    cursor: pointer;
    display: table;
    vertical-align: bottom;
    padding-bottom: 0px;
    height: 220px;
    position: absolute;
    top: 1px;
    bottom: 0px;
    padding-top: 185px;
    overflow: hidden;
    width: %;
    opacity: 0;
    left: 10%;
}

span.text-content2 span {
  display: table-cell;
  text-align: bottom;
  vertical-align: bottom;
	height: 100%;
	padding-top: 99%;
}
ul.img-list li:hover span.text-content {
  opacity: 1;
}

ul.img-list li:hover span.text-content2 {
  opacity: 1;
}

ul.img-list2 li:hover span.text-content {
  opacity: 1;
}

ul.img-list5 li:hover span.text-content2 {
  opacity: 1;
}



.bottomz{
	padding-top: 8000px;
vertical-align: bottom;	
	width: 100%;
}


.fling-minislide {width:3000px; height:250px; overflow:hidden; position:relative; }
.fling-minislide img{
    position: absolute;
    animation: fling-minislide 15s infinite;
    opacity: 0;
}

@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}} 
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:5s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
.fling-minislide img:nth-child(1){animation-delay:15s;}

.slideshowimg {
    width: 959px;
}

.divf {
    width: 100%;
    background-image: url(texture.jpg);
    background-size: 100% 100%;
}

.divsws {
    width: 100%;
    background-color: #00838D;
    background-size: 100% 100%;
	overflow: hidden;
}

.divf2 {
    width: 90%;
    background-size: 100% 100%;
	margin-left:5%;
}

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.my_table{
    margin-bottom:1px;
	border: none;
	width: 100%;
}

.my_table2 {
    margin-bottom:1px;
	border: none;
	margin-left: 5%;
	margin-right: 5%;
}

.imgcntr{
	margin-left: 4%;
}

.imglist {
	height:200px;
}

footer {
	height: 10%;
	backround-image: url("Sky.jpg")
	
}

.middle {
	 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 61%;
}

.locationz {
	padding-left: 60px;
	width: 100%;
	height: 200px;
}
.swsimg {
	padding-left: 2%;
}

.div23 {
  box-sizing: border-box;
	height: 100px;
	margin-left: 5%;
	width: 100%;
}

body {
  margin: 0;
  font-family: Arial;
}

.bodi{ 
	margin-left: 18%;

}


.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 ;
	width: 100%;
	margin-left: 4%;
}


.rowx {
  display: flex;
  flex-wrap: wrap;
	margin-left: 12%;
	width: 105%;
  
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 20%;
max-width: 10%;
	margin: 0;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
	padding-left: 4px;
	padding-right: -4px;
}


.slider {
	min-width:100%;
}

slide {
	width: 100%;
}

.divalt {
	width: 100%;
}

.imagelinks {
	width: 100%;
}

.submit-button {
	width: 54%;
	height: 25px;
	font-size: 13px;
	font-family: asap;
}

.submit-button:hover {
	color:#003ea8;
	cursor:pointer;
	background-color: dimgrey;
}

.bigimg {
	min-width: 90%;
}

.black { 
color: #000000;
}

/* The sidebar menu */
.sidenav {
  width:15%; /* Set the width of the sidebar */
  left: 0;
  background-color: #00838D; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 10px;
position:inherit;
  z-index: 1;
  top: 20px;
	text-decoration: none;
  left: 10px;
  padding: 8px 0;
	float: left;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:1vw;
	margin-bottom: 2%;
	margin-left: .5%;
}

/* The navigation menu links */
.sidenav a {
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:1vw;
  padding: 6px 8px 6px 16px;
	text-decoration: none;   
  color: #ffffff;
  display: block;
}


.dropdown-btn{
	font-size: 1vw;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #877C7D;
}

/* Style page content */
.main {
  margin-left: 18%; /* Same width as the sidebar + left position in px */
  font-size: 28px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
	font-size: 1vw;
}
.dropdown-container a {
	margin-left:-1%;
}


/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
	color: #ffffff;
  margin-top: -8.5%;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 1vw;}
}

.cgi-rt
{position:relative;pointer-events: none;height:406px;max-height:406px;max-width:720px;verticalalign:right;display:block;display: block;margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 510px){.cgi-rt{max-height:255px;height:255px;}}

.hr1 {
			background-color:  #00838D;
			width: 100%;
			height: 2px;
			margin: 0;
		}

.imgright {
	display: inline-flex;
	float: right;
	vertical-align:right
	
}

* {
  box-sizing: border-box;
}
p {
  text-align: center;
}
p {
  width: 100%;
  max-width: 500px;
	margin: auto;}
.contain {
  width: 100%;
	margin-left:12%;
} 


.row {
  width: 90%;
	overflow-y: hidden;
	overflow-x: scroll;
}
.rowN {
  width: 80%;
	margin-left: 10%;
	overflow-y: hidden;
	overflow-x: auto;
}

.row2 {
  width: 82%;
	overflow-y: hidden;
	overflow-x: script;
}
.row__inner {
	  font-size: 0;
  white-space: nowrap;
  margin: 70.3125px 0;
  padding-bottom: 0px;
	float: right;
	margin-left: 0%;
	margin-top: 0%;
	padding-bottom: -5%;
}
.tile {
  position: relative;
  display: inline-block;
  width: 30%;
  height: auto;
  margin-right: 10px;
  font-size: 20px;
  cursor: pointer;
  transition: 450ms all;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.tile__img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.imgsm {
	margin-left: 38%;
	width:25%;
	float: right;
}


.tile__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
	color: #ffffff; 
  opacity: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  transition: 450ms opacity;
}
.tile__details:after,
.tile__details:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: #000;
}

.tile:hover .tile__details {
  opacity: 1;
}
.tile__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
}
 
.row__inner:hover .tile {
  opacity: 0.3;
}
.row__inner:hover .tile:hover {
  opacity: 1;
}
.tile:hover ~ .tile {
  -webkit-transform: translate3d(125px, 0, 0);
          transform: translate3d(125px, 0, 0);
}
	.slideshow-container2 {
  max-width: 500px;
  position: relative;
  margin: auto;
}
	
	.swstxt {
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 1vw;
		margin-left: 15%;
		
	} 
	
	

.csRow2 {
	vertical-align: middle;
	margin-left: 12%;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
	
	.heading {
		
		margin-left: 15%;
		
		
	}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

dt { 
font-size: 1.2vw;
	font-weight: 800;
	margin-left: 2.1%;
}

dd {
	font-size: .98vw;
}

.lexicon-synonyms {
	margin-left: -1.20%;
	margin-bottom: .5%;

}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
	
#myImg {
	width: 50%;
		margin-left: 24.75%;
			font-size: 1.25vw;
margin-bottom: -22.5%;
  cursor: pointer;
	display: inline-block;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}bla {
}
.