@import url(https://fonts.googleapis.com/css?family=Muli:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

* {
	outline: 0 !important
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

	blockquote:after, blockquote:before {
		content: '';
		content: none
	}

	q:after, q:before {
		content: '';
		content: none
	}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	background: #E4E6F2 !important;
	color: #000000;
	padding: 30px;
	padding-bottom: 0;
}
	

.new-select select.text-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(https://enalytics.boshposh.com/assets/images_New/drop-arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 17px;
	height: 44px !important;
	width: 130px !important;
}

.text-input:disabled {
	background: #f2f2f2;
	border: 2px solid #f2f2f2;
	color: #737373
}

.chevron::before {
	border-style: solid;
	border-width: .15em .15em 0 0;
	content: '';
	display: inline-block;
	height: .45em;
	left: .15em;
	position: relative;
	top: .2em;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: top;
	width: .45em
}

.chevron.right:before {
	left: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.chevron.bottom:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.chevron.left:before {
	left: .25em;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

p {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.3
}

	p.no-margin {
		margin-bottom: 0
	}

small {
	font-size: 14px
}

.green-text {
	color: #50CA68
}

table {
	border-collapse: collapse;
	width: 100%
}

thead {
	font-weight: 600
}


td.inline .block, th.inline .block {
	display: inline-block;
	width: 200px
}

tr.header {
	background: #50CA68;
	color: #fff
}

.green-block .left-content {
	width: 50%;
	display: inline-block;
	vertical-align: middle
}

@media only screen and (max-width:900px) {
	.green-block .left-content {
		width: 100%;
		display: block;
		text-align: left;
		margin-bottom: 10px
	}
}
/*.green-block .right-content {
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	text-align: right
}*/

@media only screen and (max-width:900px) {
	.green-block .right-content {
		width: 100%;
		display: block;
		text-align: left
	}
}

.inline-fields {
	display: block
}

	.inline-fields label.main {
		display: inline-block;
		width: 150px;
		vertical-align: middle;
		float: left;
		height: 42px;
		line-height: 42px
	}

	.inline-fields .content {
		width: calc(100% - 160px);
		display: inline-block;
		vertical-align: middle
	}

		.inline-fields .content .text-input {
			border-color: #e5e5e5;
		}

			.inline-fields .content .text-input:focus {
				border-color: #197745
			}

		.inline-fields .content strong {
			height: 42px;
			line-height: 42px;
			font-weight: 700
		}

		.inline-fields .content .nice-select {
			width: 300px
		}

			.inline-fields .content .nice-select .list {
				width: 300px
			}

@media only screen and (max-width:900px) {
	.inline-fields .content, .inline-fields label.main {
		width: 100%;
		display: block;
		text-align: left;
		height: auto;
		line-height: 1.5;
		float: none
	}

		.inline-fields .content .nice-select {
			float: none;
			width: 100%
		}

			.inline-fields .content .nice-select .list {
				width: 100%
			}

		.inline-fields .content strong {
			height: auto;
			line-height: 1.5
		}

		.inline-fields .content .text-input {
			width: 100%;
			-webkit-box-sizing: border-box;
			box-sizing: border-box
		}
}

a.green {
	color: #50CA68;
	font-weight: 700
}

.title-area {
	margin-bottom: 30px
}

	.title-area .btn, .title-area h2 {
		display: inline-block
	}

	.title-area .btn {
		float: right
	}

.two-blocks {
	display: block
}

	.two-blocks .block {
		display: inline-block;
		vertical-align: top;
		width: 48%
	}

		.two-blocks .block:first-of-type {
			margin-right: 2%
		}

table.dataTable {
	width: 100%;
	margin: 0 auto;
	clear: both;
	border-collapse: separate;
	border-spacing: 0;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

	table.dataTable * {
		outline: 0 !important
	}

	table.dataTable tfoot th, table.dataTable thead th {
		font-weight: 700
	}


		table.dataTable thead td.nice-select.open, table.dataTable thead td:active, table.dataTable thead th.nice-select.open, table.dataTable thead th:active {
			outline: 0
		}

	table.dataTable tfoot td, table.dataTable tfoot th {
		padding: 10px 18px 6px 18px;
		border-top: 1px solid #111
	}

	table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center right
	}
	/*table.dataTable thead .sorting {
	background-image: url(../images/sort_both.png)
}
table.dataTable thead .sorting_asc {
	background-image: url(../images/sort_asc.png)
}
table.dataTable thead .sorting_desc {
	background-image: url(../images/sort_desc.png)
}
table.dataTable thead .sorting_asc_disabled {
	background-image: url(../images/sort_asc_disabled.png)
}
table.dataTable thead .sorting_desc_disabled {
	background-image: url(../images/sort_desc_disabled.png)
}
*/
	table.dataTable tbody td, table.dataTable tbody th {
		padding: 15px
	}

	table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
		border-top: 1px solid #ddd
	}

	table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th {
		border-top: none
	}

	table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th {
		border-top: none
	}

	table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th {
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd
	}

	table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child {
		border-left: 1px solid #ddd
	}

	table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th {
		border-top: none
	}

	table.dataTable.no-footer {
		border-bottom: 1px solid #f2f2f2
	}

	table.dataTable.nowrap td, table.dataTable.nowrap th {
		white-space: nowrap
	}

	table.dataTable.compact thead td, table.dataTable.compact thead th {
		padding: 4px 17px 4px 4px
	}

	table.dataTable.compact tfoot td, table.dataTable.compact tfoot th {
		padding: 4px
	}

	table.dataTable.compact tbody td, table.dataTable.compact tbody th {
		padding: 4px
	}

	table.dataTable td.dt-left, table.dataTable th.dt-left {
		text-align: left
	}

	table.dataTable th.dt-center {
		text-align: center
	}

	table.dataTable td.dataTables_empty, table.dataTable td.dt-center {
		text-align: center
	}

	table.dataTable td.dt-right, table.dataTable th.dt-right {
		text-align: right
	}

	table.dataTable td.dt-justify, table.dataTable th.dt-justify {
		text-align: justify
	}

	table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {
		white-space: nowrap
	}

	table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left {
		text-align: left
	}

	table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left {
		text-align: left
	}

	table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {
		text-align: center
	}

	table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center {
		text-align: center
	}

	table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {
		text-align: right
	}

	table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right {
		text-align: right
	}

	table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {
		text-align: justify
	}

	table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify {
		text-align: justify
	}

	table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap {
		white-space: nowrap
	}

	table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap {
		white-space: nowrap
	}

	table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {
		text-align: left
	}

	table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {
		text-align: center
	}

	table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {
		text-align: right
	}

	table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {
		text-align: justify
	}

	table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap {
		white-space: nowrap
	}

	table.dataTable td, table.dataTable th {
		-webkit-box-sizing: content-box;
		box-sizing: content-box
	}

.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1
}

	.dataTables_wrapper .dataTables_length {
		float: left
	}

	.dataTables_wrapper .dataTables_filter {
		float: right;
		text-align: right
	}

		.dataTables_wrapper .dataTables_filter input {
			-webkit-appearance: none;
			border: 2px solid #f2f2f2;
			margin-left: .5em;
			font-size: 14px;
			outline: 0 !important;
			padding: 10px 15px !important
		}

			.dataTables_wrapper .dataTables_filter input:focus {
				border: 2px solid #197745
			}

	.dataTables_wrapper .dataTables_info {
		clear: both;
		float: left;
		font-size: 14px;
		padding-top: .755em
	}

	.dataTables_wrapper .dataTables_paginate .ellipsis {
		padding: 0 1em
	}

	.dataTables_wrapper .dataTables_processing {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 40px;
		margin-left: -50%;
		margin-top: -25px;
		padding-top: 20px;
		text-align: center;
		font-size: 1.2em;
		background-color: #fff;
		background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,.9)), color-stop(75%, rgba(255,255,255,.9)), to(rgba(255,255,255,0)));
		background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.9) 25%, rgba(255,255,255,.9) 75%, rgba(255,255,255,0) 100%)
	}

	.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
		color: #333;
		margin-bottom: 20px
	}

	.dataTables_wrapper .dataTables_scroll {
		clear: both
	}

		.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
			-webkit-overflow-scrolling: touch
		}

			.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th {
				vertical-align: middle
			}

			.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th {
				vertical-align: middle
			}

			.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing {
				height: 0;
				overflow: hidden;
				margin: 0 !important;
				padding: 0 !important
			}

			.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing {
				height: 0;
				overflow: hidden;
				margin: 0 !important;
				padding: 0 !important
			}

	.dataTables_wrapper.no-footer .dataTables_scrollBody {
		border-bottom: 1px solid #111
	}

	.dataTables_wrapper.no-footer div.dataTables_scrollBody > table, .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
		border-bottom: none
	}

	.dataTables_wrapper:after {
		visibility: hidden;
		display: block;
		content: "";
		clear: both;
		height: 0
	}

