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

input.text, textarea, input[type='submit'], input[type='email'], input[type='search'], input[type='button']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	        border: 1px solid #010f45 !important;
}



.clustervote{

    line-height: 17px;
    padding: 5px;
    margin-bottom: 0px;}

/* ESSENTIALS */

body, html { 
 margin:0;
 padding:0;
  font-family: 'Montserrat', sans-serif;
 font-size: 17px;
color: #fff;
	font-weight: lighter;
/*background-color:#010f45;*/
	/*background-color: rgba(255,255,255,1);*/
	/*background-color: rgba(5,10,29,0.6);*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}



@media screen and (-webkit-min-device-pixel-ratio:0)
{
#safari { background-color:#CCC }
}

.sellout {    background-color: yellow; color:#010f45; font-weight: bold;}

@media (max-width: 1081px){
.whatsapp {text-align: center; position: relative; top: -60px;} 
} 

@media (max-width: 99999px) and (min-width: 1080px){
.whatsapp {text-align: left; position: relative; top: -60px;} 
} 

.reviews {/*top: -54px;*/
    position: relative;
	display: inline-block;margin-top:30px!important;}

@media (max-width: 99999px) and (min-width: 1080px){
.photogallery {   
	
	box-shadow: 0px 0px 40px -23px;
    border-radius: 20px;
    margin: auto;
    border: 0px solid #010f45;
    padding: 3px;
    top: 10px;
    position: relative;
	
	}}
