@charset "utf-8";
/* CSS Document */

/*
OLD COLOURS
Dark Blue : #0a1936 
Pale Blue : #01aeef
Button Colors : #1b3874

NEW COLOURS
Dark Blue : #0f436d 
Gold : #ce9c3c
*/

/*-------------------------------------------------------------------------------------------Text Fonts-------------------------------*/

.BannerTitleFont
{
	font-size:3.0em !important;
	color:#ce9c3c !important; 
	font-family:'AlegreyaBold'
}

.BannerSubTitleFont
{
	font-size:1.0em !important;
	font-family:'OpenSansRegular'
	
}

.BannerSubTitleFont12
{
	font-size:1.2em !important;
	font-family:'OpenSansRegular'
	
}

.BannerNormalGoldFont
{
	font-size:2.0em !important;
	color:#ce9c3c !important;
	font-family:'AlegreyaBold'
}

.BannerNormalDatesFont
{
	font-size:1.5em !important;
}

.BannerNormalDatesFontB
{
	font-size:2.0em !important;
}

.BannerNormalVenueFont
{
	font-size:1.2em !important;
}

.SaveTheDateFont
{
	font-size:3.0em !important; 
	color:#fff !important;
	font-family:'AlegreyaBold'
}

.visitConfButton
{
	font-family:Arial, Helvetica, sans-serif;
	background-color: rgba(204,75,55, .8) !important; 
	margin-top:0px !important; 
	font-size:1.5vw !important;
	padding-top:10px;
	padding-bottom:10px;
}


/*-------------------------------------------------------------------------------------------Text Fonts Small Screen-------------------------------*/

.BannerTitleFontSS
{
	font-size:3.0vw !important;
	color:#ce9c3c !important; 
	font-family:'AlegreyaBold'
}

.BannerSubTitleFontSS
{
	font-size:1.2vw !important;
	font-family:'OpenSansRegular'
}

.BannerNormalGoldFontSS
{
	font-size:2.0vw !important;
	color:#ce9c3c !important;
	font-family:'AlegreyaBold'
}

.BannerNormalDatesFontSS
{
	font-size:1.5vw !important;
}

.BannerNormalVenueFontSS
{
	font-size:1.2vw !important;
}

.SaveTheDateFontSS
{
	font-size:3.0vw !important; 
	color:#fff !important;
	font-family:'AlegreyaBold'
}

.visitConfButtonSS
{
	font-family:Arial, Helvetica, sans-serif;
	background-color: rgba(204,75,55, .5) !important; 
	margin-top:0px !important; 
	font-size:1.5vw !important;
}

/*-------------------------------------------------------------------------------------------Top Menu-------------------------------*/

.topMenuText
{
	font-size:0.8em !important;
	color:#fff !important;
	font-family:'OpenSansBold';
	padding-top:10px !important;
	padding-bottom:10px !important;
}