@media screen and (max-width:767px) {
	.dataTables_wrapper .dataTables_info {
		float: none;
		text-align: center
	}

	.dataTables_wrapper .dataTables_paginate {
		float: none;
		text-align: center;
		margin-top: .5em
	}
}

@media screen and (max-width:640px) {
	.dataTables_wrapper .dataTables_length {
		float: none;
		text-align: center
	}

	.dataTables_wrapper .dataTables_filter {
		float: none;
		text-align: center;
		margin-top: .5em
	}
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
	cursor: default !important
}

	table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
		display: none !important
	}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
	position: relative;
	padding-left: 30px;
	cursor: pointer
}

	/*table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
		top: 9px;
		left: 4px;
		height: 14px;
		width: 14px;
		display: block;
		position: absolute;
		color: #fff;
		border: 2px solid #fff;
		border-radius: 14px;
		-webkit-box-shadow: 0 0 3px #444;
		box-shadow: 0 0 3px #444;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		text-align: center;
		text-indent: 0 !important;
		line-height: 14px;
		content: '+';
		background-color: #31b131
	}*/
/*
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
	content: '-';
	background-color: #d33333
}*/

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
	padding-left: 27px
}

	table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
		top: 5px;
		left: 4px;
		height: 14px;
		width: 14px;
		border-radius: 14px;
		line-height: 14px;
		text-indent: 3px
	}

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
	position: relative;
	cursor: pointer
}

	table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
		top: 50%;
		left: 50%;
		height: 16px;
		width: 16px;
		margin-top: -10px;
		margin-left: -10px;
		display: block;
		position: absolute;
		color: #fff;
		border: 2px solid #fff;
		border-radius: 14px;
		-webkit-box-shadow: 0 0 3px #444;
		box-shadow: 0 0 3px #444;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		text-align: center;
		text-indent: 0 !important;
		line-height: 14px;
		content: '+';
		background-color: #31b131
	}

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
	content: '-';
	background-color: #d33333
}

table.dataTable > tbody > tr.child {
	padding: .5em 1em
}

	table.dataTable > tbody > tr.child:hover {
		background: 0 0 !important
	}

	table.dataTable > tbody > tr.child ul.dtr-details {
		display: inline-block;
		list-style-type: none;
		margin: 0;
		padding: 0
	}

		table.dataTable > tbody > tr.child ul.dtr-details > li {
			border-bottom: 1px solid #efefef;
			padding: .5em 0
		}

			table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
				padding-top: 0
			}

			table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
				border-bottom: none
			}

	table.dataTable > tbody > tr.child span.dtr-title {
		display: inline-block;
		min-width: 75px;
		font-weight: 700
	}