@media (max-width: 1081px){
.photogallery {   box-shadow: 0px 0px 20px 0px;margin:auto; margin-top:5px; margin-bottom:5px; border: 16px solid #010f45; padding: 7px;top: 10px;position: relative; }}

@media (max-width: 99999px) and (min-width: 1080px){
.photo {   box-shadow: 0px 0px 40px -23px;
border: 0px solid #010f45;
    padding: 3px;
    border-radius: 20px;
    margin: auto;
    
    top: 10px;
    position: relative;
	object-fit: cover;
	}
.photocaption {font-size:12px; margin-top:10px; colormob:#010f45;}
	

}
@media (max-width: 1080px){
.clients {   margin: auto;padding: 0px; position: relative;   max-width: 70px;vertical-align: middle; }
	.star5 {   margin: auto;padding: 0px; position: relative;  max-height: 70px; max-width: 90px; }

}



@media (max-width: 99999px) and (min-width: 1080px){
.clients {   margin: auto;padding: 10px; position: relative;  max-height: 110px; }
	.star5 {   margin: auto;padding: 10px; position: relative;  max-height: 50px; }
}



@media (max-width: 1080px){
.photo {   display:none;}
.photocaption { display:none;}
}

@media (max-width: 99999px) and (min-width: 1081px){
.photomobile {   display:none; }
.photodesktop {  margin-bottom: 10px; }
}


@media (max-width: 1080px){
.photomobile {  margin-bottom: 10px; }
.photodesktop {  display:none; }

}


@media (max-width: 1081px){
.photo2022 {  width:100%; margin-bottom: -6px; }

}

@media (max-width: 99999px) and (min-width: 1080px){
.photo2022 {   box-shadow: 0px 0px 40px -23px;
max-width:280px;
    border-radius: 20px;
    margin: auto;
    border: 0px solid #010f45;
    padding: 3px;
    top: 10px;
    position: relative;
	    height: 280px;
	object-fit: cover;
	margin-right: 10px;
	margin-bottom: 10px;
	}


}

@media (max-width: 1081px){
.photofullwidthcluster {  background-color: rgba(236, 236, 236, 1);/*max-width: 1200px; */color: #010f45; margin:auto; text-align: center; padding-bottom:40px; /*was 80*/}
	}
@media (max-width: 99999px) and (min-width: 1080px){
.photofullwidthcluster {  background-color: rgba(236, 236, 236, 1);/*max-width: 1200px; */color: #010f45; margin:auto; text-align: center; padding-bottom:80px; padding-top: 0px;/*was 80*/}
	}


@media (max-width: 99999px) and (min-width: 1080px){
	.breadcrumbs { text-transform: lowercase; font-size: 10px;
    color: grey; font-weight: bold; padding:10px 10px 10px 36px; margin-bottom: -43px;        z-index: 1;
        position: relative;}
	
	.breadcrumbsondark {color: white!important; }
	.breadcrumbsondark a:link { text-decoration: none; color: white!important;}
	.breadcrumbsondark a:hover { text-decoration: underline; color: white!important;}
	
.breadcrumbs a:link { text-decoration: none;color: grey;}
	.breadcrumbs a:hover { text-decoration: underline;color: lightgray;}
	}

@media (max-width: 1080px){
	.breadcrumbs {display:none;}
	}

@media (max-width: 99999px) and (min-width: 1081px){
.header { max-width: 100%; margin:auto; margin-bottom: 0px; padding:10px 20px 10px 20px;

background-image: url("../images/website-header-bg.png");
	    background-repeat: repeat-x;
   background-size: cover;
	background-color: #010f45;
	background-position: top center;
}
.innerheader {max-width: 1250px;  margin:auto;
	}

}

@media (max-width: 1080px){
.header { max-width: 100%;     margin-bottom: 0px;
    padding: 10px 20px 10px 20px; padding:0px;
	background-color: #010f45;
	}
	.innerheader {max-width: 1250px;  margin:auto;
	}
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	        border: 1px solid #010f45 !important;
}

@media (max-width: 1080px){
.announcements {display:none;}
}


@media (max-width: 99999px) and (min-width: 1080px){
.announcements {background-color: #bfdf3f; padding:6px; font-family: 'Montserrat', sans-serif, Arial, Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'; color:#00682c;}
}


@media (max-width: 1081px){
.innercontenttop {max-width: 1250px; padding: 20px; margin: auto;  /*this was 70*/  /*background-color: rgba(5,10,29,0.6);*/  color: #010f45;  }
.innercontent {max-width: 1250px; padding:20px; margin: auto;  /*display: inline-block;*/}
.innercontentwide {padding:10px 20px 6px 20px; margin: auto;  /*display: inline-block;*/}
.innercontentwideclients {padding:10px 5px 6px 5px; margin: auto;  /*display: inline-block;*/}
	
.innercontentbulk {max-width: 1250px; padding:10px 20px 20px 20px; margin: auto;  text-align: center;}
.innercontentsub {max-width: 1250px; padding: 0px 0px 0px 0px; margin: auto; }
} 



@media (max-width: 99999px) and (min-width: 1080px){
.innercontenttop {/*max-width: 1250px;  margin: auto; padding: 0px 20px 0 20px;	background-color: rgba(5,10,29,0.6);*/ color: #010f45; }
	
.innercontent {max-width: 1250px; padding:20px; margin: auto; }
.innercontentwide {padding:20px 20px 40px 20px; margin: auto; }
.innercontentwideclients {padding:20px 20px 40px 20px; margin: auto; }

.innercontentbulk {max-width: 1250px; padding:1px 20px 10px 20px; margin: auto; text-align: center; /*margin-top: -43px;*/}
.innercontentsub {max-width: 1250px; padding: 20px 20px 100px 20px; margin: auto; }
}



@media (max-width: 99999px) and (min-width: 1080px){
.column {float: left; width: 50%; min-width: 420px;}
} 


@media (max-width: 1081px){
.column {
	
  /*float: left; left aligns on mobile*/

	min-width: 330px;
}
} 
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.contacttext {top:-8px; position:relative;}

@media (max-width: 99999px) and (min-width: 1080px){
p {margin:0; padding:0; margin-bottom:20px;text-align: left;  line-height: 30px; }
.packages p {margin:0; padding:0; margin-bottom:20px;text-align: center;  line-height: 30px; }

}
@media (max-width: 1081px){
p {margin:0; padding:0; margin-bottom:20px;text-align: center;  line-height: 30px; }
}

.whitespacer {background-color: #fff;    height: 50px;}

hr {
    border-top: 10px solid #ffec00;

    background-color: white;
    margin: 0px;
}

hr.hrwhite {    border-top: 10px solid #fff;
    background-color: white;
    margin: 0px;}

.btt {display:inline-block; margin-bottom: 80px;
    margin-top: -80px;}


ul {text-align: left; line-height: 30px; }

@media (max-width: 99999px) and (min-width: 1080px){
.maxwidth240{max-width:240px;}
.maxwidth65{max-width:65px;}
.maxwidth110{max-width:110px;}
.maxwidth140{max-width:140px;}
.maxwidth315{max-width:315px;}
	.maxwidth500{max-width:500px;}
.maxwidth800{max-width:800px;}

}

@media (max-width: 1081px){
.maxwidth240{max-width:240px;}
	
}

a:link, a:visited{color:#fff;}
a:hover {color:#ec49a9;}

#clusterlight a:link, #clusterlight a:visited{color:#010f45;}


/* NAVIGATION */

.mainmenu {font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
a.mainmenunew:link, a.mainmenunew:visited { border:1px solid transparent; background-color: transparent; color: #fff;}
a.mainmenunew:hover { border:1px solid #fff; background-color:transparent;color: #fff;}


a.mainmenunewactive:link, a.mainmenunewactive:visited { border:1px solid transparent;  background-color: transparent; color: #ffea00!important;}
a.mainmenunewactive:hover { border:1px solid #fff; background-color:transparent;}

@media (max-width: 99999px) and (min-width: 1081px){
.navmain { float:right; /*margin-right: 40px;*/  margin-top: -54px;  font-size: 16px; font-weight: 800; margin-bottom: -4px;/*padding-inline-start: 0px; */ }
}

@media (max-width: 1081px){
.navmain { text-align: right; margin-right: -10px;  margin-top: -69px;  font-size: 16px; font-weight: 800; margin-bottom: -4px; padding: 9px;   /*border-bottom: 1px dashed #ffec00;
    border-top: 1px dashed #ffec00;*/}}

.staticnav {border:1px solid #ffec00!important; background-color:#ffec00!important; color: #010f45!important;}

.staticnav:hover {border:1px solid #ec49a9!important; background-color:#ec49a9!important; color: #fff!important;}
.navmain ul {  list-style-type:none; margin:0; padding:0;  }
.navmain li {   text-align: center!important;  display: inline-block;    margin:0 2px 12px 2px;}


.navmain a { padding: 2px 14px 5px 15px;  text-decoration:none; -webkit-transition: all 0.3s ease 0s!important;
  -moz-transition: all 0.3s ease 0s!important;
  -o-transition: all 0.3s ease 0s!important;
  transition: all 0.3s ease 0s!important;  }

.navmainfooter { font-size: 28px;
    font-weight: bold;
    margin: auto;
    display: inline-block;margin-bottom: 24px;}


		@media screen and (max-width: 960px){
.mainmenu {
	
		
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
	border-radius: 0px!important;
	}
			}


	/* [ON BIG SCREEN] */
	/* [ON BIG SCREEN] */
/* Wrapper */
#page-nav {
	font-weight:normal;
  /*width: 100%;*/

  /* If you want the navigation bar to stick on top
  position: sticky;
  top: 0;
  */
}

/* Hide Hamburger */
#page-nav label, #hamburger {
  display: none;color: #ffec00;
}

/* Menu Items */
	@media screen and (max-width: 1080px){
#page-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 20px 12px 30px 12px; 
	font-size: 1.5em;

}}
	@media screen and (max-width: 1080px){
#page-nav ul li {
  display: inline-block;
  padding: 10px 0 0px 0;
  box-sizing: border-box;
}}
#page-nav ul li a {
  text-decoration: none;
	  padding: 7px 12px 7px 12px; 
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 1080px){
  /* Show Hamburger */
  #page-nav label {
    display: block;
 cursor: default;
   text-align: right;
 
   font-size: 50px;

float: right;
	  margin: auto;
position: relative;

margin-top: -74px;
margin-right: 6px;
  }

  /* Break down menu items into vertical */
  #page-nav ul li {
    display: block;
  }
  #page-nav ul li {
    /*border-top: 1px solid #333;*/
  }

  /* Toggle show/hide menu on checkbox click */
  #page-nav ul {
    display: none;
  }
  #page-nav input:checked ~ ul {
    display: block;
  }
}


/* NEW NAV SUB MENU */



	/* [ON BIG SCREEN] */
	/* [ON BIG SCREEN] */
/* Wrapper */
#page-nav2 {
	font-weight:normal;
  /*width: 100%;*/

  /* If you want the navigation bar to stick on top
  position: sticky;
  top: 0;
  */
}

/* Hide Hamburger */
#page-nav2 label, #hamburger {
  display: none;color: #ffec00;
}

/* Menu Items */
	@media screen and (max-width: 960px){
#page-nav2 ul {
  list-style-type: none;
  margin: 0;
  padding: 20px 12px 30px 12px; 
	font-size: 1.5em;

}}
	@media screen and (max-width: 960px){
#page-nav2 ul li {
  display: inline-block;
  padding: 10px 0 0px 0;
  box-sizing: border-box;
}}
#page-nav2 ul li a {
  text-decoration: none;
	  padding: 7px 12px 7px 12px; 
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 960px){
  /* Show Hamburger */
  #page-nav2 label {
    display: block;
 cursor: default;
   text-align: right;
 
   font-size: 50px;

float: right;
	  margin: auto;
position: relative;

margin-top: -74px;
margin-right: 6px;
  }

  /* Break down menu items into vertical */
  #page-nav2 ul li {
    display: block;
  }
  #page-nav2 ul li {
    /*border-top: 1px solid #333;*/
  }

  /* Toggle show/hide menu on checkbox click */
  #page-nav2 ul {
    display: none;
  }
  #page-nav2 input:checked ~ ul {
    display: block;
  }
}







