﻿/* Desktops */
@media screen and (min-width: 1241px){
/* DO THIS */
#splash {
	position:fixed;
	top: 0px;
	left:15%;
	width:70%;
	height:100%;
	text-align:center;
	font-size:1.2vw;
	color:white;
	background-image: url("../images/Tower Cafe holding page.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index:998;
	/*border: 2px solid #ffff00;*/
}
#splashwords {
	position:fixed;
	bottom:1vw;
	left: 32%;
	width:35vw;
	text-align:center;
	font-size:2.0vw;
	color: #7b7b7b;
	z-index:999;
	/*border: 1px solid #2b4584;*/
}

#menu {
	position:absolute;
	top:36vw;
	left: 35vw;
	width:30vw;
	height:6vw;
	z-index:998;
}

/* THIS BIT IS JUST A TEST */
#header {
  height: 4vw;
  min-height:75px;
  width: 15vw;
  left:0.3vw;
  /*border: 1px solid #eeeeee;*/
}

/* END OF TEST */


scroll{
    visibility: hidden;
    display:none;
}

intro_portrait {display: none;}

/*Google Maps Sizing*/
.map-responsive-big{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive-big iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.map-responsive-small{
    visibility: hidden;
    display:none;
}
/*END Google Maps Sizing*/

#imagetitle {

	margin: 6px;
	position:absolute;
	min-height:5vw;
	width: 15vw;
	/*min-width:235px;*/
	border: 1px solid #eeeeee;
	left: 0px;
	bottom: 0px;
}

div.img {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  height: 15vw;
  min-height:235px;
  width: 15vw;
  min-width:235px;
  float: left;
}
div.imgfull {
  height: 15vw;
  width: 15vw;
}
div.imgcolumns {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  height: 15vw;
  min-height:235px;
  width: 98%;
  min-width:235px;
  float: left;
}
div.imgcompositefrontpage {
  margin: 10px;
  padding: 0px;
  /*border: 1px solid #2b4584;*/
  /*background-color: #ffffff;*/
  /*height: 18vw;*/
  min-height:235px;
  width: 30%;
  min-width:235px;
  float: left;
}

div.pdf {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  height: 5vw;
  min-height:135px;
  width: 15vw;
  min-width:235px;
  float: left;
}

floating-box-columns {
    display: inline-block;
    width: 17%;
    min-width: 170px;
    vertical-align: top;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    /*padding-bottom:10px;*/
    /*border: 1px solid #ff0000;*/
}
floating-box {
    display: inline-block;
    width: 97%;
    min-width: 180px;
    vertical-align: top;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    /*padding-bottom:10px;*/
    /*border: 1px solid #ff0000;*/
}

wrap,content,contentLHS,area1,area3 {
  display:flex;
}
wrap {
	margin: 0px;
	padding: 0px;
 	background-color: #ffffff;
	font-family: Gotham;
	font-size: 12pt;
	color: #000000;
}
content {
  flex-flow:column;
  position:absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 0px;
  background-color: #000000;
  /*border: 1px solid #ff0000;*/
}
content1 {
  width: 80vw;
  position:absolute;
  left: 10vw;
  top: calc(46.45vw + 0px);
  /*border: 2px solid #ff0000;*/
}
area1,area3 {
  flex-flow:column;
  position:absolute;
  top: 0px;
  /*border: 2px solid #ff0000;*/
}
h1 {
	font-family: Gotham;
	font-size: 15pt;
	color: #2b4584;
	font-weight:bold;
	line-height: 1.0;
}
header2 {
	font-family: Gotham;
	font-size: 12pt;
	color: #030b1c;
	font-weight:bold;
	/*line-height: 0.0;*/
}
.button1 {
	position:relative;
	width: 98%;
	font-family:Times;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	font-size:2.0vw;
	text-align:left;
	padding-left:10px;
	background-color: #2b4584;
	border-bottom: 3px #f49b0f solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 2.5vw;
	box-shadow: 5px 5px 5px grey;
}