div.dtr-modal {
	position: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	padding: 10em 1em
}

	div.dtr-modal div.dtr-modal-display {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 50%;
		height: 50%;
		overflow: auto;
		margin: auto;
		z-index: 102;
		overflow: auto;
		background-color: #f5f5f7;
		border: 1px solid #000;
		border-radius: .5em;
		-webkit-box-shadow: 0 12px 30px rgba(0,0,0,.6);
		box-shadow: 0 12px 30px rgba(0,0,0,.6)
	}

	div.dtr-modal div.dtr-modal-content {
		position: relative;
		padding: 1em
	}

	div.dtr-modal div.dtr-modal-close {
		position: absolute;
		top: 6px;
		right: 6px;
		width: 22px;
		height: 22px;
		border: 1px solid #eaeaea;
		background-color: #f9f9f9;
		text-align: center;
		border-radius: 3px;
		cursor: pointer;
		z-index: 12
	}

		div.dtr-modal div.dtr-modal-close:hover {
			background-color: #eaeaea
		}

	div.dtr-modal div.dtr-modal-background {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 101;
		background: rgba(0,0,0,.6)
	}

@media screen and (max-width:767px) {
	div.dtr-modal div.dtr-modal-display {
		width: 95%
	}
}

.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 2px;
	border: solid 2px #e8e8e8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 400;
	height: 42px;
	line-height: 40px;
	outline: 0;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 200px
}

	.nice-select:hover {
		border-color: #dbdbdb
	}

	.nice-select.open, .nice-select:active, .nice-select:focus {
		border-color: #999
	}

	.nice-select:after {
		border-bottom: 2px solid #444;
		border-right: 2px solid #444;
		content: '';
		display: block;
		height: 5px;
		margin-top: -4px;
		pointer-events: none;
		position: absolute;
		right: 12px;
		top: 50%;
		-webkit-transform-origin: 66% 66%;
		transform-origin: 66% 66%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .15s ease-in-out;
		transition: all .15s ease-in-out;
		width: 5px
	}

	.nice-select.open:after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg)
	}

	.nice-select.open .list {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}

	.nice-select.disabled {
		border-color: #ededed;
		color: #999;
		pointer-events: none
	}

		.nice-select.disabled:after {
			border-color: #777
		}

	.nice-select.wide {
		width: 100%
	}

		.nice-select.wide .list {
			left: 0 !important;
			right: 0 !important
		}

	.nice-select.right {
		float: right
	}

		.nice-select.right .list {
			left: auto;
			right: 0
		}

	.nice-select.small {
		font-size: 12px;
		height: 36px;
		line-height: 34px
	}

		.nice-select.small:after {
			height: 4px;
			width: 4px
		}

		.nice-select.small .option {
			line-height: 34px;
			min-height: 34px
		}

	.nice-select .list {
		background-color: #fff;
		border-radius: 2px;
		-webkit-box-shadow: 0 0 0 1px rgba(68,68,68,.11);
		box-shadow: 0 0 0 1px rgba(68,68,68,.11);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 4px;
		opacity: 0;
		overflow: hidden;
		padding: 0;
		pointer-events: none;
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transform: translateY(-21px);
		transform: translateY(-21px);
		-webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
		transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
		z-index: 9;
		width: 200px
	}

		.nice-select .list:hover .option:not(:hover) {
			background-color: transparent !important
		}

	.nice-select .option {
		cursor: pointer;
		font-weight: 400;
		line-height: 40px;
		list-style: none;
		min-height: 40px;
		outline: 0;
		padding-left: 18px;
		padding-right: 29px;
		text-align: left;
		-webkit-transition: all .2s;
		transition: all .2s
	}

		.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
			background-color: #f6f6f6
		}

		.nice-select .option.selected {
			font-weight: 700
		}

		.nice-select .option.disabled {
			background-color: transparent;
			color: #999;
			cursor: default
		}

.no-csspointerevents .nice-select .list {
	display: none
}

.no-csspointerevents .nice-select.open .list {
	display: block
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent
}

	.hamburger.is-active:hover, .hamburger:hover {
		opacity: .7
	}

	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
		background-color: #000
	}

.hamburger-box {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px
}

.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px
}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		position: absolute;
		width: 40px;
		height: 4px;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease;
		-webkit-transition-duration: .15s;
		transition-duration: .15s;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		border-radius: 4px;
		background-color: #000
	}

		.hamburger-inner:after, .hamburger-inner:before {
			display: block;
			content: ""
		}

		.hamburger-inner:before {
			top: -10px
		}

		.hamburger-inner:after {
			bottom: -10px
		}

.hamburger--3dx .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px
}

.hamburger--3dx .hamburger-inner {
	-webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

	.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
		-webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
	}

.hamburger--3dx.is-active .hamburger-inner {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background-color: transparent !important
}

	.hamburger--3dx.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.hamburger--3dx.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		transform: translate3d(0, -10px, 0) rotate(-45deg)
	}

.hamburger--3dx-r .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
	-webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

	.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
		-webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
	}

.hamburger--3dx-r.is-active .hamburger-inner {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	background-color: transparent !important
}

	.hamburger--3dx-r.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.hamburger--3dx-r.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		transform: translate3d(0, -10px, 0) rotate(-45deg)
	}

.hamburger--3dy .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px
}

.hamburger--3dy .hamburger-inner {
	-webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

	.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
		-webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
	}

