#menu-button-container {
	display: none;
	float: right;
	padding-top: 35px;
	z-index: 999;
}

#menu-button-container .border {
	border: 2px solid transparent;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	right: 10px;
	-webkit-transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-o-transition: all .10s ease-in-out;
	transition: all .10s ease-in-out;
}

#menu-button-container .border.active {
	border: 2px solid #EEEFF0;
	-webkit-transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-o-transition: all .10s ease-in-out;
	transition: all .10s ease-in-out;
}

/*
	###########
	Start ipad-mini style
	###########
*/

@media all and (max-width: 1000px) {

	#menu-button-container {
		display: block;
	}

	.menu-trigger {
		/*visibility: none;*/
	}

	#header.unstick {
		position: absolute;
	}

	/*button.menu-trigger {*/
		/*background: #4A4745;*/
		/*border: none;*/
		/*cursor: pointer;*/
		/*display: inline-block;*/
		/*height: 45px;*/
		/*overflow: hidden;*/
		/*outline: none;*/
		/*position: relative;*/
		/*text-indent: -900em;*/
		/*vertical-align: top;*/
		/*width: 45px;*/
	/*}*/

	/*button.menu-trigger:hover {*/
		/*menu-trigger: #aaa;*/
	/*}*/

	/*button.menu-trigger:after {*/
		/*content: '';*/
		/*position: absolute;*/
		/*width: 68%;*/
		/*height: 4px;*/
		/*background: #EEEFF0;*/
		/*top: 10px;*/
		/*left: 16%;*/
		/*box-shadow:*/
		/*0 10px 0 #EEEFF0,*/
		/*0 20px 0 #EEEFF0;*/
		/*border-radius: 1px;*/
	/*}*/

	button.menu-trigger {
		background: transparent;
		border: none;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		overflow: hidden;
		/*outline: none;*/
		position: relative;
		text-indent: -900em;
		vertical-align: top;
		width: 40px;
	}

	button.menu-trigger span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 3px;
		margin: 8px 0;
		background: #EEEFF0;
		display: block;
		opacity: 1;
		border-radius: 1px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

	button.menu-trigger.active {
		-ms-transform: scale(0.5, 0.5); /* IE 9 */
		-webkit-transform: scale(0.5, 0.5); /* Safari */
		transform: scale(0.5, 0.5);
	}

	button.menu-trigger.active span {
		width: 42px;
		-ms-transform: scale(0.5, 0.5); /* IE 9 */
		-webkit-transform: scale(0.5, 0.5); /* Safari */
		transform: scale(0.5, 0.5);
	}

	button.menu-trigger span:first-child {
		top: 0;
	}

	button.menu-trigger span:nth-child(2) {
		top: 12px;
	}

	button.menu-trigger span:nth-child(3) {
		top: 24px;
	}

	button.menu-trigger.active span:first-child {
		top: -3px;
		left: 5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	button.menu-trigger.active span:nth-child(2) {
		opacity: 0;
		width: 0%;
	}

	button.menu-trigger.active span:nth-child(3) {
		top: 26px;
		left: 5px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#navigation {
		background-color: #2f2f2f; /*background color of menu */
		display: none;
		height: auto;
		left: 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		text-align: left;
		top: 120px;
		width: 100%;
		z-index: 9999;
	}

	#navigation.open {
		display: block;
	}

	/* nav resets */

	ul#menu {
		display: block;
		height: auto;
		margin: 10px;
	}

	ul#menu ul li {
		padding: 0 0 0 0px;
	}

	ul#menu li.desktop {
		display: none;
	}

	ul#menu li,
	ul#menu li ul li,
	ul#menu li ul li ul li,
	ul#menu li ul li ul li ul li {
		background-color: #2f2f2f; /*background color of menu */
		border-radius: 5px;
		display: block;
		float: none;
		height: auto;
		text-align: left;
		width: 100%;
	}

	ul#menu ul,
	ul#menu ul ul,
	ul#menu ul ul ul,
	ul#menu ul ul ul ul {
		background-color: #2f2f2f; /*background color of menu */
		display: block;
		left: auto;
		position: relative;
		width: 100%;
	}

	ul#menu li a,
	ul#menu li ul li a,
	ul#menu li ul li ul li a,
	ul#menu li ul li ul li ul li a {
		background-color: #2f2f2f; /*background color of menu */
		border-radius: 5px;
		color: #fff;
		display: block;
		float: none;
		font-size: 12pt;
		height: auto;
		line-height: 1.1em;
		padding: 25px;
		text-align: center;
	}

	ul#menu li:hover ul ul,
	ul#menu li:hover ul ul ul,
	ul#menu li.iehover ul ul,
	ul#menu li.iehover ul ul ul {
		display: block;
	}


	/* okay, lets start styling roll overs */

	/*ul#menu li.has_submenu > a {*/
	/*background-image: url( ../images/mobile-arrow.png );*/
	/*background-position: center right;*/
	/*background-repeat: no-repeat;*/
	/*}*/

	/*ul#menu li.has_submenu > a:hover,*/
	/*ul#menu li.has_submenu.clicked_menu > a {*/
	/*background-image: url( ../images/mobile-arrow-hover.png );*/
	/*}*/

	ul#menu ul.closed_menu {
		display: none !important;
	}

	ul#menu ul.open_menu {
		display: block !important;
	}

	ul#menu a:hover,
	ul#menu li:hover a,
	ul#menu li.iehover a {
		background-color: #6e6e6e;
		color: #EE3780;
	}

	/* 2nd Menu */
	ul#menu li:hover li a,
	ul#menu li.iehover li a {
		background-color: #2f2f2f;
		color: #FFFFFF;
		padding: 25px;
	}

	/* 2nd Menu Hover Persistence */
	ul#menu li:hover li:hover,
	ul#menu li.iehover li.iehover {
		background-color: #6e6e6e;
		color: #EE3780;
	}

	ul#menu li:hover li a:hover,
	ul#menu li:hover li:hover a,
	ul#menu li.iehover li a:hover,
	ul#menu li.iehover li.iehover a {
		background-color: #6e6e6e;
		color: #EE3780;
	}

	/* 3rd Menu */
	ul#menu li:hover li:hover li a,
	ul#menu li.iehover li.iehover li a {
		background-color: #2f2f2f;
		color: #FFFFFF;
	}

	/* 3rd Menu Hover Persistence */
	ul#menu li:hover li:hover li a:hover,
	ul#menu li:hover li:hover li:hover a,
	ul#menu li.iehover li.iehover li a:hover,
	ul#menu li.iehover li.iehover li.iehover a {
		background-color: #6e6e6e;
		color: #EE3780;
	}

	/* 4th Menu */
	ul#menu li:hover li:hover li:hover li a,
	ul#menu li.iehover li.iehover li.iehover li a {
		background-color: #2f2f2f;
		color: #fff;
	}

	/* 4th Menu Hover */
	ul#menu li:hover li:hover li:hover li a:hover,
	ul#menu li.iehover li.iehover li.iehover li a:hover {
		background-color: #6e6e6e;
		color: #EE3780;
	}

	/*#content {*/
		/*padding: 15px;*/
	/*}*/

	img.left {
		margin: 0px 15px 15px 0px;
		max-width: 415px;
	}

	img.right {
		margin: 0px 0px 15px 15px;
		max-width: 415px;
	}

	div.right {
		margin: 0px 0px 15px 15px;
		max-width: 415px;
	}

	h1,
	.heading.one {
		font-size: 200%;
	}

	h2,
	.heading.two {
		font-size: 180%;
	}

	h3,
	.heading.three {
		font-size: 130%;
	}

	h4,
	.heading.four {
		font-size: 120%;
	}

	h5,
	.heading.five {
		font-size: 100%;
	}

	input {
		border-radius: 0;
		-webkit-appearance: none;
	}
}

