/* Icomoon.com */

.gn-menu-main,
.gn-menu-main ul {
	margin: 0;
	padding: 0;
	background-color: #333;
	color: #fff;
	list-style: none;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 60px;
	background-image: url(../images/iris-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		font-size: 13px;
		z-index:99999;
}

.gn-menu-main a {
		display: block;
		height: 100%;
		color: #ccc;
		text-decoration: none;
		cursor: pointer;
		padding:0 25px;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		color: #fff;
		font-weight:bold;
}

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
		
		z-index:9999;
}
.gn-menu-main > li.login-out {
		float: right;
		border-right: none;
		border-left: 1px solid #c6d0da;
}
.gn-menu-main > li .web_login{
	position:relative;
	right:-2000px;
	width:300px;
	z-index:100;
	background:#333;
	top:0px;
	border-top: 1px solid #c6d0da;
	text-transform:none;
	line-height:normal;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.gn-menu-main > li .web_login p{
	margin:0 10px;
	text-align:center;
}
.gn-menu-main > li.active .web_login{
	right:0;
}
.gn-menu-main > li .notifications{
	position:relative;
	top:-2000px;
	width:200px;
	z-index:100;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.gn-menu-main > li .notifications li{
	padding:5px;
	line-height:20px;
	background:#ddd;
	background-image:none;
	text-transform:none;
	font-size:12px;
}
.gn-menu-main > li .notifications a{
	padding:0;
	line-height:20px;
	border-bottom:5px solid #333;
	color:#333;
}
.gn-menu-main > li .notifications a:hover{
	font-weight:normal;
}
.gn-menu-main > li:hover .notifications{
	top:0;
}

.gn-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		border-top: 1px solid #c6d0da;
		background: white;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 370px;
		height: 100%;
		background-color:#333;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 12px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #ccc;
		background-color:#333;
		line-height:25px;
		padding:10px 0;
		
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #c1c9d1
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 60px;
		outline: none;
		border: none;
		background: transparent;
		color: #5f6f81;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		cursor: pointer;
}

/* placeholder */

.gn-search::-webkit-input-placeholder {
		color: #5f6f81
}

.gn-search:-moz-placeholder {
		color: #5f6f81
}

.gn-search::-moz-placeholder {
		color: #5f6f81
}

.gn-search:-ms-input-placeholder {
		color: #5f6f81
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.gn-search:focus {
		cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
		color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
}

.gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'ecoicons';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
		content: "\e000"
}

.gn-icon-earth::before {
		content: "\e004"
}

.gn-icon-cog::before {
		content: "\e006"
}

.gn-icon-search::before {
		content: "\e005"
}

.gn-icon-download::before {
		content: "\e007"
}

.gn-icon-photoshop::before {
		content: "\e001"
}

.gn-icon-illustrator::before {
		content: "\e002"
}

.gn-icon-archive::before {
		content: "\e00d"
}

.gn-icon-article::before {
		content: "\e003"
}

.gn-icon-pictures::before {
		content: "\e008"
}

.gn-icon-videos::before {
		content: "\e009"
}

/* if an icon anchor has a span, hide the span */

.gn-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		background: #888;
		box-shadow: 0 3px #333, 0 -6px #888, 0 -9px #333, 0 -12px #888;
		content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		background: #888;
		box-shadow: 0 3px #333, 0 -6px #888, 0 -9px #333, 0 -12px #888;
}

.gn-icon-menu.gn-selected::before {
		background: #888;
		box-shadow: 0 3px #333, 0 -6px #888, 0 -9px #333, 0 -12px #888;
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 200px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px
}
@media screen and (max-width: 980px) {
	
	.gn-menu-main > li.mob {
		font-size:0;
		border:none;
	}
	.gn-menu-main > li.mob .fa {
		font-size:35px;
	}
	.gn-menu-main > li.mob a {
		padding:0 10px;
	}

}
@media screen and (max-width: 480px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}
	.gn-menu-main > li.mob {
		font-size:0;
		border:none;
		width:64px;
	}
	.gn-menu-main > li.mob a {
		padding:0 10px;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
	.gn-menu-main > li.support{ display:none;
	}
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.calendar table, .calendar thead, .calendar tbody, .calendar th, .calendar td, .calendar tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.calendar thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.calendar tr { border: 1px solid #333; }
	
	.calendar td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important; 
		position: relative !important;
		padding-left: 50% !important; 
	}
	
	.calendar td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 0%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/*
	Label the data
	*/
	.calendar td:nth-of-type(1):before { content: "Sunday"; }
	.calendar td:nth-of-type(2):before { content: "Monday"; }
	.calendar td:nth-of-type(3):before { content: "Tuesday"; }
	.calendar td:nth-of-type(4):before { content: "Wednesday"; }
	.calendar td:nth-of-type(5):before { content: "Thursday"; }
	.calendar td:nth-of-type(6):before { content: "Friday"; }
	.calendar td:nth-of-type(7):before { content: "Saturday"; }
	
	.page, .list-wrap{
		overflow-x: auto;
	}
}
/*<-------------------------------------------------------------------------BUTTONS--------------------------------------------------------------------------------->*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General button style (reset) */
.btn, .bar {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn2 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding:10px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.delbar {
	border: 1px solid #c14f4f;
	color: #fff;
	background: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.helpbar {
	border: 1px solid #3389a7;
	color: #fff;
	background: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.viewbar {
	border: 1px solid #555;
	color: #fff;
	background: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after, .bar:after, .delbar:after,.helpbar:after, .viewbar:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before,
.bar:before, .delbar:before,.helpbar:before,.viewbar:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.icon-envelope:before {
	content: "\e000";
}

.icon-cart:before {
	content: "\e007";
}

.icon-cart-2:before {
	content: "\e008";
}

.icon-heart:before {
	content: "\e009";
}

/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
	content: "\e00a";
}

.icon-star:before {
	content: "\e00b";
}

/* Filled star */
.icon-star:after,
.icon-star-2:before {
	content: "\e00c";
}

.icon-arrow-right:before {
	content: "\e00d";
}

.icon-arrow-left:before {
	content: "\e003";
}

.icon-truck:before {
	content: "\e00e";
}

.icon-remove:before {
	content: "\e00f";
}

.icon-cog:before {
	content: "\e010";
}

.icon-plus:before,
.icon-plus:after {
	content: "\e011";
}

.icon-minus:before {
	content: "\e012";
}

.bh-icon-smiley:before {
	content: "\e001";
}

.bh-icon-sad:before {
	content: "\e002";
}

.icon-file:before {
	content: "\e004";
}

.icon-remove-2:before {
	content: "\e005";
}

/* Button 1 */
.btn-1 {
	border: 3px solid #fff;
	color: #fff;
}

/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
	color: #0e83cd;
	background: #fff;
}

/* Button 1b */
.btn-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #fff;
}

.btn-1b:hover,
.btn-1b:active {
	color: #0e83cd;
}

.btn-1b:hover:after,
.btn-1b:active:after {
	height: 100%;
}

/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
}