.hamburger--3dy.is-active .hamburger-inner {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	background-color: transparent !important
}

	.hamburger--3dy.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.hamburger--3dy.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		transform: translate3d(0, -10px, 0) rotate(-45deg)
	}

.hamburger--3dy-r .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
	-webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

	.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
		-webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
	}

.hamburger--3dy-r.is-active .hamburger-inner {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	background-color: transparent !important
}

	.hamburger--3dy-r.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.hamburger--3dy-r.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		transform: translate3d(0, -10px, 0) rotate(-45deg)
	}

.hamburger--3dxy .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
	-webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

	.hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before {
		-webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
	}

.hamburger--3dxy.is-active .hamburger-inner {
	-webkit-transform: rotateX(180deg) rotateY(180deg);
	transform: rotateX(180deg) rotateY(180deg);
	background-color: transparent !important
}

	.hamburger--3dxy.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.hamburger--3dxy.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		transform: translate3d(0, -10px, 0) rotate(-45deg)
	}

.hamburger--3dxy-r .hamburger-box {
	-webkit-perspective: 80px;
	perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
	-webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

	.hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before {
		-webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
		transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
	}

.hamburger--3dxy-r.is-active .hamburger-inner {
	-webkit-transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
	transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
	background-color: transparent !important
}

	.hamburger--3dxy-r.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.hamburger--3dxy-r.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		transform: translate3d(0, -10px, 0) rotate(-45deg)
	}

.hamburger--arrow.is-active .hamburger-inner:before {
	-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
	-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
	transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
	-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
	transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
	-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
	transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
	-webkit-transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
	-webkit-transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
	top: 0;
	-webkit-transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	-webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7);
	transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
	bottom: 0;
	-webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	-webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7);
	transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
	-webkit-transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
	-webkit-transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
	transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
	top: 0;
	-webkit-transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7);
	transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
	bottom: 0;
	-webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7);
	transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

	.hamburger--arrowturn.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
		transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
	}

	.hamburger--arrowturn.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
		transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
	}

.hamburger--arrowturn-r.is-active .hamburger-inner {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

	.hamburger--arrowturn-r.is-active .hamburger-inner:before {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
		transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
	}

	.hamburger--arrowturn-r.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
		transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
	}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
	-webkit-transition-property: none;
	transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

	.hamburger--boring.is-active .hamburger-inner:before {
		top: 0;
		opacity: 0
	}

	.hamburger--boring.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	-webkit-transition-delay: .13s;
	transition-delay: .13s;
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: .13s;
	transition-duration: .13s
}

	.hamburger--collapse .hamburger-inner:after {
		top: -20px;
		-webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
		transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
	}

	.hamburger--collapse .hamburger-inner:before {
		-webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
	}

.hamburger--collapse.is-active .hamburger-inner {
	-webkit-transition-delay: .22s;
	transition-delay: .22s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

	.hamburger--collapse.is-active .hamburger-inner:after {
		top: 0;
		-webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
		transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
		opacity: 0
	}

	.hamburger--collapse.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	-webkit-transition-delay: .13s;
	transition-delay: .13s;
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: .13s;
	transition-duration: .13s
}

	.hamburger--collapse-r .hamburger-inner:after {
		top: -20px;
		-webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
		transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
	}

	.hamburger--collapse-r .hamburger-inner:before {
		-webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
	}

.hamburger--collapse-r.is-active .hamburger-inner {
	-webkit-transition-delay: .22s;
	transition-delay: .22s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
	transform: translate3d(0, -10px, 0) rotate(45deg)
}

	.hamburger--collapse-r.is-active .hamburger-inner:after {
		top: 0;
		-webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
		transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
		opacity: 0
	}

	.hamburger--collapse-r.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

.hamburger--elastic .hamburger-inner {
	top: 2px;
	-webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
	-webkit-transition-duration: .275s;
	transition-duration: .275s
}

	.hamburger--elastic .hamburger-inner:before {
		top: 10px;
		-webkit-transition: opacity .125s ease .275s;
		transition: opacity .125s ease .275s
	}

	.hamburger--elastic .hamburger-inner:after {
		top: 20px;
		-webkit-transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
		transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
		transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
		transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
	}

.hamburger--elastic.is-active .hamburger-inner {
	-webkit-transition-delay: 75ms;
	transition-delay: 75ms;
	-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
	transform: translate3d(0, 10px, 0) rotate(135deg)
}

	.hamburger--elastic.is-active .hamburger-inner:before {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		opacity: 0
	}

	.hamburger--elastic.is-active .hamburger-inner:after {
		-webkit-transition-delay: 75ms;
		transition-delay: 75ms;
		-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
		transform: translate3d(0, -20px, 0) rotate(-270deg)
	}

.hamburger--elastic-r .hamburger-inner {
	top: 2px;
	-webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
	-webkit-transition-duration: .275s;
	transition-duration: .275s
}

	.hamburger--elastic-r .hamburger-inner:before {
		top: 10px;
		-webkit-transition: opacity .125s ease .275s;
		transition: opacity .125s ease .275s
	}

	.hamburger--elastic-r .hamburger-inner:after {
		top: 20px;
		-webkit-transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
		transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
		transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
		transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
	}

.hamburger--elastic-r.is-active .hamburger-inner {
	-webkit-transition-delay: 75ms;
	transition-delay: 75ms;
	-webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
	transform: translate3d(0, 10px, 0) rotate(-135deg)
}

	.hamburger--elastic-r.is-active .hamburger-inner:before {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		opacity: 0
	}

	.hamburger--elastic-r.is-active .hamburger-inner:after {
		-webkit-transition-delay: 75ms;
		transition-delay: 75ms;
		-webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
		transform: translate3d(0, -20px, 0) rotate(270deg)
	}

