body{
	min-width:960px;
}
.container_16{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{
	display:inline;
	float:left;
	position:relative;
	margin-left:0px;
	margin-right:0px;
}
.container_16 .grid_1{width:60px;}
.container_16 .grid_2{width:120px;}
.container_16 .grid_3{width:180px;}
.container_16 .grid_4{width:240px;}
.container_16 .grid_5{width:300px;}
.container_16 .grid_6{width:360px;}
.container_16 .grid_7{width:420px;}
.container_16 .grid_8{width:480px;}
.container_16 .grid_9{width:540px;}
.container_16 .grid_10{width:600px;}
.container_16 .grid_11{width:660px;}
.container_16 .grid_12{width:720px;}
.container_16 .grid_13{width:780px;}
.container_16 .grid_14{width:840px;}
.container_16 .grid_15{width:900px;}
.container_16 .grid_16{width:960px;}
.clear{
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}
.clearfix:before,
.clearfix:after{
  content:'\0020';
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}
.clearfix:after {
  clear:both;
}
/* nunito-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('../assets/fonts/nunito-v26-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../assets/fonts/nunito-v26-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/nunito-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../assets/fonts/nunito-v26-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/nunito-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../assets/fonts/nunito-v26-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
html {
	position: relative;
	min-height: 100%;
	margin: 0;
}

body{
	margin: 0px;
	color:#000;
	background-color:#FFF;
	font-family: 'Nunito', Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight:300;
}
/*used to overwrite a body bg that can cause problems within CKeditor*/
#bodyOverWrite{min-width:auto;}
/*general Styles*/
img{border:0px;}
form{display:inline;}
#name{width:0px; height:0px; border:none; border:0px solid #FFF; background-color:transparent; display:none;}
table{padding:0px;margin:0px;border-spacing:0px;border-collapse: collapse;}
td{vertical-align:top;}
th{vertical-align:top; text-align:left;}
textarea{font-family: 'Nunito', Arial, Verdana, sans-serif; font-size: 12px;}
hr{background-color:#333333; height:2px; border:none;}
p{}
.sr-only{display:none;}

.img-responsive{
	max-width: 100%;
	height: auto;
}

/*default headers*/
h1{color:#<%=darkGrey%>;margin-top:10px;margin-bottom:10px;}
h2{color:#<%=darkGrey%>;font-size:24px;font-weight:400;}
h3{}
h4{}
h5{}
h6{}

hr{}
/*default link style*/
a{color:#333333;}
a:hover{color:#333333;}
a:visited{}
a:active{}
.underlined{text-decoration:underline;}
.italic{font-style:italic;}
.bold{font-weight:700;}.alert{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #888;
}
.alert-danger{
	border:1px solid #D9534F;
	color:#D9534F;
	background-color:#EFD7D7;
}
.alert-warning{
	border:1px solid #F0AD4E;
	color:#F0AD4E;
	background-color:#FBF6DA;
}
.alert-info{
	border:1px solid #5BC0DE;
	color:#5BC0DE;
	background-color:#D2EAF5;
}
.alert-success{
	border:1px solid #5CB85C;
	color:#5CB85C;
	background-color:#D9EDD1;
}
.alert hr{
	height:1px;
	background-color:#888;
	opacity: 0.4;
}
.errorTrace{
	font-size:11px;
	color:#333;
	border:1px solid #888;
	background-color:#EEE;
	padding:10px;
	margin-top:10px;
}

.alert-danger .errorTrace{
	border:1px solid #888;
	background-color:#EEE;
}
#errorInformation .alert{
	margin-top:15px;
}

.form-control.is-invalid, .was-validated .form-control:invalid,
.form-control.has-error{
	border-color: #dc3545;
	padding-right: 2.25rem;
	background-repeat: no-repeat;
	background-position: center right calc(2.25rem / 4);
	background-size: calc(2.25rem / 2) calc(2.25rem / 2);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

.form-control.is-valid, .was-validated .form-control:valid,
.form-control.has-success{
	border-color: #28a745;
	padding-right: 2.25rem;
	background-repeat: no-repeat;
	background-position: center right calc(2.25rem / 4);
	background-size: calc(2.25rem / 2) calc(2.25rem / 2);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.img-responsive, .responsive-image img{
	max-width: 100%;
	height: auto !important;
}

.iframeMapContainer{
	line-height: 0;
}
.iframeMapContainer iframe{
	width:100%;
	height:500px;
}

#toTopButton{
	opacity: 0;
	cursor: pointer;
	z-index: 10000;
	position: fixed;
	bottom:100px;
	right:10px;
	color: #FFF;
	width:60px;
	height:60px;
	text-align:center;
	font-size:32px;
	line-height:60px;
	border-radius:5px;
	background-color: rgba(0,0,0,0.6);
	background-image:url("../assets/fa-chevron-up.png");
	background-repeat: no-repeat;
}
#toTopButton.show{
	opacity: 1;
	animation: fadeInRightAnim 1s ease;
}

#toTopButton.hide{
	opacity: 0;
	animation: fadeOutRight 1s ease;
}
.cookieConsentPopup{
    position: fixed;
    bottom:0;
    width:100%;
    background-color: #333333;
    padding:20px 0px;
    color:#FFF;
    font-size:12px;
    z-index:9000;
}
.cookieContentContainer{
    padding:0 40px;
}
.cookieConsentPopup a{
    color:#FFF;
    text-decoration:underline;
}

.cookieConsentPopup .buttonContainer{
    padding-top:20px;
}
.cookieConsentButton{
    color:#FFF;
    border: 1px solid #222222;
    background-color: #222222;
    padding: 5px 15px;
    cursor:pointer;
    font-size:16px;
    margin-bottom:10px;
}
.cookieConsentButton:hover{
    border: 1px solid #0e0e0e;
    background-color: #0e0e0e;
}
#saveCookieConsent,
#acceptCookieConsent{
    background-color:#5CB85C;
    border: 1px solid #5CB85C;
}
#saveCookieConsent:hover,
#acceptCookieConsent:hover {
    border: 1px solid #D9EDD1;
    background-color: #D9EDD1;
}
#cookieSelectionContainer,
#saveCookieConsent,
#denyCookieConsent{
    display: none;
}
#cookieSelectionContainer{
    padding:0 0;
}
.cookieTypeTitle{
    font-weight:bold;
}
#cookieSelectionContainer p{
	margin:3px 0;
}