#bottompadding {
	padding-bottom: 95px; /* This padding allows for a fixed height Bottom insert */
}
.image_title {
	color: #2b4584;
	text-align: left;
	font-size: 1.5vw;
	/*font-size: 12pt;*/
	text-decoration: none;
	font-weight:bold;
}
.form_style {
	font-family: Gotham;
	font-size: 12pt;
	color: #666666c;
	width: 100%;
	height: 25px;
}
.g-recaptcha {
transform:scale(1.2);
-webkit-transform:scale(1.2);
transform-origin:0 0;
-webkit-transform-origin:0 0;
position:absolute;
right:55px;
bottom:65px;
}
/* COOKIE stuff */
.dismissable-cookie-policy {bottom: 0px;}
/* END of COOKIE stuff */
.page_static_content_scale {
	color: #000000;
	font-size: 12pt;
    text-align: justify;
    line-height: 1.5;
    font-weight:normal;
}
#contactaddress {
  /*border: 1px solid #0b5325;*/
  height: 300px;
  width: 50%;
  min-width:300px;
  float: left;
}
#contacttimes {
  /*border: 1px solid #0b5325;*/
  height: 300px;
  width: 50%;
  min-width:240px;
  float: left;
}
#contactmap {
  /*border: 1px solid #0b5325;*/
  height: 330px;
  width: 100%;
  min-width:400px;
  float: left;
}
.hotspot3 {
    width: 80%; height: 55%;
    position: absolute;
    top: 8%;
    left: 30%;
	/*border: 1px solid #cccccc;*/
}

}/* END Desktops */



/* Mobile landcape and Tablets */
@media screen and (min-width: 601px) and (max-width: 1240px) {
/*DO THIS*/
#splash {
	position:fixed;
	top: 0px;
	left:15%;
	width:70%;
	height:100%;
	background-image: url("../images/Tower Cafe holding page.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index:998;
	/*border: 2px solid #ffff00;*/
}
#splashwords {
	position:fixed;
	top:30vw;
	left: 1vw;
	width:35vw;
	text-align:left;
	font-size:2.0vw;
	color: #7b7b7b;
	z-index:999;
	/*border: 1px solid #2b4584;*/
}

#menu {
	position:absolute;
	top:36vw;
	left: 35vw;
	width:30vw;
	height:6vw;
	z-index:998;
}

/* THIS BIT IS JUST A TEST */
#header {
  height: 4vw;
  min-height:75px;
  width: 29.5vw;
  left:0.3vw;

}

/* END OF TEST */


scroll{
    visibility: hidden;
    display:none;
}

intro_portrait {display: none;}

/*Google Maps Sizing*/
.map-responsive-big{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive-big iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.map-responsive-small{
    visibility: hidden;
    display:none;
}
/*END Google Maps Sizing*/

#strapline {
    display: none;
}

div.img {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  height: 15vw;
  min-height:235px;
  width: 15vw;
  min-width:235px;
  float: left;
}
div.imgfull {
  height: 29.5vw;
  width: 29.5vw;
}
div.imgcolumns {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  height: 15vw;
  min-height:235px;
  width: 98%;
  min-width:235px;
  float: left;
}
div.imgcompositefrontpage {
  margin: 10px;
  padding: 0px;
  /*border: 1px solid #2b4584;*/
  /*background-color: #ffffff;*/
  /*height: 18vw;*/
  min-height:150px;
  width: 30%;
  min-width:150px;
  float: left;
}

div.pdf {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  height: 5vw;
  min-height:120px;
  width: 15vw;
  min-width:235px;
  float: left;
}

floating-box-columns {
    display: inline-block;
    width: 30%;
    min-width: 100px;
    vertical-align: top;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
    /*border: 2px solid #73AD21;*/
    /*border-bottom: 1px solid #999999;   */
}
floating-box {
    display: inline-block;
    width: 97%;
    min-width: 180px;
    vertical-align: top;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
    /*border: 2px solid #73AD21;*/
    /*border-bottom: 1px solid #999999;   */
}

wrap,content,contentLHS,area1,area3 {
  display:flex;
}
wrap {
	margin: 0px;
	padding: 0px;
 	background-color: #ffffff;
	font-family: Gotham;
	font-size: 12pt;
	color: #000000;
}
content {
  flex-flow:column;
  position:absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 0px;
  background-color: #000000;
  /*border: 1px solid #ff0000;*/
}
content1 {
  width: 94vw;
  position:absolute;
  left: 2vw;
  top: calc(46.45vw + 0px);
}
area1,area3 {
  flex-flow:column;
  position:absolute;
  top: 0px;
  /*border: 2px solid #faaff2;*/
}
h1 {
	font-family: Gotham;
	font-size: 15pt;
	color: #2b4584;
	font-weight:bold;
	line-height: 1.0;
}
header2 {
	font-family: Gotham;
	font-size: 12pt;
	color: #030b1c;
	font-weight:bold;
	/*line-height: 0.0;*/
}
.button1 {
	position:relative;
	width: 98%;
	font-family:Times;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	font-size:3.0vw;
	text-align:left;
	padding-left:10px;
	background-color: #2b4584;
	border-bottom: 3px #f49b0f solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 3.7vw;
	box-shadow: 5px 5px 5px grey;
}