.hamburger--emphatic {
	overflow: hidden
}

	.hamburger--emphatic .hamburger-inner {
		-webkit-transition: background-color .125s ease-in .175s;
		transition: background-color .125s ease-in .175s
	}

		.hamburger--emphatic .hamburger-inner:before {
			left: 0;
			-webkit-transition: top 50ms linear 125ms, left 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: top 50ms linear 125ms, left 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, left 125ms ease-in 175ms;
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, left 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
		}

		.hamburger--emphatic .hamburger-inner:after {
			top: 10px;
			right: 0;
			-webkit-transition: top 50ms linear 125ms, right 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: top 50ms linear 125ms, right 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, right 125ms ease-in 175ms;
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, right 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
		}

	.hamburger--emphatic.is-active .hamburger-inner {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		background-color: transparent !important
	}

		.hamburger--emphatic.is-active .hamburger-inner:before {
			top: -80px;
			left: -80px;
			-webkit-transition: left 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: left 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: left 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: left 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
			transform: translate3d(80px, 80px, 0) rotate(45deg)
		}

		.hamburger--emphatic.is-active .hamburger-inner:after {
			top: -80px;
			right: -80px;
			-webkit-transition: right 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: right 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: right 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: right 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
			transform: translate3d(-80px, 80px, 0) rotate(-45deg)
		}

.hamburger--emphatic-r {
	overflow: hidden
}

	.hamburger--emphatic-r .hamburger-inner {
		-webkit-transition: background-color .125s ease-in .175s;
		transition: background-color .125s ease-in .175s
	}

		.hamburger--emphatic-r .hamburger-inner:before {
			left: 0;
			-webkit-transition: top 50ms linear 125ms, left 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: top 50ms linear 125ms, left 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, left 125ms ease-in 175ms;
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, left 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
		}

		.hamburger--emphatic-r .hamburger-inner:after {
			top: 10px;
			right: 0;
			-webkit-transition: top 50ms linear 125ms, right 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: top 50ms linear 125ms, right 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, right 125ms ease-in 175ms;
			transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, right 125ms ease-in 175ms, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
		}

	.hamburger--emphatic-r.is-active .hamburger-inner {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		background-color: transparent !important
	}

		.hamburger--emphatic-r.is-active .hamburger-inner:before {
			top: 80px;
			left: -80px;
			-webkit-transition: left 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: left 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: left 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: left 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
			transform: translate3d(80px, -80px, 0) rotate(-45deg)
		}

		.hamburger--emphatic-r.is-active .hamburger-inner:after {
			top: 80px;
			right: -80px;
			-webkit-transition: right 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: right 125ms ease-out, top 50ms linear 125ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: right 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			transition: right 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms, -webkit-transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms;
			-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
			transform: translate3d(-80px, -80px, 0) rotate(45deg)
		}

.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
	-webkit-transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear;
	transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
	-webkit-transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
	transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
	opacity: 0
}

.hamburger--minus.is-active .hamburger-inner:before {
	top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
	bottom: 0
}

.hamburger--slider .hamburger-inner {
	top: 2px
}

	.hamburger--slider .hamburger-inner:before {
		top: 10px;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease;
		-webkit-transition-duration: .15s;
		transition-duration: .15s;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform
	}

	.hamburger--slider .hamburger-inner:after {
		top: 20px
	}

.hamburger--slider.is-active .hamburger-inner {
	-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

	.hamburger--slider.is-active .hamburger-inner:before {
		-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		opacity: 0
	}

	.hamburger--slider.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
		transform: translate3d(0, -20px, 0) rotate(-90deg)
	}

.hamburger--slider-r .hamburger-inner {
	top: 2px
}

	.hamburger--slider-r .hamburger-inner:before {
		top: 10px;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease;
		-webkit-transition-duration: .15s;
		transition-duration: .15s;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform
	}

	.hamburger--slider-r .hamburger-inner:after {
		top: 20px
	}

.hamburger--slider-r.is-active .hamburger-inner {
	-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
	transform: translate3d(0, 10px, 0) rotate(-45deg)
}

	.hamburger--slider-r.is-active .hamburger-inner:before {
		-webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
		transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
		opacity: 0
	}

	.hamburger--slider-r.is-active .hamburger-inner:after {
		-webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
		transform: translate3d(0, -20px, 0) rotate(90deg)
	}

.hamburger--spin .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: .22s;
	transition-duration: .22s
}

	.hamburger--spin .hamburger-inner:before {
		-webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
		transition: top .1s ease-in .25s, opacity .1s ease-in
	}

	.hamburger--spin .hamburger-inner:after {
		-webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
		transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
		transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
		transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
	}

.hamburger--spin.is-active .hamburger-inner {
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

	.hamburger--spin.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
		transition: top .1s ease-out, opacity .1s ease-out .12s;
		opacity: 0
	}

	.hamburger--spin.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

.hamburger--spin-r .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: .22s;
	transition-duration: .22s
}

	.hamburger--spin-r .hamburger-inner:before {
		-webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
		transition: top .1s ease-in .25s, opacity .1s ease-in
	}

	.hamburger--spin-r .hamburger-inner:after {
		-webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
		transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
		transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
		transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
	}

.hamburger--spin-r.is-active .hamburger-inner {
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg)
}

	.hamburger--spin-r.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
		transition: top .1s ease-out, opacity .1s ease-out .12s;
		opacity: 0
	}

	.hamburger--spin-r.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

