body, html {
	HEIGHT: 100%;
	BORDER: none;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	TEXT-DECORATION: None;
	COLOR: #000000;
	PADDING: 0px;
	MARGIN: 0px;
	font-family: Verdana;
	background: url('img/n.gif') no-repeat;
	background-attachment: fixed;
}
H1, H1 A, H1 A:link, H1 A:visited, H1 A:link {
	color: #0000A0;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}

H1 A:hover {
	color: #000000;
}
H2, H2 A, H2 A:link, H2 A:visited, H2 A:link {
	color: #d00000;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}

H2 A:hover {
	color: #f33838;
}
H3, H3 A, H3 A:visited, H3 A:link  {
	DISPLAY: inline;
	color: #8f8e34;
	FONT-SIZE: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}

H3 A:hover  {
	color: #ebcf98;
}

H4, H4 A, H4 A:link, H4 A:visited, H4 A:link {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	COLOR: #00B000;
}

H4 A:hover {
	COLOR: #50ed50;
}

H5, H5 A, H5 A:visited, H5 A:link  {
	DISPLAY: inline;
	color: #d00000;
	FONT-SIZE: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}

H5 A:hover  {
	color: #f33838;
}

FORM {
	DISPLAY: inline;
	PADDING: 0px;
	MARGIN: 0px;
}

td {
	text-align: center;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 12px;
}

a, a:link, a:visited, a:active {
	font-family: Verdana;
	color: #425882;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	font-family: Verdana;
	color: #000000;
	text-decoration: underline;
}

ul {
	list-style: square inside;
}

#loginmessage {
	display: block;
}

.hidediv {
	display: none;
	text-align: left;
}

.headerdiv {
	width: auto;
	display: table;
	height: 25px;
	text-align: left;
	padding-left: 15px;
	cursor: pointer;
}

.headerdiv:hover {
	text-decoration: underline;
}

.tarifmaker:hover {
	text-decoration: none;
}

.stext {
	font-family: Verdana;
	font-size: 10px;
}

.red_option {
	color: #d00000;
	font-weight: normal;
	background-color: #ffe7e7;
}

.green_option {
	color: #00B000;
	font-weight: normal;
	background-color: #daffda;
}

.grayblue_option {
	color: #0000aa;
	font-weight: normal;
	background-color: #daddff;
}

.admin_icon {
	padding: 0px 3px 0px 3px;
}

.menu_table {

}
.menu_cell_header {
	height: 20px;
	padding: 0px 5px 0px 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-color: #000000;
}
.menu_cell {
	height: 18px;
	padding: 0px 2px 0px 15px;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
}
.input_table {
	width: 100%;
}
.input_table_inner td {
	border-right: #fff 1px solid;
}
.input_table TD {
	height: 15px;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.input_table_light {
	background-color: #e8ebf7;
}
.input_table_dark {
	background-color: #d1d6ea;
}
.input_table_light2 {
	background-color: #F0F0F0;
}
.input_table_dark2 {
	background-color: #dee0ef;
}
.input_table_inner {
	background-color: #C0C0C0;
}
.input_table_white {
	background-color: #fff;
}
.spisok_table_td_red {
	background-color: rgba(255, 167, 167, 0.7);
}
.spisok_table_td_yellow {
	background-color: rgba(255, 202, 98, 0.7);
}
.spisok_table_td_green {
	background-color: rgba(145, 227, 101, 0.7);
}
.spisok_table_td_blue {
	background-color: rgba(185, 191, 212, 0.5);
}

.spisok_table TD {
	height: 15px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: #425882 1px solid;
}
.spisok_table_header {
	background-color: #d1d6ea;
	font-weight: bold;
}
.spisok_table_header_dark {
	background-color: #b9bfd4;
	font-weight: bold;
}
.spisok_table_row_dark {
	background-color: rgba(185, 191, 212, 0.5);
}
.spisok_table_tot {
	background-color: #c8cde7;
	font-weight: bold;
}
.spisok_table_tot2 {
	background-color: #aab1d0;
	font-weight: bold;
}
.spisok_table_tr_light, spisok_table_tr_light_noselect {
	background-color: #FCFCFC;
}
.spisok_table_tr_dark, spisok_table_tr_dark_noselect {
	background-color: #e8ebf7;
}

.spisok_table_tr_gray {
	background-color: #eee;
	color: #777;
}

.spisok_table_tr_yellow {
	background-color: rgba(255, 202, 98, 0.7);
}

.spisok_table_tr_red {
	background-color: rgba(255, 167, 167, 0.7);
}

.spisok_table_tr_green {
	background-color: rgba(145, 227, 101, 0.7);
}

.spisok_table_tr_date {
	background-color: #fff;
	font-weight: bold;
}

.spisok_table_tr_date td {
	padding-left: 20px;
	text-align: left;
	border: 0px;
}

.spisok_table_td_small {
	font-size: 90%;
}

.spisok_table_tr_mark {
	background-color: #a6b1d9;
}

.spisok_table_white {
	background-color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	padding: 0px;
}
.spisok_table_light {
	background-color: #F5F5F5;
}
.spisok_table_dark {
	background-color: #e8ebf7;
}
.white_select {
	WIDTH: 95%;
	HEIGHT: auto;
	PADDING: 1px;
	COLOR: #000000;
	MARGIN: 0px;
	FONT-WEIGHT: normal;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: #505050 1px solid;
	BORDER-RIGHT: #505050 1px solid;
	BORDER-TOP: #000000  1px solid;
	BORDER-LEFT: #000000  1px solid;
}
.white_input {
	WIDTH: 95%;
	min-width: 100px;
	HEIGHT: auto;
	PADDING: 1px;
	COLOR: #000000;
	MARGIN: 0px;
	FONT-WEIGHT: normal;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: #505050 1px solid;
	BORDER-RIGHT: #505050 1px solid;
	BORDER-TOP: #000000  1px solid;
	BORDER-LEFT: #000000  1px solid;
}
.white_text {
	WIDTH: 95%;
	HEIGHT: 75px;
	PADDING: 1px;
	COLOR: #000000;
	MARGIN: 0px;
	FONT-WEIGHT: normal;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: #505050 1px solid;
	BORDER-RIGHT: #505050 1px solid;
	BORDER-TOP: #000000  1px solid;
	BORDER-LEFT: #000000  1px solid;
}

/* Button */

.white_button {
	background: #b8bddb;
	background-image: -webkit-linear-gradient(top, #b8bddb, #6b75ad);
	background-image: -moz-linear-gradient(top, #b8bddb, #6b75ad);
	background-image: -ms-linear-gradient(top, #b8bddb, #6b75ad);
	background-image: -o-linear-gradient(top, #b8bddb, #6b75ad);
	background-image: linear-gradient(to bottom, #b8bddb, #6b75ad);
	-webkit-box-shadow: 0px 1px 2px #666666;
	-moz-box-shadow: 0px 1px 2px #666666;
	box-shadow: 0px 1px 2px #666666;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 12px 5px 12px;
	border: solid #8b92bf 1px;
	text-decoration: none;
	cursor: pointer;
}

.white_button:hover {
	background: #70759a;
	text-decoration: none;
}

.white_button:disabled {
	background: #dcdcdc;
	background-image: -webkit-linear-gradient(top, #eaeaea, #c4c4c4);
	background-image: -moz-linear-gradient(top, #eaeaea, #c4c4c4);
	background-image: -ms-linear-gradient(top, #eaeaea, #c4c4c4);
	background-image: -o-linear-gradient(top, #eaeaea, #c4c4c4);
	background-image: linear-gradient(to bottom, #eaeaea, #c4c4c4);
	border: solid #c4c4c4 1px;
	text-decoration: none;
}

.picture {
	BORDER-BOTTOM: #505050 1px solid;
	BORDER-RIGHT: #505050 1px solid;
	BORDER-TOP: #000000  1px solid;
	BORDER-LEFT: #000000  1px solid;
	BACKGROUND-COLOR: #FFFFFF;
}
.input_checkbox {
	PADDING: 0px;
	MARGIN: 0px;
	WIDTH: 23px;
	HEIGHT: 23px;
}

.menu_div {
	width: 150px;
	min-width: 150px;
	text-align: left;
	vertical-align: top;
	background-color: #e4e6f2;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	padding: 30px 10px 10px 5px;
	display: inline-block;
	position: fixed;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 0px 0px 20px 0px;
	z-index: 500;
}

.body_div {
	width: calc(100% - 185px);
	min-width: 395px;
	text-align: left;
	vertical-align: top;
	padding: 30px 10px 10px 175px;
	display: inline-block;
}

.info_div {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.info_mobile_div {
	display: none;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.input_table_info {
	width: auto;
	background-color: #e1e4f2;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	font-weight: bold;
}

.version {
	width: 100%;
	height: 25px;
	text-align: right;
	color: #777777;
	font-size: 10px;
	padding: 5px;
}

@media only screen and (max-width: 767px) {
	.info_div {
		display: none;
	}
	.info_mobile_div {
		display: block;
	}
	.menu_div {
		display: none;
	}
	.body_div {
		width: calc(100% - 20px);
		padding: 0px 10px 10px 10px;
	}
	.version {
		text-align: left;
	}
}

.mobile-menu-table-info {
	text-align: left;
}

.mobile-menu-table-info:first-of-type {
	padding: 0px 5px 0px 10px;
}

.info_div_font {
	color: #425882;
	cursor: pointer;
}

#checkall {
	padding: 5px;
	width: 50px;
	height: auto;
	cursor: pointer;
	min-width: 50px;
	background: #d1d6ea url(../admin/img/check_all.png) no-repeat 100% 100%;
	background-position: center, center;
}

.options {
	min-width: 35px;
	height: auto;
}

.checktd {

}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; width: 250px; }

.calendar, .calendar table {
	width: 100%;
	border: 1px solid #556;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #eef;
	font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;    /* They are the navigation buttons */
	padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
	background: #778 url(../images/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold;      /* Pressing it will take you to the current date */
	text-align: center;
	background: #fff;
	color: #000;
	padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	background: #778;
	color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
	background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid #556;
	padding: 2px;
	text-align: center;
	color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
	background-color: #aaf;
	color: #000;
	border: 1px solid #04f;
	padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
	background-color: #77c;
	padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	color: #456;
	text-align: right;
	padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
}

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
	background: #bdf;
}

.calendar tbody .rowhilite td {
	background: #def;
}

.calendar tbody .rowhilite td.wn {
	background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
	background: #def;
	padding: 1px 3px 1px 1px;
	border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	background: #cde;
	padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 3px 1px 1px;
	background: #fff;
	color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
	font-weight: bold;
	color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	text-align: center;
	background: #556;
	color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: #fff;
	color: #445;
	border-top: 1px solid #556;
	padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	background: #77c;
	padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border: 1px solid #655;
	background: #def;
	color: #000;
	font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .hilite {
	background: #acf;
}

.calendar .combo .active {
	border-top: 1px solid #46a;
	border-bottom: 1px solid #46a;
	background: #eef;
	font-weight: bold;
}

.calendar td.time {
	border-top: 1px solid #000;
	padding: 1px 0px;
	text-align: center;
	background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	padding: 0px 3px 0px 4px;
	border: 1px solid #889;
	font-weight: bold;
	background-color: #fff;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	border-color: #000;
	background-color: #667;
	color: #fff;
}

.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}

@media print {
	.noprint { display:none }
}

#header
{
	width: 100%;
	padding: 0px;
	background-color: ButtonFace;
	color: ButtonText;
	position: fixed;
	top: 0;
	left: 0;
//position: absolute;
	top: expression(
        document.getElementsByTagName('body')[0].scrollTop + "px"
    );
}

.infoframe {
	z-index: 100;
	-webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
}

#top_stick.stick {position: fixed; top: 25px; left:50%; z-index: 5; margin-left:-490px;}
#top_stick2.stick {position: fixed; top: 55px; left:50%; z-index: 5; margin-left:-490px;}

#coloredSlider {
	float: left;
	clear: left;
	width: 90%;
	height: 20px;
	margin: 3px 10px 3px 10px;
}

#coloredSlider .ui-slider-range {
	background: #ff0000;
}

#coloredSlider .ui-state-default, .ui-widget-content .ui-state-default {
	background: none;
	background-color: #ff0000;
}

#coloredSlider .ui-slider-range {
	background-color: #ff0000;
}

.ui-slider .ui-slider-handle {
	width: 25px;
	height: 25px;
	cursor: pointer;
	color: red;
}

.picture {
	BORDER-BOTTOM: #505050 1px solid;
	BORDER-RIGHT: #505050 1px solid;
	BORDER-TOP: #000000  1px solid;
	BORDER-LEFT: #000000  1px solid;
	BACKGROUND-COLOR: #FFFFFF;
}
.icon {
	BORDER-BOTTOM: #505050 1px solid;
	BORDER-RIGHT: #505050 1px solid;
	BORDER-TOP: #000000  1px solid;
	BORDER-LEFT: #000000  1px solid;
	BACKGROUND-COLOR: #FFFFFF;
	margin: 1px;
}

/* mob-menu-btn begin */

.mobile-menu-button {
	height: 0px;
}

.menu-button{
	display: static;
	position: fixed;
	top: 10px;
	right: -100px;
	width: 45px;
	height: 45px;
	margin: auto;
	cursor: pointer;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	z-index: 1000;
	background: #e4e6f2;
	border: #fff 1px solid;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 767px) {
	.mobile-menu-button .menu-button {
		right: 16px;
		cursor: pointer;
	}
}

.icon-menu-burger {
	height: 2px;
	width: 26px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -13px;
	-webkit-transition: transform 0.2s ease 0s;
	-moz-transition: transform 0.2s ease 0s;
	-o-transition: transform 0.2s ease 0s;
	-ms-transition: transform 0.2s ease 0s;
	transition: transform 0.2s ease 0s;
	-webkit-transition: -webkit-transform 0.2s ease 0s;
}
.icon-menu-burger__line {
	background: #3d4375;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: transform 0.2s linear 0.2s;
	-moz-transition: transform 0.2s linear 0.2s;
	-o-transition: transform 0.2s linear 0.2s;
	-ms-transition: transform 0.2s linear 0.2s;
	transition: transform 0.2s linear 0.2s;
	-webkit-transition: -webkit-transform 0.2s linear 0.2s;
}
.icon-menu-burger:before, .icon-menu-burger:after {
	background: #3d4375;
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
}
.menu-button.active .icon-menu-burger__line,
.menu-button.active .icon-menu-burger:before,
.menu-button.active .icon-menu-burger:after {
	background: #4c94ae;
}
.icon-menu-burger:before {
	top: -9px;
	-webkit-transition: top 0.2s linear 0.4s;
	-moz-transition: top 0.2s linear 0.4s;
	-o-transition: top 0.2s linear 0.4s;
	-ms-transition: top 0.2s linear 0.4s;
	transition: top 0.2s linear 0.4s;
}
.icon-menu-burger:after {
	bottom: -9px;
	-webkit-transition: bottom 0.2s linear 0.4s;
	-moz-transition: bottom 0.2s linear 0.4s;
	-o-transition: bottom 0.2s linear 0.4s;
	-ms-transition: bottom 0.2s linear 0.4s;
	transition: bottom 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: transform 0.2s linear 0.4s;
	-moz-transition: transform 0.2s linear 0.4s;
	-o-transition: transform 0.2s linear 0.4s;
	-ms-transition: transform 0.2s linear 0.4s;
	transition: transform 0.2s linear 0.4s;
	-webkit-transition: -webkit-transform 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger__line{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-button.active .icon-menu-burger:before {
	-webkit-transition: top 0.2s linear;
	-moz-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	-ms-transition: top 0.2s linear;
	transition: top 0.2s linear;
	top: 0;
}
.menu-button.active .icon-menu-burger:after {
	-webkit-transition: bottom 0.2s linear;
	-moz-transition: bottom 0.2s linear;
	-o-transition: bottom 0.2s linear;
	-ms-transition: bottom 0.2s linear;
	transition: bottom 0.2s linear;
	bottom: 0;
}
/* mob-menu-btn end */

.mobile-menu {
	position: fixed;
	top: 0;
	left: -400px;
	height: 100%;
	width: 270px;
	max-width: 100%;
	z-index: 1000;
	overflow-y: scroll;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	background: #e4e6f2;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border: #fff 1px solid;
}
.mobile-menu-application{
	margin-left: 20px;
	background: #fff;
	border-color: #fff;
	color: #000;
}
.mobile-menu-application:hover{
	color: #fff;
	background: transparent;
}
.mob-menu-logo{
	margin-left: 60px;
	display: inline-block;
	margin-top: 5px;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
	z-index: -100;
	opacity: 0;
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}
.mobile-menu > ul {
	padding: 0px;
}
.mobile-menu > ul > li {
	position: relative;
	border-bottom: 1px solid rgba(106,113,166,0.2);
	font-weight: bold;
	cursor: pointer;
}
.mobile-menu > ul > li:first-of-type{
	border-top: 1px solid rgba(106,113,166,0.2);
}
.mobile-menu > ul > li.down > a {
	padding-right: 60px;
}
.mobile-menu .dropdown-button{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 48px;
	z-index: 10;
}
.mobile-menu .dropdown-button:before {
	content: "";
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 13px;
	left: 12px;
	border-bottom: 1px solid #3d4375;
	border-right: 1px solid #3d4375;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.mobile-menu .dropdown-button.active:before{
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 19px;
}
.mobile-menu > ul > li > ul {
	position: static;
	width: 100%;
	display: none;
	padding-left: 5px;
}
.mobile-menu > ul  > li,
.mobile-menu > ul  > li > a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 17px 20px 10px;
	text-transform: uppercase;
}
.mobile-menu > ul  > li > a:hover,
.mobile-menu > ul > li > ul > li > a:hover {
	color: #4c94ae;
}
.mobile-menu > ul  > li.active > a,
.mobile-menu > ul  > li.active,
.mobile-menu > ul > li > ul > li.active,
.mobile-menu > ul > li > ul > li.active > a,
.mobile-menu ul ul ul .active a{
	color: #3d4375;
}
.mobile-menu > ul > li > ul > li,
.mobile-menu > ul > li > ul > li > a,
.mobile-menu ul ul ul a{
	display: block;
	line-height: 18px;
	text-decoration: none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	padding: 3px 2px 0px 10px;
	color: #3d4375;
	position: relative;
	font-weight: normal;
}

.mobile-menu > ul > li > ul > li > a:before,
.mobile-menu ul ul ul a:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 0px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #000;
}
.mobile-menu > ul > li > ul > li.active > a:before,
.mobile-menu ul ul ul .active > a:before{
	background: #5c9bb3;
}
.mobile-menu ul ul ul a{
	padding: 6px 10px 6px 55px;
}
.mobile-menu ul ul ul a:before{
	left: 40px;
	top: 5px;
}
.mobile-menu .menu-button{
	display: none;
}
.mobile-search-wrapper {
	width: 100%;
	padding: 0 20px;
	margin-bottom: 20px;
	position: relative;
	max-width: 100%;
}
.mobile-search-wrapper input[type=text]{
	background: transparent;
	border-color: #5f5f5f;
	border-radius: 30px;
}
.mobile-search-wrapper [type=submit] {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	height: 44px;
	width: 44px;
	border: none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	background: transparent;
}
.mobile-search-wrapper [type=submit] i{
	margin: 0;
	color: #5f5f5f;
}
.mobile-menu-info{
	padding: 0 20px;
	font-weight: 300;
	color: #fff;
}
.mobile-menu-info i.material-icons{
	position: absolute;
	top: 2px;
	left: 0;
}
.mobile-menu-info .element{
	padding-left: 25px;
}
.mobile-menu-social{
	padding: 0 20px;
}
.mobile-menu-social.social-links a{
	color: #fff;
	border-color: #fff;
}
@media only screen and (max-width: 767px) {
	.mobile-menu.open {
		left: 0;
	}
	.mobile-menu.open + .overlay {
		z-index: 550;
		opacity: 1;
	}
	.mobile-menu .menu-button{
		display: block;
		position: absolute;
	}
	.mobile-menu .menu-button {
		position: fixed;
		right: 16px;
		top: 20px;
		width: 30px;
		height: 20px;
		cursor: pointer;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
		z-index: 1000;
	}
}
@media only screen and (max-width: 340px) {
	.mobile-menu{
		width: 100%;
	}
}
@media (min-width: 768px){
	.mobile-menu{
		/*display: none;*/
	}
}