#bottompadding {
	padding-bottom: 20px; /* This padding allows for a fixed height Bottom insert */
}
.image_title {
	color: #2b4584;
	text-align: left;
	font-size: 2.5vw;
	/*font-size: 12pt;*/
	text-decoration: none;
	font-weight:bold;
}
.form_style {
	font-family: Gotham;
	font-size: 12pt;
	color: #666666c;
	width: 100%;
	height: 25px;
}
.g-recaptcha {
transform:scale(1.2);
-webkit-transform:scale(1.2);
transform-origin:0 0;
-webkit-transform-origin:0 0;
position:absolute;
right:55px;
bottom:65px;
}
/* COOKIE stuff */
.dismissable-cookie-policy {bottom: 0px;}
/* END of COOKIE stuff */
.page_static_content_scale {
	color: #000000;
	font-size: 10pt;
    text-align: justify;
    line-height: 1.5;
    font-weight:normal;
}
#contactaddress {
  /*border: 1px solid #0b5325;*/
  height: 250px;
  width: 50%;
  min-width:280px;
  float: left;
}
#contacttimes {
  /*border: 1px solid #0b5325;*/
  height: 300px;
  width: 50%;
  min-width:280px;
  float: left;
}
#contactmap {
  /*border: 1px solid #0b5325;*/
  height: 330px;
  width: 100%;
  min-width:380px;
  float: left;
}
.hotspot3 {
    width: 80%; height: 55%;
    position: absolute;
    top: 8%;
    left: 30%;
	/*border: 1px solid #cccccc;*/
}

}/* END Mobile landcape and Tablets */


/* Mobile portrait */
@media screen and (max-width: 600px){
/*DO THIS*/
#splash {
	position:fixed;
	top: 0px;
	left:0%;
	width:100%;
	height:100%;
	background-image: url("../images/Tower Cafe holding page.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index:998;
	/*border: 2px solid #ffff00;*/
}
#splashwords {
	position:fixed;
	top:63vw;
	left: 32vw;
	width:40vw;
	text-align:left;
	font-size:2.5vw;
	color: #7b7b7b;
	z-index:999;
	/*border: 1px solid #2b4584;*/
}

#menu {
	position:absolute;
	top:52vw;
	left: 30vw;
	width:40vw;
	height:8vw;
	z-index:998;
}

/* THIS BIT IS JUST A TEST */
#header {
  height: 4vw;
  min-height:75px;
  width: 43vw;
  left:1vw;

}

/* END OF TEST */


.hotspot3 {display: none;}

scroll{
}

intro {display: none;}

/*Google Maps Sizing*/
.map-responsive-small{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:450px;
}
.map-responsive-small iframe{
    left:0;
    top:0;
    height:450px;
    width:100%;
    position:absolute;
}

.map-responsive-big{
    visibility: hidden;
    display:none;
}
/*END Google Maps Sizing*/

wrap,content,contentLHS,area1,area3 {
  display:flex;
}
wrap {
	margin: 0px;
	padding: 0px;
 	background-color: #ffffff;
	font-family: Gotham;
	font-size: 12pt;
	color: #000000;
}
content {
  flex-flow:column;
  position:absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 0px;
  background-color: #000000;
  /*border: 1px solid #ff0000;*/
}

content1 {
  width: 94vw;
  position:relative;
  right: 0vw;
  top: calc(59.45vw + 0px);
  /*border: 1px solid #ff0000;*/
}
area1,area3 {
	flex-flow:column;
	display:flex;
	position:absolute;
	top: 0px;
	width: 98%;
	right: -5px;
	/*border: 2px solid #faaff2;*/
}
h1 {
	font-family: Gotham;
	font-size: 15pt;
	color: #2b4584;
	font-weight:bold;
	line-height: 1.0;
}
header2 {
	font-family: Gotham;
	font-size: 12pt;
	color: #030b1c;
	font-weight:bold;
	/*line-height: 0.0;*/
}
.button1 {
	position:relative;
	margin-left: 10px;
	width: 94%;
	font-family:Times;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	font-size:4.5vw;
	text-align:left;
	padding-left:10px;
	background-color:#2b4584;
	border-bottom: 3px #f49b0f solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 5.8vw;
	box-shadow: 5px 5px 5px grey;
}