.hamburger--spring .hamburger-inner {
	top: 2px;
	-webkit-transition: background-color 0s linear .13s;
	transition: background-color 0s linear .13s
}

	.hamburger--spring .hamburger-inner:before {
		top: 10px;
		-webkit-transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
	}

	.hamburger--spring .hamburger-inner:after {
		top: 20px;
		-webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
	}

.hamburger--spring.is-active .hamburger-inner {
	-webkit-transition-delay: .22s;
	transition-delay: .22s;
	background-color: transparent !important
}

	.hamburger--spring.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		transform: translate3d(0, 10px, 0) rotate(45deg)
	}

	.hamburger--spring.is-active .hamburger-inner:after {
		top: 0;
		-webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
		transform: translate3d(0, 10px, 0) rotate(-45deg)
	}

.hamburger--spring-r .hamburger-inner {
	top: auto;
	bottom: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: .13s;
	transition-duration: .13s
}

	.hamburger--spring-r .hamburger-inner:after {
		top: -20px;
		-webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear;
		transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
	}

	.hamburger--spring-r .hamburger-inner:before {
		-webkit-transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
		transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
	}

.hamburger--spring-r.is-active .hamburger-inner {
	-webkit-transition-delay: .22s;
	transition-delay: .22s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

	.hamburger--spring-r.is-active .hamburger-inner:after {
		top: 0;
		-webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
		transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
		opacity: 0
	}

	.hamburger--spring-r.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

.hamburger--stand .hamburger-inner {
	-webkit-transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
	transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
	transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
	transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s
}

	.hamburger--stand .hamburger-inner:before {
		-webkit-transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
	}

	.hamburger--stand .hamburger-inner:after {
		-webkit-transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
	}

.hamburger--stand.is-active .hamburger-inner {
	-webkit-transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
	transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
	transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
	transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-color: transparent !important
}

	.hamburger--stand.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.hamburger--stand.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

.hamburger--stand-r .hamburger-inner {
	-webkit-transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
	transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
	transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
	transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s
}

	.hamburger--stand-r .hamburger-inner:before {
		-webkit-transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
	}

	.hamburger--stand-r .hamburger-inner:after {
		-webkit-transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
		transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
	}

.hamburger--stand-r.is-active .hamburger-inner {
	-webkit-transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
	transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
	transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
	transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background-color: transparent !important
}

	.hamburger--stand-r.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.hamburger--stand-r.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

.hamburger--squeeze .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: 75ms;
	transition-duration: 75ms
}

	.hamburger--squeeze .hamburger-inner:before {
		-webkit-transition: top 75ms ease .12s, opacity 75ms ease;
		transition: top 75ms ease .12s, opacity 75ms ease
	}

	.hamburger--squeeze .hamburger-inner:after {
		-webkit-transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
		transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
		transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
		transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
	}

.hamburger--squeeze.is-active .hamburger-inner {
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

	.hamburger--squeeze.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top 75ms ease, opacity 75ms ease .12s;
		transition: top 75ms ease, opacity 75ms ease .12s;
		opacity: 0
	}

	.hamburger--squeeze.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
		transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

.hamburger--vortex .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-duration: .2s;
	transition-duration: .2s
}

	.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
		-webkit-transition-delay: .1s;
		transition-delay: .1s;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
		-webkit-transition-duration: 0s;
		transition-duration: 0s
	}

	.hamburger--vortex .hamburger-inner:before {
		-webkit-transition-property: top, opacity;
		transition-property: top, opacity
	}

	.hamburger--vortex .hamburger-inner:after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
		transition-property: bottom, transform, -webkit-transform
	}

.hamburger--vortex.is-active .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-webkit-transform: rotate(765deg);
	transform: rotate(765deg)
}

	.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}

	.hamburger--vortex.is-active .hamburger-inner:before {
		top: 0;
		opacity: 0
	}

	.hamburger--vortex.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

.hamburger--vortex-r .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-duration: .2s;
	transition-duration: .2s
}

	.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
		-webkit-transition-delay: .1s;
		transition-delay: .1s;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
		-webkit-transition-duration: 0s;
		transition-duration: 0s
	}

	.hamburger--vortex-r .hamburger-inner:before {
		-webkit-transition-property: top, opacity;
		transition-property: top, opacity
	}

	.hamburger--vortex-r .hamburger-inner:after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
		transition-property: bottom, transform, -webkit-transform
	}

.hamburger--vortex-r.is-active .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-webkit-transform: rotate(-765deg);
	transform: rotate(-765deg)
}

	.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}

	.hamburger--vortex-r.is-active .hamburger-inner:before {
		top: 0;
		opacity: 0
	}

	.hamburger--vortex-r.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

#header .left-content {
	width: 360px;
	display: inline-block;
	vertical-align: top
}

@media only screen and (max-width:900px) {
	#header .left-content {
		width: 250px
	}
}

@media only screen and (max-width:370px) {
	#header .left-content {
		width: 215px
	}
}

#header .toggle-sidebar {
	margin-left: 10px
}

#header .right-content {
	width: calc(100% - 400px);
	display: inline-block;
	vertical-align: top;
	float: right;
	text-align: right
}

@media only screen and (max-width:900px) {
	#header .right-content {
		width: calc(100% - 250px)
	}
}

@media only screen and (max-width:370px) {
	#header .right-content {
		width: calc(100% - 215px)
	}
}

/*

.notification-container .notification-box {
	position: absolute;
	top: calc(100% + 20px);
	left: -30px;
	width: 250px;
	background: #000;
	height: auto;
	text-align: left;
	padding: 20px;
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 15px 0 rgba(198,198,198,.95);
	box-shadow: 0 0 15px 0 rgba(198,198,198,.95);
	z-index: 99999999
}*/
.notification-container .notification-box:before {
	content: "";
	position: absolute;
	top: -12px;
	right: 26px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #fff;
	left: auto;
}