.topMenuTextS
{
	font-size:0.8em !important;
	color:#000 !important;
	font-family:'OpenSansBold';
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.topMenuText:hover
{
	font-family:'OpenSansBold'; 
	color:#ce9c3c !important;
}

.topMenuTextS:hover
{
	font-family:'OpenSansBold'; 
	color:#ce9c3c !important;
}

.topDropdownMenu
{
	background:#0a1936 !important;
	border:none !important;
}

.topDropdownMenuS
{
	background:#fff !important;
	border:none !important;
}

.topMenuDropdownText
{
	font-size:1.2em !important;
	color:#fff !important;
	font-family:'OpenSansRegular';
}


.topMenuDropdownTextS
{
	font-size:1.2em !important;
	color:#000 !important;
	font-family:'OpenSansRegular';
}

.topMenuDropdownTextLi:hover
{
	background:#ce9c3c !important;
}



.textStyleB0WB
{
	font-size:1.3em !important;
	font-family:'OpenSansBold'; 
	color:#AF0000 !important;
}



.textStyleSE
{
	font-size:0.9em !important;
	font-family:'OpenSansSemiBold'; 
	color:#0f436d !important;
}

/*-------------------------------------------------------------------------------------------Top Menu Small Screen-------------------------------*/

.topSmallScreenMenu
{
	background-color:#0a1936 !important; 
}

.menuli a
{
	color:#fff !important;
}
.menuli a:hover
{
	background-color:#ce9c3c !important;
	color:#000 !important;
	font-family:'OpenSansBold'; 
}


.mobLink2
{
	font-size:1.2em !important;
}

/*-------------------------------------------------------------------------------------------Main Menu Bar-------------------------------*/

.mainMenuBar
{
	background-color:#1d3653 !important;
}

.mainMenuLi
{
	text-align:center !important;
	padding-left:0px !important;
	padding-right:0px !important;
	padding:0px !important;
	/*border-left:solid 1px #666 !important;*/
}



.mainMenuLink
{
	color:#fff !important;
	font-family:'OpenSansSemiBold';
	margin-top:0px !important;
	line-height:1.5em !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	font-size:0.9em !important;
}

.mainMenuLinkH
{
	color:#0f436d !important;
	font-family:'OpenSansSemiBold';
	margin-top:0px !important;
	line-height:1.5em !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	font-size:1.0em !important;
}

.mainMenuLinkH:hover
{
	color:#ce9c3c !important;
	font-family:'OpenSansBold';
	margin-top:0px !important;
	line-height:1.5em !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	
}


.mainMenuLink:hover
{
	/*background:#fff !important;
	border-top-left-radius:5px !important;
	border-top-right-radius:5px !important;
	border-top:solid 1px #e8e8e8 !important;*/
	color:#ffd90c !important;
	font-family:'OpenSansBold';
	outline:none !important;
}


.mainMenuLinkActive
{
	background:#fff !important;
	color:#000 !important;
	border-top-left-radius:5px !important;
	border-top-right-radius:5px !important;
	font-family:'OpenSansBold';
	outline:none !important;
	border-top:solid 1px #e8e8e8 !important;
	font-size:1.0em !important;
}

.mainMenuLinkActive:hover
{
	color:#000 !important;
}

/*-------------------------------------------------------------------------------------------Left Navigation Bar Menu -------------------*/

.leftMenuLinkHolder
{
	background:#0a1936; 
	border-radius: 0px 0px 30px 0px !important; 
	padding-right:10px !important; 
	padding-bottom:15px; 
	padding-top:15px;
	margin-top:20px !important;
}

.leftMenuLinkHolderHome
{
	background:#0a1936; 
	border-radius: 0px 0px 30px 0px !important; 
	padding-right:10px !important; 
	padding-bottom:15px; 
	padding-top:10px;
	margin-top:5px !important;
}

.leftMenuLinkCell
{
	background:#fff; 
	padding:5px !important; 
}


.leftMenuLink
{
	margin-left:10px !important;
}

.leftMenuLinkBorder
{
	font-size:0px !important;
	border-bottom:solid 1px #032946; 
	margin-left:10px !important; 
	margin-right:20px !important;
	margin-bottom:0px !important;
}

.tabli
{ 
	background:#0a1936;
	margin-bottom:0px !important;
}

.tabli a
{
	color:#fff !important;
	padding-top:15px;
	padding-bottom:15px;
	border-radius: 0px 0px 25px 0px;		
	background-image: linear-gradient( #0a1936 50%, #0a1936, #ce9c3c, #ce9c3c 50%);
  	background-size: 100% 200%;
  	transition: background-position .2s; 
}

.tabli a:hover
{
	/*background:#ce9c3c;
    transition:all 1.5s ease;
	background: linear-gradient(to right, #0a1936 50%, #ce9c3c 50%);
    background-position:right bottom;
	border-radius: 0px 0px 25px 0px;	
  	background-position: 0 -100%;
	font-family:'OpenSansBold';*/
  	background:#0a1936 !important;
  	color:#ffd90c !important;
  	outline:none !important;
}

.tabs-title.is-active a
{
	
	background:#ce9c3c !important;
	color:#000 !important;
	font-family:'OpenSansBold';
	margin-left:0px;
 	/*background-position: 0 -100%;*/
  	outline:none !important;
	line-height:1.1em !important;
}

.tabs-title a
{
	padding-left:5px;
	padding-right:0px;
	
}

.tabs-panel
{
	border:none !important; 
	/*margin-top:-20px !important;*/
	padding-left:0px !important;
}




@media only screen and (min-width: 1000px) 
{
     .menuLeftMarginTop
	 {
         margin-top:  70px !important;
     }
}



/*-------------------------------------------------------------------------------------------TABLES-------------------------------*/

.hecTable tr th:first-child
{	
	border-top-left-radius:10px !important;
}


.hecTable tr th:last-child
{	
	border-top-right-radius:10px !important;
}

.hecTable
{
	font-size:0.9em !important;
	font-family:'OpenSansRegular'; 
}

.hecTable th
{
	background:#083c4d !important;
	color:#fff !important;
	font-size:0.9em !important;	
}

.hecTable td
{
	font-size:0.9em !important;	
}


/*-----Table Design--------------------------------------------------------------------*/
.DTtable th{font-size:0.8em !important;background-color:transparent !important;color:#000 !important;
text-align:center !important;font-weight:bold !important;border-right:none !important;border-bottom:2px solid #01aeef; 
border-top:1px solid #fff;height:20px;font-family: 'Changa', sans-serif; padding-top:0px; padding-bottom:0px;}
.DTtable thead{background-color:#FFF !important;border:none !important}
.DTtable td{font-size:0.8em !important;border-bottom:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;font-family: 'Basic', sans-serif; padding-top:12px !important; padding-bottom:12px !important; color:#5e5e5e;}
.DTtable tbody tr:hover {background-color:#e5d8bd !important;}
.DTtable tbody tr:hover td {color:#000 !important;}
.DTtable thead tr:hover {background-color:transparent !important;}
.DTtable tfoot tr td{font-size:0.9em !important;border-bottom:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;font-family: 'Basic', sans-serif !important; padding-top:3px !important; padding-bottom:3px !important; color:#5e5e5e; font-weight:normal !important}


/*-----DataTable Features--------------------------------------------------------------------*/
div.dataTables_wrapper div.dataTables_info{font-size:0.8em !important; color:#069;margin-top:0px !important; float:left !important;}
div.dataTables_wrapper div.dataTables_filter label {font-size:0.8em !important; color:#069;}
div.dataTables_wrapper div.dataTables_length label {font-size:0.8em !important; color:#069;}
div.dataTables_wrapper div.dataTables_length select {font-size:1em !important; height:25px !important; width:50px !important}
div.dataTables_wrapper div.dataTables_filter input {font-size:1em !important; height:25px !important; width:250px !important;margin-top:0px !important; margin-bottom:10px !important;}
div.dataTables_wrapper div.dataTables_paginate {margin-top: -50px;}
input[type="search"]{border-radius:2px;height:1.8rem !important; font-size:0.7em !important;}

table.dataTable thead .sorting {background-image: url("../../dataTables/images/sort_both.png");}
table.dataTable thead .sorting_asc {background-image: url("../../dataTables/images/sort_asc.png");}
table.dataTable thead .sorting_desc {background-image: url("../../dataTables/images/sort_desc.png");}
table.dataTable thead .sorting_asc_disabled {background-image: url("../../dataTables/images/sort_asc_disabled.png");}
table.dataTable thead .sorting_desc_disabled {background-image: url("../../dataTables/images/sort_desc_disabled.png");}
/*-------------------------------------------------------------------------------------------TITLES-------------------------------*/

	.title0
	{
		font-size:1.7em !important;
		font-weight:bold !important;
		margin-bottom: 20px !important;
		font-family:'OpenSansBold'; 
		color:#0a1936 !important;
		letter-spacing:-1px;		
		padding-bottom:0px !important;
	}
	
	.title1
	{
		font-size:1.4em !important;
		font-weight:bold !important;
		font-family:'OpenSansBold'; 
		color:#0a1936 !important;
		letter-spacing:-1px;		
		border-bottom:#0a1936 solid 1px !important;
	}
	
	.title2
	{
		font-size:0.9em !important;
		font-weight:bold !important;
		font-family:'OpenSansRegular'; 
		color:#0970a7 !important;
		margin-bottom:0px;
	}
	.title2B
	{
		font-size:1.0em !important;
		font-family:'OpenSansBold'; 
		color:#000 !important;
		margin-bottom:0px;
	}
	
	.title3
	{
		font-size:1.0em !important;
		font-weight:bold !important;
		font-family:'OpenSansRegular'; 
		color:#0a1936 !important;
		margin-bottom:0px;
	}
	
	.title4
	{
		font-size:0.80em !important;
		font-weight:bold !important;
		color:#0f436d !important;
		margin-bottom:0px;
	}
	
	
	.title5
	{
		font-size:0.80em !important;
		font-family:'OpenSansRegular'; 
		color:#000 !important;
		margin-bottom:0px;
	}
	
	.title7
	{
			font-size:0.7em !important;
			font-weight:bold !important;
			font-family:'OpenSansRegular';
			color:#000 !important;
			margin-bottom:0px;
	}
	
	.title0Container
	{
		padding-top:0px !important;
		height:45px !important;
		border-bottom:solid 1px #0a1936 !important;
	}

/*-------------------------------------------------------------------------------------------Buttons-------------------------------*/
	
.button.newButton1
	{
		background-color:#0a1936 !important;
		padding-top:5px !important;
		padding-bottom:5px !important;
		border-radius:50px !important; 
		width:120px !important; 
		font-size:0.5em !important;
		font-family:'OpenSansRegular'; 
	}
	
.button.newButton2
	{
		background-color:#0a1936 !important;
		padding-top:5px !important;
		padding-bottom:5px !important;
		border-radius:5px !important; 
		width:150px !important;
		height:40px !important;
		font-size:0.9em !important;
		font-family:'OpenSansRegular'; 
	}
	
.button.newButton3
	{
		background-color:#0a1936 !important;
		border-radius:5px !important;
		font-size:0.9em !important;
		font-family:'OpenSansRegular';
		padding:10px !important;
		line-height:1.5em !important;
	}
	li
	{
		font-size:0.8em !important;
		text-align:justify !important;
		color:#333 !important;
		font-family:'OpenSansRegular';
		margin-left:0px !important;
	}
	
	

.normaltext_subsubtitle{
	font-weight:bold;
	color:#000;
	margin-bottom:2px;
}
	
	.contentText1, .contentText1_Last
	{
		font-size:0.8em !important;
		margin: 0px 0px 10px 0px !important;
		text-align:justify !important;
		/*line-height:1.0 !important;
		margin-bottom:10px !important;*/
		color:#333 !important;
		font-family:'OpenSansRegular';
	}
	
	.contentText1_Last
	{
		margin-bottom:20px !important;
	}
	.contentText3
	{
		font-size:1.0em !important;
		margin: 0px 0px 10px 0px !important;
		text-align:justify !important;
		/*line-height:1.0 !important;
		margin-bottom:10px !important;*/
		color:#000 !important;
	}
	.contentText4
	{
		font-size:1.0em !important;
		text-align:justify !important;
		color:#000 !important;
		font-family:'OpenSansBold';
	}
	
	.buttonContainer1
	{
		font-size:1.5em !important;
		margin-bottom: 0px !important;
		font-weight:bold !important;
		position:absolute; 
		bottom:0px;
	}

	.normal_bullet{	
		list-style-image:url(../images/forwdtrng4.png);
	}
	
@media screen and (max-width: 600px) {
	.title1S
	{
		font-size:1.3em !important;
		font-weight:bold !important;
		margin-bottom: 0px !important;
		padding-bottom:0px !important;
		line-height:1.1 !important;
		font-family:'OpenSansBold'; 
		color:#0a1936 !important; 
		padding-top:20px !important;
	}
	.contentText2
	{
		font-size:0.9em !important;
		margin: 10px 0px 0px 0px !important;
		text-align:justify !important;
		line-height:1.0 !important;
		color:#555 !important;
		font-family:'OpenSansRegular'; 
	}
	
	.buttonContainer2
	{
		font-size:1.5em !important;
		margin-top: 20px !important;
		margin-bottom: 0px !important;
		font-weight:bold !important;
	}
	
	.title1
	{
		border-bottom:none !important;
	}
			
	.mgt70
	{
		margin-top:20px !important;
	}
	
}

.newsTitleName
  {  
  	font-family:'OpenSansBold';
	font-weight:bold !important;
	font-size:1.27em !important; 
	color:#0f436d !important;
	line-height:1.1;
	letter-spacing:-1px !important;
  }
  
.newsTitle10
  {  
  	font-family:'OpenSansBold';
	font-size:1.0em !important; 
	color:#0a1936 !important;
	line-height:1.1;
	letter-spacing:-1px !important;
  }

.newsTitle
  {  
  	font-family:'OpenSansBold';
	font-weight:bold !important;
	font-size:1.1em !important; 
	color:#0a1936 !important;
	line-height:1.1;
	letter-spacing:-1px !important;
  }
  
.newsTitleSmall
  {  
  	font-family:'OpenSansBold';
	font-weight:bold !important;
	font-size:0.9em !important; 
	color:#0a1936 !important;
	letter-spacing:-1px !important;
	line-height:1.1;
  }
  
.newsTitleSmallNormal
  {  
  	font-family:'OpenSansRegular';
	font-size:0.8em !important; 
	color:#1879b9 !important;
	letter-spacing:-1px !important;
	text-align:center !important;
	  }
	  
.newsTitleNormal
  {  
  	font-family:'OpenSansRegular';
	font-weight:bold !important;
	font-size:1.1em !important; 
	color:#0a1936 !important;
	line-height:1.1;
	letter-spacing:-1px !important;
	  }	  
  
  .newsTitleS
  {  
  	font-family:'OpenSansBold';
	font-weight:bold !important;
	font-size:1.2em !important; 
	color:#0a1936 !important;
	letter-spacing:-1px !important;
  }
  
   .latestNewsTitle
  {  
  	font-family:'OpenSansBold';
	font-weight:bold !important;
	font-size:1.5em !important; 
	color:#0a1936 !important;
	letter-spacing:-1px !important;
  }
  
   .latestNewsTitle1
  {  
  	font-family:'OpenSansBold';
	font-weight:bold !important;
	font-size:1.3em !important; 
	color:#0a1936 !important;
	letter-spacing:-1px !important;
  }
  
   .latestNewsTitle2
  {  
  	font-family:'OpenSansRegular';
	font-size:1.3em !important; 
	color:#0a1936 !important;
	letter-spacing:-1px !important;
  }
  
  .latestNewsBorder1
  {
	  margin-right:20px;
	  margin-top:40px;
	  border:#999 solid 1px;
  }
  
  .latestNewsBorder2
  {
	  margin-left:20px;
	  margin-top:40px;
	  border:#999 solid 1px;
  }
  
  .newsCellMain{
		color:#333 !important;
		font-family:'OpenSansRegular'; 
	 }
	 
	 
  
  .newsCell{
	  position:relative;
	 }
	 
.top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color:#0a1936;
  color:#fff;
  opacity:.9;
}
.button.newButton
{
	background-color:#0a1936 !important;
	width:80px !important;
	font-family:'OpenSansRegular'; 
}


  
  @media screen and (max-width: 600px) {
 .newsTitle{
    font-size: 0.6em !important;
  }
 .newsText{
    font-size: 0.5em !important;
  }
  .latestNewsTitle
  {  
	font-size:1.0em !important; 
  }
  
  .cell34{margin-top:20px !important;}
  
  .latestNewsBorder1, .latestNewsBorder2
  {
	  margin-top:30px;
  }
  
   .grid3, .grid4, .grid5, .grid6, .grid7 {
		
	  margin-top:20px !important;
	 }
	 
	 .row2
	 {
		 margin-top:20px !important;
	 }
  
  }



.link1
{
	color:#e8e8e8;
	font-size:0.8em;
}

.link1:hover
{
	color:#ce9c3c !important;
}
.div1
{
	padding-top:15px;
	padding-bottom:15px;
	/*border-bottom:solid 1px #39aeef;*/
	margin-bottom:0px !important;
}

.div2
{
	text-indent:10px;
	border-radius: 0px 0px 30px 0px; 
	/*background: linear-gradient(to right, #ce9c3c 50%, #0a1936 50%);
  	
  	background-position: right bottom;
  	transition: all .3s ease-out;
	 background-size: 100% 200%;
	background: linear-gradient(to bottom, #ce9c3c 50%, #0a1936 50%);
	background-position: .2s ease-in-out; 
    color: .2s ease-in-out;*/
	
	
	background-image: linear-gradient( #0a1936 50%, #0a1936, #ce9c3c, #ce9c3c 50%);
  background-size: 100% 200%;
  transition: background-position .2s;
	
}


.div2:hover
{
	color:#000 !important;
	
   /* transition:all 1.5s ease;
	 background:#ce9c3c;background: linear-gradient(to right, #0a1936 50%, #ce9c3c 50%);background-position:right bottom;
    
  background-position: left bottom;*/
  
  background-position: 0 -100%;
}






}

.button:hover {
}














/*-------------------------------------------------------------------------------------------FOOTER-------------------------------*/

.footerTitle
{
  font-size:1.0em !important;
  line-height:1.1 !important;
  font-family:'OpenSansBold'; 
  color:#ce9c3c !important;
  letter-spacing:1px;
}
.footerText
{
  font-size:1.0em !important;
  font-family:'OpenSansRegular'; 
  color:#ccc !important;
  text-align:left !important;
}
.addressText
{
  font-size:0.8em !important;
  font-family:'OpenSansSemiBold'; 
  color:#fff !important;
}
.footerContactText
{
  font-size:0.7em !important;
  font-family:'OpenSansRegular'; 
  color:#ccc !important;
}


.footerlist {
  list-style-type: none;
  margin-left: 6px;
  list-style-position:inside !important;
}

.footerlist li {
  position: relative;
  padding-left: 5px;
  margin-bottom: 2px;
  text-indent:-10px;
}

.footerlist li a{
  color:#ddd !important;
  font-weight:normal !important;
}
.footerlist li a:hover{
  color:#ce9c3c !important;
  font-weight:normal !important;
}

.footerlist li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size:1.2em;
  content: "\f0dA";
  color:#ce9c3c;
  margin-right:5px;
}

.footerlist li:hover {
  margin-left: 4px !important;
  color:#ce9c3c !important;
}

.footerlist li:hover:before {
  color:#ffd90c !important;
}



/*------------------------------------------------------------SPINNER----------------------------------*/

.loader {
  border-radius: 50%;
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
  
  
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader_nf {
  border-radius: 50%;
  border: 16px solid #E8E8E8;
  border-top: 16px solid #3498db;
  width: 72px;
  height: 85px;
  -webkit-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
  
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

/*-------------------------------------TRANSLUCENT----------------------------------------*/
.overlay-container {
  position: relative; /* <-- Set as the reference for the positioned overlay */
}

.overlay-container .overlay1 {
  position: absolute; /* <-- Remove the overlay from normal flow         */
  bottom: 20px;          /* <-- Set left and right properties to 0          */
  right: 50px;           /*     In order to expand the overlay horizontally */
  height:94%;
  width:300px;

  padding: 0.4rem;
  background-color: rgba(255, 255, 255, 0.7);
  /*background-color: rgba(54, 54, 54, 0.8);*/
}

.overlay-container .overlay2 {
  position: absolute; /* <-- Remove the overlay from normal flow         */
  top:0;          /* <-- Set left and right properties to 0          */
           /*     In order to expand the overlay horizontally */
bottom:0;  
  width:100%;
  color:#FFF;
  text-align:center !important;
  
  
  background-color: rgba(51,51,51, 0);
  /*background-color: rgba(54, 54, 54, 0.8);*/
}



.overlay-container .overlay3 {
  position: absolute; /* <-- Remove the overlay from normal flow         */
  margin-left: 365px;          /* <-- Set left and right properties to 0          */
           /*     In order to expand the overlay horizontally */
  bottom:10px;  
  width:100%;
  color:#FFF;
  
  padding-top: 25.0rem;
  background-color: rgba(51,51,51, 0);
  /*background-color: rgba(54, 54, 54, 0.8);*/
}

.overlay-container .overlay4 {
  position: absolute; /* <-- Remove the overlay from normal flow         */
  margin-left: 1065px;          /* <-- Set left and right properties to 0          */
           /*     In order to expand the overlay horizontally */
  bottom:10px;  
  width:100%;
  color:#FFF;
  
  padding-top: 25.0rem;
  background-color: rgba(51,51,51, 0.1);
  /*background-color: rgba(54, 54, 54, 0.8);*/
}

.overlay-container .overlay5 {
  position: absolute; /* <-- Remove the overlay from normal flow         */
  top:0;          /* <-- Set left and right properties to 0          */
           /*     In order to expand the overlay horizontally */
bottom:0;  
  width:100%;
  color:#FFF;
  text-align:center !important;
  
  padding-top: 0.5rem;
  background-color: rgba(51,51,51, 0.1);
  /*background-color: rgba(54, 54, 54, 0.8);*/
}

.myImg{
	opacity:1;
}

.thepot {display:none;}