#bottompadding {
	padding-bottom: 20px; /* This padding allows for a fixed height Bottom insert */
}

div.img {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  /*height: 95vw;*/
  min-height:235px;
  width: 98%;
  min-width:235px;
  float: left;
}
div.imgfull {
  width: 43vw;
  height: 43vw;
}
div.imgcolumns  {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  /*height: 95vw;*/
  min-height:235px;
  width: 98%;
  min-width:235px;
  float: left;
}
div.pdf {
  margin: 5px;
  padding: 2px;
  border: 1px solid #2b4584;
  /*background-color: #ffffff;*/
  /*height: 95vw;*/
  min-height:120px;
  width: 98%;
  min-width:235px;
  float: left;
}

floating-box-columns {
    display: inline-block;
    width: 45%;
    min-width: 100px;
    vertical-align: top;
    /*margin-left: 2%;*/
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 20px;
    /*border: 1px solid #ff0000;*/
    /*border-bottom: 1px solid #999999;   */
}
floating-box {
    display: inline-block;
    width: 99%;
    min-width: 180px;
    vertical-align: top;
    /*margin-left: 2%;*/
    margin-right: 1%;
    margin-bottom: 20px;
    /*border: 2px solid #73AD21;*/
    /*border-bottom: 1px solid #999999;   */
}

#strapline {
    display: none;
}
.image_title {
	color: #2b4584;
	text-align: left;
	font-size: 4vw;
	/*font-size: 12pt;*/
	text-decoration: none;
	font-weight:bold;
}
.form_style {
	font-family: Gotham;
	font-size: 12pt;
	color: #666666;
	width: 98%;
	height: 25px;
}
.g-recaptcha {
transform:scale(1.00);
-webkit-transform:scale(1.00);
transform-origin:0 0;
-webkit-transform-origin:0 0;
position:absolute;
right:2px;
bottom:65px;
}
/* COOKIE stuff */
.dismissable-cookie-policy {top: 35px;}
/* END of COOKIE stuff */
.page_static_content_scale {
	color: #000000;
	font-size: 7pt;
    text-align: justify;
    line-height: 1.5;
    font-weight:normal;
}
#contactaddress {
  /*border: 1px solid #0b5325;*/
  display: inline-block;
  position:relative;
  height: 240px;
  width: 100%;
  min-width:250px;
  /*float: left;*/
}
#contacttimes {
  /*border: 1px solid #0b5325;*/
  display: inline-block;
  position:relative;
  height: 240px;
  width: 100%;
  /*min-width:230px;*/
  /*float: left;*/
}
#contactmap {
  /*border: 1px solid #0b5325;*/
  display: inline-block;
  position:relative;
  height: 330px;
  width: 100%;
  /*min-width:350px;*/
  /*float: left;*/
}

}/* END Mobile portrait */




/* All Screen Sizes */
/*DO THIS*/


/* THIS BIT IS JUST A TEST */
#header {
  position: relative;
}

#header-content {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

/* END OF TEST */



.hotspot {
    width: 100%; height: 100%;
    position: absolute;
	/*border: 1px solid #cccccc;*/
}
.hotspot1 {
    width: 100%; height: 33%;
    position: absolute;
    top: 0%;
	/*border: 1px solid #cccccc;*/
}

.hotspot2 {
    width: 100%; height: 33%;
    position: absolute;
    top: 33.5%;
	/*border: 1px solid #cccccc;*/
}

.hotspot4 {
    width: 38%; height: 30%;
    position: absolute;
    left: 62%;
	/*border: 1px solid #ff0000;*/
}

body {
	margin: 0px;
	padding: 0px;
 	background-color: #ffffff;
	font-family: Gotham;
	font-size: 12pt;
	color: #000000;
}

a {
	font-family: Gotham;
}
a:link {
	color: #2b4584;
	text-decoration: none;
}
a:visited {
	color: #2b4584;
	text-decoration: none;
}
a:hover {
	color: #f49b0f;
	text-decoration: none;
}


.page_static_content {
	color: #666666;
	font-size: 12pt;
    text-align: left;
    line-height: 1.5;
    font-weight:normal;
}
.page_strapline {
	color: #1a008c;
	font-size: 18pt;
	font-style: italic;
    text-align: right;
}