.notification-container .notification-box.open {
	display: block
}

@media only screen and (max-width:1200px) {
	.notification-container .notification-box {
		left: auto;
		right: 0
	}

		.notification-container .notification-box:before {
			left: auto;
			right: 0
		}
}

ul.notifications li {
	color: #202020;
	display: block;
	font-size: 14px;
	margin-bottom: 15px
}

	ul.notifications li strong {
		display: block;
		margin-bottom: 3px
	}

	ul.notifications li em {
		display: block;
		font-style: italic;
		color: #50CA68;
		font-size: 12px
	}

#header .phone-number {
	display: inline-block;
	vertical-align: middle
}

	#header .phone-number img, #header .phone-number span {
		display: inline-block;
		vertical-align: middle
	}

	#header .phone-number img {
		margin-right: 5px
	}

	#header .phone-number a {
		text-decoration: none;
		color: #202020
	}

		#header .phone-number a:hover {
			color: #197745
		}

@media only screen and (max-width:900px) {
	#header .phone-number {
		display: none
	}
}

#header .dropdown-form {
	display: inline-block;
	vertical-align: middle;
	margin-right: 35px
}

	#header .dropdown-form .nice-select {
		margin-right: 15px
	}

@media only screen and (max-width:900px) {
	#header .dropdown-form {
		margin-right: 15px
	}

		#header .dropdown-form .nice-select {
			width: 150px
		}
}

@media only screen and (max-width:900px) {
	#header .dropdown-form {
		display: none
	}
}


.user-dropdown .name {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	position: relative;
	margin-right: 10px
}

	.user-dropdown .name a {
		color: #202020;
		text-decoration: none
	}

	.user-dropdown .name .chevron {
		margin-left: 5px
	}

@media only screen and (max-width:1200px) {
	.user-dropdown .name {
		display: none
	}
}

aside.sidebar .toggle {
	height: 116px;
	text-align: center
}

	aside.sidebar .toggle .hamburger {
		margin-top: 5px
	}


aside.sidebar ul li:last-of-type {
	margin-bottom: 0
}

.toggle-sidebar {
	-webkit-transform: scale(.6);
	transform: scale(.6);
	display: none
}

@media only screen and (max-width:900px) {
	.toggle-sidebar {
		display: inline-block
	}
}

aside.sidebar .toggle {
	display: none
}

@media only screen and (max-width:900px) {
	aside.sidebar {
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999;
		-webkit-box-shadow: 0 0 15px 0 rgba(198,198,198,.95);
		box-shadow: 0 0 15px 0 rgba(198,198,198,.95);
		overflow: auto;
		height: 100%;
		-webkit-transition: all ease .25s;
		transition: all ease .25s;
		-webkit-transform: translateX(-120%);
		transform: translateX(-120%)
	}

		aside.sidebar.open {
			opacity: 1;
			-webkit-transform: none;
			transform: none
		}

		aside.sidebar .toggle {
			display: block
		}
}
/*#footer {
	background: -webkit-gradient(linear, left top, right top, from(#117a45), to(#76bc21));
	background: linear-gradient(to right, #117a45 0, #76bc21 100%);
	margin-left: -30px;
	width: calc(100% + 60px);
	padding: 30px;
	padding-top: 35px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}*/
#footer .left-content {
	width: 360px;
	display: inline-block;
	vertical-align: top
}

#footer .right-content {
	width: calc(100% - 400px);
	display: inline-block;
	vertical-align: top;
	float: right;
	text-align: right
}

@media only screen and (max-width:900px) {
	#footer .left-content, #footer .right-content {
		display: block;
		width: 100%;
		text-align: center;
		float: none
	}

	#footer .left-content {
		margin-bottom: 10px
	}
}

#footer a {
	color: #fff;
	text-decoration: none
}

	#footer a:hover {
		text-decoration: underline
	}

#footer ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 14px
}

	#footer ul li {
		display: inline-block;
		margin-right: 25px
	}

		#footer ul li:last-of-type {
			margin-right: 0
		}

@media only screen and (max-width:900px) {
	#footer ul li {
		display: block;
		margin-bottom: 20px;
		margin-right: 0
	}

		#footer ul li:last-of-type {
			margin-bottom: 0
		}
}

.page-my-account .green-block .left-content {
	width: 50%;
	display: inline-block;
	vertical-align: middle
}

@media only screen and (max-width:900px) {
	.page-my-account .green-block .left-content {
		width: 100%;
		display: block;
		text-align: left;
		margin-bottom: 10px
	}
}

.page-my-account .green-block .right-content {
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	text-align: right
}

	.page-my-account .green-block .right-content .btn {
		margin-right: 10px
	}

@media only screen and (max-width:900px) {
	.page-my-account .green-block .right-content {
		width: 100%;
		display: block;
		text-align: left
	}

		.page-my-account .green-block .right-content .btn {
			margin-bottom: 5px;
			width: 100%;
			-webkit-box-sizing: border-box;
			box-sizing: border-box
		}

		.page-my-account .green-block .right-content .text-input {
			width: 100%;
			-webkit-box-sizing: border-box;
			box-sizing: border-box
		}
}

.page-my-account .showing {
	display: block;
	margin-top: 20px;
	padding-top: 20px;
	font-size: 12px;
	color: #737373;
	border-top: 1px solid #f2f2f2
}

.page-meter-reading .green-block .right-content .btn {
	margin-right: 10px
}

@media only screen and (max-width:900px) {
	.page-meter-reading .green-block .right-content .purple-button {
		width: 100%
	}
}

