.note_background {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	z-index: 1;
	display: none;
}
.note_holder {
	position: absolute;
	width:1014px;
	top:10px !important;
	bottom:10px !important;
	left:50%;
	margin-left:-507px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ie8 .note_holder {
	top:70px !important;
}
.ie8 .single_page .note_holder {
	top:10px !important;
}
.note {
	width:600px;
	background:#FFF;
	position: absolute;
	top:0;
	bottom:0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.comments_holder {
	position: absolute;
	left:600px;
	right:0;
	background:#eceff0;
	top:0;
	bottom:0;
	border-bottom-right-radius:3px;
	border-top-right-radius:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-left:1px solid #bec3c7;
	overflow: hidden;
	z-index: 1000;
}
.new_comment_holder {
	position: absolute;
	height:80px;
	background:#FFF;
	left: 600px;
	right: 0;
	bottom: 0;
	border-left: 1px solid #bec3c7;
	z-index: 1001;
}
.new_comment_holder.show_analytics, .comments_holder.show_analytics {
	opacity: 0;
}
.note_group {
	position: absolute;
	left:601px;
	top:0;
	background:#bec3c7;
	height: 80px;
	z-index: 6000;
	right: 0;
	border-bottom: 1px solid #98a4a5;
	border-top-right-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight: 400;
	
}
.note_group_photo {
	position: absolute;
	width:60px;
	height:60px;
	border-radius: 3px;
	margin-top:10px;
	margin-left:10px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.note_group_title {
	color:#384a5d;
	display: table-cell;
	padding-left:80px;
	font-size: 19px;
	vertical-align: middle;
	height: 80px;
	font-size: 20px;
}
.comments {
	position: absolute;
	width:100%;
	top:80px;
	bottom:80px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom:1px solid #bec3c7;
	border-top:1px solid #bec3c7;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.analytics_on .comments {
	margin-top: 80px;
}
.comment {
	padding:10px;
	padding-left: 46px;
	position: relative;
	font-size: 14px;
	color:#222;
	overflow: hidden;
}
.comment_user_photo {
	width:30px;
	height:30px;
	background-color:#98a4a5;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left:10px;
	top:10px;
	border-radius: 3px;
}
.comments_admin .comment_user_photo {
	cursor: pointer;
}
.note_single_page .comments_admin .comment_user_photo {
	cursor: default;
}
.comment_name {
	float: left;
	font-weight: 400;
	font-size: 14px;
	margin-top: -4px;
	color:#384a5d;
}
.comments_admin .comment_name {
	cursor: pointer;
}
.note_single_page .comments_admin .comment_name {
	cursor: default;
}
.comment_date {
	float: right;
	font-size: 12px;
	margin-top: -3px;
	color:#828c8d;
}
.comments:first-child {
	border-top: none;
}
.close_note_button {
	position: absolute;
	font-size: 24px;
	top:0;
	left:0;
	margin-top: -12px;
	margin-left: -6px;
	color:#828c8d !important;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
	z-index: 8000;
}
.close_note_button:active {
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
a.close_note {
	text-decoration: none;
}
.duplicate_note_button {
	position: absolute;
	font-size: 20px;
	top: 4px;
	right: 450px;
	color: #828c8d !important;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	z-index: 8000;
	cursor:pointer;
}
.delete_note_button {
	position: absolute;
	font-size: 24px;
	top: 0;
	right: 420px;
	color: #828c8d !important;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	z-index: 8000;
	cursor:pointer;
}
.delete_note_button:hover {
	color:#f0243a !important;
}
.delete_comment {
	cursor: pointer;
	position: absolute;
	display: block;
	right: 10px;
	bottom:10px;
	z-index: 1000;
	color:#828c8d;
	opacity: 0;
	font-size: 18px;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
	text-decoration: none !important;
}
.comment:hover .delete_comment, .touch .delete_comment {
	opacity: 1;
}
.delete_comment:hover {
	color:#b12530;
}
.delete_comment:active {
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9);
}
.private_comment {
	color:#98a4a5;
	margin-left: 4px;
	text-align: center;
}
.comment_input {
	background:#FFF;
	margin:0;
	border: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	resize: none;
	height: 60px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding:8px 10px 0 46px;
	outline: none;
	color:#222222;
}
.post_comment_button {
	position: absolute;
	right:0;
	bottom:0;
}
.private_comment_holder {
	position: absolute;
	left:42px;
	bottom:0;
	font-size: 12px;
	color:#828c8d;
}
.new_comment_holder .comment_user_photo {
	margin-left: -2px;
}
.note_sms_inside {
	padding:80px;
	padding-top: 60px;
}
.sms_text {
	text-align: center;
	font-size: 36px;
}
.sms_icon {
	font-size: 120px;
	line-height: 120px;
	text-align: center;
	color:#98a4a5;
	margin-bottom: 40px;
}
.page_note .author {
	text-align: center;
	color:#98a4a5;
	margin: 40px;
	margin-top: 0;
}
.note_type_email .author {
	margin-top: 40px;
}
.author_photo {
	display: none;
}

.note_email_inside {
	padding:40px 0;
	color:#222;
}
.note_email_inside.has_header {
	padding-top:20px;
}
.email_subject {
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 20px;
	padding:0 20px;
}
.note .item{
	position: relative;
	margin-bottom: 20px;
}
.note .newsletter_header .item {
	padding:0;
	margin-bottom: 0;
}
.col1.full .item {
	padding:0 20px;
}
.col1.full .item.item_photo {
	/* padding:0; */
}

.twocol .col1 {
	float: left;
	margin-left: 20px;
}
.twocol .col2 {
	float: right;
	margin-right: 20px;
}
.twocol .large {
	width:370px;
}
.twocol .half {
	width:270px;
}
.twocol .small {
	width:170px;
}


/* PHOTO */

.photo_holder img {
	max-width: 100%;
	display: block;
	margin:0 auto;
}

/* EVENT */
.date_around {
	width: 80px;
	border: 1px solid #999;
	-webkit-box-shadow: 2px 2px 0 #CCC;
	box-shadow: 2px 2px 0 #CCC;
	float: left;
}
.date_month {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #FFF;
	line-height: 24px;
	background: #ff3b30;
	height: 24px;
	text-transform: uppercase;
}
.date_day {
	color: #666;
	font-size: 42px;
	line-height: 56px;
	text-align: center;
	height: 56px;
}
.event_title {
	margin-left: 100px;
	font-size: 22px;
	line-height: 30px;
}
.event_details {
	margin-left: 100px;
}
.rsvp_around {
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ebeff0;
	border-radius: 3px;
	font-weight: 400;
	line-height: 40px;
	font-size: 18px;
	padding: 10px;
	padding-left: 20px;
	text-align: left;
}

.rsvp_links {
	font-size: 24px;
	float: right;
}
.rsvp_answers {
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.rsvp_response:link,.rsvp_response:hover,.rsvp_response:active,.rsvp_response:visited {
	color: #ff3b30;
	font-weight: 400;
	cursor: pointer;
	display: inline-block;
	line-height: 40px;
	padding: 0 12px;
	margin-right: 1px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-transition: -webkit-transform .2s;
	-moz-transition: -moz-transform .2s;
	-o-transition: -o-transform .2s;
	-ms-transition: -ms-transform .2s;
	transition: transform .2s;
}

.rsvp_response:hover {
	color: #FFF;
	background: #ff3b30;
}
.rsvp_response:active {
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9);
}


@media screen and (min-width: 640px) {
	.large .rsvp_links {
		font-size: 20px;
	}
	.large .rsvp_around {
		line-height: 34px;
	}
	
	.half .date_around {
		margin-bottom: 10px;
	}
	.half .rsvp_around {
		clear: both;
		padding-top: 10px;
		margin-left: 0;
		line-height: 30px;
		font-size: 18px;
		padding-left: 14px;
	}
	.half .rsvp_links {
		margin-left:-4px;
	}
	
	.small .date_around {
		float:none;
		margin:0 auto;
		margin-bottom: 10px;
	}
	.small .event_title {
		margin-left: 0;
	}
	.small .event_details {
		margin-left: 0;
	}
	.small .rsvp_around {
		margin-left: 0;
		line-height: 30px;
		font-size: 18px;
		padding: 6px;
		padding-left: 10px;
		text-align: left;	
	}
	.half .rsvp_links, .small .rsvp_links {
		font-size: 18px;
		float: none;
	}
	.half .rsvp_response:link, .half .rsvp_response:hover, .half .rsvp_response:active, .half .rsvp_response:visited, .small .rsvp_response:link, .small .rsvp_response:hover, .small .rsvp_response:active, .small .rsvp_response:visited {
		line-height: 30px;
		padding: 0 5px;
		margin-right: 1px;
	}

}


/* QUOTE */
.quote_around {
	padding: 20px 50px;
}
.quote_text, .quote_text_placeholder {
	color: #828c8d;
	font-size: 28px;
	font-family: 'Times New Roman', 'Times', serif;
	font-style: italic;
	line-height: 38px;
}
.quote_author, .quote_author_placeholder {
	font-family: 'Times New Roman', 'Times', serif;
	font-size: 18px;
	padding-right: 40px;
	font-style: italic;
	text-align: right;
	color: #828c8d;
}

@media screen and (min-width: 640px) {
	.large .quote_around {
		padding: 20px 30px;
	}
	.half .quote_around {
		padding: 10px;
	}
	.half .quote_text, .half .quote_text_placeholder {
		font-size: 22px;
		line-height: 30px;
	}
	.half .quote_author, .half .quote_author_placeholder {
		padding-right: 20px;
	}
	.small .quote_around {
		padding: 0;
	}
	.small .quote_text, .small .quote_text_placeholder {
		font-size: 18px;
		line-height: 26px;
	}
	.small .quote_author, .small .quote_author_placeholder {
		padding-right: 20px;
		font-size: 14px;
	}
}

			
			
/* FILE */

.file_button, .file_holder_inside {
	background-color: #278DC1;
	border: 1px solid #016099;
	border-radius: 3px;
	cursor: pointer;
	padding: 10px;
	overflow: hidden;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

.file_button:hover {
	background-color: #016099;
}

.file_button:active {
	background-color: #13426B;

	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
}
.file_icon {
	float: left;
	width: 40px;
	height: 40px;
}
.file_icon img {
	max-width: 40px;
	max-height: 40px;
	display: inline-block;
}

.file_title {
	margin-left: 50px;
	font-size: 22px;
	line-height: 32px;
	color: #ECEFF0;
	padding: 4px 0;
}

.half .file_title, .small .file_title {
	margin-left: 0;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	padding-bottom: 0;
	word-break: break-word;
	}
.half .file_icon, .small .file_icon {
	float: none;
	text-align: center;
	width: auto;
	margin-bottom: 10px;
}

/* SURVEY */

.survey_holder {
	border: 1px solid #bdc3c7;
	border-radius: 4px;
	position: relative;
	z-index: 500;
}
.survey_question, .survey_question_placeholder {
	padding: 12px 16px;
	line-height: 26px;
	font-size: 18px;
}
.survey_answers {
	background: #ebeff0;
}
.survey_answer {
	padding: 6px 40px 6px 35px;
	font-size: 16px;
	position: relative;
	border-top: 1px solid #FFF;
}
.survey_answer_text>a {
	color: #13426B;
	cursor: pointer;
	text-decoration: none;
}
.survey_radio {
	display: block;
	background: #FFF;
	border: 1px solid #818b8c;
	width: 18px;
	height: 18px;
	position: absolute;
	border-radius: 100px;
	margin-left: -27px;
	cursor: pointer;
}
.survey_radio>div {
	border-radius: 100px;
	height: 12px;
	width: 12px;
	background: #37485d;
	margin: 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
@media screen and (min-width: 640px) {
	
	.small .survey_question {
		padding: 10px 12px;
		line-height: 22px;
		font-size: 16px;
	}
	.small .survey_answer {
		padding: 6px 20px 6px 25px;
		font-size: 14px;
	}
	.small .survey_radio {
		width: 12px;
		height: 12px;
		margin-left: -19px;
		margin-top: 3px;
	}
}












@media screen and (max-width: 1024px) {
	.note_holder {
		position: fixed;
		left:0 !important;
		right:0 !important;
		top:0 !important;
		bottom:0 !important;
		margin:0 !important;
		width:100%;
		border-radius: 0;
	}
	.ie8 .note_holder {
		top:60px !important;
	}
	.note_group {
		width:auto;
		right: 0;
		border-top-right-radius: 0;
	}
	.close_note_button {
		margin-top:0;
		margin-left: 6px;
	}
	.note {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

@media screen and (max-width: 940px) {
	.note_holder {
		position: relative;
		width:640px;
		margin:20px auto 50px auto !important;
	}
	.note_group {
		width:auto;
		left:auto;
		right:auto;
		position: relative;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
	}
	.close_note_button {
		margin-top:-12px;
		margin-left: -6px;
	}
	.note {
		position: relative;
		border-top-right-radius:0;
		border-top-left-radius:0;
	}
	.comments_holder {
		position: static;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		border-bottom-right-radius:3px;
		border-bottom-left-radius:3px;
		border-top-right-radius:0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		border-left:none;
		overflow: auto;
		z-index: 1000;
		border-top:1px solid #bec3c7;
	}
	.comments {
		position: static;
		width:100%;
		top:auto;
		bottom:auto;
		overflow:auto;
		border-top: none;
	}
	.analytics_on .comments {
		padding-top: 0;
	}
	.new_comment_holder {
		position: relative;
		left: auto;
	}
}
@media screen and (max-width: 639px) {
	.note_holder {
		position: relative;
		width:100%;
		margin:0 auto !important;
	}
	.close_note_button {
		margin-top:-3px;
		margin-left: 3px;
	}
	.note {
		position: relative;
		padding-top: 0;
		width: 100%;
	}
	.note_sms_inside {
		padding:40px;
	}
	.sms_text {
		font-size: 28px;
	}
	.sms_icon {
		font-size: 100px;
		line-height: 80px;
		color:#98a4a5;
		margin-bottom: 20px;
	}
	.email_subject {
		padding:0 20px;
	}
	.comments_holder {
		border-bottom-right-radius:0;
		border-bottom-left-radius:0;
	}
	.col1.full .item {
		padding:0 20px;
	}
	.twocol .col1, .twocol .col2 {
		float: none;
		margin:0 20px;
		width: auto;
	}
	
	.quote_around {
		padding: 20px 0;
	}
	.file_title {
		margin-left: 0;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		padding-bottom: 0;
		word-break: break-word;
		}
	.file_icon {
		float: none;
		text-align: center;
		width: auto;
		margin-bottom: 10px;
	}
	.date_around {
		float:none;
		margin:0 auto;
		margin-bottom: 10px;
	}
	.event_title {
		margin-left: 0;
	}
	.event_details {
		margin-left: 0;
	}
	.rsvp_around {
		margin-left: 0;
		line-height: 30px;
		font-size: 18px;
		padding: 6px;
		padding-left: 10px;
		text-align: left;	
	}
	.rsvp_links {
		font-size: 18px;
		float: none;
	}
	.rsvp_response:link, .rsvp_response:hover, .rsvp_response:active, .rsvp_response:visited {
		line-height: 30px;
		padding: 0 5px;
		margin-right: 1px;
	}

}


.rsvp_details_around {
	margin-left:110px;
}
.change_rsvp {
	color:#828c8d;
	cursor: pointer;
	width:36px;
	line-height: 36px;
	text-align: center;
	border-radius: 3px;
	float: right;
	margin-top: 2px;
	font-size: 20px;
	-webkit-transition: -webkit-transform .2s;
	-moz-transition: -moz-transform .2s;
	-ms-transition: -ms-transform .2s;
	-o-transition: -o-transform .2s;
	transition: transform .2s;
}
.change_rsvp:hover {
	color:#FFF;
	background:#ff3b30;
}
.change_rsvp:active {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}
.rsvp_number_link {
	color:#ff3b30;
	font-weight: 400;
	cursor: pointer;
}
.rsvps {
	margin-left: 10px;
}
.rsvp_users {
	font-size: 12px;
	margin-left: 20px;
}