/* OTHER */
@media (max-width: 99999px) and (min-width: 1080px){
.logodesk {margin-left: 4px;max-width:400px;}
	}

@media (max-width: 1079px){
.logodesk {display:none;}
}


@media (max-width: 1079px){
.logomob {margin-left: 6px;
max-width: 270px;
padding-top: 6px;}
}


@media (max-width: 99999px) and (min-width: 1080px){
.logomob {display:none;}
	}


@media (max-width: 1081px){
h1 {margin: auto;position: relative;text-align: center;text-transform: capitalize; font-size: 24px;line-height: 30px;font-weight: 800;max-width: 300px; }
	}
@media (max-width: 99999px) and (min-width: 1080px){
h1 {margin: auto;position: relative;text-align: center;text-transform: capitalize; font-size: 24px;line-height: 30px;font-weight: 800;max-width: 900px; }
	}

h1.sub {margin: auto;position: relative;text-align: center;font-size: 34px;line-height: 40px;font-weight: 400; }
h2 {margin: auto;position: relative;text-align: center;font-size: 20px;line-height: 30px;font-weight: 100;margin-top: 10px;}

/*mobile team building mods */
@media (max-width: 1080px){
h3 { font-size: 26px; text-align:center; color:#010f45; font-weight:800; max-width: 360px; margin: auto; padding-top: 14px;}
h4 { font-size: 13px; text-align:center; color:#010f45; font-weight: bold; margin: auto; line-height: 20px;max-width: 360px;margin-top: 4px; }

ul { font-size: 15px; font-weight: bold;}
}


@media (max-width: 99999px) and (min-width: 1081px){
h3 { font-size: 34px; text-align:center; color:#010f45; font-weight:800; max-width: 620px; margin: auto; padding-top: 26px; padding-bottom: 10px;}
h4 { font-size: 20px; text-align:center; color:#010f45; font-weight:600;  font-weight: normal; margin-bottom: 30px; /* was 40*/ margin-top: 0px;line-height: 30px;}
	

}

@media (max-width: 1081px){
li {line-height: 20px;margin-bottom:4px;}
}}

@media (max-width: 99999px) and (min-width: 1080px){
li {line-height: 24px;margin-bottom:4px;}
}}




h9 {     font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: red;
    font-weight: bold;
    padding: 5px 10px 4px 10px;
    margin-bottom: 27px;
    position: relative;
    display: inline-block;}

@media (max-width: 99999px) and (min-width: 1080px){
h5 { font-size: 22px; text-align:left; font-weight:600; margin:0px;margin-bottom: 6px;  }
	 }
@media (max-width: 1081px){
h5 { font-size: 22px; text-align:center; font-weight:600; margin:0px;margin-bottom: 6px;  }
 }

h6 {font-family: 'Montserrat';  font-size: 22px;  text-align:center; color:#fff; font-weight:600;  font-weight: bold;  margin: 8px;}
.newslettertitle {font-family: 'Montserrat';  font-size: 22px;  text-align:center; color:#fff; font-weight:600;  font-weight: bold;  margin: 8px;}





@media (max-width: 99999px) and (min-width: 1080px){
.clustertestimonialyellow h1{ font-size: 24px; text-align:center; font-weight:800;  margin-bottom:20px; text-transform: none;max-width: 900px;line-height: 30px;}
.clustertestimonialyellow h2{ font-size: 20px; text-align:center;  font-weight:600;  font-weight: normal; text-transform: none;}

.clustertestimonialblue h1{ font-size: 24px; text-align:center; font-weight:800;  margin-bottom:20px; text-transform: none;max-width: 900px;line-height: 30px;}
.clustertestimonialblue h2{ color:#fff; font-size: 20px; text-align:center;  font-weight:600;  font-weight: normal; text-transform: none;}
	
.clustertestimonialyellow {padding: 40px; margin: 30px 0px; background-color: #ffec00; color:#010f45; font-weight:800; }
.clustertestimonialblue {padding: 30px 10px; margin: 30px 0px; background-color: #010f45; color:#ffec00; font-weight:800; }
.testimonialbulk {max-width: 1000px; padding:1px 0px; margin: auto; text-align: center;}

}

@media (max-width: 1081px){
	.clustertestimonialyellow h1{ font-size: 14px; text-align:center; font-weight:800; margin-bottom:6px; text-transform: none;max-width: 320px;;line-height: 20px;}
.clustertestimonialyellow h2{ font-size: 14px; text-align:center;  font-weight:600;  font-weight: normal; text-transform: none;line-height: 20px;}

.clustertestimonialblue h1{ font-size: 14px; text-align:center; font-weight:800;  margin-bottom:6px; text-transform: none;max-width: 320px;line-height: 20px;}
.clustertestimonialblue h2{ color:#fff; font-size: 14px; text-align:center;  font-weight:600;  font-weight: normal; text-transform: none;line-height: 20px;}
	
.clustertestimonialyellow {padding: 14px 10px;     margin: 0px; background-color: #ffec00; color:#010f45;}
.clustertestimonialblue {padding: 14px 10px;     margin: 0px; background-color: #010f45; color:#ffec00;}
.testimonialbulk {max-width: 1250px; margin: auto; text-align: center;}

} 



.packages h1 {font-size: 24px; line-height: 30px; font-weight: 800; margin-top: 0px;  margin-bottom: 14px; position: relative; text-align: center!important;}
.packages h2 {font-size: 20px; line-height: 30px; font-weight: 800; margin: 0; position: relative; text-align: center;}
.packages h3 {font-size: 16px; line-height: 30px; font-weight: 400; margin: 0; position: relative; text-align: center;}

@media (max-width: 99999px) and (min-width: 1080px){
.strapback1 {padding: 8px 22px 8px 22px;
	padding: 20px; padding-top:100px;padding-bottom: 150px;}
}
@media (max-width: 1081px){
.strapback1 {}
}
@media (max-width: 99999px) and (min-width: 1080px){
.strapback1sub {padding: 8px 22px 8px 22px;
	max-width: 480px;

text-align: center;
margin: auto;margin-bottom: 50px;}}

@media (max-width: 1081px){
.strapback1sub {padding: 16px 0px 20px 0px;
	

text-align: center;
margin: auto;
	margin-left:22px;
	margin-right:22px;
	margin-top: 20px;
margin-bottom: 20px;
	}}


@media (max-width: 99999px) and (min-width: 1080px){
.panel { padding: 17px;
margin-right: 10px;
display: inline-block;
border-radius: 0px;
margin-bottom: 0px; /*was 26px;*/
margin-top: 20px;
vertical-align: top;
}}

@media (max-width: 1081px){
.panel { padding: 0;
display: inline-block;
border-radius: 0px;
margin-bottom: 6px;

vertical-align: top;
}}

@media (max-width: 1082px){
.panels {max-width: 550px; padding: 0px 10px;

display: inline-block;
border-radius: 0px;
margin-bottom: 0px;
vertical-align: top;
	margin-top: 20px;
	
}
	
.panelstop {max-width: 550px; padding: 0px 10px;

display: inline-block;
border-radius: 0px;
margin-bottom: 0px;
vertical-align: top;
	margin-top: 0px;
	
}
	
	
	.panelstrio {max-width: 350px; padding: 0px 10px;

display: inline-block;
border-radius: 0px;
margin-bottom: 6px;
vertical-align: top;
min-width: 170px;
}
}


@media (max-width: 99999px) and (min-width: 1080px){
.panels {max-width: 550px; min-width: 500px; padding: 0px 10px;

display: inline-block;
border-radius: 0px;
margin-bottom: 6px;
vertical-align: top;

}
	
.panelstop {max-width: 550px; min-width: 500px; padding: 0px 10px;

display: inline-block;
border-radius: 0px;
margin-bottom: 6px;
vertical-align: top;

}
	

.panelstrio {max-width: 550px; min-width: 300px; padding: 0px 10px;

display: inline-block;
border-radius: 0px;
margin-bottom: 6px;
vertical-align: top;

}

}

/* BUTTONS */

@media (max-width: 1081px){
.buttoncluster {text-align: center;
    max-width: 9999px; /*was 700*/
    margin: auto; margin-top: 0px; /* was -14*/ padding:0px 8px 0px 8px; /* was 30*/}}

@media (max-width: 99999px) and (min-width: 1080px){
.buttoncluster {text-align: center;
    max-width: 9999px; /*was 700*/
    margin: auto; margin-top: 0px; /* was 30*/ }}



@media (max-width: 99999px) and (min-width: 1080px){
.buttonclustersub {text-align: center;
    max-width: 9999px; /*was 700*/
    margin: auto; margin-top: 0px; /* was 30*/ }}

@media (max-width: 1081px){
.buttonclustersub {text-align: center;
    max-width: 9999px; /*was 700*/
    margin: auto; margin-top: 0px; padding:0px 8px 0px 8px; /* was 30*/}}


@media (max-width: 99999px) and (min-width: 1080px){
a:link.button, a:visited.button, a:active.button, input.button, #mc_embed_signup .button  {
color:#010f45; font-weight: bolder; padding: 10px 40px 10px 40px; background-color: #ffec00; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-decoration: none;
margin: 20px 5px 0px 5px;
    min-width: 230px;
    display: inline-block;
	
}
	
	a:hover.button { box-shadow: 0px 0px 16px #ffec00;}
}

@media (max-width: 1081px){
a:link.button, a:visited.button, a:active.button, input.button {
position: relative;
display: block;
color:#010f45; font-weight: bolder; padding: 12px 45px 12px 45px; background-color: #ffec00; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-decoration: none; 
width: 50%;
text-align: center;
margin: auto; /*margin: 20px 20px 20px 20px;*/
	margin-top: 30px;
	margin-bottom: 30px;
	min-width: 238px;
}
	
	a:hover.button { box-shadow: 0px 0px 16px #ffec00;}
}










@media (max-width: 99999px) and (min-width: 1080px){
a:link.buttoncta, a:visited.buttoncta, a:active.buttoncta, input.buttoncta  {
color:#010f45!important; font-weight: bold; padding: 8px 20px 8px 20px; background-color: #ffea00; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-decoration: none;margin-right: 10px; font-family: 'Montserrat'; cursor:pointer;
font-size: 24px;
	

}
	
	
a:hover.buttoncta, input.buttoncta[type="submit"]:hover {  background-color:#010f45; color:#ffea00!important;}
}

@media (max-width: 1081px){
a:link.buttoncta, a:visited.buttoncta, a:active.buttoncta, input.buttoncta {
position: relative;
display: block;
color:#010f45!important; font-weight: bolder; padding: 12px 45px 12px 45px; background-color: #ffea00; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-decoration: none; 

text-align: center;
margin: 20px auto;
	font-family: 'Montserrat'; cursor:pointer;
font-size: 17px;
	border: 1px solid #ffea00;
}
	a:hover.buttoncta, input.buttoncta[type="submit"]:hover {  background-color:#010f45;color:#ffea00;}
	}

.cameraicon {    font-size: 18px!important;
    position: relative!important;
    top: 3px;
    /*left: -10px;*/ margin: 0px!important;}

.exhibitoricon {    font-size: 17px!important;
    position: relative!important;
    top: 2px;
    /*left: -10px;*/margin: 0px!important;}

.soldouticon {    font-size: 15px!important;
    position: relative!important;
    top: 1px;
    /*left: -10px;*/margin: 0px!important;}

@media (max-width: 99999px) and (min-width: 1080px){
.fa-stack {margin-top: 30px; margin-bottom:30px; /*margin-left: -12px; removed as it wasnt centralising icons*/}
}

@media (max-width: 1080px){
.fa-stack {display:none!important;/*margin-left: -12px; removed as it wasnt centralising icons*/}
}


/*.cluster {text-aliegn: left; float: right;width: 100%; }*/
@media (max-width: 1082px){
.clusterwhite {background-color: rgba(236, 236, 236, 1); /*ffea00*/ color:#010f45; text-align: center;    padding-top: 0px;}
	.clusterwhiteg { background-color: rgba(236,236,236,0.9); /*ffea00*/ color:#010f45; text-align: center;  padding-top: 0px;}
}

@media (max-width: 99999px) and (min-width: 1081px){
.clusterwhite { background-color: rgba(236, 236, 236, 1); /*ffea00*/ color:#010f45; text-align: center;  padding-top: 40px; padding-bottom: 40px;}
	.clusterwhiteg { background-color: rgba(236,236,236,0.9); /*ffea00*/ color:#010f45; text-align: center;  padding-top: 40px; padding-bottom: 40px;}
}


.clusterwhite a:link, .clusterwhite a:visited, .clusterwhite a:active {color:#010f45;}
.clusterwhite a:hover {color:#ec49a9;}
.clusterwhite .fa { font-size: 66px!important; display: block;  text-align: center;}
.clusterwhite .fa-stack-1x {color: #fff;}
.clusterwhite .fa-stack-2x {color: #010f45;}
.clusterwhitenopad {background-color: rgba(236, 236, 236, 1); /*ffea00*/  color:#010f45; text-align: center;    padding: 0px;}
.clusterwhitenopad a:link, .clusterwhitenopad a:visited, .clusterwhitenopad a:active {color:#010f45;}
.clusterwhitenopad a:hover {color:#ec49a9;}

/* the below isnt working on the btt hover*/
.fa a:hover { color: #0027A8!important; font-size: 66px; display: block; margin: 8px; margin-top: 30px; text-align: center;}
.fa-stack-1x a:hover {color: #049900!important;}
.fa-stack-2x a:hover {color: #E20003!important;}


.clustergrey { background-color: #fff;
    color: #010f45;

}

@media (max-width: 1081px){
.clustergrey h3 { font-size: 16px; text-align:center; color:#010f45; font-weight:800;  margin-bottom:0px; padding-top:0px;}
.clustergrey h7 { font-size: 16px; text-align:center; color:#010f45; font-weight:normal; max-width: 360px; margin: auto; padding-top: 14px;}

}

@media (max-width: 99999px) and (min-width: 1080px){
.clustergrey h3 { font-size: 24px; text-align:center; color:#010f45; font-weight:800;  margin-bottom:20px;}
.clustergrey h7 { font-size: 24px; text-align:center; color:#010f45; font-weight:normal; max-width: 620px; margin: auto; padding-top: 26px; padding-bottom: 10px;}
}



.clustergrey h4 { font-size: 24px; text-align:center; color:#010f45; font-weight:600;  font-weight: normal; margin-bottom: 40px; margin-top: -10px;}
.clustergrey .fa { font-size: 66px!important; display: block; margin: 8px; margin-top: 30px; text-align: center;}
.clustergrey .fa-stack-1x {color: #e7e7e7;}
.clustergrey .fa-stack-2x {color: #010f45;}

.clusterdark { background-color: #010f45; color:#fff; }
.clusterdark h3 { font-size: 34px; text-align:center; color:#fff; font-weight:800;  margin-bottom:20px;}
.clusterdark h4 { font-size: 24px; text-align:center; color:#fff; font-weight:600;  font-weight: normal; margin-bottom: 40px; margin-top: -10px;}
.clusterdark .fa { font-size: 66px!important; display: block; margin: 8px; margin-top: 30px; text-align: center;}
.clusterdark .fa-stack-1x {color: #010f45;}
.clusterdark .fa-stack-2x {color: #fff;}

@media (max-width: 1081px){
.clusteryellow {background-color: #ffec00; color:#010f45; padding-bottom: 0px; /*this was taken out*/}
.clusteryellow a:link, .clusteryellow a:visited, .clusteryellow a:active {color:#010f45;}
.clusteryellow a:hover {color:c#ec49a9;} 
.clusteryellow .fa { font-size: 66px!important; display: block; margin-top: 30px; text-align: center;}
.clusteryellow .fa-stack-1x {color: #fff;}
.clusteryellow .fa-stack-2x {color: #010f45;}
}

@media (max-width: 99999px) and (min-width: 1080px){
.clusteryellow {background-color: #ffec00; color:#010f45; padding-bottom: 0px; /*this was taken out*/}
.clusteryellow a:link, .clusteryellow a:visited, .clusteryellow a:active {color:#010f45;}
.clusteryellow a:hover {color:#ec49a9;} 
.clusteryellow .fa { font-size: 66px!important; display: block; margin-top: 30px; text-align: center;}
.clusteryellow .fa-stack-1x {color: #fff;}
.clusteryellow .fa-stack-2x {color: #010f45;}
}


.clusteryellowhero {/*background-color: #ffec00;*/ color:#010f45; /*padding-bottom: 110px;*/}
.clusteryellowhero a:link, .clusteryellowhero a:visited, .clusteryellowhero a:active {color:#010f45;}
.clusteryellowhero a:hover {color:c#ec49a9;} 
.clusteryellowhero .fa { font-size: 66px!important; display: block; margin-top: 30px; text-align: center;}
.clusteryellowhero .fa-stack-1x {color: #fff;}
.clusteryellowhero .fa-stack-2x {color: #010f45;}


@media (max-width: 1081px){
	/* taking out fixed fixes on mobile?  eg it was no-repeat center center fixed; */
.clusteryellowherov {	background: url(../images/bg-venues.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background-color: #ffec00;*/ color:#010f45; /*padding-bottom: 110px;*/}}


@media (max-width: 99999px) and (min-width: 1080px){
.clusteryellowherov {	background: url(../images/bg-venues.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background-color: #ffec00;*/ color:#010f45; /*padding-bottom: 110px;*/}}




.clusteryellowherov a:link, .clusteryellowherov a:visited, .clusteryellowherov a:active {color:#010f45;}
.clusteryellowherov a:hover {color:c#ec49a9;} 
.clusteryellowherov .fa { font-size: 66px!important; display: block; margin-top: 30px; text-align: center;}
.clusteryellowherov .fa-stack-1x {color: #fff;}
.clusteryellowherov .fa-stack-2x {color: #010f45;}
.clusteryellowherov h3, .clusteryellowherov h4, .clusteryellowherov li  {color: #fff;}



@media (max-width: 1081px){
	/* taking out fixed fixes on mobile?  eg it was no-repeat center center fixed; */
.clusteryellowherotb {	background: url(../images/bg-teambuilding2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background-color: #ffec00;*/ color:#010f45; /*padding-bottom: 110px;*/}}


@media (max-width: 99999px) and (min-width: 1080px){
.clusteryellowherotb {	background: url(../images/bg-teambuilding.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background-color: #ffec00;*/ color:#010f45; /*padding-bottom: 110px;*/}}




.clusteryellowherotb a:link, .clusteryellowherotb a:visited, .clusteryellowherotb a:active {color:#010f45;}
.clusteryellowherotb a:hover {color:c#ec49a9;} 
.clusteryellowherotb .fa { font-size: 66px!important; display: block; margin-top: 30px; text-align: center;}
.clusteryellowherotb .fa-stack-1x {color: #fff;}
.clusteryellowherotb .fa-stack-2x {color: #010f45;}
.clusteryellowherotb h3, .clusteryellowherotb h4, .clusteryellowherotb li  {color: #fff;}




@media (max-width: 1081px){
	/* taking out fixed fixes on mobile?  eg it was no-repeat center center fixed; */
.clusteryellowherotb-robots {	background: url(../images/bg-teambuilding-robots2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background-color: #ffec00;*/ color:#010f45; /*padding-bottom: 110px;*/}}


@media (max-width: 99999px) and (min-width: 1080px){
.clusteryellowherotb-robots {	background: url(../images/bg-teambuilding-robots.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background-color: #ffec00;*/ color:#010f45; /*padding-bottom: 110px;*/}}




.clusteryellowherotb-robots a:link, .clusteryellowherotb-robots a:visited, .clusteryellowherotb-robots a:active {color:#010f45;}
.clusteryellowherotb-robots a:hover {color:c#ec49a9;} 
.clusteryellowherotb-robots .fa { font-size: 66px!important; display: block; margin-top: 30px; text-align: center;}
.clusteryellowherotb-robots .fa-stack-1x {color: #fff;}
.clusteryellowherotb-robots .fa-stack-2x {color: #010f45;}
.clusteryellowherotb-robots h3, .clusteryellowherotb-robots h4, .clusteryellowherotb-robots li  {color: #fff;}

.fa-stack-1x {font-size: 0.8em!important;}

.fa { font-size: 66px; display: block; margin: 8px; text-align: center;}


/* FOOTER */

#footer p {text-align: center!important;}
#footer {width: 100%; 
background-color: #010f45;
color:#fff;
text-align: center!important;
float: right;
    padding-top: 50px;
}

#footer a:link, #footer a:visited {text-decoration: none; color:#ffec00;}
#footer a:hover {text-decoration: underline;color:#e94fa6;}


#mc_embed_signup {
    background: #fff;
    clear: left;
     font-family: 'Montserrat', sans-serif;
}


.footericons {margin:0 4px;}

@media (max-width: 1081px){
.centerleft {text-align:center;line-height: 23px;}}

@media (max-width: 99999px) and (min-width: 1080px){
.centerleft {text-align:left!important;line-height: 23px;}}

.smallprint {font-size: 14px;}
.smallerprint {font-size: 12px;line-height: 20px;}


.smallprint a {color:#fff; text-decoration:underline;
	-webkit-transition: all 0.3s ease 0s!important;
  -moz-transition: all 0.3s ease 0s!important;
  -o-transition: all 0.3s ease 0s!important;
  transition: all 0.3s ease 0s!important;}
.smallprint a:link  { color:#fff; text-decoration:underline;}
.smallprint a:hover {color:#ffea00;}

.largeprint {font-size: 18px;}


.largeprint a {color:#fff; text-decoration:underline;
	-webkit-transition: all 0.3s ease 0s!important;
  -moz-transition: all 0.3s ease 0s!important;
  -o-transition: all 0.3s ease 0s!important;
  transition: all 0.3s ease 0s!important;}
.largeprint a:link  { color:#fff; text-decoration:underline;}
.largeprint a:hover {color:#ffea00;text-decoration:none;}



.pipesep {margin-left:10px; margin-right:10px;}
/* OTHER */

/* CONTACT FIELDS */


.field-dropdown{
border: 1px solid #999;
    /*border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;*/
    font-size: 14px;
	font-weight: bold;
    width: 100%;
    max-width: 332px;
font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;    background-color: #fff;
    height: 43px;
    margin: 0px -5px 6px 0;
    cursor: default;
    padding: 0 10px 0px 10px;

	}



@media (max-width: 99999px) and (min-width: 1080px){
 .field-drop{/*width: 100%;
    max-width: 61px; removed to look better*/
    min-height: 34px;
    font-size: 20px;
    padding: 6px;
	     margin-top: 10px;
}}

@media (max-width: 1081px){
 .field-drop{width: 100%;/*
    max-width: 61px; removed to look better*/
    min-height: 34px;
    font-size: 20px;
    padding: 6px;
	 margin-top:8px;
}}


@media (max-width: 99999px) and (min-width: 1080px){
 .field-check{width:100%; max-width: 30px; min-height: 30px; 
}}

@media (max-width: 1081px){
 .field-check{width:100%; max-width: 30px; min-height: 30px; 
}}

@media (max-width: 99999px) and (min-width: 1080px){
 .field-input{ border: 1px solid #999; font-weight: bold; padding: 11px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:17px; position: relative; color: #010f45; margin-bottom: 10px; background-color: #fff;width:100%; max-width: 335px; min-height: 40px; outline-width: 0; text-align: center;}
}

@media (max-width: 1081px){
 .field-input{border: 1px solid #999; font-weight: bold; padding: 14px 11px 14px 11px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:17px; position: relative; color: #010f45; margin-bottom: 0px; background-color: #fff; width:100%; max-width: 335px; min-height: 40px; outline-width: 0; text-align: center;
}}

 .field-input:focus:not(.c-input__field--invalid), .field-comments:focus:not(.c-input__field--invalid) {
    border-color: #010f45;
    color: #010f45;}

.label:focus{
    color: #010f45!important;}


	
.field-comments{
border: 1px solid #999;
/*border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;*/
font-size: 17px;
	font-weight: bold;
 outline-width: 0;
    padding: 14px;
    width: 100%;
    max-width: 335px;
font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;	background-color: #fff;
	margin-bottom: 0;
	    margin-left: 4px;

    position: relative;
	
	}

.field-feedback{
border: 1px solid #999;
/*border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;*/
font-size: 17px;
	font-weight: bold;
 outline-width: 0;
    padding: 14px;
    width: 100%;
    max-width: 700px;
font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;	background-color: #fff;
	margin-bottom: 0;
	    margin-left: 4px;

    position: relative;
	
	}



.label{
margin-bottom: 6px;
    display: inline-block;
font-weight: bold;}

* {
box-sizing: border-box;
}

form {margin-top: 20px;}

.packagebg {background-color: rgba(255, 236, 0, 1) !important;margin-top:10px; padding-top: 20px;}


@media (max-width: 1081px){
.calltoactionlight {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: capitalize; color: #010f45!important; background-color: #ffec00; /*border:1px solid #ffec00!important;*/ padding: 10px 36px 10px 36px; text-decoration:none; margin:auto; margin-top:10px; /*margin-right:5px; margin-left:5px; */margin-bottom: 10px; cursor: default;  display: inline-block;/*min-width: 260px;*/ max-width: 335px;
    width: 100%;}}


@media (max-width: 99999px) and (min-width: 1080px){
.calltoactionlight { -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #010f45!important; background-color: #ffec00; border:1px solid #ffec00; padding: 11px 9px 11px 9px; text-decoration:none; margin:auto; margin-top:10px; /*margin-right:5px; margin-left:5px; */margin-bottom: 10px; margin-right: 6px;
    margin-left: 6px; cursor: default;  display: inline-block; min-width: 260px;}}




@media (max-width: 99999px) and (min-width: 1080px){
.calltoactionlight:hover, .calltoactionlight:active {color: #fff!important; border:1px solid #ec49a9!important; background-color: #ec49a9;} }
	
@media (max-width: 1081px){
.calltoactionlight:hover, .calltoactionlight:active {color: #fff!important;  background-color: #ec49a9; }}




@media (max-width: 99999px) and (min-width: 1080px){
.calltoactionlightwhite {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #000!important; background-color: #ffec00; border:1px solid #ffec00; padding: 11px 9px 11px 9px; text-decoration:none; margin:auto; margin-top:10px; /*margin-right:5px; margin-left:5px; */margin-bottom: 10px; margin-right: 6px;
    margin-left: 6px; cursor: default;  display: inline-block;min-width: 260px;}}

@media (max-width: 1081px){
.calltoactionlightwhite {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #010f45!important; background-color: #ffec00; /*border:1px solid #ffec00!important;*/ padding: 14px 40px 14px 40px; text-decoration:none; margin:auto; margin-top:10px; /*margin-right:5px; margin-left:5px; */margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 260px;max-width: 335px;
    width: 100%;}}
	


@media (max-width: 99999px) and (min-width: 1080px){
.calltoactionlightwhite:hover, .calltoactionlightwhite:active {color: #000!important; border:1px solid #fff!important; background-color: #fff; } }
	
@media (max-width: 1081px){
.calltoactionlightwhite:hover, .calltoactionlightwhite:active {color: #fff!important;  background-color: #fff; }}


@media (max-width: 99999px) and (min-width: 1080px){
.calltoactionlightminor {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #fff!important; background-color: transparent; border:1px solid #fff!important; padding: 11px 9px 11px 9px; text-decoration:none;   margin:auto; margin-top:10px; margin-right:5px; margin-left:5px; margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 260px;}}


@media (max-width: 1081px){
.calltoactionlightminor {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #fff!important; background-color: transparent; border:1px solid #fff!important; padding: 14px 40px 14px 40px; text-decoration:none;  margin:auto; margin-top:10px; margin-right:5px; margin-left:5px; margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 230px;max-width: 335px;
    width: 100%;}}



.calltoactionlightminor:hover, .calltoactionlightminor:active {color: #ec49a9!important; border:1px solid #ec49a9!important; background-color: transparent; }


@media (max-width: 99999px) and (min-width: 1080px){
.calltoactionlightminorwhite {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #fff!important; background-color: transparent; border:1px solid #fff!important; padding: 11px 9px 11px 9px; text-decoration:none;  margin:auto; margin-top:10px; margin-right:5px; margin-left:5px; margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 260px;}}


@media (max-width: 1081px){
.calltoactionlightminorwhite {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #fff!important; background-color: transparent; border:1px solid #fff!important; padding: 14px 40px 14px 40px; text-decoration:none;  margin:auto; margin-top:10px; margin-right:5px; margin-left:5px; margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 230px;max-width: 335px;
    width: 100%;}}


.calltoactionlightminorwhite:hover, .calltoactionlightminorwhite:active {color: #ffec00!important; border:1px solid #ffec00!important; background-color: transparent; }

@media (max-width: 99999px) and (min-width: 1080px){
.calltoactiondark {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #fff!important; background-color: #010f45; border:1px solid #010f45!important; padding: 11px 9px 11px 9px; text-decoration:none; margin:auto; margin-top:10px; margin-right:5px; margin-left:5px; margin-bottom: 10px; cursor: default;  display: inline-block; min-width: 260px;}}

@media (max-width: 1081px){
.calltoactiondark {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #fff!important; background-color: #010f45; border:1px solid #010f45!important; padding: 11px 9px 11px 9px; text-decoration:none; margin:auto; margin-top:10px; margin-right:5px; /*removed as looks bad on mobile margin-left:5px;*/ margin-bottom: 10px; cursor: default;  display: inline-block; min-width: 230px;max-width: 335px;
    width: 100%;}}

@media (max-width: 99999px) and (min-width: 1080px){
a.calltoactiondarkactive:link, a.calltoactiondarkactive:visited, a.calltoactiondarkactive:hover { font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase;  color: #fff!important; border:1px solid #ec49a9!important; background-color: #ec49a9; -webkit-border-radius: 0px;  -moz-border-radius: 0px; border-radius: 0px;  margin:auto; margin-top:10px; margin-right:5px; /*removed as looks bad on mobile margin-left:5px;*/ margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 230px;max-width: 335px;
    /*width: 100%;*/ padding: 11px 9px 11px 9px;}}

@media (max-width: 1081px){
a.calltoactiondarkactive:link, a.calltoactiondarkactive:visited, a.calltoactiondarkactive:hover { font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase;  color: #fff!important; border:1px solid #ec49a9!important; padding: 11px 9px 11px 9px; background-color: #ec49a9; -webkit-border-radius: 0px;  -moz-border-radius: 0px; border-radius: 0px;  margin:auto; margin-top:10px; margin-right:5px; /*removed as looks bad on mobile margin-left:5px;*/ margin-bottom: 10px; cursor: default;  display: inline-block; /* min-width: 230px;max-width: 335px; width: 100%;*/ }}

	
.calltoactiondark:hover, .calltoactiondark:active {color: #fff!important; border:1px solid #ec49a9!important; background-color: #ec49a9; }

/* use the below for the sub menu items */




.calltoactiondarksub {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #fff!important; background-color: #010f45; border:1px solid #010f45!important; padding: 10px 14px 10px 14px; text-decoration:none;  margin:auto; margin-top:10px; margin-right:0px;margin-bottom: -6px; cursor: default;  display: inline-block; }


a.calltoactiondarksubactive:link, a.calltoactiondarksubactive:visited, a.calltoactiondarksubactive:hover { font-size: 10px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase;  color: #fff!important; border:1px solid #ec49a9!important; padding: 10px 14px 10px 14px; background-color: #ec49a9; -webkit-border-radius: 0px;  -moz-border-radius: 0px; border-radius: 0px;  margin:auto; margin-top:10px; margin-right:0px; margin-bottom: -6px; cursor: default;  display: inline-block;  }

	
.calltoactiondarksub:hover, .calltoactiondarksub:active {color: #fff!important; border:1px solid #ec49a9!important; background-color: #ec49a9; }



@media (max-width: 99999px) and (min-width: 1080px){
.calltoactiondarkminor {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #010f45!important; background-color: transparent; border:1px solid #010f45!important; padding: 11px 9px 11px 9px; text-decoration:none;  margin:auto; margin-top:10px; margin-right:5px; margin-left:5px; margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 260px;}}

@media (max-width: 1081px){
.calltoactiondarkminor {-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #010f45!important; background-color: transparent; border:1px solid #010f45!important; padding: 14px 40px 14px 40px; text-decoration:none;  margin:auto; margin-top:10px; margin-right:5px; /*removed as looks bad on mobile margin-left:5px;*/  margin-bottom: 10px; cursor: default;  display: inline-block;min-width: 230px;max-width: 335px;
    width: 100%;}}


	
.calltoactiondarkminor:hover, .calltoactiondarkminor:active {color: #ec49a9!important; border:1px solid #ec49a9!important; background-color: transparent; }




@media (max-width: 99999px) and (min-width: 1080px){
.labelred {font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #010f45!important;background-color: rgba(255,0,0,0.3);  padding: 11px 9px 11px 9px; text-decoration:none;  -webkit-border-radius: 0px;  -moz-border-radius: 0px; border-radius: 0px;  margin:auto; margin-top:10px; margin-right:5px; margin-left:5px; margin-bottom: 10px; display: inline-block;min-width: 260px;}}

@media (max-width: 1081px){
.labelred {font-size: 17px; font-family: 'Montserrat', sans-serif, Arial; font-weight:800; text-transform: uppercase; color: #010f45!important; background-color:rgba(255,0,0,0.3); padding: 14px 40px 14px 40px; text-decoration:none;  -webkit-border-radius: 0px;  -moz-border-radius: 0px; border-radius: 0px;  margin:auto; margin-top:10px; margin-right:5px; /*removed as looks bad on mobile margin-left:5px;*/ margin-bottom: 10px;  display: inline-block;min-width: 230px;max-width: 335px;
    width: 100%;}}



	.eventslist {    text-align: left;
    max-width: 1000px;
    position: relative;
    display: inline-block;

		font-family: monospace;}

@media all and (max-width: 99999px) and (min-width: 960px){
	
.eventslistitem {     display: block; margin: -10px;line-height: 33px;}
	
.events {   box-shadow: 0px 0px 40px -23px;
border: 0px solid #010f45;
    padding: 4px 4px 0px 4px; /*max-width: 480px;
    min-width: 480px;*/ display:inline-table; margin-top: 35px; 
	text-align:center!important;
-webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -moz-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -ms-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -o-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;   
-webkit-border-radius: 25px;  -moz-border-radius: 25px; border-radius: 25px; 
z-index: 1;
	margin-left: 30px;
	margin-right: 30px;
}
	

	.events:hover { 
	    -ms-transform: scale(1.05); 
    -webkit-transform: scale(1.05); 
    transform: scale(1.05); 
		
	    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -moz-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -ms-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -o-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;

	}
	
	
.events img {max-width: 300px; border-radius: 20px;}}

@media all and (max-width: 99999px) and (min-width: 1081px){
.packages {  padding: 24px 44px 44px 44px; max-width: 480px;
    min-width: 480px; display:inline-table; margin:35px;-webkit-border-radius: 0px;  -moz-border-radius: 0px; border-radius: 0px; 
	text-align:center!important;

	    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -moz-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -ms-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -o-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;   
	min-height: 530px;
z-index: 1;
	margin-left: 30px;
	margin-right: 30px;
	    border: 20px solid #fff;
    border-style: double;
}
	

.packages:hover { 
	   	    -ms-transform: scale(1.05); 
    -webkit-transform: scale(1.05); 
    transform: scale(1.05); 
	    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -moz-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -ms-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    -o-transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;
    transition: all 0.3s cubic-bezier(0, 0.5, 0.1, 0.9) 0s;

	}
	
}

@media all and (max-width: 1080px) {
	.packages {  margin:20px -10px 20px -10px;padding:20px 20px 20px 20px;-webkit-border-radius: 0px;  -moz-border-radius: 0px; border-radius: 0px; 
    border: 20px solid #fff;
    border-style: double;
	}
	
}


@media all and (max-width: 961px) {
	
	.eventslistitem {      margin-bottom: 12px;
    padding-bottom: 11px;
    border-bottom: 1px dashed #9ca5c8;
    display: block; font-size: 14px;}
	
	
	.events img {-webkit-border-radius: 24px;  -moz-border-radius: 24px; border-radius: 24px; }
	
.events {   box-shadow: 0px 0px 0px -0px;
border: 0px solid #010f45;
   
    margin:0px; padding:0px 20px 0px 20px; padding-top: 20px; -webkit-border-radius: 24px;  -moz-border-radius: 24px; border-radius: 24px;  }
}



/*mailchimp edits*/
#mc_embed_signup form {
padding: 0!important;
    text-align: center!important; 

}

#mc_embed_signup{

    background-color: transparent!important; 

}

#mc_embed_signup input {border: 1px solid #999!important;
    }



.facebook-iframe-embedd {}
.facebook-iframes {   display: inline-block;
    margin: 12px;
    padding: 0;
    width: 350px;}



/* mouse scroll css */
.scroll-downs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  width :34px;
  height: 55px;
}


@media (max-width: 99999px) and (min-width: 1081px){
	.desktophide { display:none!important; }
.mobilehide {    
 /* right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display:block;
  width :34px;
  height: 55px;
	position: relative;
    top: 70px;}*/
}


@media (max-width: 1080px){
.mobilehide { display:none!important; }

}




.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #010f45;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #010f45;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
/* mouse scroll css */