@media (min-width:768px) {
    .cookieConsentPopup{
   	 font-size:16px;
    }
    #cookieSelectionContainer p{
	margin:10px 0;
    }
    #cookieSelectionContainer{
 	   padding-top:20px;
	   padding-bottom:10px;
    }
    .cookieConsentButton{
         padding: 8px 30px;
    }
}
.cookiePrefTitle{
    font-size:24px;
    font-weight:bold;
    margin-bottom:15px;
}

#saveComplete{
    display: inline-block;
    padding-left:20px;
}
#saveComplete .message{
    display: none;
    font-weight:bold;
    font-size:20px;
}

#cookieAndAssetPolicy{
}

.fw-bold{
    font-weight:bold;
}body{
}
.default{
  font-size: 14px;
}
.default_10px{
  font-size: 10px;
}
.default_12px{
  font-size: 12px;
}
.default_16px{
  font-size: 16px;
}
.default_22px{
  font-size: 22px;
}
.default_28px{
  font-size: 28px;
}
.default_32px{
  font-size: 32px;
}
.blue{
  color:#3B5668;
}
.blue_16px{
  font-size:16px;
  color:#3B5668;
}
.blue_22px{
  font-size:22px;
  color:#3B5668;
}
.blue_28px{
  font-size:28px;
  color:#3B5668;
}
.blue_32px{
  font-size:32px;
  color:#3B5668;
}
.grey{
  color:#888;
}
.grey_16px{
  font-size:16px;
  color:#888;
}
.grey_22px{
  font-size:20px;
  color:#888;
}
.grey_28px{
  font-size:28px;
  color:#888;
}
.grey_32px{
  font-size:32px;
  color:#888;
}
#top{
	height:165px;
	color:#888;
	font-size:18px;
}
#top a{
	color:#888;
	text-decoration:none;
}
#top .top{
	height:165px;
}