.page_static_content_greeting {
	color: #2b4584;
	font-size: 20pt;
	text-decoration: none;
	font-weight:bold;
	line-height: 1.5;
	
}
.page_static_content_title {
	color: #2b4584;
	font-size: 12pt;
	text-decoration: none;
	font-weight:bold;
}
a.page_static_content_title:link {
	color: #2b4584;
}
a.page_static_content_title:visited {
	color: #2b4584;
}
a.page_static_content_title:hover {
	color: #f49b0f;
}
a.page_static_content_title:active {
	color: #2b4584;
}

.page_static_content_bullets {
	color: #666666;
	font-size: 12pt;
	text-align: justify;
    line-height: 1.5;
	text-decoration: none;
	font-weight:normal;
}



.page_static_content_bullets ul {
	list-style-image:url('../images/bullet.png');
	/*float:left;*/
}

floating-box ul {
	margin-top: -1px;
}

.page_static_content_bullets li{
	float:none;
}

a.contactphone:link {
	font-size: 12pt;
	color: #030b1c;
	text-decoration: none;
}
a.contactphone:visited {
	font-size: 12pt;
	color: #030b1c;
	text-decoration: none;
}
a.contactphone:hover {
	font-size: 12pt;
	color: #5d87a0;
	text-decoration: none;
}
a.contactphone:active {
	font-size: 12pt;
	color: #030b1c;
	text-decoration: none;
}

a.bodylinks:link {
	color: #2b4584;
	font-size: 12pt;
	text-decoration: none;
}
a.bodylinks:visited {
	color: #2b4584;
	font-size: 12pt;
	text-decoration: none;
}
a.bodylinks:hover {
	color: #f49b0f;
	font-size: 12pt;
	text-decoration: none;
}
a.bodylinks:active {
	color: #2b4584;
	font-size: 12pt;
	text-decoration: none;
}

/* Divider HR line style */
hr.divider { 
  margin-top: 0px;
  margin-bottom:0px;
  border: 0; 
  height: 1px;
  width: 95%; 
  background-image: -webkit-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
  background-image: -moz-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
  background-image: -ms-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
  background-image: -o-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
}
/* End of Divider HR line style */

/* Divider HR line style */
hr.dividerwide { 
  margin-top: 10px;
  border: 0; 
  height: 2px;
  width: 95%; 
  background-image: -webkit-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
  background-image: -moz-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
  background-image: -ms-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
  background-image: -o-linear-gradient(left, rgba(93,135,160,0), rgba(93,135,160,1), rgba(93,135,160,0));
}
/* End of Divider HR line style */

/* Images in Gallery */
div.img_small {
  margin: 5px;
  padding: 2px;
  /*border: 1px solid #ff0000;*/
  /*background-color: #ffffff;*/
  height: 150px;
  /*height: calc((100vw / 3) * (100vw / 50));*/
  width: 150px;
  float: left;
}
div.imgfull {
  min-height:235px;
  /*min-width:235px;*/
  float: left;
  margin: 5px;
  padding: 2px;
  /*border: 1px solid #2b4584;*/
}
div.img img {
  /*display: inline;*/
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width:100%;
  max-height:82%;
  /*border: 1px solid #ff0000;*/
  /*width: 100%;*/
}
div.imgfull img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width:100%;
  max-height:100%;
  border: 1px solid #999999;
  box-shadow: 5px 5px 5px grey;
}
div.imgcolumns img {
  /*display: inline;*/
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width:100%;
  max-height:100%;
  /*border: 1px solid #ff0000;*/
  /*width: 100%;*/
}

div.img a:hover img {
	border: 1px solid #ffffff;
}
div.imgfull a:hover img {
	border: 1px solid #ffffff;
}
div.imgcolumns a:hover img {
	border: 1px solid #ffffff;
}
.maxheight {
	max-height:205px;
}

div.desc {
  text-align: center;
  vertical-align: bottom;
  font-weight: normal;
  font-size: 10pt;
  color: #666666;
  /*width: 200px;*/
  /*height: 30px;*/
  /*height: calc((100vw / 3) * (100vw / 50));*/
  line-height: 1.0;
  margin-top: 5px;
  /*border: 1px solid #000000;*/
}
/* End of Images in Gallery */