@media all and (max-width: 992px) {

	#header {
		/*background-color: #000000;*/
		height: 100px;
		top: 0;
	}

	#navigation {
		top: 100px;
	}

	#menu-button-container {
		padding-top: 28px;
	}

	.slideshow-title {
		font-size: 300%;
	}

	.slideshow-subtitle {
		font-size: 125%;
	}

	div.header-wrap {
		background-color: #3c3c3c;
	}

	div.header-wrap h1 {
		display: block;
		clear: both;
	}

	div.menu-container {
		bottom: auto;
		height: 50px;
		left: auto;
		position: static;
		right: auto;
		top: auto;
	}

	#left.menu-container {
		float: left;
		left: auto;
	}

	#right.menu-container {
		float: right;
		right: auto;
	}

	a.menu-button.back {
		background-size: auto 32px;
	}

	a.menu-button.calendar-circle,
	a.menu-button.memo-circle,
	a.menu-button.video-circle,
	a.menu-button.home {
		background-size: auto 40px;
		width: 70px;
	}
}

@media all and (max-width: 768px) {

	body {
		font-size: 11pt;
	}

	h1,
	.heading.one {
		font-size: 240%;
	}

	h2,
	.heading.two {
		font-size: 180%;
	}

	h3,
	.heading.three {
		font-size: 150%;
	}

	h4.heading.four {
		font-size: 130%;
	}

	h5,
	.heading.five {
		font-size: 110%;
	}

	/*--- HEADER ---*/
	#header {
		height: 90px;
	}

	#navigation {
		top: 90px;
	}

	#content-container,
	#inside-content-container {
		padding-top: 110px;
	}

	#menu-button-container {
		padding-top: 23px;
	}

	#logo {
		width: 185px;
		padding: 10px 0;
	}

	#slideshow-container {
		margin-top: 100px;
	}

	div.page-title {
		padding: 10px 0;
	}

	/*--- BASE STYLES ---*/
	img.left {
		max-width: 315px;
	}

	img.right {
		max-width: 315px;
	}

	img.right,
	img.left {
		float: none !important;
		margin-left: 0;
		margin-bottom: 10px;
		max-width: 100%;
		padding: 0px;
	}

	/* table and search styles */
	.contentTable,
	.contentTable tr,
	.contentTable td,
	.contentTable th,
	.contentTable tbody,
	.contentTable thead {
		display: block;
	}

	.contentTable thead {
		display: none;
	}

	.contentTable td,
	.contentTable th {
		padding: 1px 0;
		word-break: normal;
	}

	.contentTable tr {
		padding: 5px;
	}

	/*fieldset.search .field-wrap {
		display: none;
	}

	fieldset.search .field-wrap.available {
		display: block !important;
		text-align: right;
	}

	fieldset.search .toggle-search {
		background-image: url( ../images/search.png );
		background-repeat: no-repeat;
		background-position: center;
		background-size: 20px auto;
		display: inline-block;
		font-size: 90%;
		padding: 8px;
		text-align: left;
		text-indent: -9999px;
		width: 40px;
	}

	fieldset.search.show .field-wrap {
		display: block;
		text-align: left;
	}

	fieldset.search.show .toggle-search {
		display: none;
	}*/
	.contentTable td:before {
		content: attr(data-title);
		font-weight: bold;
	}

	.contentTable td.title {
		font-size: 110%;
		font-weight: bold;
	}

	.contentTable td.inline {
		display: inline-block;
		vertical-align: middle;
	}

	.contentTable td.action {
		text-align: center;
		width: 100%;
	}

	.contentTable td.view {
		width: 100%;
	}

	.login-wrapper h2 {
		font-size: 120%;
	}

	.wrapper {
		margin: 0px auto;
		padding: 0px 10px;
	}

	#welcome-bar {
		padding: 0 0 10px;
	}

	#content-container, #inside-content-container {
		padding-top: 100px;
		padding-bottom:10px;
	}

	.icon-container img {
		max-width: 35px;
	}

	div.header-wrap h1 {
		font-size: 180%;
	}

	div.calendar-day-number {
		padding-bottom: 0;
	}

	span.calendar-day-count {
		font-size: 80%;
	}

	.item-title h3 {
		font-size: 110%;
	}

	fieldset.search form.notify input[type=text] {
		display: block;
		margin-bottom: 5px;
		max-width: 100%;
	}

	fieldset.search {
		text-align: center;
	}

	a.delete_file img {
		display: none;
	}

	a.delete_file:before {
		content: "Delete";
	}
}

/*
	###########
	Start mobile style
	###########
*/


@media all and (max-width: 500px) {

	#header {
		height: 65px;
	}

	#navigation {
		top: 65px;
	}

	#menu-button-container {
		padding-top: 10px;
	}

	#logo {
		width: 146px;
		padding: 5px 0;
	}

	#slideshow-container {
		margin-top: 65px;
	}

	#content-container,
	#inside-content-container {
		padding-top: 75px;
		padding-bottom: 10px;
	}

	.dropzone .dz-default.dz-message {
		margin-left: -130px;
		width: 260px;
	}

	#welcome-bar {
		font-size: 90%;
	}

}

/*
	###########
	Start iphone style
	###########
*/


@media all and (max-width: 340px) {

	div#map {
		height: 150px;
		width: 100%;
	}
}