#top .logo{
	float:left;
	width:700px;
	padding:20px 0px;
	height:108px;
	text-decoration:none;
}

#top .topContent{
	position:absolute;
	right:0px;top:80px;
	text-align: right;
}/*Main menu CSS*/
#menuContainer{
	height:44px;
	background-image: url("../assets/menubg.png");
	background-repeat: repeat-x;
	background-position: bottom center;
	background-color: #DBDAC8;
}
.floatingMenu > #menuContainer{
	display:block;
	z-index:10000 !important;
	width:100%;
	height:44px;
	-webkit-box-shadow:0px 5px 10px -10px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 5px 10px -10px rgba(0,0,0,0.75);
	box-shadow:0px 5px 10px -10px rgba(0,0,0,0.75);
	background-color: #DBDAC8;
}


#menu{
	display:table;
	margin: 0px auto;
	margin-top:2px;
}

#menu .main-menu, #menu .main-menu * {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
}

#menu .main-menu li {
	position: relative;
	display:inline;
	float:left;
	height:40px;
}

#menu .main-menu a {
	display: inline-block;
	text-align:left;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	color:#FFF;
	line-height:40px;
	padding:0px 10px;
	margin:0px 10px;

}

#menu .main-menu a.current,
#menu .main-menu a:hover,
#menu .main-menu li.current,
#menu .main-menu li:hover,
#menu .main-menu li.sfHover {
	background-color:#BBBAA6;
}

/*sub menu styles*/
#menu .main-menu li:hover > ul,
#menu .main-menu li.sfHover > ul {
	display: block;
}

#menu .main-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	min-width: 12em; /*Auto width trick*/
	background-color:#888;
	padding:10px 0px;
}

#menu .main-menu ul li {
	float:none;
}
#menu .main-menu ul a {
	display:block;
	line-height:35px;
}


#menu .sf-arrows .sf-with-ul {
	padding-right: 18px;
}
#menu .sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -2px;
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-top-color: #EEE;
}
#content{
	
}

.homeMainContent{
	padding:15px 0px 20px 0px; 
}
.mainContent{
	padding:15px 10px 25px 10px;
	min-height:300px;
}
.mainContent img{
	max-width: 100%;
	height: auto !important;
}.footerBG{
	background-color:#BBBAA6;
	height:150px;
	margin-top:20px;
}
#footer{}
#footer .footerContent{
	color:#000;
	font-size:15px;
	padding:0px 10px;
	font-weight:400;
	padding-top:40px;
}
#footer .footerContent a{
	color:#000;
	text-decoration:none;
}
#footer .footerContent a:hover{
	text-decoration:underline;
}	
#secondfooter .leftColumn, 
#footer .leftColumn{
	float:left;
}
#secondfooter .rightColumn, 
#footer .rightColumn{
	float:right;
	text-align:right;
}

#secondfooter .footerContent{
	color:#000;
	font-size:12px;
	margin-top:5px;
	padding:0px 10px;
	height:30px;
}
#secondfooter .footerContent a{
	color:#000;
	text-decoration:none;
}
#secondfooter .footerContent a:hover{
	text-decoration:underline;
}	


#toTopButton{
	opacity: 0;
	cursor: pointer;
	z-index: 10000;
	position: fixed;
	bottom:100px;
	right:10px;
	color: #FFF;
	width:60px;
	height:60px;
	text-align:center;
	font-size:32px;
	line-height:60px;
	border-radius:5px;
	background-color: rgba(0,0,0,0.6);
	background-image:url("../assets/fa-chevron-up.png");
	background-repeat: no-repeat;
}
#toTopButton.show{
	opacity: 1;
	animation: fadeInRightAnim 1s ease;
}

#toTopButton.hide{
	opacity: 0;
	animation: fadeOutRight 1s ease;
}
#socialIcons{
	padding-top:10px;
	float:right;
	height:60px;
	text-align:right;
}