/* Images in ALTERNATIVE Gallery eg SALE PROMOS ETC where items have a summary so show as a list */
div.galleryALTWIDE {
    margin: 0px;
    padding-right:15px;
    padding-bottom:15px;
    /*border: 1px solid #ff0000;*/
    float: left;
    width: 25%;
    height: auto;
}

div.galleryALTWIDE:hover {
    /*border: 1px solid #777;*/
}

div.galleryALTWIDE img {
    width: 98%;
    height: auto;
}

div.galleryALT {
    margin: 0px;
    padding-right:15px;
    /*padding-bottom:15px;*/
    /*border: 1px solid #ff0000;*/
    float: left;
    width: 45%;
    height: auto;
}

div.galleryALT:hover {
    /*border: 1px solid #777;*/
}

div.galleryALT img {
    width: 98%;
    height: auto;
}
div.descALTtitle {

  text-align: left;
  /*vertical-align: bottom;*/
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  /*width: 200px;*/
  /*min-height: 30px;*/
  /*height: calc((100vw / 3) * (100vw / 50));*/
  line-height: 1.3;
  /*margin-top: 5px;*/
  /*margin-bottom: 5px;*/
  /*border: 1px solid #ff0000;*/
}
div.descALTdesc {
  text-align: left;
  /*vertical-align: bottom;*/
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  /*width: 200px;*/
  /*min-height: 100px;*/
  /*height: calc((100vw / 3) * (100vw / 50));*/
  line-height: 1.3;
  /*margin-top: 5px;*/
  /*margin-bottom: 5px;*/
  /*border: 1px solid #ff0000;*/
}

/* End of Images in Gallery */

area1 {
  /*border: 2px solid #ff0000;*/
  border: 1px solid rgba(0, 0, 0, 0);/* This Gives a Tranparent Border that allows the div to flow in Google Chrome*/
  flex-flow:column;
  position:relative;
  z-index:50;
  margin-bottom:10px;
  /*display: inline;*/
  /*border:1px solid #ff0000;*/
}
area2 {
  /*border: 1px solid #ff0000;*/
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  position:relative;
}
area3 {
  /*border: 1px solid #ff0000;*/
  position:relative;
  z-index:60;
  /*margin-bottom:10px;*/
  /*display: inline;*/
}

.iconsize {
	position:relative;
	width:6vw;
	min-width:70px;
	height:auto;
	top: 0px;
	left: 0px;
}
.iconsize1 {
	position:relative;
	width:10vw;
	min-width:140px;
	height:auto;
	top: 0px;
	left: 0px;
}


/* COOKIE stuff */
.dismissable-cookie-policy {
	background: #333;
	background: rgba(0, 0, 0, .75);
	color: #FFF;
	display: none;
	font: 14px/1.5 Helvetica, Arial, sans-serif;
	left: 0;
	padding: 20px 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 9999999;
}
.dismissable-cookie-policy .statement {
	margin: 1em auto;
	max-width: 50em;
}
.dismissable-cookie-policy * {
	font-family: Helvetica, Arial, sans-serif !important;
	visibility: visible !important;
}
.dismissable-cookie-policy a {
	color: #fff;
	text-decoration: underline;
}
.dismissable-cookie-policy button {
	background: #0899f8;
	border: 0;
	-webkit-border-radius: 0.3125em;
	border-radius: 0.3125em;
	background-clip: padding-box;
	color: #FFF;
	cursor: pointer;
	font-size: 1.28571428571em;
	line-height: 1;
	padding: 0.642857142857em 4em;
	white-space: nowrap;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}
button, select {
	text-transform: none;
}
button, input {
	line-height: normal;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
.submit_button {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-family: Gotham; 
color: #FFFFFF; 
width: 120px; 
height: 40px; 
font-size: 12pt; 
background-color: #27a027;
}
/* END of COOKIE stuff */

#table {
display: table;
width:100%;

}
.row {
display: table-row;

}
.cell {
border: 1px solid #ff0000;
display: table-cell;
vertical-align:top;
}

@font-face {
    font-family: Gotham;
    src: url('../fonts/GothamBookRegular.woff2') format('woff2'),
         url('../fonts/GothamBookRegular.woff') format('woff');
}


#snow{
    background: none;
    background-image: url('../images/snow5.png'),url('../images/snow5.png'),url('../images/snow5.png');
    /*background-image: url("../images/snow1.png"),url("../images/snow2.png"),url("../images/snow3.png");*/
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:-1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