.btn-1c:hover,
.btn-1c:active {
	color: #0e83cd;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}

/* Button 1d */
.btn-1d {
	overflow: hidden;
}

.btn-1d:after {
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.btn-1d:hover,
.btn-1d:active {
	color: #0e83cd;
}

.btn-1d:hover:after {
	width: 90%;
	opacity: 1;
}

.btn-1d:active:after {
	width: 101%;
	opacity: 1;
}

/* Button 1e */
.btn-1e {
	overflow: hidden;
}

.btn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-1e:hover,
.btn-1e:active {
	color: #0e83cd;
}

.btn-1e:hover:after {
	height: 260%;
	opacity: 1;
}

.btn-1e:active:after {
	height: 400%;
	opacity: 1;
}

/* Button 1f */
.btn-1f {
	overflow: hidden;
}

.btn-1f:after {
	width: 101%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.btn-1f:hover,
.btn-1f:active {
	color: #0e83cd;
}

.btn-1f:hover:after {
	height: 75%;
	opacity: 1;
}

.btn-1f:active:after {
	height: 130%;
	opacity: 1;
}

/* Button 2 */
.btn-2 {
	color: #B17A08;
	box-shadow: 0 6px #B17A08;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	padding:5px;
	background-color: #FFD06E;
	text-transform:uppercase;
}

/* Button 2a */
.btn-2a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-2a:hover {
	box-shadow: 0 4px #B17A08;
	top: 2px;
}

.btn-2a:active {
	box-shadow: 0 0 #B17A08;
	top: 6px;
}
.bar {
	background: #333;
	color: #fff;
	box-shadow: 0 6px #77A328;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
.delbar {
	background: #FC4B4B;
	color: #fff;
	box-shadow: 0 6px #a62000;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
.helpbar {
	background: #357CAA;
	color: #fff;
	box-shadow: 0 6px #16374D;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
.viewbar {
	background: #333;
	color: #fff;
	box-shadow: 0 6px #555;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
.bar {
	border-radius: 0 0 5px 5px;
}
.bar:hover {
	box-shadow: 0 4px #77A328;
	top: 2px;
}
.delbar:hover {
	box-shadow: 0 4px #a62000;
	top: 2px;
}
.helpbar:hover {
	box-shadow: 0 4px #16374D;
	top: 2px;
}
.viewbar:hover {
	box-shadow: 0 4px #555;
	top: 2px;
}
.bar:active {
	box-shadow: 0 0 #77A328;
	top: 6px;
}
.delbar:active {
	box-shadow: 0 0 #a62000;
	top: 6px;
}
.helpbar:active {
	box-shadow: 0 0 #16374D;
	top: 6px;
}
.viewbar:active {
	box-shadow: 0 0 #555;
	top: 6px;
}
/* Button 2a */
.btn-2l {
	border-radius: 5px;
}

.btn-2l:hover {
	box-shadow: 0 4px ;
	top: 2px;
}

.btn-2l:active {
	box-shadow: 0 0 #ccc;
	top: 6px;
}
/* Button 2b */
.btn-2b {
	border-radius: 0 0 5px 5px;
}

.btn-2b:hover {
	box-shadow: 0 8px #ab3c3c;
	top: -2px;
}

.btn-2b:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2c */
.btn-2c {
	border-radius: 5px;
}

.btn-2c:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.btn-2c:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2d */
.btn-2d {
	border-radius: 5px;
}

.btn-2d:hover {
	box-shadow: 0 8px #ab3c3c;
	top: -2px;
}

.btn-2d:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2e */
.btn-2e {
	border-radius: 5px;
	box-shadow: -6px 0 #ab3c3c;
}

.btn-2e:hover {
	box-shadow: -4px 0 #ab3c3c;
	left: -2px;
}

.btn-2e:active {
	box-shadow: 0 0 #ab3c3c;
	left: -6px;
}

/* Button 2f */
.btn-2f {
	border-radius: 5px;
	box-shadow: 6px 0 #ab3c3c;
}

.btn-2f:hover {
	box-shadow: 4px 0 #ab3c3c;
	left: 2px;
}

.btn-2f:active {
	box-shadow: 0 0 #ab3c3c;
	left: 6px;
}

/* Button 2g */
.btn-2g {
	border-radius: 40px;
}

.btn-2g:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.btn-2g:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2h */
.btn-2h {
	border-radius: 20px;
}

.btn-2h:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.btn-2h:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2i */
.btn-2i {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	padding: 0;
}

.btn-2i:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.btn-2i:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 2j */
.btn-2j {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	padding: 0;
}

.btn-2j:hover {
	box-shadow: 0 8px #ab3c3c;
	top: -2px;
}

.btn-2j:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

/* Button 3 */
.btn-3 {
	background: #fcad26;
	color: #fff;
}

.btn-3:hover {
	background: #f29e0d;
}

.btn-3:active {
	background: #f58500;
	top: 2px;
}

.btn-3:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px;
}

/* Button 3a */
.btn-3a {
	padding: 25px 60px 25px 120px;
}

.btn-3a:before {
	background: rgba(0,0,0,0.05);
}

/* Button 3b */
.btn-3b {
	padding: 25px 60px 25px 120px;
	border-radius: 10px;
}

.btn-3b:before {
	border-right: 2px solid rgba(255,255,255,0.5);
}

/* Button 3c */
.btn-3c {
	padding: 80px 20px 20px 20px;
	border-radius: 10px;
	box-shadow: 0 3px #da9622;
}

.btn-3c:active {
	box-shadow: 0 3px #dc7801;
}

.btn-3c:before {
	height: 60px;
	width: 100%;
	line-height: 60px;
	background: #fff;
	color: #f29e0d;
	border-radius: 10px 10px 0 0;
}

.btn-3c:active:before {
	color: #f58500;
}

/* Button 3d */
.btn-3d {
	padding: 25px 60px 25px 120px;
	border-radius: 10px;
}

.btn-3d:before {
	background: #fff;
	color: #fcad26;
	z-index: 2;
	border-radius: 10px 0 0 10px;
}

.btn-3d:after {
	width: 20px;
	height: 20px;
	background: #fff;
	z-index: 1;
	left: 55px;
	top: 50%;
	margin: -10px 0 0 -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-3d:active:before {
	color: #f58500;
}

.btn-3d:active {
	top: 0;
}

.btn-3d:active:after {
	left: 60px;
}

/* Button 3e */
.btn-3e {
	padding: 25px 120px 25px 60px;
	overflow: hidden;
}

.btn-3e:before {
	left: auto;
	right: 10px;
	z-index: 2;
}

.btn-3e:after {
	width: 30%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);
}

.btn-3e:hover:after {
	width: 40%;
}

/* Button 4 */
.btn-4 {
	border-radius: 50px;
	border: 3px solid #fff;
	color: #fff;
	overflow: hidden;
}

.btn-4:active {
	border-color: #17954c;
	color: #17954c;
}

.btn-4:hover {
	background: #24b662;
}

.btn-4:before {
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-4:active:before {
	color: #17954c;
}

/* Button 4a */
.btn-4a:before {
	left: 130%;
	top: 0;
}

.btn-4a:hover:before {
	left: 80%;
}

/* Button 4b */
.btn-4b:before {
	left: -50%;
	top: 0;
}

.btn-4b:hover:before {
	left: 10%;
}

/* Button 4c */
.btn-4c:before {
	left: 70%;
	opacity: 0;
	top: 0;
}

.btn-4c:hover:before {
	left: 80%;
	opacity: 1;
}

/* Button 4d */
.btn-4d:before {
	left: 30%;
	opacity: 0;
	top: 0;
}

.btn-4d:hover:before {
	left: 10%;
	opacity: 1;
}

/* Button 5 */
.btn-5 {
	background: #823aa0;
	color: #fff;
	height: 70px;
	min-width: 260px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.btn-5:active {
	background: #9053a9;
	top: 2px;
}

.btn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 2.5;
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-5:active:before {
	color: #703b87;
}

/* Button 5a */
.btn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btn-5a:before {
	left: 0;
	top: -100%;
}

.btn-5a:hover:before {
	top: 0;
}

/* Button 5b */
.btn-5b:hover span {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
}

.btn-5b:before {
	left: -100%;
	top: 0;
}

.btn-5b:hover:before {
	left: 0;
}

/* Button 6 */
.btn-6 {
	color: #fff;
	background: #226fbe;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-6:active {
	top: 2px;
}

/* Button 6a */
.btn-6a {
	border: 4px solid #226fbe;
}

.btn-6a:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6b */
.btn-6b {
	border: 4px solid #226fbe;
	border-radius: 15px;
}

.btn-6b:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6c */
.btn-6c {
	border: 4px solid #226fbe;
	border-radius: 60px;
}

.btn-6c:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6d */
.btn-6d {
	border: 2px dashed #226fbe;
}

.btn-6d:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6e */
.btn-6e {
	border: 2px dashed #226fbe;
	border-radius: 15px;
}

.btn-6e:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6f */
.btn-6f {
	border: 2px dashed #226fbe;
	border-radius: 60px;
}

.btn-6f:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6g */
.btn-6g {
	border: 2px dotted #226fbe;
}

.btn-6g:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6h */
.btn-6h {
	border: 2px dotted #226fbe;
	border-radius: 15px;
}

.btn-6h:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6i */
.btn-6i {
	border: 2px dotted #226fbe;
	border-radius: 60px;
}

.btn-6i:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6j */
.btn-6j {
	border: 4px double #226fbe;
}

.btn-6j:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6k */
.btn-6k {
	border: 4px double #226fbe;
	border-radius: 15px;
}

.btn-6k:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 6l */
.btn-6l {
	border: 4px double #226fbe;
	border-radius: 60px;
}

.btn-6l:hover {
	background: transparent;
	color: #226fbe;
}

/* Button 7 */
.btn-7 {
	background: #17aa56;
	color: #fff;
	border-radius: 7px;
	box-shadow: 0 5px #119e4d;
	padding: 25px 60px 25px 90px;
}

/* Button 7a */
.btn-7a {
	overflow: hidden;
}

.btn-7a:before {
	position: absolute;
	left: 0;
	width: 40%;
	font-size: 160%;
	line-height: 0.8;
	color: #0a833d;
}

.btn-7a.btn-activated {
	-webkit-animation: fadeOutText 0.5s;
	-moz-animation: fadeOutText 0.5s;
	animation: fadeOutText 0.5s;
}

.btn-7a.btn-activated:before {
	-webkit-animation: moveToRight 0.5s;
	-moz-animation: moveToRight 0.5s;
	animation: moveToRight 0.5s;
}

@-webkit-keyframes fadeOutText {
	0% { color: transparent; }
	80% { color: transparent; }
	100% { color: #fff; }
}

@-moz-keyframes fadeOutText {
	0% { color: transparent; }
	80% { color: transparent; }
	100% { color: #fff; }
}

@keyframes fadeOutText {
	0% { color: transparent; }
	80% { color: transparent; }
	100% { color: #fff; }
}

@-webkit-keyframes moveToRight {
	80% { -webkit-transform: translateX(250%); }
	81% { opacity: 1; -webkit-transform: translateX(250%); }
	82% { opacity: 0; -webkit-transform: translateX(250%); }
	83% { opacity: 0; -webkit-transform: translateX(-50%); }
	84% { opacity: 1; -webkit-transform: translateX(-50%);  }
	100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes moveToRight {
	80% { -moz-transform: translateX(250%); }
	81% { opacity: 1; -moz-transform: translateX(250%); }
	82% { opacity: 0; -moz-transform: translateX(250%); }
	83% { opacity: 0; -moz-transform: translateX(-50%); }
	84% { opacity: 1; -moz-transform: translateX(-50%);  }
	100% { -moz-transform: translateX(0%); }
}

@keyframes moveToRight {
	80% { transform: translateX(250%); }
	81% { opacity: 1; transform: translateX(250%); }
	82% { opacity: 0; transform: translateX(250%); }
	83% { opacity: 0; transform: translateX(-50%); }
	84% { opacity: 1; transform: translateX(-50%);  }
	100% { transform: translateX(0%); }
}

/* Button 7b */
.btn-7b {
	overflow: hidden;
}

.btn-7b:before {
	position: absolute;
	left: 0;
	width: 40%;
	font-size: 160%;
	line-height: 0.8;
	color: #0a833d;
}

.btn-7b.btn-activated:before {
	-webkit-animation: scaleUp 0.5s;
	-moz-animation: scaleUp 0.5s;
	animation: scaleUp 0.5s;
}

@-webkit-keyframes scaleUp {
	80% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
}

@-moz-keyframes scaleUp {
	80% {
		opacity: 0;
		-moz-transform: scale(2);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(2);
	}
}

@keyframes scaleUp {
	80% {
		opacity: 0;
		transform: scale(2);
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}

/* Icon only style */
.btn-icon-only {
	font-size: 0;
	padding: 25px 30px;
}

.btn-icon-only:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 26px;
	line-height: 54px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Button 7c */
.btn-7c {
	overflow: hidden;
}

.btn-7c:before {
	color: #fff;
	z-index: 1;
}

.btn-7c:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 0;
	width: 0;
	background: #0a833d;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-7c.btn-activated:after {
	-webkit-animation: fillToRight 0.7s forwards;
	-moz-animation: fillToRight 0.7s forwards;
	animation: fillToRight 0.7s forwards;
}

@-webkit-keyframes fillToRight {
	to { 
		width: 100%;
	}
}

@-moz-keyframes fillToRight {
	to { 
		width: 100%;
	}
}

@keyframes fillToRight {
	to { 
		width: 100%;
	}
}

/* Button 7d */
.btn-7d {
	overflow: hidden;
}

.btn-7d:before {
	color: #fff;
	z-index: 1;
}

.btn-7d:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	z-index: 0;
	background: #21bb63;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-7d.btn-activated:after {
	-webkit-animation: emptyBottom 0.7s forwards;
	-moz-animation: emptyBottom 0.7s forwards;
	animation: emptyBottom 0.7s forwards;
}

@-webkit-keyframes emptyBottom {
	to { 
		height: 100%;
	}
}

@-moz-keyframes emptyBottom {
	to { 
		height: 100%;
	}
}

@keyframes emptyBottom {
	to { 
		height: 100%;
	}
}

/* Button 7e */
.btn-7e:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 26px;
	line-height: 54px;
	color: #ea515e;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-7e.btn-activated:after {
	-webkit-animation: scaleFade 0.5s forwards;
	-moz-animation: scaleFade 0.5s forwards;
	animation: scaleFade 0.5s forwards;
} 

@-webkit-keyframes scaleFade {
	50% { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
	}
}

@-moz-keyframes scaleFade {
	50% { 
		opacity: 1;
		-moz-transform: scale(1);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(2.5);
	}
}

@keyframes scaleFade {
	50% { 
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}

/* Button 7f */
.btn-7f:before {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}
.btn-7f:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 26px;
	line-height: 54px;
	color: #ffe44d;
	visibility: hidden;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffe44d;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	transform: scale(4);
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-7f.btn-activated:after {
	visibility: visible;
	-webkit-animation: dropDown 0.3s forwards;
	-moz-animation: dropDown 0.3s forwards;
	animation: dropDown 0.3s forwards;
} 

@-webkit-keyframes dropDown {
	to { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes dropDown {
	to { 
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@keyframes dropDown {
	to { 
		opacity: 1;
		transform: scale(1);
	}
}

/* Button 7g */
.btn-7g:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 26px;
	line-height: 54px;
	color: #0a833d;
	visibility: hidden;
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-7g.btn-activated:after {
	visibility: visible;
	-webkit-animation: dropDownFade 0.5s forwards;
	-moz-animation: dropDownFade 0.5s forwards;
	animation: dropDownFade 0.5s forwards;
} 

@-webkit-keyframes dropDownFade {
	50% { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% { 
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}

@-moz-keyframes dropDownFade {
	50% { 
		opacity: 1;
		-moz-transform: scale(1);
	}
	100% { 
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}

@keyframes dropDownFade {
	50% { 
		opacity: 1;
		transform: scale(1);
	}
	100% { 
		opacity: 0;
		transform: scale(1.5);
	}
}

/* Button 7h */
.btn-7h {
	overflow: hidden;
}

.btn-7h span {
	display: inline-block;
	width: 100%;
}

.btn-7h:before {
	position: absolute;
	left: 0;
	width: 40%;
	font-size: 160%;
	line-height: 0.8;
	color: #0a833d;
}

/* Success and error */

.btn-success,
.btn-error {
	color: transparent;
}

.btn-success:after,
.btn-error:after {
	z-index: 1;
	color: #fff;
	left: 40%;
}

.btn-success:before {
	content: "\e001";
}

.btn-success:after {
	content: "Success!";
	-webkit-animation: moveUp 0.5s;
	-moz-animation: moveUp 0.5s;
	animation: moveUp 0.5s;
}

@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		-moz-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		transform: translateY(0);
	}
}

.btn-error {
	-webkit-animation: shake 0.5s;
	-moz-animation: shake 0.5s;
	animation: shake 0.5s;
}

/* From Dan Eden's animate.css: http://daneden.me/animate/ */
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.btn-error:before {
	content: "\e002";
}

.btn-error:after {
	content: "Error!";
	-webkit-animation: scaleFromUp 0.5s;
	-moz-animation: scaleFromUp 0.5s;
	animation: scaleFromUp 0.5s;
}

@-webkit-keyframes scaleFromUp {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes scaleFromUp {
	0% {
		-moz-transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@keyframes scaleFromUp {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		transform: scale(1);
	}
}

/* Special trash effect */
.trash-effect {
	position: relative;
	max-width: 320px;
	margin: 60px auto 0;
} 

.trash-effect .icon-file {
	font-size: 30px;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -45px 0 0 -25px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateX(90px) translateY(20px) scale(1);
	-moz-transform: translateX(90px) translateY(20px) scale(1);
	-ms-transform: translateX(90px) translateY(20px) scale(1);
	transform: translateX(90px) translateY(20px) scale(1);
}

.trash-effect .icon-file:nth-child(2) {
	-webkit-transform: translateX(140px) translateY(-10px) scale(1);
	-moz-transform: translateX(140px) translateY(-10px) scale(1);
	-ms-transform: translateX(140px) translateY(-10px) scale(1);
	transform: translateX(140px) translateY(-10px) scale(1);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.trash-effect .icon-file:nth-child(3) {
	-webkit-transform: translateX(140px) translateY(50px) scale(1);
	-moz-transform: translateX(140px) translateY(50px) scale(1);
	-ms-transform: translateX(140px) translateY(50px) scale(1);
	transform: translateX(140px) translateY(50px) scale(1);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.trash-effect.trash-effect-active .icon-file {
	-webkit-transform: translateX(-100px) translateY(-10px) scale(0);
	-moz-transform: translateX(-100px) translateY(-10px) scale(0);
	-ms-transform: translateX(-100px) translateY(-10px) scale(0);
	transform: translateX(-100px) translateY(-10px) scale(0);
}

/* Button 7i */
.btn-7i {
	box-shadow: none;
	border-radius: 0 0 7px 7px;
	padding: 27px 33px;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}

.btn-7i:before {
	line-height: 45px;
}

.btn-7i:after {
	height: 10px;
	width: 100%;
	background: #17aa56;
	border-radius: 7px 7px 0 0;
	left: 0;
	top: -10px;
	z-index: 1;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.trash-effect-active .btn-7i:after {
	-webkit-animation: openTrash 0.5s;
	-moz-animation: openTrash 0.5s;
	animation: openTrash 0.5s;
}

@-webkit-keyframes openTrash {
	50% {
		-webkit-transform: rotate(-35deg);
	}
	100% { 
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes openTrash {
	50% {
		-moz-transform: rotate(-35deg);
	}
	100% { 
		-moz-transform: rotate(0deg);
	}
}

@keyframes openTrash {
	50% {
		transform: rotate(-35deg);
	}
	100% { 
		transform: rotate(0deg);
	}
}

/* Button 8 */
.perspective {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	display: inline-block;
}

.btn-8 {
	display: block;
	background: #5cbcf6;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.btn-8:active {
	background: #55b7f3;
}

/* Button 8a */
.btn-8a:after {
	width: 100%;
	height: 40%;
	left: 0;
	top: -40%;
	background: #49a7df;
	-webkit-transform-origin: 0% 100%;
	-webkit-transform: rotateX(90deg);
	-moz-transform-origin: 0% 100%;
	-moz-transform: rotateX(90deg);
	transform-origin: 0% 100%;
	transform: rotateX(90deg);
}

.btn-8a:hover {
	-webkit-transform: rotateX(-15deg);
	-moz-transform: rotateX(-15deg);
	-ms-transform: rotateX(-15deg);
	transform: rotateX(-15deg);
}

/* Button 8b */
.btn-8b:after {
	width: 100%;
	height: 40%;
	left: 0;
	top: 100%;
	background: #49a7df;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateX(-90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateX(-90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateX(-90deg);
	transform-origin: 0% 0%;
	transform: rotateX(-90deg);
}

.btn-8b:hover {
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

/* Button 8c */
.btn-8c:after {
	width: 20%;
	height: 100%;
	left: -20%;
	top: 0;
	background: #49a7df;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.btn-8c:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}

/* Button 8d */
.btn-8d:after {
	width: 20%;
	height: 100%;
	left: 100%;
	top: 0;
	background: #49a7df;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateY(90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateY(90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateY(90deg);
	transform-origin: 0% 0%;
	transform: rotateY(90deg);
}

.btn-8d:hover {
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	-ms-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

/* Button 8e */
.btn-8e {
	-webkit-transform: rotateX(-15deg);
	-moz-transform: rotateX(-15deg);
	-ms-transform: rotateX(-15deg);
	transform: rotateX(-15deg);
}

.btn-8e:after {
	width: 100%;
	height: 40%;
	left: 0;
	top: -40%;
	background: #49a7df;
	-webkit-transform-origin: 0% 100%;
	-webkit-transform: rotateX(90deg);
	-moz-transform-origin: 0% 100%;
	-moz-transform: rotateX(90deg);
	-ms-transform-origin: 0% 100%;
	-ms-transform: rotateX(90deg);
	transform-origin: 0% 100%;
	transform: rotateX(90deg);
}

.btn-8e:active {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/* Button 8f */
.btn-8f {
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-ms-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.btn-8f:after {
	width: 100%;
	height: 40%;
	left: 0;
	top: 100%;
	background: #49a7df;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateX(-90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateX(-90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateX(-90deg);
	transform-origin: 0% 0%;
	transform: rotateX(-90deg);
}

.btn-8f:active {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/* Button 8g */
.btn-8g {
	background: #fff;
	color: #999;
}

.btn-8g:active {
	background: #fff;
}

.btn-8g:after,
.btn-8g:before {
	text-transform: uppercase;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	line-height: 70px;
}

.btn-8g:after {
	top: -100%;
	background: #7aca7c;
	color: #358337;
	content: 'It worked!';
	-webkit-transform-origin: 0% 100%;
	-webkit-transform: rotateX(90deg);
	-moz-transform-origin: 0% 100%;
	-moz-transform: rotateX(90deg);
	-ms-transform-origin: 0% 100%;
	-ms-transform: rotateX(90deg);
	transform-origin: 0% 100%;
	transform: rotateX(90deg);
}

.btn-8g:before {
	top: 100%;
	background: #e96a6a;
	color: #a33a3a;
	content: 'Error!';
	font-weight: 700;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateX(-90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateX(-90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateX(-90deg);
	transform-origin: 0% 0%;
	transform: rotateX(-90deg);
}

.btn-8g.btn-success3d {
	background: #aaa;
	-webkit-transform-origin: 50% 100%;
	-webkit-transform: rotateX(-90deg) translateY(100%);
	-moz-transform-origin: 50% 100%;
	-moz-transform: rotateX(-90deg) translateY(100%);
	-ms-transform-origin: 50% 100%;
	-ms-transform: rotateX(-90deg) translateY(100%);
	transform-origin: 50% 100%;
	transform: rotateX(-90deg) translateY(100%);
}

.btn-8g.btn-error3d  {
	background: #aaa;
	-webkit-transform-origin: 50% 0%;
	-webkit-transform: rotateX(90deg) translateY(-100%);
	-moz-transform-origin: 50% 0%;
	-moz-transform: rotateX(90deg) translateY(-100%);
	-ms-transform-origin: 50% 0%;
	-ms-transform: rotateX(90deg) translateY(-100%);
	transform-origin: 50% 0%;
	transform: rotateX(90deg) translateY(-100%);
}
/*PHOTO DESCRIPTIONS*/
.imgcaption {
    -webkit-backface-visibility: hidden; /* prevent flash when embedding fiddle */
	display: inline-block;
	position: relative;
	margin: 10px;
	overflow: hidden;
	background: #000;
}

.imgcaption img {
	display: block;
	width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.imgcaption:hover img {
	opacity: 0.5;
}

.imgcaption::after{
	position: absolute;
	width: 90%;
	height: 40%;
	color: #fff;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.imgcaption::before {
	position: absolute;
	width: 90%;
	height: 60%;
	color: #333;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}

.imgcaption::after {
	content: attr(data-title);
	top: 0;
	background: #333;
	font-size: 20px;
	font-weight: 300;
	padding: 5%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.imgcaption::before {
	content: attr(data-description) '...';
	text-wrap:none;
	top: 50%;
	background: #ccc;
	padding: 5%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}

.imgcaption:hover::after,
.imgcaption:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
/*RADIOS & CHECKBOXES*/
/*input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#333;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#333;
    font-family:Arial, sans-serif;
    font-size:14px;
}*/

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(check_radio_sheet.png) -57px top no-repeat;
}
select {
   padding:7px 0px 7px 2px;
    margin-bottom: 18px;
     border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
  color: #333 !important;
  background-color: #f5f5f5;
    display: inline-block;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    cursor:pointer;
	background: #f5f5f5 url(../images/down-arrow.png) no-repeat center right 5px;
   }
/*input[type="text"]{
	padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#333;
    border:#ccc 1px solid;
    outline:none;
    display: inline-block;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    cursor:pointer;
}
*/
/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */
 input[type="text"], input[type="password"], input[type="time"]{
	background-color: #f5f5f5;
  margin-bottom: 18px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
  color: #333 !important;
  padding: 7px 0px 7px 2px;
 }
 input[type="text"].error, input[type="password"].error, input[type="time"].error{
	background-color: #FEF1ED;
  margin-bottom: 18px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #c00;
  color: #333 !important;
  padding: 7px 0px 7px 2px;
 }
 button, input[type="submit"]{
	 width:100%;
	 max-width:250px;
 }
 .coat_nav button, .coat_nav input[type="submit"]{
	 width: -moz-calc(100%/9);
	width: -webkit-calc(100%/9);
	width: calc(100%/9);
	width: 11.11%;
	margin-right:10px;
	float:left;
 }
 .coat_nav form{
	 float:left;
	 width: -moz-calc(100%/9);
	width: -webkit-calc(100%/9);
	width: calc(100%/9);
	width: 11.11%;
	margin-right:10px;
 }
  .coat_nav form button{
	  width:100%;
  }
.dk_container  {
  background-color: #FFF;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 18px;
  border-radius: 5px;
  border-color:#ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .dk_container:focus {
    outline: 0; }
  .dk_container a {
    cursor: pointer;
    text-decoration: none; }

.dk_toggle {
  border: 1px solid #ccc;
  color: #333 !important;
  padding: 7px 0px 7px 2px;
  text-shadow: #fff 1px 1px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
  position: relative; }
  .dk_toggle:hover {
    border-color: #8c8c8c; }
  .dk_toggle:after {
    position: absolute;
    top: 45%;
    right: 10px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4B4B4B; }

/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
  border-color: #888;
}
/* Applied whenever the dropdown is open */
.dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10; }
  .dk_open .dk_toggle {
    background-color: #ececec;
    border-color: #8c8c8c;
    color: #ccc;
    box-shadow: inset 0 -2px 5px #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0; }

/* The outer container of the options */
.dk_options {
  background: #fefefe;
  /* Removes transparent background on iOS5+ scroll */
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; }
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #999;
    font-weight: bold;
    padding: 8px 10px; }
  .dk_options a:hover,
  .dk_options .dk_option_current a {
    background-color: #888 !important;
    border-bottom-color: #333;
    color: #fff !important;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0; }
  .dk_options li{
	  padding:0 !important;
  }
  .dk_options li:last-child a {
    border-bottom: none; }
  .dk_options .disabled {
    cursor: default; }
    .dk_options .disabled a {
      color: #aaa; }
    .dk_options .disabled:hover, .dk_options .disabled:hover a {
      cursor: default;
      background-color: #fff;
      border-bottom-color: #999;
      text-shadow: none; }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #8c8c8e;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  text-shadow: #fff 0 1px 0;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; }

/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
.dk_container {
  display: none;
  float: left; }
  .dk_container a {
    outline: 0; }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1; }

.dk_open {
  position: relative; }
  .dk_open .dk_options {
    display: block; }
  .dk_open .dk_label {
    color: inherit; }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%; }
  .dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block; }

.dk_options_inner {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  max-height:200px; }

/* Hides only dropkick <select> instances */
.dk_container select {
  position: absolute;
  top: -99999em;
  visibility: hidden; }

/*  nativeMobile override */ 
.dk_mobile {
  position: relative; }
  .dk_mobile select {
    display: block;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    visibility: visible;
    opacity: 0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; }
/***** End Critical to the continued enjoyment of working dropdowns ******/
/*ACCORDION*/
.ac-container{
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label{
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	line-height: 15px;
	font-size: 15px;
	background: #eee;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
		text-align:center;
}
.ac-container label.late{
	background: #FC4B4B;
	color:#fff;
}
.ac-container label.today{
	background-color:#8fc929;
	
}
.ac-container label:hover{
	background: #77A328;
}
.ac-container label:hover.late{
	background: #a62000;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #eee;
	color: #333;
}
.ac-container input:checked + label.late,
.ac-container input:checked + label:hover.late{
	background: #a62000;
	color: #333;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	color: #333;
	line-height: 23px;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 300px;
}
/*PROJECT TIMELINE THINGY*/
.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #b3b3b3;
	left: 20%;
	margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 2em;
	color: #333;
}


/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #444;
	color: #fff;
	padding: 2em;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #b3b3b3;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #444;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #b3b3b3;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #333;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #b3b3b3;
	text-align: center;
	left: 20%;
	/*top: 0;*/
	margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}	
}
/*
jQuery.Scheduler
Copyright (c) 2013 S Bondaryev - sbondaryev@gmail.com 
MIT License Applies
*/

div.scheduler-vtheader,
div.scheduler-vtheader-agregator,
div.scheduler-vtheader-agregate-row,
div.scheduler-vtheader-row,
div.scheduler-menu,
div.scheduler-menu-item,
div.scheduler-slide,
div.scheduler-hzheader,
div.scheduler-hzheader-months,
div.scheduler-hzheader-month,
div.scheduler-hzheader-days,
div.scheduler-hzheader-day,
div.scheduler-workbench,
div.scheduler-unavailable,
div.scheduler-agregator,
div.scheduler-row,
div.scheduler-block {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing:border-box;
}

div.scheduler-hzheader-month,
div.scheduler-hzheader-day,
div.scheduler-vtheader,
div.scheduler-workbench,
div.scheduler-vtheader-agregator-name,
a.scheduler-vtheader-agregator-name {
    float: left;
}

div.scheduler-hzheader-month,
div.scheduler-hzheader-day {
    text-align: center;
}

div.scheduler-hzheader-day.last,
div.scheduler-hzheader-month.last {
    border-right: none;
}

div.scheduler-vtheader-agregator.last {
    border-bottom: 1px solid #d0d0d0;
}

div.scheduler-nonselectable {
    cursor: default;
}

div.scheduler-nonselectable::-selection  {
    background: rgba(0,0,0,0);
}
div.scheduler-nonselectable::-moz-selection  {
    background: rgba(0,0,0,0);
}

div.scheduler {
    border: 1px solid #999;
    overflow: hidden;
    position: relative;
    width: 600px;
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

/* Horizontal Header */
div.scheduler-hzheader-month {
    width: 60px;
    height: 20px;
    border-right: 1px solid #d0d0d0;
    line-height: 20px;
}

div.scheduler-hzheader-day {
    width: 20px;
    height: 20px;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #d0d0d0;
    line-height: 20px;
    color: #777;
}

div.scheduler-hzheader-day.scheduler-weekend {
    background-color: #fafafa;
}


/* Vertical Header */
div.scheduler-vtheader {
    position: relative;
    z-index: 10;
    width: 200px;
    overflow: hidden;
    background-color: #fff;
    border-right: 1px solid #999;
    padding-bottom: 1000em;
    margin-bottom: -1000em;
}

div.scheduler-vtheader-agregator,
div.scheduler-menu {
    overflow: hidden;
    color: #777;
    line-height: 16px;
}

div.scheduler-vtheader-agregator {
    position: relative;
    border-top: 1px solid #d0d0d0;
}

div.scheduler-vtheader-row,
div.scheduler-vtheader-agregate-row {
    margin-left:auto;
    width: 0px;
    border-top: 1px solid #d0d0d0;
}

div.scheduler-vtheader-row {
    width: 100px;
    text-align: left;
}

div.scheduler-vtheader-agregator-name,
a.scheduler-vtheader-agregator-name,
div.scheduler-vtheader-row {
    padding-top: 3px;
    padding-left: 8px;
    font-size: 0.8em;
    line-height: 1;
}

a.scheduler-vtheader-agregator-name {
    margin-right: 15px;
    text-decoration: none;
    outline: 0;
    color: #777;
}
a.scheduler-vtheader-agregator-name:hover {
    color: #000;
}

div.scheduler-vtheader-agregator-toggle {
    width: 20px;
    height: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAAXNSR0IArs4c6QAAAGtJREFUKM/d0cENwzAMA0CyWcWzcSjPRo/isK8kRisE/RQFyi8PgiABPwvHGPMjCAC2Q7IESdBau9oKH+icWOEVlbEd28E/h5JmksctIncCwIGrg5Pce+/b2bziFb19Zl1jRWUkTUnz++d5Akn8SFDyHM0/AAAAAElFTkSuQmCC');
    position: absolute;
    top: 0px;
    right: 0px;
    background-position: 5px 0px;
    background-repeat: no-repeat;
}

div.scheduler-vtheader-agregator-toggle.up {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAAXNSR0IArs4c6QAAAGRJREFUKM/l0cEJwDAMA0Crs3gD7T+CN3BGSd1HGzBOyK9QqD4BcZiARF6Pu4e7R+1REXBXESGqiglmNJIxBtp9R1WB1lpP3fG8p/wqJIPkfpkKzGxeZnUlY+xQxiDZ0ypfXOQCWXkviR7NIgIAAAAASUVORK5CYII=');
}
div.scheduler-vtheader-agregator-toggle:hover {
    background-position: 5px -10px;
}

div.scheduler-menu {
    height:40px;
    padding-top: 13px;
}

div.scheduler-menu-item {
    float:right;
    width: 16px;
    height: 16px;
    margin-right: 13px;
    background-size: 16px 32px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

div.scheduler-menu-item.copy {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAA6JJREFUSMeVlLtLK1sUxr+ZM5PMxBDxhRKUJCDGRsVKLRQEhVtaWOkfYHk6sUjhsRAsAzZWOWBnKagIIRg1Xg2ikqQyNokPVIj4iJNJMnvtW3hnTMwJeBZs9rBZj9+svdcnBINBzjkH5xyMMRARiMj6ZoxVrZWVFQEVJnHOMT09je9YMBisOZPM6tlsFqVSCYlEAvWIXC4XFhcXeSWRxDkHAAiCAFEU8bdEEhEBALq6ugAAZ2dnVUS6rqNQKEDXdRiGYQWPj4+DiD4TmFZJ9KdV6ccYq03wleirmQVMX5GIag7rmenHObeaK3LO8fj4WJMgl8shm83WDTZ3kYhwcnKCi4sL5PN5K4GmaTg9PcXh4SE0TaupbC6JMQa/349sNotUKgUiQiwWg67rcLlcyOVy2NrawuDgILxer1W9kuClp6cHbW1tICL4fD7oug7OOWRZhqqqkCQJ8Xgce3t7eH5+BuccgiBY19goCAIGBgbQ3t6O3d1dKIqCUqmE1tZWEBF0XYckSXC73XC5XHA4HLi8vPx8B6urq2CMQRAEKIqC2dlZpNNpJJNJlMtleL1e9PX1wWazQVVVPDw8YH19/ZVz/o+0vLxsvY7r62v72tqaLssynE4nbDYbhoeH4Xa7wRgDABSLRRwfH4Nz/jMUCv0rfbnnsklkNurq6qpmtDnnv0Kh0G8AEGZmZrjZWdOBiGAYhrUbhgHGGAzDwNHRUbUeEBHm5ua+NX0LCwv19SCdTlv/V4+oubkZk5OTvJKoRg/+lsiaxu7ubgDAwcFBFZGmaXh/f4emaSiXy1bw1NTU51P+rh6Iolg1dIZh1NcDk+irVfoTEUSzSaZ9JfpTsDlIjLEPPbi7u6txur+/RzqdrhtcpQfhcBixWAwvLy8WQT6fRzQaxfb2Nt7e3moqm+Q/fD7f4ujoKDKZDKLRKIgIr6+vuLm5gaIoeHp6wvn5OVRVRUtLi/mUwTnHzs4ORMbYS39/P9xuN4gIvb290DQNnHPYbDY0NDRAlmVEIhFsbm4il8vV6oEoihgZGUFnZyc2NjagqiqKxSI6OjpARNA0DbIsw+PxoKmpCU6nE4lE4kMCxsbGuDkwgiDA4XBgfn4eyWQS8XgcxWIRfr8fQ0NDUBQFTqcTt7e3CAQCH3qwv79vTVckErEvLS3pdrsdjY2NsNvtmJiYgMfjsZpbKBQQDofBOf+ZyWSq9YCIykSEQCBgdTyVSlWN9v/d/5XJZH4DwH+elSeZGERMEwAAAABJRU5ErkJggg==');
}
div.scheduler-menu-item.copy:hover {
    background-position: 0px -16px;
}

div.scheduler-menu-item.delete {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90EDwszE7MX2MgAAAYASURBVEjHZVVvaFNXH37uv9zbm5g0vUkJBkwaWkdlU4Qa1iZtpGXzgx/eva8wmXTjdrX6fhmkYMYK2+eyD64iTMQvFQaOV+h8rXSt2IJr77u61qrQYDBa2+ibvlkTG5s/zU1z77nvB5ds6oEDh3Oe33PO+f3O8xzgjxYOhwNDQ0PGxMTEeVVVJbzRCCHsrVu3hoeGhgxZlgPVeboaLAiC0tnZibm5uS+uXLnyo67r4l8Jrl+//v3MzMxXwWAQLpdLqZJQ4XA4YDKZlJ6eHjQ2NmJjYwMzMzPw+Xy3BwYGjjIMs3316tXRpaUlubu7u4aZnp5GOp0OMl1dXc8OHz4Mh8MBQggEQUBjYyPu37/vzWQyzX19fYH5+fl/hkIhSJIEQghEUYTT6UQ6nf6cmpyc/HZ6evrLrq4uSJIEiqJgGAZevHiBubk5AEBnZyccDkftOplMBrOzszhw4MA4Mzo6Op/NZpvm5+ffs9vt4DgOhBDwPA9JkuB2u1FfXw9N06DrOtLpNBRFgcfj+a23t7eXNZlMRULIZ5qm0YqiHD906BDsdjsAQBRf5VFVVQBANpvF4uIiPB7PrwMDAx+JophmAYCmaY0QcoLjuO07d+70HTx4EFarFRRF1Y6dy+Vw7949NDc3/3Lq1Kl/CIKwWSvjHyTEZrOlCCHY2dmBqqoolUq1Xi6XQQiB1WrN8Dyfrcax1cG1a9e+m5iYGGxpaQHDMCiVSrWEAgDDMHC73VhYWDimadoYIeQTmqbLLCGEvnHjxvDk5OSg1+sFx3G1OxcKBQCAxWIBAOzatQt79uzB3bt3/07T9JVKpfIp097e/s34+PjXbrcbPM9D13VomoZcLodEIoGXL1+C4zhQFAVN00DTNARBQCwWa83lcl5GEITbLpcLJpMJhBDouo58Po9kMonW1tbZpqamxYcPH+5jWRYURUHXddA0DZ7nEY1G97OapgXX19cVp9MJQRCgqirS6TR2794dO3369MeiKGaKxeLPy8vLH1Yx5XIZGxsb0HU9SAGALMsBiqIUh8OBTCYDj8ezHIlEPjCbzb8DgKZp/IULF8YePHhwVJIkZDIZGIYRvHz58n9qdZZlOSDLsnH+/Pmxzc1N35tyVlXVdunSpR9kWX5NzrUyrq6uwmQygef55Ojo6NabBBcvXizG4/H/JpNJbG39uUwDQCgUCnAcp/h8PqysrHyxtLT048jIyGt+sLy8/H08Hv/K5/PBarUqfr//lR+EQqEAy7LK3r17YbFYUCgUEI/HIUnS7fb29qODg4PbsiyPPn/+XP4r5tGjRygUCkGqp6fHaG5urj2W6gN68uQJ3G73v3ie/9/Kykq4paXlLczjx4/BHDlyRIzH4wFRFMGyLAzDAMuyMJvNSCQS72az2fd9Ph/MZjMMw4BhGMjn89UNxpkTJ07Ml0qlprW1tfdEUQRN06+R2Gw2iKIIXddhGAYKhQKePn0Ku93+W1tbWy9z8+bNSl9f3/V8Pv9OIpF4t66uDjRNgxAChmHAMAwIISCEoFgsYnV1FXa7/deOjo6/RSKRDQYApqamSH9//0+lUmnP2traQUEQaiepBm9vb+PZs2dwOp2/BAKBj86cOfPiNT8Ih8Okrq4uZRhGTVCVSqXWNU2DYRgQBCHDsmzND5jqoL+//7tYLBZxOp1gWRa6rtfEpes6KIoCwzBIpVL7crnc/pMnT/57ampKp86dO0dHo9HhWCz2ZUNDA3ier5WqXC4DwFtzm5ub8Hg8P7W1tX3KeL3eb6LR6Nf19fW1Muq6jnK5jGw2i1KpBIZhqt8bKIoCx3FIpVKtqqp6GY7jblutVjAMU0tauVzG1tYWXC7XrCRJi6lUah9N06Ao6k2S/ayu68GtrS3FYrGA4zhUKhUUCgXYbLZYR0fHxyaTKbOzs/Pz+vr6h1WMpmnI5/MghLzyA7/fH6AoSjGbzSgWi2hoaFju7u7+IBKJ/A4AIyMjvKIoY8lk8qgoiigWizAMI7iwsPCnH/j9/oDf7zeOHTs2Njw8/JYfnD171nb8+PEf/H6/UVUiAPwfduv5UG+kAjgAAAAASUVORK5CYII=');
}
div.scheduler-menu-item.delete:hover {
    background-position: 0px -16px;
}

div.scheduler-menu-item.zoomin {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90DBg4NDlg3/h0AAAPoSURBVEjHfZRvaJZVGMav+xms19iG1UqNSjKymtu0UhtNtsWGISIKCdUnEaxvbu8a/jf/rXonQ99tfdiXICSCECXEEHVzitiafTBEGP2dKWkLJ5UyBnvPfV192Ou21/exmwcOPPc517nPOdf9M0yLT7u6SmG2wYAaADMADEk6AujkxsYmISZscnFnZy3MDgMohWV/a3LNUZHrGpPJsViBzo70fIN9D0OxwQYBdMMwAqEawPuSCgF8Lum9pubmnEqijvRBk7BTUrGoC5SWSure2Nh0WFKS0ipJlLReQPn9FUSSIGlldtzclEyONSaTAoDGZFISz0g6MZHnijwBUAA5UyREXrl/gpwQeUkkQD2dJ0AJlO5mx/n3T3ASlMqy+eH8I0CQdFoiJKba97cV3ku2t6VM4hKJa7L5U7Gv0L6/rQLCAIAEoH4AXRJum6EasBYAJQBuAKrctHXb37E+aG9LrZZwCEDxg7wC6KKkhi3bd4xOXWI2Nm3ddszMFgE4UJhIRIWJRCTxG0FpiaIISq9J+iz1UWsUoz4VHek0ASDZ3BztT30SyfkloLezDhKEvYBat324SzkCnR3pWL+PjY4WieoBVHXvcSSt3b5r97Fpd9BmhYmHGCfQlGy2VOu+ORS/A/AMJrYZAFAde4T0wQMCgOYPWnLyH+/ds1BSL4BHAXwLs9ooTgDS9E6cjB2791wGUAHgHQDv7ty9J/cOVixfXmpRtMHMasxshsghkkcknjzZ0/v/PHizvr42KiiI5YGko3Rfd7qvL48HBQDQUFc738z6JD4CaVDSPkFfSBoWuUhkhaQ5z86de/zqtWu5vVC3rNpI7nQPxR78grsvJdl9qqf3MOlJd1/l7iR9Pen5PCAJd1/pIcBDZnPvuXNjPX19AoCevrMKIXPGQ+aEhwC65/OA7vAQZoYQEELI40EYH0cI4VIIAe6ezwN3h7vf9RAQMpk8HmTGx+GZTNlEhWE4tgKGcNo9wD2kFlcsmOTBKwteMndf4u5rPASEkInnweKK8gpIA4ISkvoldUm6bWbVkUUtMJRIuCGx8ofBH+N58HLZi6slHQJQrGkutOwnCJAukmy48stvozk+AIDhWyM/PTl71lciw2OzZi17uKjIRu/cOQ7gBMkqkibpKUnPlc4s+Xrkn3/1QB68UbOMAHD2/IWo8oXnozA+PsEDZX1J7SXZ+vMfN3N7ob6uJtbvf16/XuSZTA+gquzxnNTaX28OH5vsxlfLy2KrAYDBod9HJb0VQrju7vDgBSS3zJv9hMUuqnm9SgBwvn8gJz9v9uML6ZzkgUUP4AFJkPlwGhq+dRk2xYOrf43oP0lzpmPJUFpNAAAAAElFTkSuQmCC');
}
div.scheduler-menu-item.zoomin:hover {
    background-position: 0px -16px;
}

div.scheduler-menu-item.zoomout {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90DBg4KFOoUkaAAAAPlSURBVEjHjVRZbFVVFF37FlCjYMVGIEwhhSYMLaYEQgIOjVUUYyCGRMMPMfrLa6to4SFFMHSwJIXWhC8/nBKCEoMkWFoLP0ZRIzEQVMro8NKmIINosO+evZYf7xX6hhB3cj/uOeuuu/Y5ey3DqOrq6qoA0GlANYCxAIYEfARpx/pEgihSduvj3bsTiKIOAFEBSvoD0sL1dXVXihJ07up4yizqzr7/C7MDAAYA1EBamOFQv6S5dQ0NOUqiXR0dkYQ9JI3kdUlTJa1dn0g0SKyW1EgSkioErM5XEEkCoVmCIOjVRH39lURdHQEgUVdPSjsFDQqCpJcLCCACpImEyM8L2neHyF9EAuK0QgUUREkUSD2RDyAJUeVZ3FAhQUZaihIkvtve1nrfyGZ7a0tEaR2l6ZRA8YOit9De1vY8oP3ZK/sLwHsSUmZYCVgNDAbBAc15feOmC0XnoL21pVnCxtFrhaW/JZQ3JpNDBQQZJa3LRe2UNB/AGADXzJCSsAhQhgL4TWL5ps1bAor9bec7bZEyrQACJEWknwM0Q1kGCEcB1W7a0sQ7yL1dbc07HqLzLKDxt6cbLcmmpqTlAX/NU6XG5OaZbc3NEd2rJH6fbQ0CbgAqHTOaYNy4u2YUU9CYTBLAj83bt60luTdrOJpZrvMaNmyw4KFk9DN6P9m09RMYSrIqSzdvfSv3DFauWFFmUfSKmT1qZveIPE/yU4ndX/T06o558HRt7WNRSck+AGUwu3VSWSvvp/u6w319N/MJSgDgyZrHK8zsiMQHIP0kabugDyUNinxYZKWkKbNmzjx4/uLFXC/UPLLcSL7pHsZ78K/cfQnJPd09vftIr3f359ydpL9E+oICM5GEuz/rIcBD/Ebv0aM3e/r6BAA9fUcUQtznIT7kIYDuzxQSuMNDKA0hIIRwMh8Q0mmEEI6HEODu0wsI3B3ufsNDQIjjinxAnE7D43heRmEYLKqAIfS4B7iHlsVVC8aNbC5aMM/cfbG7r/YQEEJ8uOg1Lq6qrIR0TNDdkr6W1CnpTzNbFln0GgwTJKQkVh0/9fPVonNQPX/uKknvAxgvaTTAAIMy1vyWZO2J/rP/5MwBAAxcunx66uRJe0XFdB8r6Zqk7wAcIrmUpEmaJqm8rHTCZ5euXlfRPFiysNJG8oAU6MHSw8MfA3ohuy5R20i+ffr3lP5XHlTOKb83Tg/3Qlqabc9JrTmTGjhgecC9+Xlw8sy5F6sqZls8PDw5jtPfAJiBTFgdA7QsJw/un/jgmsL/n8OJ/rMCMDB7yqRV7v4lgIkAgkVWeAaLKufnrP1w8lSOjWdNKhvJV1wYuoz/ADHopc8G1ZmyAAAAAElFTkSuQmCC');
}
div.scheduler-menu-item.zoomout:hover {
    background-position: 0px -16px;
}

/* Slider */
div.scheduler-slide {
    overflow: auto;
}

/* Blocks */
div.scheduler-workbench,
div.scheduler-agregator,
div.scheduler-row {
    position : relative;
}

div.scheduler-workbench {
    background-size: 30px 26px;
    background-position: 12px 28px;
    background-repeat: repeat;
}

div.scheduler-workbench {
    display: inline-block;
    overflow: hidden;
}

div.scheduler-unavailable {
    top : 0;
    border : 0;
    background-color: #707070;
    position: absolute;
    z-index: 10;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

div.scheduler-ruller {
    z-index: 1; 
    height: 1000em;
    position: absolute;
    background-color: #ffff00;
    opacity: 0.2;
    filter: alpha(opacity=20);
    pointer-events: none;
}

div.scheduler-mouse-selector {
    z-index: 20;
    position: absolute;
    border: 1px solid #000000;
    background-color: #0000ff;
    opacity: 0.1;
    filter: alpha(opacity=10);
    pointer-events: none;
    display: none;
}

div.scheduler-row {
    border-top: 1px solid #d0d0d0;
    padding-top: 4px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAMAAADKfsO6AAAAAXNSR0IArs4c6QAAAwBQTFRFAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19fYGBgYWFhYmJiY2NjZGRkZWVlZmZmZ2dnaGhoaWlpampqa2trbGxsbW1tbm5ub29vcHBwcXFxcnJyc3NzdHR0dXV1dnZ2d3d3eHh4eXl5enp6e3t7fHx8fX19fn5+f39/gICAgYGBgoKCg4ODhISEhYWFhoaGh4eHiIiIiYmJioqKi4uLjIyMjY2Njo6Oj4+PkJCQkZGRkpKSk5OTlJSUlZWVlpaWl5eXmJiYmZmZmpqam5ubnJycnZ2dnp6en5+foKCgoaGhoqKio6OjpKSkpaWlpqamp6enqKioqampqqqqq6urrKysra2trq6ur6+vsLCwsbGxsrKys7OztLS0tbW1tra2t7e3uLi4ubm5urq6u7u7vLy8vb29vr6+v7+/wMDAwcHBwsLCw8PDxMTExcXFxsbGx8fHyMjIycnJysrKy8vLzMzMzc3Nzs7Oz8/P0NDQ0dHR0tLS09PT1NTU1dXV1tbW19fX2NjY2dnZ2tra29vb3Nzc3d3d3t7e39/f4ODg4eHh4uLi4+Pj5OTk5eXl5ubm5+fn6Ojo6enp6urq6+vr7Ozs7e3t7u7u7+/v8PDw8fHx8vLy8/Pz9PT09fX19vb29/f3+Pj4+fn5+vr6+/v7/Pz8/f39/v7+////4rBdfQAAABdJREFUKM9j+I8FfGAYFR0VHWyiH7ABAA3QmnNC30lWAAAAAElFTkSuQmCC');
}

div.scheduler-block {
    z-index: 5;
    position: absolute;
    display: inline-block;
    height: 22px;
    background-color: #E5ECF9;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.scheduler-block.disabled {
    background-color: #F0F0F0!important;
}

div.scheduler-block.started {
    background-color: #FFD0D0!important;
}

/* workaround for block menu */
div.scheduler-block > div.ui-resizable-handle{
    z-index: 99;
}

div.scheduler-block.selected {
    z-index: 6;
    opacity: 0.6;
    filter:alpha(opacity=60);
}

div.scheduler-block-text {
    position: absolute;
    height: 12px;
    font-size: 0.8em;
    color: #999;
    padding: 2px 1px;
}

/* block menu */
div.scheduler-context-menu {
    border: 1px solid #d0d0d0;
    position: absolute;
    z-index: 100;
    background-color: #FFFFFF;
    display: none;
}

div.scheduler-context-menu-item {
    z-index: 100;
    margin: 1px;
    padding: 1px 4px 1px 4px;
    cursor: pointer;
}

div.scheduler-context-menu-item.selected {
    background-color: #c0c0c0;
}

/* Adjustments for jQuery UI Styling */

div.scheduler-block div.ui-resizable-handle.ui-resizable-s {
    bottom: -0;
}
.tips{
	background: #333;
	border: 2px solid #ccc;
	border-radius:5px;
	color:#fff;
	margin:20px 10%;
	padding:10px;
}
.tips h3{
	color:gold;
	font-size:2em;
	text-transform:uppercase;
}
/* WEBSITE STYLES*/
#web_nav{
	background:#333;
	padding:5px 0;
	width:calc(65% + 20px);
	margin:0 auto 20px auto;
	text-align:center;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#web_nav ul{
	
}
#web_nav ul li{
	display:inline;
	padding:0 15px;
	list-style:none;
	border-right: 3px solid #ffffff;
}
#web_nav ul li:last-child{
	border-right: none;
}
#web_nav a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
@media screen and (max-width: 1163px) and (min-device-width: 924px) {
	#web_nav ul li{
	padding:0 10px;
}

}
@media screen and (max-width: 923px) {
	#web_nav{
		width:calc(100% - 40px);
	}
	#web_nav ul li{
	padding:0 20px;
}
}
.web_section{
	padding:0 20px;
}
#web_title h1{
	text-align:center;
	font-size:35px;
	font-family:museo slab, arial;
	line-height:65px;
	margin-bottom:0;
	color:#333;
}
#web_title h2{
	font-family:museo slab, arial;
}
#web_title2 h1, #web_title3 h1{
	font-size:35px;
	font-family:museo slab, arial;
	line-height:35px;
	margin-bottom:0;
	color:#333;
}
#web_title2 h2, .sheet h2{
	font-size:25px;
	font-family:museo slab, arial;
	line-height:25px;
	margin:20px 0;
	color:#333;
}
#web_title2 h3{
	font-size:19px;
	font-family:museo slab, arial;
	line-height:19px;
	margin-bottom:20px;
	color:#3389a7;
}
#web_title3 h2{
	font-size:25px;
	font-family:museo slab, arial;
	line-height:25px;
	margin:20px 0;
	color:#3389a7;
}
 .web_form td{
	border:none !important;
	vertical-align:middle;
	height:19px;
	color:#333;
}
.web_form input[type="text"]{
	margin-bottom:0;
}
.web_form .nicEdit-main {
background-color: #f5f5f5 !important;
border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.web_form .nicEdit-panelContain{
	display:none;
}
.slide_row{
	background:#333;
	background-image:url(../images/home/wave.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	margin:20px 0;
	width:100% !important;
	position:relative;
	padding:0;
	height:350px;
	overflow:hidden;
}
.home_feature{
	padding:10px;
	height:350px;
	text-align:center;
	font-size:14px;
}
.home_feature h3{
	font-family:museo slab, arial;
	font-size:30px;
	color:#626262;
	font-weight:300;
}
.home_feature .icon{
	height:40px;
	width:40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background:#357CAA;
	text-align:center;
	padding:12px;
	margin:10px auto;
	transition: background 0.5s ease;
	font-size:35px;
	line-height:35px;
	color:#fff;
	font-family:museo slab, arial;
	font-weight: 300;
}
.feature_blocks{
	padding:10px 20px;
}
.feature_blocks td{
	list-style:none;
	font-size:14px;
	font-family:museo slab, arial;
	line-height:14px;
	border:none !important;
}
.feature_blocks tr td:first-child p, .feature_blocks tr td:nth-child(3) p{
	height:30px;
	width:30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:#357CAA;
	padding:10px;
	margin:10px auto;
	font-size:30px;
	line-height:30px;
	color:#fff;
	content:"";
}
.feature_blocks tr:nth-child(2n+2) td:first-child p, .feature_blocks tr:nth-child(2n+1) td:nth-child(3) p{
	background:#8fc929;
}
#green
{background:#8fc929}
.events_blocks td, .contact_form td{
	border:none !important;
	vertical-align:middle;
}

.events_blocks h3{
	font-family:museo slab, arial;
	font-size:30px;
	color:#3389a7;
	text-align:center;
	font-weight:100;
}
.events_blocks a{
	color:#3389a7;
}
.contact_form{
	color:#333;
}
.contact_form a{
	color:#3389a7;
	font-weight:bold;
	text-decoration:none;
}
.contact_form .map{
	width:75%;
	height:310px;
	background-color:#ccc;
	padding:20px;
	margin-bottom:20px;	
}
.contact_form .map:after {
	content:"";
   position: relative;
   top: 33px;
   right: 0;
   width: 0;
   height: 0;
    border-top: 20px solid #ccc;
   border-left: 10px solid transparent; 
   border-right: 10px solid transparent; 
}
@media screen and (max-width: 923px) {
.contact_form .map{
	width:100%;
	background-color:#ccc;
	padding:20px;
}
}
.reg_block{
width:30.75%;
	
}
.reg_block2{
	width:100%;
	margin:0;
}

.reg_block .reg_opt{
	
	margin-right:3%;
	float:left;
	-webkit-box-shadow: 1px 1px 10px 0 #ddd9d9;
	box-shadow: 1px 1px 5px 0 #ccc;
	border-radius:5px;
	margin-bottom:50px;
}
.reg_block .reg_opt:nth-child(3){
	margin-right:0;
}
.reg_block .fill{
	width:100%;
	margin-right:0;
}
 .opt_title{
box-shadow: 5px 5px 5px 0 #ccc;
	background-color:#fff;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	padding:5px;
	text-align:center;
	height:85px;
	

}
.opt_title h2{
	font-size:30px;
	font-family:museo slab, arial;
	font-weight:100;
	color:#616161;
	
}
.opt_title span{
	font-size:15px;
}
 #inspector .opt_title span{
	color:#3389a7;
}
 #business .opt_title span{
	color:#ff4a4a;
}
 #viewer .opt_title span{
	color:#8fc929;
}
 .opt_features{
	 box-shadow: 5px 5px 5px 0 #ccc;
	background:#f0f0f0;
	padding:5px 20px;
	font-family: arial;
	font-size: 15px;
}
.opt_features li{
	list-style:none;
	text-align:center;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:#ccc 1px solid;
	color:#616161;
}
 .price{
	 box-shadow: 5px 5px 5px 0 #ccc;
	padding:30px 10px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	color:#fff;
	text-align:center;
	margin-bottom:50px;
}
.price .money{
	font-size:40px;
	font-weight:bold;
}
.price .from{
	float:left;
}
.price button{
	width:100px;
	float:right;
	border: 1px solid #ccc;
	color: #616161;
	background: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	display: inline-block;
	margin: 5px 0px;
	letter-spacing: 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #fff;
	box-shadow: 0 3px #616161;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-decoration:none;
	line-height:10px !important;
	text-transform:uppercase;
}
.price button:hover {
	box-shadow: 0 2px #616161;
	top: 1px;
}
.price button:active {
	box-shadow: 0 0 #616161;
	top: 3px;
}
#viewer .price{
	background-color:#333;
}
#inspector .price{
	background-color:#3389a7;
}
#business .price{
	background-color:#ff4a4a;
}
#viewer .price{
	background-color:#8fc929;
}
.sheet{
	background-color:#fff;
	border-radius:5px;
	padding:20px;
	margin-bottom:20px;
	-webkit-box-shadow: 1px 1px 10px 0 #ddd9d9;
	box-shadow: 1px 1px 5px 0 #ccc;
	color:#333;
}
.sheet td{
	border:none !important;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }


h3.warn{
	color:red;
	font-family:museo slab, arial;
}
.login-i td{
	padding:0;
	margin:0;
	font-size:10px;
}
.login-i input[type="text"],.login-i input[type="password"],.login-i input[type="time"]{
	margin:0;
	padding:2px;
}
.login-i .viewbar{
	width:auto;
}
#macbook{
	background-image:url(../images/home/mac-book.png);
	background-repeat:no-repeat;
	height:337px;
	margin-top:10px;
}
#macbook_screen{
	width: 435px;
	height: 245px;
	margin-top: 34px;
	margin-left: 106px;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
}
#ipad{
	background-image:url(../images/home/iPad.png);
	background-repeat:no-repeat;
	height:320px;
	margin-top:17px;
}
#ipad_screen{
	width: 190px;
	height: 250px;
	margin-top: 27px;
	margin-left: 37px;
	margin-right: 24px;
	margin-bottom: 33px;
	color:#333333;
	background-color:#fff;
	font-family:museo slab, arial;
	font-size:25px;
}
#iphone{
	background-image:url(../images/home/iphone.png);
	background-repeat:no-repeat;
	height:238px;
	margin-top:54px;
}
#iphone_screen{
	width: 96px;
	height: 169px;
	margin-top: 31px;
	margin-left: 8px;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
	font-family:museo slab, arial;
	font-size:15px;
}
#ipad_screen p{
	margin-top:20px;
	align: center;
}
#iphone_screen a{
	color:#fff;
	text-decoration:none;
}
@media handheld, only screen and (max-width: 767px) {
	#ipad{
	background-image: url(../images/home/iPad.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	margin-top: 17px;
	}
	#ipad_screen{
		width: 190px;
		height: 250px;
		margin-top: 27px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 33px;
		color:#333333;
		background-color:#fff;
		font-family:museo slab, arial;
		font-size:25px;
		top: 27px;
		position: relative;
		left: 6px;
	}	
	#macbook{
	background-image:url(../images/home/mac-book.png);
	background-repeat:no-repeat;
	background-position: center top;
	height:337px;
	margin-top:10px;
}
#macbook_screen{
	width: 435px;
	height: 245px;
	margin-top: 34px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
	position: relative;
	top: 21px;
}
#iphone{
	background-image:url(../images/home/iphone.png);
	background-repeat:no-repeat;
	background-position: center top;
	height:238px;
	margin-top:54px;
}
#iphone_screen{
	width: 96px;
	height: 169px;
	margin-top: 31px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 38px;
	color: #fff;
	font-family:museo slab, arial;
	font-size:15px;
	position: relative;
	top: 35px;
	right: 13px;
}
}