#socialIcons a{
	display:block;

}

#featuredArea{
	margin-top:0px;
	height:550px; 
	overflow:hidden;
	margin-bottom:20px;
}
#featuredArea .slideBG{
	height:550px;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

#featuredArea .contentSquare{
	margin:0px auto;
	position:relative;
}

#featuredArea .slideLink{
	display:block;
	width:960px;
	height:380px;
	position:absolute;
}

#featuredArea .featuredContent{
	font-family:"Times New Roman", Times, serif;
	background-image:url("../assets/darkblueBG.png");
	border:1px solid #FFF;
	text-transform:uppercase;
	font-size:28px;
	text-align:center;
	color:#FFF;
	line-height:70px;
	width:480px;
	position:relative;
	top:30px;
	margin:0px auto;
}
#featuredArea a{
	text-decoration:none;
}
	
#featuredArea .title a{
	display:block;
	color:#FFF;
	font-size:32px;
	text-align:right;
	padding:10px 20px 10px 10px;
}
#featuredArea .link a{
	display:block;
	color:#FFF;
	font-size:16px;
	text-align:right;
	padding:10px 20px 10px 10px;
}
#jFeaturedAreaButtonsContainer{
	position: absolute;
	bottom: 15px;
	width:100%;
}
#jFeaturedAreaButtonsContainer .jFeaturedAreaButtonsInnerContainer{
	width:960px;
	margin:0 auto;
	position:relative;
}
#jFeaturedAreaButtonsContainer .jFeaturedAreaButtons{
	position:absolute;
	left:10px;
	bottom:10px;
}
#jFeaturedAreaButtonsContainer .jFeaturedAreaButton{
	padding:10px;
	border:1px solid #FFF;
	margin-left:5px;
}
#jFeaturedAreaButtonsContainer .jFeaturedAreaButton:hover{
	background-color:#BBBAA6;
}
#jFeaturedAreaButtonsContainer .jFeaturedAreaButton.current{
	background-color:#BBBAA6;
}

#galleryMainPage{
  margin-top:20px;
}
#galleryMainPage img{
  padding: 0px;
  border: none;
  background: none;
  margin: 0px;
}
#galleryMainPage .imageMainContainer{
  width:450px;
  float:left;
}
#galleryMainPage .details{
  padding-left:10px;
}
#galleryMainPage .title{
  font-size:18px;
  color:#DBDAC8;
  font-weight:bold;
  margin-bottom:50px;
}
#galleryMainPage .images{}
#galleryMainPage .imageContainer{
  float:left;
  border: 2px solid #DBDAC8;

  text-align:center;
  margin-right:6px;
  margin-bottom:6px;
  
}
#galleryMainPage .imageBorder{
  border:4px solid #FFF;
  background: #FFF;
  
  
}
#galleryMainPage .rightCol{
  padding-left:20px;
}
#galleryMainPage .GalleryImageContainer{
  line-height:0px;
  width:170px;
  height:150px;
  overflow:hidden;
}

.contactForm{
	margin-top:20px;
}

.contactForm .submitButton {
	border: 1px solid #A82626;
	background: #A82626;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	padding: 5px 15px;
	cursor:pointer;
	font-size:20px;
}
.contactForm .submitButton:hover{
	border: 1px solid #A82626;
	background: ;
	color: #FFF;
}
.formElement .input-text{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #A82626;
	padding:5px;
	float:left;
	margin-bottom:10px;
}
.formError{
	background-color:#A82626;
	color:#FFF;
}
.required{
	float:left;
	color:#000;
	line-height:40px;
	font-size:30px;
}

#homeBoxes{}
#homeBoxes .box{
	background-color:#DBDAC8;
	width:280px;
	padding:15px;
	margin-left:15px;
	float:left;
	background-repeat:no-repeat;
	background-position:right 10px bottom 10px;	
	height:170px;
	position:relative;
}
#homeBoxes .first{
	margin-left:0px;
}
#homeBoxes .kipper{background-image:url("../assets/kipper.png");}
#homeBoxes .log{background-image:url("../assets/fire.png");}
#homeBoxes .wifi{background-image:url("../assets/free-wifi.png");}
#homeBoxes .title{
	font-family:"Times New Roman", Times, serif;
	font-size:32px;
}
#homeBoxes .subtitle{
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
}
#homeBoxes .boxcontent{
	font-size:15px;
	position:absolute;
	bottom:15px;
	left:15px;
}