.page-meter-reading .select-file-box {
	margin-top: 20px
}

	.page-meter-reading .select-file-box label {
		line-height: 22px
	}

		.page-meter-reading .select-file-box label em {
			display: block;
			font-size: 11px
		}

.page-meter-reading .cta-button {
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center
}

.page-meter-reading table .text-input {
	width: 90%
}

.page-set-alarm .green-block .right-content {
	text-align: left
}

.page-set-alarm .green-block .toggles label {
	height: 42px;
	line-height: 42px
}

.page-my-profile .block {
	width: 25%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top
}

.page-my-profile .form-field {
	margin-bottom: 20px;
	width: 100%
}

	.page-my-profile .form-field > label {
		display: block;
		margin-bottom: 7px;
		color: #737373;
		font-size: 14px
	}

	.page-my-profile .form-field > input {
		width: 100%
	}

	.page-my-profile .form-field.small-field {
		width: 30%
	}

	.page-my-profile .form-field.hidden {
		opacity: 0;
		pointer-events: none
	}

.page-my-profile .buttons .btn {
	padding-left: 15px;
	padding-right: 15px
}

.page-my-profile .buttons.align-right {
	text-align: right
}

.page-edit-profile .block {
	width: 25%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top
}

.page-edit-profile .form-field {
	margin-bottom: 20px;
	width: 100%
}

	.page-edit-profile .form-field > label {
		display: block;
		margin-bottom: 7px;
		color: #737373;
		font-size: 14px
	}

	.page-edit-profile .form-field > input {
		width: 100%
	}

	.page-edit-profile .form-field.small-field {
		width: 30%
	}

	.page-edit-profile .form-field.hidden {
		opacity: 0;
		pointer-events: none
	}

.page-edit-profile .buttons .btn {
	padding-left: 15px;
	padding-right: 15px
}

.page-edit-profile .buttons.align-right {
	text-align: right
}

.page-pozitive-view .green-block .right-content {
	text-align: right;
	vertical-align: bottom
}

.page-pozitive-view .green-block .toggles label {
	height: 42px;
	line-height: 42px
}

.page-my-details .block {
	width: 25%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top
}

@media only screen and (max-width:900px) {
	.page-my-details .block {
		width: 100%;
		margin-right: 0;
		display: block
	}
}

.page-my-details .form-field {
	margin-bottom: 20px;
	width: 100%
}

	.page-my-details .form-field > input {
		width: 100%
	}

	.page-my-details .form-field.small-field {
		width: 30%
	}

@media only screen and (max-width:900px) {
	.page-my-details .form-field.small-field {
		width: 100%
	}
}

.page-my-details .form-field.hidden {
	opacity: 0;
	pointer-events: none
}

@media only screen and (max-width:900px) {
	.page-my-details .form-field.hidden {
		display: none
	}
}

.page-my-details .buttons.align-right {
	text-align: right
}

@media only screen and (max-width:900px) {
	.page-my-details .buttons .btn {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}

.page-login h1.title {
	font-size: 50px;
	text-align: center;
}

.page-login form {
	max-width: 500px;
	display: block;
	margin: 0 auto
}

.page-login .block {
	width: 25%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top
}

.page-login .form-field {
	margin-bottom: 20px;
	width: 100%
}

	.page-login .form-field > label {
		display: block;
		margin-bottom: 7px;
		font-size: 14px
	}

	.page-login .form-field > input {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.page-login .form-field.hidden {
		opacity: 0;
		pointer-events: none
	}

.page-login input.btn {
	display: block;
	text-align: center;
	width: 120px;
	margin: 0 auto
}

.page-login .blocks {
	margin-bottom: 20px
}

	.page-login .blocks .left-content, .page-login .blocks .right-content {
		display: inline-block;
		width: 49%;
		vertical-align: top
	}

	.page-login .blocks .right-content {
		text-align: right;
		float: right;
		margin-right: 0
	}

.page-login .remember {
	font-size: 14px;
	color: #737373
}

.page-login .right-content a {
	color: #50CA68;
	font-size: 14px;
	font-style: italic;
	text-decoration: none
}

	.page-login .right-content a:hover {
		text-decoration: underline
	}
/* Popup Css Start */
.modal {
	display: none;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.pop-header {
	background: #fff;
	color: #33009a;
	padding: 15px;
	margin: 0;
	border-bottom: 2px #ECECEE solid;
	font-size: 18px !important;
}
/* Modal Content */
.modal-content {
	background-color: #fff !important;
	margin: auto;
	/*padding: 20px;*/
	border: 1px solid #888;
	width: 80%;
}

/* The Close Button */
.close, .close2, .close3, .close4, .close5, .close6, .close7 {
	color: #666;
	float: right;
	font-size: 24px;
	font-weight: bold;
	padding: 8px 15px;
}

	.close:hover, .close:focus, .close2:hover, .close2:focus, .close3:hover, .close3:focus, .close4:hover, .close4:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}
/* Popup Css End */

/*alert Css Start*/
.alert-success {
	margin-bottom: 0px;
	background: #77bc22;
	padding: 15px;
	color: #fff;
}

.alert-close {
	float: right;
	cursor: pointer;
}

.privacy ul li {
	list-style-type: disc;
	margin-left: 15px;
}







/*.modal-content .btn.grey-button {
	text-align: center;
	background: black !important;
	color: white !important;
	border: 2px solid #000 !important;
}





	.modal-content .btn.grey-button:hover {
		text-align: center;
		background: black !important;
		color: white !important;
		border: 2px solid #000 !important;
	}
*/
@keyframes loading {
	100% {
		transform: rotate(1turn);
	}
}