/* Client specific CSS */
/* BASIC PAGE SETUP ============================================================================= */
body {
	margin : 0 auto;
	padding : 0;
	font-family: 'Open Sans', sans-serif; 	
	font-size: 16px;
	line-height: 1.5em;
	/*color : #999; */
	background: transparent ;
	/* max-width:1100px; */
}
hr {display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #666;}
/*  HEADINGS  ==========================================================================================================================*/
/* h1 {font-size: 210%;  font-family:'Open Sans', sans-serif; font-weight: 500;color: #ff6633; padding: 4px 4px 10px 4px; margin: 0; line-height: 225%;} */
h1 {font-size: 210%;  font-family:'Open Sans', sans-serif; font-weight: 500;color: #0A0A0A; padding: 4px 4px 10px 4px; margin: 0; line-height: 225%;}

.ePASSLibraryNameHeader {color:#fff; font-size: 400%; background-color: rgba(0, 0, 0, .3); padding: 10px 10px 15px 10px; line-height: 55px;text-align: left;font-weight: 600;}

/* .ePASSLibraryNameHeader {color:black; font-size: 400%; background-color: rgba(0, 0, 0, .3); padding: 10px 10px 15px 10px; line-height: 55px;text-align: left;} */
h2 {font-size: 180%; line-height:30px; font-family: 'Open Sans', sans-serif; font-weight: normal;color:#333; padding: 4px; margin: 0;}

h3 {font-size: 160%; line-height:30px; font-family: 'Open Sans', sans-serif; font-weight: normal;color:#333; padding: 0px 0px 0px 0px; margin: 0 0 0 0;}
h4 {font-size:140%; line-height:26px; font-family: 'Open Sans', sans-serif; font-weight: 300;color: black; padding: 4px 4px 10px 4px; margin: -1px 0 0 0; line-height: 24px;}
h5 {font-size:112.5%; font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 0; margin: 0 0 0 0; line-height: 24px;}
h6 {font-size:87.5%; font-family: 'Open Sans', sans-serif; font-weight: 300;color: #6e930d; padding: 4px 4px 10px 4px; margin: -1px 0 0 0; line-height: 18px;}
h7 {font-size:105%; font-family: 'Open Sans', sans-serif; font-weight: 600;color: #333; padding: 4px 4px 4px 4px; margin: 0 0 0 0; line-height: 22px;display:block;}

/*  TYPOGRAPHY  =========================================================================================================================================*/
p {font-size: 100%; line-height: 110%; font-family: 'Open Sans', sans-serif; color: #333; padding: 4px; margin: 0; word-wrap: normal;}

/*  LINKS   =========================================================================================================================*/
/*
a:link {font-family:'Open Sans', sans-serif;font-size: 17px; padding: 4px 4px 4px 4px; color: #035FCF; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight: 500;text-decoration: none;}
a:visited {font-family:'Open Sans', sans-serif; font-size: 17px; padding: 2px 2px 2px 0px; color:#035FCF; text-decoration: none;font-weight: 500;}
*/

a:link {font-family:'Open Sans', sans-serif;font-size: 17px; padding: 0; color: #035FCF; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight: 500;text-decoration: none;}

a:visited {font-family:'Open Sans', sans-serif; font-size: 17px; padding: 0; color:#035FCF; text-decoration: none;font-weight: 500;}
a:hover { color: #0298C6; text-decoration: none;font-weight: 500;}
/*  CONTENT============================================================================================================================================*/
#wrapper {width: 100%;position: relative;text-align: left;background: transparent; height: 100%;}
#ePASSmaincontentimage { 
	position: relative;
	width: 100%; 
	height: 350px;
	max-height: 450px;

	background-attachment: scroll, scroll;
	background-clip: border-box, border-box;
	background-color: rgba(0, 0, 0, 0);
	background-origin: padding-box, padding-box;
	background-position:  center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#ePASSmaincontentimage-desktop { 
	width: 100%; 
	height: auto;  
	background-attachment: scroll, scroll;
  background-clip: border-box, border-box;
  background-color: rgba(0, 0, 0, 0);
  background-origin: padding-box, padding-box;
  background-position:  center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#ePASSmaincontentimage-mobile { 
	width: 100%; 
	height: 100%;  background-attachment: scroll, scroll;
  background-clip: border-box, border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.25));
  background-origin: padding-box, padding-box;
  background-position:  center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ePASSmaincontentimage{
	clear: both;
	width: 100%;
	height: 100%;
	font-size: 0.8125em;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px 0px 10px 5px;
	color: #333;
	line-height: 1.5em;
}
.ePASSmaincontent {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	padding: 0px 0px 0px 10px;
	color: #333;
	position: relative;	
}
.ePASSAttractionImages {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	font-size: 80%; /* 13 / 16 */
	max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;	
}

.headerAttractionName {
	font-size: 16px;
	padding: 5px;
	margin-right: 15px;
	background-color: rgba(0, 0, 0, .3);
	color:#fff;
}

#headerAttractionNameDiv {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 5px;
}



/*  FOOTER===================================================================================================================================================*/
#footercontent {width: 100%; background-color: #f3f3f3; border-top: 2px solid #ccc;}
footer {clear: both;width: 100%; /* 1000px / 1250px */font-size: 80%; /* 13 / 16 */max-width: 1200px; /* 1200px / 13 */margin: 0 auto;padding: 10px 0px 10px 5px; background-color: #f3f3f3; }
footer p {color: #333; font-size: 14px;}		
footer a:link {font-family:'Open Sans', sans-serif; font-size: 87.5%; padding: 2px 2px 2px 0.5em; color: #333; text-decoration: none; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
footer a:visited {font-family:'Open Sans', sans-serif; font-size: 14px; padding: 2px 2px 2px 0.5em; color:#333; text-decoration: none;}
footer a:hover { color: #999; text-decoration: none;}
/* IMAGES ==========================================================================================================================================================*/
img {border:0;max-width: 100%;height: auto;width: auto; /* ie8 */}
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }
/* FORMS ============================================================================= */
button, search,input, select, textarea { 
	/* font-size : 100%;  */
	margin : 0; 
	vertical-align : baseline; 
	vertical-align : middle;
	border: 1px solid #ccc;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:
}
button, input { 
	line-height : normal; 
	overflow : visible; }
input:focus {
	background:  #fff;
	border: 1px solid #008fc1;
}
button, input[type="button"], input[type="reset"], input[type="submit"] { 
	padding: 3px 15px;
	margin: 2px 0 0 0px;
	cursor : pointer; 
	/*text-shadow:0 1px 0 #fff;*/
	/* background-color: #8cb12f; */
	background-color: #005fc0;

	font-size: 14px;
	color: #ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
}
select {font-size: larger;}
input[type="checkbox"], input[type="radio"] {box-sizing : border-box; }
input[type="search"] {box-sizing : content-box;}
button::-moz-focus-inner, input::-moz-focus-inner { 
	padding : 0;
	border : 0;  
}
input{
	margin:0;
	border:1px solid #ccc;

	/* font-size:87.5%; */
	/* font-size:100%; */

	padding:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff;
}
input::-webkit-input-placeholder,	input:-moz-placeholder,	.placeholder {color:#333;}
i {
    color: #035fcf;
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    padding: 2px 5px 0 5px;
    text-align: left;
}
/*  Menu  ================================================================================-->
.menu{display:block;}
     
.menu li{display: inline-block; position: relative; z-index:100;}
     
.menu li a {font-weight:300; text-decoration:none; padding:6px 6px 6px 6px; display:block; color: #666666;}
     
.menu li a:hover, .menu li:hover > a{color:#000;}*/

/* hide the second level menu */
*.menu ul {display: none; margin:0; padding: 0; width: 220px; position: absolute; top: 30px; left:25px; background: #ffffff; */
	/*-webkit-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    0px 0px 14px 0px rgba(50, 50, 50, 0.20);
	box-shadow:         0px 0px 14px 0px rgba(50, 50, 50, 0.20);*/    
}
     
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
     
.menu ul li {display:block; float: none; background:none; margin:0; padding:2px;}
     
.menu ul li a {font-size:75%; font-weight:normal; display:block; color: #333; background:#f9f8f8;}
     
.menu ul li a:hover, .menu ul li:hover > a{background:#f0f0f0; border-left:3px solid #8cb12f; color:#797979;}

/*  MOBILE MENU STYLING =============================================================================*/
.product-mobile {display: none;}
/*fly in menu for mobile*/
.header .menuIcon {
  display: none;
}
.header .menu {
  position: relative;
}
.header .menu ul {
  padding: 0;
  margin: 0;
}
.header .menu ul li {
  position: relative;
  display: inline-block;
  padding: 0;
  list-style: none;
}
.mobileMenu {
  display: none;
  width: 50%;
  position: absolute;
  margin-left: -100%;
  top: 0;
  z-index: 2;
	background-color: #fff;
	padding: 5px;
}
.mobileMenu ul {
  margin: 0;
  padding: 0;
}
.mobileMenu ul li {
  list-style: none;
  margin: 0;
}
.mobileMenu ul li a {
  display: block;
}
.mobileMenu ul li a:link {font-family:'Open Sans', sans-serif; font-weight: 500;font-size: 100%; padding: 2px 4px 2px 4px; color: #6e930d; text-decoration: none; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight: 300;}
.mobileMenu ul li a:visited {font-family:'Open Sans', sans-serif;font-weight: 500; font-size: 100%; padding: 2px 2px 2px 0px; color:#666; text-decoration: none;font-weight: 300;}
.mobileMenu ul li a:hover { color: #fff; text-decoration: none;font-weight: 500; background: rgba(0, 0, 0, .7)}

.mobileBodyWrapper .mobileDimmer {
  left: 70%;
  z-index: 100;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.in {text-indent: 20px;}
.mobileMenu.menuOpen {
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  display: block;
  top: 0;
  margin-left: 0;
  z-index: 5;
  width: 70%;
  bottom: 0;
}
.highlight > a.ui-state-default {
  background: url("images/ui-bg_highlight-soft_25_ffef8f_1x100.png") repeat-x scroll 50% top #FF6525 !important;
  border: 1px solid #FF6525;
}
.loginPageNav {
	list-style-type: none;padding:0	;
}

/* .ePASSLogoutHeader {color:#fff; font-size: 200%; background-color: rgba(0, 0, 0, .3); padding: 10px 10px 15px 10px; line-height: 15px;text-align: left;float: right; margin-top: 65%;} */
/* .ePASSLogoutHeader {color:#fff; font-size: 200%; background-color: rgba(0, 0, 0, .7); padding: 0px 0px 0px 0px; line-height: 15px;text-align: left;float: right;} */


.RCOfferDescription {
	font-size: 100%;
}