#newsBox {
	border:2px solid #DBDAC8;
	border-radius:15px;
	width:290px;
	min-height:170px;
	position:relative;
	margin-top:20px;
}
#newsBox .divider{width:10px;height:1px;float:left;}
#newsBox .content{  
  padding:10px;
}
#booking_widget{
	border:2px solid #DBDAC8;
	border-radius:15px;
	width:260px;
	min-height:170px;
	position:relative;
	margin-top:20px;
	padding:15px;
}
#newsBox .newsPulloutTitle{
  font-family:Arial, Verdana, sans-serif;
  color:#BBBAA6;
  font-size:22px;
  line-height:24px;
  margin-bottom:10px;
  text-align:center;
}
#newsBox .newsTitle{

font-family:Arial, Verdana, sans-serif;
  color:#DBDAC8;
  font-size:18px;
  line-height:18px;
  margin-bottom:5px;
}

.imageContainer{
	margin-bottom:20px;
}

#newsBox .newsDescription{
  font-size:15px;
  padding-top:5px;
  width:340px;
}

#newsBox .newsLink{
margin-top:15px;
}

#newsBox .newsLink a{
  background-color:#888;
  color:#FFF; 
  text-decoration:none;
  padding:5px 10px;
  display:inline-block;
}

#newsBox .newsLink a:hover{
  background-color:#BBBAA6;
}

#footerDocuments{
  padding:20px 0px 20px 0px;
  list-style: none;
  min-height:220px;
}
#footerDocuments li{
	float:left;
	text-align:center;
	width:33%;
	margin-bottom:20px;
}
#footerDocuments .docImageContainer{
	line-height: 0px;
	display: inline-block;
	margin: 0 auto;
	height:210px;
	overflow: hidden;
	border:1px solid #CCC;
	box-shadow: 0px 0px 8px 0px #888;
}
#footerDocuments img{
}

#footerDocuments .title{
	font-weight:bold;
	font-size:18px;
	padding:0px 10px;
}

#newscontainer .imageContainer{
	float:right;
	margin-left:20px;
	border: solid 1px #000;}
	

.imageCell{
	float:left;
	display:block;
	width:150px;
	height:150px;
}
.bookingButton{
	margin:0px auto;
	width:169px;
	padding-top:10px;
}


/*gallery list*/
#galleryList .galleryListItem{
	float:left;
	width:33%;
	margin-bottom:15px;
}
#galleryList{
	margin:0 -15px;

}

#galleryList .galleryListItemContainer{
	margin:0 15px;
}
#galleryList .galleryListImage{
	display:block;
	height:250px;
	overflow:hidden;
	text-align:center;
	line-height:0;
	margin-bottom:15px;
	box-shadow: 0px 0px 8px 0px #888;
}
#galleryList .galleryListImageLink{
	margin:0;
	line-height:0;
}
#galleryList .galleryListTitle{
	color:#333333;
	text-decoration: none;
	font-size:22px;
	line-height:25px;
	height:25px;
	overflow:hidden;
	display:block;
	text-align:center;
}

#galleryList .galleryListDescription{
	line-height:15px;
	height:30px;
	overflow:hidden;
	color:#888;
	margin:5px 0px;
}


/*gallery details*/
#galleryDetails .galleryItem{
	width:33%;	/*controls the number per row if responsive remove or set to fixed width*/
	float:left;
}

#galleryDetails .galleryMasonry .galleryImageContainer{
	padding-right:10px;
	margin-bottom:10px;
	line-height:0px;
}

#galleryDetails .galleryGrid .galleryImageContainer{
	padding-right:10px;
	margin-bottom:10px;
	line-height:0px;
	height:220px;
	overflow:hidden;

}

#galleryDetails .galleryImageContainer img{
	box-shadow: 0px 0px 8px 0px #888;
}
#form-error{
	display:none;
}
#form-error p{
	margin:0px;
}
.form{

}

.form-container{
	margin-top: 60px;
}

.form .input-label{
	display:none;
}
.form select,
.form .input-text,
.form .input-textarea{
	border:1px solid #333333;
	padding:11px;
	width:80%;
	margin-bottom:10px;
	background-color: #FFF;
	color: #000;
}
.form select{
	max-width:85%;
	width:calc(80% + 24px);
}

.form .input-text:focus{
	-webkit-box-shadow: 0 0 2px 1px #474747;
	box-shadow: 0 0 2px 1px #474747;
}

.form .submit-button{
	border: 1px solid #333333;
	background: #333333;
	color:  #FFF;
	padding: 3px 50px;
	cursor:pointer;
	font-size:16px;
	border-radius: 20px;
}

.form .submit-button:hover{
	border: 1px solid #333333;
	background: #1f1f1f;
	color:  #FFF;
}
.form .checkbox-container{
	margin-bottom:15px;
	font-size:12px;
}
.form .checkbox-container input{
	margin-right:15px;
}
.form .required-mark{
	display:inline-block;
	font-size:24px;
	vertical-align:top;
	margin-left:10px;
}

.form .form-error{
	border:1px solid #D9534F;
	color:#D9534F;
}


#content img{
	 opacity: 0;
 }

#content img.animate{
	opacity: 1;
	animation: fadeInAnim 0.4s ease;
}

#content img.animate-fadeIn{
	opacity: 1;
	animation: fadeInAnim 0.4s ease;
}
#content img.animate-zoomIn{
	opacity: 1;
	animation: zoomInAnim 0.4s ease;
}
#content img.animate-fadeInUp{
	opacity: 1;
	animation: fadeInUpAnim 0.4s ease;
}



#content img.animate-fadeInDown{
	opacity: 1;
	animation: fadeInDownAnim 0.4s ease;
}
#content img.animate-fadeInLeft{
	opacity: 1;
	animation: fadeInLeftAnim 0.4s ease;
}
#content img.animate-fadeInRight{
	opacity: 1;
	animation: fadeInRightAnim 0.4s ease;
}
#content img.animate-zoomInLeft{
	opacity: 1;
	animation: zoomInLeftAnim 0.4s ease;
}
#content img.animate-zoomInRight{
	opacity: 1;
	animation: zoomInRightAnim 0.4s ease;
}
#content img.animate-instant{
	opacity: 1;
}
#content img.animate-fadeOutRight{
	opacity: 1;
	animation: fadeOutRight 0.4s ease;
}




@-webkit-keyframes fadeInAim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeInAnim {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
.fadeInAnim {
	-webkit-animation-name: fadeInAnim;
	animation-name: fadeInAnim;
}

@-webkit-keyframes fadeInUpAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUpAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUpAnim {
	-webkit-animation-name: fadeInUpAnim;
	animation-name: fadeInUpAnim;
}

@-webkit-keyframes fadeInDownAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDownAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInDownAnim {
	-webkit-animation-name: fadeInDownAnim;
	animation-name: fadeInDownAnim;
}



@-webkit-keyframes fadeInLeftAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInLeftAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInLeftAnim {
	-webkit-animation-name: fadeInLeftAnim;
	animation-name: fadeInLeftAnim;
}

@-webkit-keyframes fadeInRightAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRightAnim {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInRightAnim {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes zoomInAnim{
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}
@keyframes zoomInAnim {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomInAnim;
	animation-name: zoomInAnim;
}

@-webkit-keyframes zoomInLeftAnim {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomInLeftAnim {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomInLeftAnim {
	-webkit-animation-name: zoomInLeftAnim;
	animation-name: zoomInLeftAnim;
}

@-webkit-keyframes zoomInRightAnim {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomInRightAnim {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRightAnim;
	animation-name: zoomInRightAnim;
}


@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}