:root {
	--color_black: #363636;
	--color_red: #c50505;
	--color_redlite: #f77e85;
	--color_blue: #181c51;
	--color_dark: #23282d;
}
@font-face {
	font-family:"FactSemiExpanded";
	src:url("/fonts/Fact_Semi-Expanded.eot");
	src:url("/fonts/Fact_Semi-Expanded.eot?#iefix") format("embedded-opentype"),
	url("/fonts/Fact_Semi-Expanded.woff2") format("woff2"),
	url("/fonts/Fact_Semi-Expanded.woff") format("woff");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:"FactSemiExpandedBold";
	src:url("/fonts/Fact_Semi-Expanded-Bold.eot");
	src:url("/fonts/Fact_Semi-Expanded-Bold.eot?#iefix") format("embedded-opentype"),
	url("/fonts/Fact_Semi-Expanded-Bold.woff2") format("woff2"),
	url("/fonts/Fact_Semi-Expanded-Bold.woff") format("woff");
	font-weight:normal;
	font-style:normal
}
html, body {
	color: #333;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	background-color: #f0f0f0;
	height: 100%;
}
html {
	scrollbar-width: thin;
	scrollbar-color: #aeaeae #f1f1f1;
	height: 100%;
	scroll-behavior: smooth;
}
body {
	padding: 20px;
	min-height: 100%;
}
body.body_home {
	padding: 0px;
	padding-top: 64px;
	font-size: 1.2em;
}
* {
	font-family:"FactSemiExpanded",sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}
a:link, a:visited, a:active {
	color: #1b71e6;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #666;
}
a:focus {
	-moz-outline-style: none;
	outline: none;
}
body {
	background-color: #f0f0f0;
}
form, p { 
	padding: 0px; 
	margin: 0px;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after {
	visibility: hidden;
	opacity: 0;
}

/* position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: 5px;
	padding: 7px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
input[type=text], input[type=password], input[type=submit], input[type=button], select, textarea {
	border: 1px solid #ccc;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	font-size: 14px;
}
input[type=checkbox] {
	margin: 5px 0px;
}
input[type=submit], input[type=button] {
	width: auto;
	background-color: #1b71e6;
	border: 0px solid #1b71e6;
	color: #fff;
	padding: 10px 20px;
}
.btn_all, a.btn_all {
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #1b71e6;
	color: #fff;
	display: inline-block;
	white-space: nowrap;
}
.btn_new, a.btn_new {
	margin-bottom: 20px;
}
.btn_grey, a.btn_grey, input[type="submit"].btn_grey {
	background-color: #ccc;
	color: #222;
}
.btn_blue, a.btn_blue, input[type="submit"].btn_blue {
	background-color: #4485f3;
	border: 1px solid #4485f3;
}
.btn_all img {
	vertical-align: middle;
	margin-right: 5px;
}
.mess {
	background-color: #fdf0dc;
	color: #ce572e;
	padding: 5px;
	border: 1px solid #f1dfc5;
}
.ok {
	background-color: #e2ffe0;
	color: #6ca628;
	padding: 5px;
	border: 1px solid #bbffb0;
}
.tooltip {
	margin: 20px 0px;
}
.tooltip input[type=text], .tooltip input[type=password], .tooltip input[type=submit], .tooltip input[type=button], .tooltip select, .tooltip textarea {
	margin: 0px;
}
h1, h2, h3 {
	color: #333;
	font-weight: 700;
	font-style: normal;
	font-size: 29px;
	line-height: 30px;
	letter-spacing: .01em;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
h1:after, h2:after, h3:after {
	content: '';
	display: inline-block;
	background-color: #333;
	width: 50px;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
header {
	background-color: var(--color_dark);
	color: #fff;
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
}
#header a {
	color: #fff;
}
.tbl_div {
	display: table;
	width: 100%;
}
.tbl_div .tr {
	display: table-row;
}
.tbl_div .tr_red {
	background-color: #ffcbcb;
}
.tbl_div .td, .tbl_div .th {
	display: table-cell;
	vertical-align: middle;
}
.tbl_div .th {
	background-color: #FAFAFA;
	border-bottom: 1px solid #ccc;
}
.tbl_div .th_dtl, .div_tbl .th_dtl {
	white-space: nowrap;
	text-align: center;
	width: 30px;
}
.tbl_div .th_dtl .icn, .div_tbl .th_dtl .icn {
	visibility: hidden;
}
.tbl_div .tr:hover .th_dtl .icn, .div_tbl .tr:hover .th_dtl .icn {
	visibility: visible;
}
.tbl_div .th_dtl ul, .div_tbl .th_dtl ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 100px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	text-align: left;
	z-index: 5;
}
.tbl_div .th_dtl ul img, .div_tbl .th_dtl ul img {
	vertical-align: middle;
	margin-right: 10px;
	height: 16px;
}
.tbl_div .th_dtl:hover ul, .div_tbl .th_dtl:hover ul {
	display: block;
}
.tbl_div .th_dtl ul li, .div_tbl .th_dtl ul li {
	padding: 0px;
	margin: 0px;	
}
.tbl_div .th_dtl ul li a, .div_tbl .th_dtl ul li a {
	display: block;
	color: #000;
	padding: 10px;
	line-height: normal;
}
.tbl_div .th_dtl ul li a:hover, .div_tbl .th_dtl ul li a:hover {
	background-color: #f0f0f0;	
}
.tbl_b .td, .tbl_b .th {
	border-bottom: 1px solid #ccc;
}
.tbl_pad .td {
	padding: 5px;
}
.tbl_pad .th {
	padding: 10px 5px;
}
.tbl_center {
	margin-left: auto;
	margin-right: auto;
}
.tbl_login {
	height: 100%;
}
.tbl_login .td {
	vertical-align: top;
}
.tbl_login #td_pic {
	width: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.tbl_login #td_pic .mask {
	display: block;
	width: 100%;
	height: 100%;
}
main {
	min-height: 100%;
}
.main {
	width: 100%;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}
.main_out {
	width: 100%;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
.main_out h3 {
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.ul_out {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.ul_out li {
	padding: 5px 0px;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.ul_out li:before {
	vertical-align: middle;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8bWV0YWRhdGE+IFN2ZyBWZWN0b3IgSWNvbnMgOiBodHRwOi8vd3d3Lm9ubGluZXdlYmZvbnRzLmNvbS9pY29uIDwvbWV0YWRhdGE+DQo8Zz48Zz48Zz48cGF0aCBmaWxsPSIjNkQ3QkZGIiBkPSJNMTQ3LjIsODYuNmwtNTYuNSw1Ni42bC0xOS4zLTE5LjNsLTE5LjItMTkuMmwtMjEuMSwyMS4xTDEwLDE0Ni45bDM5LjgsMzkuOEM3NC42LDIxMS41LDg5LjcsMjI2LjMsOTAsMjI2YzAuMS0wLjMsMC43LTAuNCwxLjItMC4zYzAuNywwLjIsMTUuNy0xNC41LDc3LjktNzYuNmw3Ny03Ni45bC0yMS4xLTIxLjFMMjAzLjgsMzBMMTQ3LjIsODYuNnoiLz48L2c+PC9nPjwvZz4NCjwvc3ZnPg==) no-repeat center center;
}
main .main_out:first-child {
	margin-top: 100px;
}
.main_center {
	text-align: center;
}
.main_center h2:after {
	left: 50%;
	margin-left: -25px;
}
.tbl_index {
	margin-top: 40px;
	margin-bottom: 40px;
}
.tbl_index .td {
	width: 50%;
	vertical-align: middle;
}
.tbl_index img {
	max-width: 100%;
}
.bar_0 {
	padding-bottom: 100px;
}
.bar_1 img {	
	margin-top: -150px;
}
.bar_1 {
	padding-bottom: 100px;
}
.bar_2 {
	padding-bottom: 100px;
}
.bar_2 .td:last-child {
	padding-left: 50px;
}
.bar_2 img {	
	margin-top: -150px;
}
.bar_3 {
	padding-bottom: 100px;
}
.bar_3 .td img {	
	margin-top: -150px;
}
.bar_4 {
	padding-bottom: 100px;
}
.bar_4 .td:last-child {
	padding-left: 50px;
}
.bar_4 img {
	margin-top: -150px;
}
.bar_5 {
	padding-bottom: 100px;
}
.bar_5 img {
	margin-top: -150px;
}
.bar_6 {
	padding-bottom: 100px;
}
.bar_6 .td:last-child {
	padding-left: 50px;
}
.bar_6 img {
	margin-top: -200px;
}
.bar_7 {
	padding-bottom: 100px;
}
.bar_7 img {
	margin-top: -150px;
}
.bar_8 {
	padding-bottom: 100px;
}
.bar_8 .td:last-child {
	padding-left: 50px;
}
.bar_8 img {
	margin-top: -200px;
}
.bar_9 {
	padding-bottom: 100px;
}
.bar_9 img {
	margin-top: -150px;
}
#div_logo {
	background-color: #626262;
	padding: 20px;
}
.tbl_login #td_login {
	text-align: center;
}
.tbl_login #td_login #div_cont {
	
}
.tbl {
	width: 100%;
}
.tbl th {
	font-weight: 300;
	background-color: #FAFAFA;
}
.tbl th, .tbl td {
	padding: 10px;
}
.tbl tr th, .tbl tr td {
	border-bottom: 1px solid #ccc;
}
.tbl tr:hover {
	background-color: #FDFDFD;
}
.tbl .td_dtl {
	position: relative;
	text-align: center;
	width: 60px;
}
.tbl .td_dtl ul {
	position: absolute;
	padding: 0px;
	margin: 0px;
	list-style: none;
	background-color: #fff;
	min-width: 100px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
	max-height: 0px;
	overflow: hidden;
	text-align: left;
	z-index: 1;
}
.tbl .dtl_che ul {
	max-height: 500px;
}
.tbl .td_dtl ul li {
	display: block;
}
.tbl .td_dtl ul li a {
	display: block;
	font-size: 0.8em;
	color: #333;
	padding: 5px 10px;
}
.tbl .td_dtl ul li a:hover {
	background-color: #eee;
}
.tbl .td_dtl ul li a img {
	height: 14px;
	margin-right: 5px;
	vertical-align: middle;
}
.tbl .td_status {
	text-align: center;
	width: 60px;
}
.tbl tfoot th {
	font-weight: 600;
}
#td_login {
	height: 100%;
}
#td_login #div_cont {
	height: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
#td_login #div_cont #div_logo {
	height: 30%;
}
#td_login #div_cont #login_div {
	flex: 1;	
}
#td_login #div_cont #login_footer {
	text-align: right;
	padding: 5px 10px;
	font-size: 0.8em;
	height: 30px;
	text-align: right;
}
#td_login #div_cont #login_div .main {
	max-width: 400px;
	text-align: left;
}
.popup {
	left: 0%;
	margin: 0px;
	overflow-x: auto ;
	overflow-y: auto ;
	overflow: auto;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 99;
	background: rgba(0,0,0,.6);
	top: -100%;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.popup_stick {
	top: 0%;
}
.popup_in {	
	width: 90%;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	position: relative;	
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	margin-top: 10px;
	background-color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.popup_close {
	position: absolute;
	right: 10px;
	top: 10px;
}
#header_profile {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	z-index: 25;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
#header_profile:hover {
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
#header_profile:before {
	content: '';
	position: absolute;
	width: 44px;
	background-color: #181c51;
	height: 100%;
	z-index: -1;
}
#header_profile #logo {
	height: 40px;
}
#header_profile #logo select {
	padding: 0px 10px;
}
#header_home #logo {
	height: 44px;
}
#header_home #menu {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#header_home #menu li {
	display: inline-block;
}
#header_home #menu li a {
	display: block;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
}
#header_home .tbl_div .td:first-child {
	width: 40%;
}
#header_home .tbl_div .td_logo {
	text-align: center;
}
#header_home .tbl_div .td:last-child {
	width: 40%;
}
#header_home .tbl_div .td:last-child svg {
	fill: #fff;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
#header_home .tbl_div .td:last-child svg:hover {
	fill: #ddd;
}
.menu_btn {
	display: none;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	vertical-align: middle;
	width: 35px;
}
.menu_btn .bar1, .menu_btn .bar2, .menu_btn .bar3 {
	width: 35px;
	height: 4px;
	background-color: #ffffff;
	margin: 7px 0;
	transition: 0.4s;
}
.mob_menu .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.mob_menu .bar2 {opacity: 0;}

.mob_menu .bar3 {
	transform: translate(0, -11px) rotate(45deg);
}
#header_profile #menu {
	flex: 1;	
}
#header_profile #menu {
	overflow-y: hidden;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #aeaeae #f1f1f1;
	margin-top: 1px;
}
#header_profile:hover #menu {
	overflow-y: auto;
	
}
#header_profile #menu:hover {
	scrollbar-width: thin;
}
#header_profile  #menu::-webkit-scrollbar {
  width: 5px;
}
#header_profile  #menu:hover::-webkit-scrollbar {
	width: 5px;
}
#header_profile  #menu::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
#header_profile  #menu::-webkit-scrollbar-thumb {
  background: #aeaeae; 
}
#header_profile  #menu::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
#header_profile .td {
	vertical-align: middle;
	padding: 5px;
}
#header_profile .pic_icon {
	width: 24px;
	border-radius: 50%;
}
#main_profile {
	padding-left: 60px;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
#header_profile #logo .tbl_menu {
	border-bottom: 1px solid #ffadf6;
}
#header_profile .tbl_menu .td:first-child {
	padding: 8px 10px;
	height: 40px;
}
#header_profile .tbl_menu .td:last-child {
	color: #181c51;
	width: 100%;
	max-width: 0px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
	transition: max-width 0.3s ease-in-out, padding 0.3s ease-in-out;
	padding-left: 0px;
	padding-right: 0px;
}
#header_profile .tbl_menu:hover .td:last-child {
	background-color: #181c51;
	color: #fff;
}
#header_profile:hover .tbl_menu .td:last-child, #header_profile.headerstick .tbl_menu .td:last-child {
	max-width: 120px;
	padding-left: 5px;
	padding-right: 5px;
}
#header_profile .menu {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#header_profile .menu li {
	padding: 0px;
	margin: 0px;
	display: block;
}
#header_profile .menu li a {
	display: block;
}
#header_profile .menu li a.a_ch {
	background-color: #181c51;
	color: #fff !important;
}
#header_profile .menu li a.a_ch .td {
	color: #fff !important;
}
#header_profile #logo .tbl_menu .td:last-child {
	background-color: rgba(24,28,81,0.8);
	color: #fff;
}
#div_headerstick {
	display: none;
}
#header_home a {
	color: #fff;
}
#header_home .tbl_div .td {
	padding: 10px 30px;
	vertical-align: middle;
}
#header_home .tbl_div .td:last-child {
	text-align: right;
}
#logo .td_logo{
	position: relative;
}
#logo .btn {
	width: 24px; 
	height: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
	display: inline-block;
	background-color: #181c51;
	opacity: 0;
}
#header_profile:hover #logo .btn {
	opacity: 1;
}
#logo .btn:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: inline-block;
	background:  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGZpbGw9IiNGRkZGRkYiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgDQoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAzMC43MjUgMzAuNzI1Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0yNC4wNzgsMjYuNDU3YzAuOTc3LDAuOTc4LDAuOTc3LDIuNTU5LDAsMy41MzZjLTAuNDg4LDAuNDg4LTEuMTI4LDAuNzMxLTEuNzcsMC43MzFjLTAuNjM5LDAtMS4yNzgtMC4yNDMtMS43NjgtMC43MzENCgkJTDUuOTE0LDE1LjM2MmwxNC42MjktMTQuNjNjMC45NzctMC45NzcsMi41NTktMC45NzYsMy41MzUsMGMwLjk3NywwLjk3NywwLjk3NywyLjU2LDAsMy41MzZMMTIuOTg0LDE1LjM2MkwyNC4wNzgsMjYuNDU3eiIvPg0KPC9nPg0KPC9zdmc+) no-repeat center center;
	rotate: 180deg;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
#header_profile.headerstick #logo .btn:after {
	rotate: 0deg;
}
#header_profile:hover #logo .btn {
	display: inline-block;
}
.care {
	background-color: #fff;
	padding: 20px;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.care_main {
	margin-bottom: 80px;
}
.objects_profile .td_big {
	width: 50%;
	vertical-align: top;
}
.objects_profile .td_big:last-child {
	border-left: 1px solid #ccc;
}
.objects_profile .td_big .tbl tr:last-child td {
	border-bottom: 0px solid #ccc;
}
.color_green, a.color_green {
	color: #1b71e6;
}
.color_grey, a.color_grey {
	color: #cccccc;
}
.bars {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1%;
	margin-top: 20px;
}
.bars .itm {
	display: inline-block;
	width: 24.25%;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.bars .itm:hover {
	background-color: #eee;
}
.srch {
	float: right;
}
.srch .srch_btn {
	display: none;
}
.srch input, .srch select {
	width: auto;
	vertical-align: middle;
}
.srch .btn_all {
	vertical-align: middle;
}
.srch .autocom_div {
	display: inline-block;
}
.export_div {
	vertical-align: middle;
	display: inline-block;
	position: relative;
}
.export_div .btn_export {
	border: 1px solid #ccc;
	display: inline-block;
	vertical-align: middle;
	width: 39px; 
	height: 39px;
	border-radius: 5px;
	background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjMzMzMzMzIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxwYXRoIGQ9Ik0xNC43OTI4OTMyLDExLjUgTDExLjY0NjQ0NjYsOC4zNTM1NTMzOSBDMTEuNDUxMTg0NSw4LjE1ODI5MTI0IDExLjQ1MTE4NDUsNy44NDE3MDg3NiAxMS42NDY0NDY2LDcuNjQ2NDQ2NjEgQzExLjg0MTcwODgsNy40NTExODQ0NiAxMi4xNTgyOTEyLDcuNDUxMTg0NDYgMTIuMzUzNTUzNCw3LjY0NjQ0NjYxIEwxNi4zNTM1NTM0LDExLjY0NjQ0NjYgQzE2LjU0ODgxNTUsMTEuODQxNzA4OCAxNi41NDg4MTU1LDEyLjE1ODI5MTIgMTYuMzUzNTUzNCwxMi4zNTM1NTM0IEwxMi4zNTM1NTM0LDE2LjM1MzU1MzQgQzEyLjE1ODI5MTIsMTYuNTQ4ODE1NSAxMS44NDE3MDg4LDE2LjU0ODgxNTUgMTEuNjQ2NDQ2NiwxNi4zNTM1NTM0IEMxMS40NTExODQ1LDE2LjE1ODI5MTIgMTEuNDUxMTg0NSwxNS44NDE3MDg4IDExLjY0NjQ0NjYsMTUuNjQ2NDQ2NiBMMTQuNzkyODkzMiwxMi41IEw0LDEyLjUgQzMuNzIzODU3NjMsMTIuNSAzLjUsMTIuMjc2MTQyNCAzLjUsMTIgQzMuNSwxMS43MjM4NTc2IDMuNzIzODU3NjMsMTEuNSA0LDExLjUgTDE0Ljc5Mjg5MzIsMTEuNSBaIE0xNiw0LjUgQzE1LjcyMzg1NzYsNC41IDE1LjUsNC4yNzYxNDIzNyAxNS41LDQgQzE1LjUsMy43MjM4NTc2MyAxNS43MjM4NTc2LDMuNSAxNiwzLjUgTDE5LDMuNSBDMjAuMzgwNzExOSwzLjUgMjEuNSw0LjYxOTI4ODEzIDIxLjUsNiBMMjEuNSwxOCBDMjEuNSwxOS4zODA3MTE5IDIwLjM4MDcxMTksMjAuNSAxOSwyMC41IEwxNiwyMC41IEMxNS43MjM4NTc2LDIwLjUgMTUuNSwyMC4yNzYxNDI0IDE1LjUsMjAgQzE1LjUsMTkuNzIzODU3NiAxNS43MjM4NTc2LDE5LjUgMTYsMTkuNSBMMTksMTkuNSBDMTkuODI4NDI3MSwxOS41IDIwLjUsMTguODI4NDI3MSAyMC41LDE4IEwyMC41LDYgQzIwLjUsNS4xNzE1NzI4OCAxOS44Mjg0MjcxLDQuNSAxOSw0LjUgTDE2LDQuNSBaIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAxMi41IDEyKSIvPg0KPC9zdmc+) no-repeat center center;
}
.export_div ul {
	display: block;
	position: absolute;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	right: 0px;
	list-style: none;
	border: 0px solid #ccc;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0;
	border-radius: 5px;
	border-top-right-radius: 0;
	font-size: 0.9em;
	margin-top: -3px;
	padding: 5px;
	min-width: 150px;
	overflow: hidden;
	max-height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.export_div.div_che ul { 
	max-height: 300px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 1px;
}
.export_div ul li {
	display: block;
}
.export_div ul li a {
	color: #ccc;
	padding: 5px;
	display: block;
}
.export_div ul li a:hover {
	color: #333;
}
.mask_full {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
	z-index: 1;
}
.popup_mask {
	background-color: transparent;	
	display: block;
	position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.popup_cal {
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	font-size: 0.8em;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 20;
}
.cal_r {
	right: 0px;
}
.popup_cal select {
	font-size: 8px;
}
.popup_cal .day_lbl {
	padding: 0px;
	text-align: center;
}
.popup_cal .date_yes {
	color: #1e5598!important;
}
.popup_cal .date_no {
	color: #ccc!important;
}
.popup_cal table tr {
	background-color: #fff!important;
}
.popup_cal table tr td {
	padding: 5px 10px;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
}
.popup_cal tr td::before {
	content: none;
}
.popup_cal table tr td.date_yes:hover {
	background: rgba(0,0,0,.5)!important;
	color: #fff!important;
}
.tbl tr:hover td .popup_cal td {
	background-color: #fff;
}
.popup_cal .date_slct {
	color: #fff!important;
	background-color: #88d5d5!important;
}
.tbl_schedule th {
	position: sticky;
	z-index: 2;
	top: 0px;
}
.tbl_schedule .pfl {
	position: sticky;
	z-index: 2;
	left: 0px;
	background-color: #FAFAFA;
}
.div_overflow {
	border: 1px solid #ccc;
	scrollbar-width: thin;
	scrollbar-color: #aeaeae #f1f1f1;
}
.alert {
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: center;
	padding: 15px 30px;
	background-color: #e2ffe0;
	color: #6ca628;
	border: 1px solid #bbffb0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
.alert_yes {
	opacity: 1;
}
.btns_bottom {
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 0px;
	text-align: center;
}
.week_btns a {
	display: inline-block;
	width: 50%;
	background-color: #aaa;
	color: #fff;
	padding: 5px;
}
.week_btns a:hover {
	background-color: #999;
}
.week_btns a:first-child {
	border-right: 1px solid #f0f0f0;
}
.week_btns a:last-child {
	border-left: 1px solid #f0f0f0;
}
.tbl_cal td {
	padding: 0px;
	border-left: 1px solid #eee;
}
.tbl_cal tr td:first-child {
	padding: 5px;
	border-left: 0px solid #eee;
}
.tbl_cal .minute_bar {
	height: 15px;
	position: relative
}
.tbl_cal .minute_off {
	background-color: #eee;
}
.tbl_cal .minute_bar span {
	opacity: 0;
	font-size: 8px;
	padding-left: 5px;
	display: block;
	cursor: pointer;
}
.tbl_cal .minute_bar:hover {
	background-color: #FAFAFA;
}
.tbl_cal .minute_bar:hover span {
	opacity: 1;
}
.tbl_cal th {
	position: sticky;
	z-index: 20;
	top: 0px;
}
.tbl_cal .serv {
	background-color: #eee;
	padding: 5px;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	cursor: pointer;
}
.tbl_cal .serv .date {
	font-size: 0.8em;
}
.tbl_cal .serv:hover {
	z-index: 3;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
h3 {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}
.tbl_order .td_big {
	width: 50%;
	vertical-align: top;
	padding: 10px;
}
.tbl_order .td_big .td {
	vertical-align: middle;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
.tbl_order .td_service {
	background-color: #efefef;
}
.btn_del, .btn_minus, .btn_plus {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background: #d7d7d7 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxOSIgd2lkdGg9IjEyIiB2aWV3Qm94PSIwIDAgNjQwIDEwMjQiIGZpbGw9IiNmZmZmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY0MCAzMjBMNTEyIDE5MiAzMjAgMzg0IDEyOCAxOTIgMCAzMjBsMTkyIDE5MkwwIDcwNGwxMjggMTI4IDE5Mi0xOTIgMTkyIDE5MiAxMjgtMTI4TDQ0OCA1MTIgNjQwIDMyMHoiLz48L3N2Zz4=) no-repeat center center;
}
.tbl_total {
	background-color: #efefef;
	padding: 10px;
}
.tbl_total .td_total {
	text-align: right;
	font-size: 1.5em;
	font-weight: 600;
}
.comp_div {
	position: relative; 
	display: block;
}
.comp_div .div_auto {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 0px;
	position: absolute;
	width: 100%;
	display: none;
	overflow: auto;
	text-align: left;
	z-index: 25;
	max-height: 300px;
}
.comp_div .div_auto a {
	display: block;
	padding: 5px 10px;
}
.div_auto .auto_ch  {
	background-color: #a9c1ff;
}
.comp_div .div_auto a:hover, .div_auto .tbl_div:hover {
	background-color: #d5e7fc;
	cursor: pointer;
}
.comp_div .div_auto a:focus, .comp_div .div_auto a.a_ch {
	color: #fff;
	background-color: #3399ff;
}
.comp_div .mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.row_customer .td {
	padding: 0px!important;
	border: 1px solid #FFF!important;
}
.row_customer .td:last-child {
	padding-left: 10px!important;
}
#div_alerts {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	max-width: 600px;
	padding: 10px;
	z-index: 5;
}
#div_alerts .itm { 
	border: 1px solid #ffd1a9;
	background-color: #fffcf7;
	padding: 10px 15px;
	color: #bd7e04;
	margin-bottom: 10px;
	border-radius: 5px;
}
#div_alerts .itm .close {
	float: right;
}
#div_alerts .itm .tit {
	font-weight: 600;
}
#div_alerts .itm .date {
	font-size: 0.8em;
}
#div_alerts .itm a { 
	text-decoration: underline;
	color: #bd7e04;
	font-weight: 600;
}
#div_alerts .itm .btn_all {
	background-color: #e77817;
	padding: 2px 10px;
	text-decoration: none;
	color: #FFF;
	font-weight: 300;
}
.back_white {
	background-color: #fff;
}
.back_grey {
	background-color: #eee;
}
#header_home {
	position: fixed;
	z-index: 20;
	width: 100%;
	top: 0px; 
	left: 0px;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
	color: #fff;
}
#header_home.hid {
	top: -150px;
}
#home_mask {
	background-color: rgba(0,0,0,0.2);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 100%;
}
#home_mask.stick {
	top: 0%;
}
#home_screen {
	position: fixed;
	bottom: -100%;
	background-color: #fff;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	max-width: 5000px;
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out;    
	transition: all 0.5s ease-in-out;
	z-index: 100;
}
#home_screen.stick {
	bottom: 50%;
}
#home_screen .td {
	padding: 10px;
	color: #000;
	font-weight: 700;
	vertical-align: middle;
}
#home_screen .btns {
	text-align: right;
	font-size: 0.9em;
}
#home_screen .btns a { 
	color: #0080ff;
	display: inline-block;
	margin-left: 20px;
}
#filedrag
{
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #222;
	border: 2px dashed #222;
	border-radius: 7px;
	cursor: default;
}
#filedrag.hover
{
	color: #b20f0c;
	border-color: #b20f0c;
	border-style: solid;
}
#progress p, .progress p
{
	display: block;
	width: 100%;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #eee url('../../img/progress.png') 100% 0 repeat-y;
}

#progress p.success, .progress p.success
{
	background: #23a12c none 0 0 no-repeat;
}

#progress p.failed, .progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}

div.plm {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	position: relative;
	width: 100px;
}
div.plm img {
	max-width: 100%;
}
div.plm .del {
	background-color: #000;
	padding: 2px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}
div.plm:hover .del {
	display: block;
}
div.plm .left_top, div.plm .right_top {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDk2Ny41IDk2Ny41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NjcuNSA5NjcuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNGRkZGRkYiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTg0Ny40MTMsOTY3LjVjMzAuNywwLDYxLjM5OS0xMS42OTksODQuODk5LTM1LjFjNDYuOS00Ni45LDQ2LjktMTIyLjgwMSwwLTE2OS43MDFMNDA5LjcxMiwyNDBoMjMwLjcNCgkJYzY2LjMsMCwxMjAtNTMuNywxMjAtMTIwYzAtNjYuMy01My43LTEyMC0xMjAtMTIwaC01MjAuNGMtMC4xLDAtMC4yLDAtMC4yLDBjLTE5LjgsMC0zOS41LDUtNTYuOSwxNC40YzAsMC0wLjEsMC0wLjEsMC4xDQoJCWMtMjEuNiwxMS44LTM5LjMsMzAuMi01MC4zLDUyLjFjLTguMywxNi41LTEyLjUsMzUtMTIuNSw1My40djUyMC40YzAsNjYuMjk5LDUzLjcsMTIwLDEyMCwxMjBjNjYuMywwLDEyMC01My43MDEsMTIwLTEyMFY0MDkuNw0KCQlsNTIyLjYwMSw1MjIuNjAxQzc4Ni4wMTIsOTU1LjgwMSw4MTYuNzEyLDk2Ny41LDg0Ny40MTMsOTY3LjV6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center center;
	position: absolute;
	left: 5px;
	bottom: 5px;
	display: none;
}
div.plm .right_top {
	background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDk2Ny41IDk2Ny41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NjcuNSA5NjcuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNGRkZGRkYiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTEyMC4xLDk2Ny41Yy0zMC43LDAtNjEuNC0xMS42OTktODQuOS0zNS4xYy00Ni44LTQ2LjktNDYuOC0xMjIuOSwwLTE2OS44MDFMNTU3LjgwMSwyNDBIMzI3LjFjLTY2LjMsMC0xMjAtNTMuNy0xMjAtMTIwDQoJCWMwLTY2LjMsNTMuNy0xMjAsMTIwLTEyMGg1MjAuNDAxYzAuMSwwLDAuMiwwLDAuMiwwYzE5LjgsMCwzOS41LDUsNTYuODk5LDE0LjRjMCwwLDAuMTAxLDAsMC4xMDEsMC4xDQoJCWMyMS42LDExLjgsMzkuMTk5LDMwLjEsNTAuMTk5LDUyLjFjOC4zMDEsMTYuNSwxMi41LDM1LDEyLjUsNTMuNHY1MjAuNGMwLDY2LjI5OS01My42OTksMTIwLTEyMCwxMjBjLTY2LjMsMC0xMjAtNTMuNzAxLTEyMC0xMjANCgkJVjQwOS43TDIwNC45LDkzMi4zMDFDMTgxLjUsOTU1LjgwMSwxNTAuOCw5NjcuNSwxMjAuMSw5NjcuNXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
	left: auto;
	right: 5px;
}
div.plm:hover .left_top, div.plm:hover .right_top {
	display: block;
}
div.plm .pic {
	width: 100%;
}
.bar_bottom {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: right;
}
a.btn_book_big {
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	background-color: #1b74e4;
	padding: 10px 30px;
	border-radius: 3px;
}
a.btn_book_big {
	position: fixed;
	bottom: 10px;
	right: 10px;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	text-align: center;
	box-shadow: 0 0 0 0 rgba(90, 153,212, .5);
	-webkit-animation: pulse 1.5s infinite;
}
a.btn_book_big span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
a.btn_book_big:hover {
	-webkit-animation: none;
}
.div_mobile {
	display: none;
}
.homepics {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 60%;
}
.homepics .splide__slide {
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.homepics .splide.is-initialized, .homepics .splide__track {
	height: 100%;
}
.homepics .splide__arrow {
	background-color: transparent;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.homepics:hover .splide__arrow {
	opacity: 0.8;
}
.homepics .splide__pagination {
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.homepics:hover .splide__pagination {
	opacity: 0.8;
}
.homepics .splide__arrow svg {
	fill: #FFF;
	width: 80px;
	height: 80px;
	filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}
.homepics .splide__pagination__page {
	border-radius: 1px;
}
.object.pic_yes {
	position: absolute;
	top: 60%;
	width: 100%;
	left: 0px;
}
.address {
	color: rgba(33,33,33,0.5);
}
.brands {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.brands .itm {
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
}
.object_view #services .groups {
	position: sticky;
}
.object_view .groups a {
	display: inline-block;
	padding: 20px 50px;
	color: rgba(33,33,33,0.8);
}
.object_view .groups a.a_ch {
	background-color: rgba(204,204,204,0.8);
	color: rgba(33,33,33,1);
}
.object_view #div_services .group {
	display: none;
}
.object_view #div_services .group_ch {
	display: block;
}
.object_view #div_services .itm {
	border-bottom: 1px solid #ccc;
}
.object_view #div_services .itm .td {
	padding: 10px 5px;
	vertical-align: middle;
}
.object_view #div_services .itm .td_check {
	width: 50px;
}
.object_view #div_services .itm .td_name {
	text-align: left;
}
.object_view #div_services .itm .td_name .tit {
	font-weight: 600;
	font-size: 1.1em;
}
.object_view #div_services .itm .td_price {
	text-align: right;
}
.object_view #div_services .itm .sitm {
	padding-left: 30px;
	max-height: 10px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.object_view #div_services .itm.itm_ch .sitm {
	max-height: 1000px;
}
.checks input[type=checkbox], .checks input[type=radio] {
	display: none;
}
.checks input[type=checkbox] + label, .checks input[type=radio] + label {
	position: relative;
	padding-left: 40px;
	line-height: 36px;
	display: inline-block;
}
.checks input[type=checkbox] + label:before, .checks input[type=radio] + label:before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	background-color: #FFF;
	vertical-align: middle;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	border: 1px solid #222;
}
.checks input[type=checkbox]:checked + label:before, .checks input[type=radio]:checked + label:before {
	border: 0px solid #FFF;
	background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyAyMDE4ICg2NC1CaXQpIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjM2cHgiIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDIxLjYxIDIxLjYxIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5maWwwIHtmaWxsOiM2OTVCQTM7ZmlsbC1ydWxlOm5vbnplcm99DQogICAgLmZpbDEge2ZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm99DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8Y2lyY2xlIGNsYXNzPSJmaWwwIiBjeD0iMTAuOCIgY3k9IjEwLjgiIHI9IjEwLjgiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDEiIGQ9Ik05LjI0IDE1LjQ4YzAsMCAtMC4wMSwwIC0wLjAxLDAgLTAuMzEsMCAtMC42MSwtMC4xMyAtMC44MSwtMC4zN2wtMy4yNCAtMy43NmMtMC4zOSwtMC40NSAtMC4zNCwtMS4xMyAwLjEyLC0xLjUyIDAuNDUsLTAuMzkgMS4xMywtMC4zNCAxLjUyLDAuMTFsMi40MyAyLjgyIDUuNTUgLTYuMjdjMC4zOSwtMC40NSAxLjA3LC0wLjQ5IDEuNTIsLTAuMSAwLjQ1LDAuNCAwLjQ5LDEuMDggMC4wOSwxLjUzbC02LjM2IDcuMmMtMC4yMSwwLjIzIC0wLjUsMC4zNiAtMC44MSwwLjM2eiIvPg0KIDwvZz4NCjwvc3ZnPg==) no-repeat center center;
}
.checks label {
	cursor: pointer;
}
.checks .dots {
	border: 1px solid #222;
	display: inline-block;
	border-radius: 50%;
}
#basket_div {
	min-width: 400px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	background-color: #FFF;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#basket_div .services {
	padding: 20px;
}
#basket_div .services .itm {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#basket_div .services .itm .tit {
	font-weight: 600;
}
#basket_div .services .itm .tbl_div .td:first-child {
	font-style: italic;
}
#basket_div .services .itm .tbl_div .td:last-child {
	text-align: right;
}
#basket_div .btn_all {
	margin: 0px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.popup_in .dates a {
	display: inline-block;
	width: 34px;
	line-height: 34px;
	text-align: center;
	background-color: #eee;
	margin: 10px;
}
.popup_in .dates a.a_ch {
	background-color: #1b71e6;
	color: #fff;
}
.votes {
	padding-left: 20px;
	width: 200px;
}
.votes .itm {
	margin-top: 10px;
	margin-bottom: 10px;
}
.votes .itm .bar {
	height: 3px; 
	background-color: #20aa00;
	margin-top: 5px;
}
.menu_btn {
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#menu_btn {
	margin-left: auto;
}
.inp_tit {
	font-weight: 600;
}
.inp_big {
	font-size: 1.1em;
}
.pic_small {
	border-radius: 50%;
	height: 25px;
	vertical-align: middle;
}
.pic_mid {
	border-radius: 5px;
	height: 100px;
	vertical-align: middle;
}
.dateChooser td {
    cursor:default;
    text-align:center;
}
.dateChooser td.dateChooserActive:hover {
    color:white;
    background:#ccc;
}
.dateChooser td.dateChooserActiveToday {
    border: 1px solid red;
}
.dateChooser th {
    background: #ccc;
    color: white;
    width: 14%;
    border: none;
}
.dateChooser option, .dateChooser select {
    font-size: 11px;
	width: auto;
	padding: 5px;
}
.dateChooser {
    border: 2px outset #aaa;
    background: white;
    padding: 1px;
    border: 1px solid #ccc;
    text-align: center;
}
.dateChooser table {
    width: 100%;
}
.select-free {
	 width: 220px;
	 font-size: 10px;
	 z-index: 5;
}
.select-free iframe {
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:-1;
	 width: 100%;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
}
.fileUpload button {
	display: inline-block;
	background-color: #1e5598;
	color: #fff;
	border: 1px solid #1e5598;
	padding: 5px 5px;
	margin: 5px 0px;
	width: 104px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.fileUpload input.upload {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
#filedrag
{
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #222;
	border: 2px dashed #222;
	border-radius: 7px;
	cursor: default;
}
#filedrag.hover
{
	color: #b20f0c;
	border-color: #b20f0c;
	border-style: solid;
}
#progress p
{
	display: block;
	width: 100%;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #eee url('../img/progress.png') 100% 0 repeat-y;
}

#progress p.success
{
	background: #23a12c none 0 0 no-repeat;
}
.settings_div {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
}
.settings_div ul {
	position: absolute;
	background-color: #fff;
	padding: 0px 10px;
	margin: 0px;
	list-style: none;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
	min-width: 200px;
}
.settings_div.div_che ul {
	max-height: 100px;
	padding: 10px 10px;
}
.settings_div ul li {
	display: block;
	padding: 0px;
	margin: 0px;
}
.settings_div ul li a {
	display: block;
	padding: 5px;
}
.settings_right {
	text-align: right;
}
.settings_right .settings_div ul {
	right: 0px;
	text-align: left;
	white-space: nowrap;
}
.settings_right .settings_div ul img {
	height: 20px;
	vertical-align: middle;
	margin-right: 5px;
}
.multitags .itm {
	background-color: #eee;
	color: #222;
	padding: 3px 5px;
	font-size: 12px;
	margin-right: 4px;
	display: inline-block;
	border-radius: 3px;
}
.total_div {
	position: fixed;
	right: 0px;
	bottom: 0px;
	padding: 10px 20px;
	background-color: #ccc;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.total_div .btn_all, .total_div a.btn_all {
	margin-top: 0px;
	margin-bottom: 0px;
}
.tbl_cal {
	border-bottom: 1px solid #ccc;
}
.tbl_cal tr td, .tbl_cal tr th {
	border-bottom: 0px solid #f00;
}
.tbl_cal tr.hour_tr td {
	border-top: 1px solid #ccc;
}
.tbl_cal tr td.hour_td span {
	visibility: hidden;
}
.tbl_cal tr.hour_tr td.hour_td span {
	visibility: visible;
	color: #1b71e6
}
.tbl_cal tr td.hour_td {
	font-size: 0.8em;
}
.tbl_cal .td_cell {
	position: relative;
}
.tbl_cal .td_cell a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.tbl_cal .td_cell a span {
	font-size: 0.8em;
	color: #222;
	padding-left: 5px;
	padding-top: 5px;
	visibility: hidden;
	display: block;
}
.tbl_cal .td_cell a:hover span {
	visibility: visible;
}
.tbl_cal .itm {
	border: 1px solid #1b71e6;
	background-color: rgba(27,113,230,0.6);
	padding: 5px;
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(50,50,50,0.5) rgba(255,255,255,0.5);
}
.tbl_cal .itm:hover {
	scrollbar-width: thin;
	z-index: 10;
	background-color: rgba(27,113,230,1);
}
.tbl_cal .itm::-webkit-scrollbar {
	width: 5px;
}
.tbl_cal .itm:hover::-webkit-scrollbar {
	width: 5px;
}
.tbl_cal .itm::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.tbl_cal .itm::-webkit-scrollbar-thumb {
  background: #aeaeae; 
}
.tbl_cal .itm::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.tbl_cal .itm .team {
	background-image: url('/img/team.svg');
	background-position: left 2px;
	background-size: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.tbl_cal .itm .player {
	background-image: url('/img/player.svg');
	background-position: left 2px;
	background-size: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.tbl_cal .itm .date {
	font-size: 0.8em;
}
.tbl_cal .itm .trainers {
	background-image: url('/img/trainer.svg');
	background-position: left 4px;
	background-size: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.days_btns {
	text-align: center;
	white-space: nowrap;
	overflow-x: scroll;
}
.days_btns a {
	display: inline-block;
	background-color: #ccc;
	margin: 5px;
	width: 30px;
	line-height: 30px;
	border-radius: 50%;
	color: #222;
}
.days_btns a.a_ch {
	color: #fff;
	background-color: #3b8cfb;
}
.balance_div {
	position: fixed;
	left: 44px;
	bottom: 0px;
	padding: 7px 20px;
	background-color: rgba(255, 230, 130, 0.8);
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
	text-align: left;
}
.balance_div .itm {
	display: inline-block; 
	vertical-align: middle;
	padding: 3px 5px;
	background-color: rgba(255, 230, 130, 0.9);
	margin-left: 10px;
}
.list {
	margin-top: 10px;
}
.list a {
	display: inline-block;
	border: 1px solid #ccc;
	text-align: center;
	min-width: 30px;
	line-height: 30px;
	border-radius: 4px;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.list a:hover {
	background-color: #EEE;
}
.list a.a_check {
	color: #fff;
	background-color: #1b71e6;
	border: 1px solid #1b71e6;
}
.pic_div {
	display: inline-block;
	position: relative;
}
.pic_div .right_top, .pic_div .left_top {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDk2Ny41IDk2Ny41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NjcuNSA5NjcuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNGRkZGRkYiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTg0Ny40MTMsOTY3LjVjMzAuNywwLDYxLjM5OS0xMS42OTksODQuODk5LTM1LjFjNDYuOS00Ni45LDQ2LjktMTIyLjgwMSwwLTE2OS43MDFMNDA5LjcxMiwyNDBoMjMwLjcNCgkJYzY2LjMsMCwxMjAtNTMuNywxMjAtMTIwYzAtNjYuMy01My43LTEyMC0xMjAtMTIwaC01MjAuNGMtMC4xLDAtMC4yLDAtMC4yLDBjLTE5LjgsMC0zOS41LDUtNTYuOSwxNC40YzAsMC0wLjEsMC0wLjEsMC4xDQoJCWMtMjEuNiwxMS44LTM5LjMsMzAuMi01MC4zLDUyLjFjLTguMywxNi41LTEyLjUsMzUtMTIuNSw1My40djUyMC40YzAsNjYuMjk5LDUzLjcsMTIwLDEyMCwxMjBjNjYuMywwLDEyMC01My43MDEsMTIwLTEyMFY0MDkuNw0KCQlsNTIyLjYwMSw1MjIuNjAxQzc4Ni4wMTIsOTU1LjgwMSw4MTYuNzEyLDk2Ny41LDg0Ny40MTMsOTY3LjV6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: none;
}
.pic_div .right_top {
	background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDk2Ny41IDk2Ny41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NjcuNSA5NjcuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNGRkZGRkYiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTEyMC4xLDk2Ny41Yy0zMC43LDAtNjEuNC0xMS42OTktODQuOS0zNS4xYy00Ni44LTQ2LjktNDYuOC0xMjIuOSwwLTE2OS44MDFMNTU3LjgwMSwyNDBIMzI3LjFjLTY2LjMsMC0xMjAtNTMuNy0xMjAtMTIwDQoJCWMwLTY2LjMsNTMuNy0xMjAsMTIwLTEyMGg1MjAuNDAxYzAuMSwwLDAuMiwwLDAuMiwwYzE5LjgsMCwzOS41LDUsNTYuODk5LDE0LjRjMCwwLDAuMTAxLDAsMC4xMDEsMC4xDQoJCWMyMS42LDExLjgsMzkuMTk5LDMwLjEsNTAuMTk5LDUyLjFjOC4zMDEsMTYuNSwxMi41LDM1LDEyLjUsNTMuNHY1MjAuNGMwLDY2LjI5OS01My42OTksMTIwLTEyMCwxMjBjLTY2LjMsMC0xMjAtNTMuNzAxLTEyMC0xMjANCgkJVjQwOS43TDIwNC45LDkzMi4zMDFDMTgxLjUsOTU1LjgwMSwxNTAuOCw5NjcuNSwxMjAuMSw5NjcuNXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
	left: auto;
	right: 0px;
}
.pic_div:hover .right_top, .pic_div:hover .left_top {
	display: inline-block;
}
.pic_div .pic {
	border: 1px solid #ccc; 
	padding: 1px; 
	width: 100px;
}
.tbl_home .td {
	width: 50%;
	vertical-align: top;
}
.tbl_home .td:first-child {
	padding: 50px;
	background-color: #000;
	color: #fff;
	text-align: right;
}
.tbl_home h1, .tbl_home h2 {
	color: #fff;
}
.tbl_home h1:after, .tbl_home h2:after {
	display: none;
}
.tbl_home ul {
	display: inline-block;
}
.tbl_home .td:last-child {
	padding: 50px;
}
.tbl_home .td:last-child h3 {
	font-weight: 700;
	font-style: normal;
	font-size: 29px;
	line-height: 30px;
	letter-spacing: .01em;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.tbl_home .td:last-child h3:after {
	display: none;
}
.invoice_form .div_from {
	padding: 10px;
	background-color: #eee;
}
.invoice_form .div_from .info {
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.invoice_form .div_to {
	padding: 10px;
	background-color: #ddd;
}
.arr_down {
	display: inline-block;
	width: 24px;
	height: 24px;
	float: right;
	position: relative;
}
.arr_down:after {
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+DQo8bWV0YWRhdGE+IFN2ZyBWZWN0b3IgSWNvbnMgOiBodHRwOi8vd3d3Lm9ubGluZXdlYmZvbnRzLmNvbS9pY29uIDwvbWV0YWRhdGE+DQo8Zz48Zz48Zz48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMjguOCw1Ny42QzIxLjYsNTkuMywxNS4zLDY0LjMsMTIsNzFsLTIsNHY1LjdjMCw1LDAuMSw2LjEsMS4yLDguN2MwLjcsMS42LDEuOSw0LDIuOCw1LjJjMC45LDEuMiwyNS4yLDI0LjcsNTQuMSw1Mi4ybDUyLjQsNTBsMy44LDEuMmM0LjYsMS41LDcuMSwxLjMsMTAuMy0wLjZjMy4yLTEuOSwxMDUuOS0xMDAuOCwxMDcuOS0xMDMuOGMyLjUtMy45LDMuNS03LjYsMy41LTEyLjVjMC03LjEtMi4yLTEyLTcuNC0xNy4xYy04LjEtNy44LTIwLjktOS0zMC40LTMuMWMtMS4zLDAuOC0xOC4xLDE2LjctMzcuNCwzNS4zYy0zOC41LDM3LjEtMzcuOCwzNi41LTQyLjcsMzUuOWMtNi0wLjYtNC43LDAuNS00Mi45LTM2LjFDNjYsNzcuNSw0OS4xLDYxLjcsNDcuOCw2MC45QzQyLjYsNTcuNiwzNC44LDU2LjMsMjguOCw1Ny42eiIvPjwvZz48L2c+PC9nPg0KPC9zdmc+) no-repeat center center;
}
.stats a {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 1%;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.stats a:hover {
	background-color: #1b71e6;
	color: #fff;
	border: 1px solid #1b71e6;
}
.stats a:nth-child(3n) {
	margin-right: 0px;
}
.tbl_stats td {
	white-space: nowrap;
}
.div_chart {
	clear: both;
	text-align: center;
	max-height: 400px;
	margin-bottom: 30px;
}
.div_chart canvas {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.tbl_sizes .th, .tbl_sizes .td {
	padding: 5px;
}
.menu_sub {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin-bottom: 15px;
	border-bottom: 2px solid #eee;
}
.menu_sub li {
	display: inline-block;
	margin-right: 5px;
}
.menu_sub li a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #eee;
}
.menu_sub li a.a_ch {
	background-color: #181c51;
	color: #fff;
}
.menu_sub li:first-child a {
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 35px;
  justify-content: space-around ;
}

.single-chart .circular-chart {
  display: block;
  margin: 0px auto;
  max-height: 250px;
}
.single-chart .circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}
.single-chart .circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}
.checker {
	display: inline-block; 
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
.checker input[type=checkbox] {
	appearance: none;
	background-color: #dfe1e4;
	border-radius: 72px;
	border-style: none;
	flex-shrink: 0;
	height: 20px;
	margin: 0;
	position: relative;
	width: 30px;
}
.checker input[type=checkbox]::before {
	bottom: -6px;
	content: "";
	left: -6px;
	position: absolute;
	right: -6px;
	top: -6px;
}
.checker input[type=checkbox], .checker input[type=checkbox]::after {
	transition: all 100ms ease-out;
}
.checker input[type=checkbox]::after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 14px;
	left: 3px;
	position: absolute;
	top: 3px;
	width: 14px;
}
.checker input[type=checkbox] {
	cursor: default;
}
.checker input[type=checkbox]:hover {
	background-color: #c9cbcd;
	transition-duration: 0s;
}
.checker input[type=checkbox]:checked {
	background-color: #6e79d6;
}
.checker input[type=checkbox]:checked::after {
	background-color: #fff;
	left: 13px;
}
.checker :focus:not(.focus-visible) {
	outline: 0;
}
.checker input[type=checkbox]:checked:hover {
	background-color: #535db3;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.single-chart .circular-chart.orange .circle {
  stroke: #ff9f00;
}
.single-chart .circular-chart.green .circle {
  stroke: #4CC790;
}
.single-chart .circular-chart.blue .circle {
  stroke: #3c9ee5;
}
.single-chart .percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.6em;
  text-anchor: middle;
}
.tbl_events .td_chart, .tbl_events .td_id, .tbl_events .td_date {
	text-align: center;
}
.caltasks_tbl td {
	width: 14.28%;
}
.caltasks_tbl td .btn_all {
	visibility: hidden;
	padding: 5px 10px;
	font-size: 0.8em;
}
.caltasks_tbl td:hover .btn_all {
	visibility: visible;
}
.caltasks_tbl a.row {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid rgba(200, 200, 200, 0.2);
	color: #333;
	display: block;
	margin-bottom:5px;
}
.caltasks_tbl a.row_late {
	border-bottom: 3px solid #d00;
}
.hover_show {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.hover_itm:hover .hover_show {
	opacity: 1;
}
.card_check {
	background-color: #181c51;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 10px;
}
.card_check .header {
	text-align: center;
	padding-bottom: 10px;
}
.card_check .header img {
	width: 50%;
	max-width: 50px;
}
.card_check .bdy {
	padding: 10px;
	height: 100%;
	background-color: #fff;
	text-align: center;
	padding: 20px;
	border-radius: 10px;
}
.card_check .bdy .cont {
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
	flex-direction: column;
}
.card_check .bdy .cont .lbl {
	font-weight: 700;
	font-size: 2em;
	display: block;
	margin-top: 20px;
}
.card_check .bdy .cont .logo {
	max-height: 100px;
	max-width: 100px;
	margin-top: 50px;
}
#object.open_training .open {
	display: none;
}
.div_checks {
	max-height: 220px; 
	overflow: auto;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
.shls_body {
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
.shls {
	padding-top: 20px; 
	padding-bottom: 20px;
	border-top: 1px solid #CCC;
}
.shls a {
	border: 1px solid #ccc;
	display: inline-block;
	border-radius: 10px; 
	margin: 10px; 
	text-align: center; 
	padding: 10px; 
	text-align: center;
}
.shls a svg {
	width: 50px;
	height: 50px;
	margin-bottom: 5px;
}
.shls a.a_ch {
	background-color: #ccc;
}
.shls_body .foot {
	position: fixed;
	bottom: -100px;
	left: 0px;
	width: 100%;
	background-color: #fff;
	padding: 10px 20px;
	text-align: right;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shls_body .foot.stick {
	bottom: 0px;
}
.switch-wrap {
	display: inline-flex;
	align-items: center;
	position: relative;
	width: 52px;
	height: 30px;
}
.switch-wrap .switch {
	position: absolute;
	inset: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
}
.switch-wrap .switch:checked + .switch-slider {
	background: #34c759;
}
.switch-wrap .switch-slider {
	position: absolute;
	inset: 0;
	border-radius: 999px;
	background: #cfcfcf;
	transition: background .2s ease;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
}
.switch-wrap .switch-slider::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	left: 3px;
	top: 3px;
	border-radius: 50%;
	background: #fff;
	transition: transform .2s ease;
	box-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.switch-wrap .switch:checked + .switch-slider::before {
	transform: translateX(22px);
}
footer {
	background-color: var(--color_dark);
	color: #FFF;
	padding: 10px 20px;
	font-size: 0.8em;
}
footer .sn {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
footer .sn img {
	height: 18px;
}
footer .tbl_div .td:last-child {
	text-align: right;
}
footer .menu {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
footer .menu li {
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
footer .menu li a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.splide_home {
	overflow: hidden;
}
.splide_home .splide__slide {
	position: relative;
}
.splide_home .splide__slide .info {
	position: absolute;
	left: 150px;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	color: #fff;
	max-width: 40%;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
.splide_home .splide__slide .info h4 {
	font-size: 2.5rem;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
	position: relative;
	display: inline-block;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
.splide_home .splide__slide .info h4:after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0px;
	max-width: 0px;
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out;    
	transition: all 0.5s ease-in-out;
}
.splide_home .splide__slide .info h4:hover:after {
	max-width: 100%;
}
.splide_home .splide__slide .info h5 {
	font-size: 1.2rem;
	color: #fff;
}
.splide_home .splide__pagination {
	bottom: 2em;
}
.splide_home .splide__pagination li {
	margin-left: 2px; 
	margin-right: 2px;
}
.splide_home .splide__pagination__page {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 0px;
	width: 30px;
	height: 3px;
}
.splide_home .splide__pagination__page.is-active {
	background-color: rgba(255, 255, 255, 1);
	opacity: 1;
	transform: scale(1.3);
}
.splide_home .splide__arrow {
	border-radius: 0px;
	width: 48px;
	height: 96px;
	background: #000;
}
.splide_home .splide__arrow svg {
	fill: #fff;
}
.splide_home .splide__arrow--prev {
	left: -48px;
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out;    
	transition: all 0.5s ease-in-out;
}
.splide_home:hover .splide__arrow--prev {
	left: 0px;
}
.splide_home .splide__arrow--next {
	right: -48px;
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out;    
	transition: all 0.5s ease-in-out;
}
.splide_home:hover .splide__arrow--next {
	right: 0px;
}
.splide__slide picture img {
	width: 100%!important;
}
.home_4 {
	background-color: #ecc752;
	color: #fff;
}
.home_5 {
	background-color: var(--color_dark);
	color: #fff;
}
.home_4 h4, .home_5 h5 {
	color: #fff;
	font-size: 29px;
	line-height: 30px;
	letter-spacing: .01em;
	margin-bottom: 20px;
}
.home_5 .funcs li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}
.home_5 .funcs {
  list-style: none;
  padding-left: 0;
}
.home_5 .funcs li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  background-image: url("/img/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.home_4 .td_big {
	width: 50%;
	padding: 50px;
}
.home_5 {
	padding: 50px;
}
.home_5 .td_big {
	width: 33.33%;
	padding: 10px;
}
.home_4 img {
	max-width: 100%;
}
.home_clubs {
	padding: 50px;
	text-align: center;
}
.home_clubs h5 {
	font-size: 29px;
	line-height: 30px;
	letter-spacing: .01em;
	margin-bottom: 20px;
}
.home_clubs .itms img {
	height: 200px;
	vertical-align: middle;
	display: inline-block;
	margin: 20px;
}
.faqs {
	background-color: #b42364;
	color: #fff;
	text-align: center;
	padding: 50px;
}
.faqs h4 {
	font-size: 29px;
	line-height: 30px;
	letter-spacing: .01em;
	margin-bottom: 20px;
}
.faqs .main {
	text-align: left;
	max-width: 1000px;
}
.faqs .main .itm {
	border: 2px solid #fff;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.faqs .main .itm .tit {
	font-weight: 700;
	font-size: 1.2em;
	position: relative;
	padding-right: 30px;
}
.faqs .main .itm .tit:after {
	content: '';
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGZpbGw9IiNGRkZGRkYiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAzMC43MjcgMzAuNzI3Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0yOS45OTQsMTAuMTgzTDE1LjM2MywyNC44MTJMMC43MzMsMTAuMTg0Yy0wLjk3Ny0wLjk3OC0wLjk3Ny0yLjU2MSwwLTMuNTM2YzAuOTc3LTAuOTc3LDIuNTU5LTAuOTc2LDMuNTM2LDANCgkJbDExLjA5NSwxMS4wOTNMMjYuNDYxLDYuNjQ3YzAuOTc3LTAuOTc2LDIuNTU5LTAuOTc2LDMuNTM1LDBDMzAuOTcxLDcuNjI0LDMwLjk3MSw5LjIwNiwyOS45OTQsMTAuMTgzeiIvPg0KPC9nPg0KPC9zdmc+) no-repeat center center;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.faqs .main .itm.che .tit:after {
	 rotate: 180deg;
}
.faqs .main .itm .bdy {
	max-height: 0px;
	margin-top: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.faqs .main .itm.che .bdy {
	max-height: 1000px;
	margin-top: 20px;
}
.fadeInTop {
	-webkit-animation: fadeInTop 1.2s both;
	-moz-animation: fadeInTop 1.2s both;
	-o-animation: fadeInTop 1.2s both;
	animation: fadeInTop 1.2s both;
}
.fadeInBottom {
	-webkit-animation: fadeInBottom 1.2s both;
	-moz-animation: fadeInBottom 1.2s both;
	-o-animation: fadeInBottom 1.2s both;
	animation: fadeInBottom 1.2s both;
}
.fadeInLeft {
	-webkit-animation: fadeInLeft 1.2s both;
	-moz-animation: fadeInLeft 1.2s both;
	-o-animation: fadeInLeft 1.2s both;
	animation: fadeInLeft 1.2s both;
}
.fadeInRight {
	-webkit-animation: fadeInRight 1.2s both;
	-moz-animation: fadeInRight 1.2s both;
	-o-animation: fadeInRight 1.2s both;
	animation: fadeInRight 1.2s both;
}
@-webkit-keyframes fadeInTop {
	0%{
		opacity: 0;
		-webkit-transform: translateY(50px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@-webkit-keyframes fadeInBottom {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-50px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@-webkit-keyframes fadeInLeft {
	0%{
		opacity: 0;
		-webkit-transform: translateX(100px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
}
@-webkit-keyframes fadeInRight {
	0%{
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
}
@-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(90, 153,212, 0);
  }
    100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(90, 153,212, 0);
  }
}
@media screen and (min-width: 600px) {
	#main_profile.headerstick {
		padding-left: 180px;
	}
}
@media screen and (max-width: 600px) 
{
	h1 {
		font-size: 20px;
		line-height: 22px;
	}
	.div_mobile {
		display: block;
	}
	#header_home #logo {
		height: 40px;
	}
	.tbl_index .td {
		display: block;
		width: 100%;
		padding: 20px;
	}
	.bar_0 {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.bar_0 .tbl_index {
		margin-top: 0px;
	}
	.bar_0 img, .bar_1 img, .bar_3 img, .bar_5 img, .bar_7 img, .bar_9 img {
		margin-top: -120px;
	}
	.bar_1 {
		padding-bottom: 20px;
	}
	.bar_2, .bar_4, .bar_6, .bar_8 {
		padding-bottom: 50px;
	}
	.bar_2 .tbl_index, .bar_4 .tbl_index, .bar_6 .tbl_index, .bar_8 .tbl_index {
		display: flex;
		flex-direction: column-reverse;
	}
	.bar_2 .td {
		flex: 1 1 auto;
	}
	.bar_2 img, .bar_4 img, .bar_6 img, .bar_8 img {
		margin-top: -120px;
	}
	.bar_3, .bar_5, .bar_7, .bar_9 {
		padding-bottom: 50px;
	}
	.bar_2 .td:last-child, .bar_4 .td:last-child, .bar_6 .td:last-child, .bar_8 .td:last-child {
		padding-left: 20px;
	}
	#home_screen {
		width: 90%;
	}
	.homepics {
		height: 100%;
	}
	.object.pic_yes {
		top: 100%;
	}
	.tbl_vote .td {
		display: table;
		width: 100%;
	}
	.tbl_vote .votes {
		padding-left: 0px;
		padding-top: 30px;
	}
	.tbl_rows thead {
		display: none;
	}
	.tbl_rows tr {
		display: block;
		position: relative;
		margin-bottom: 10px;
		padding-right: 20px;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	.tbl_rows tr td {
		border: 0px solid #fff;
	}
	.tbl_rows .td_dtl {
		position: absolute;
		right: 0px;
		top: 5px;
		width: 30px;
	}
	.tbl_rows .td_dtl img {
		width: 14px;
	}
	.tbl_ideas tr td:nth-child(2) {
		font-size: 1.2em;
	}
	.tbl_ideas tr td:nth-child(2):before {
		content: '#';
	}
	.tbl_ideas tr td:nth-child(4) {
		display: block;
	}
	.tbl_ideas tr td:nth-child(4), .tbl_ideas tr td:nth-child(5) {
		font-size: 0.eem;
	}
	.tbl_ideas tr td:nth-child(4):before {
		 content: attr(data-info);
		 margin-right: 5px;
	}
	.tbl_costs tr td:nth-child(4)  {
		display: block;
		width: 100%;
		text-align: left!important;
	}
	.tbl_costs tr td:nth-child(5), .tbl_costs tr td:nth-child(6),.tbl_costs tr td:nth-child(7), .tbl_costs tr td:nth-child(8) {
		display: inline-block;
		width: 50%;
	}
	.tbl_costs tr td:nth-child(6):before {
		content: attr(lbl_mobile);
		margin-right: 5px;
	}
	.tbl_costs tr td:nth-child(8) {
		font-weight: 600;
	}
	#header_profile {
		height: auto;
		width: 100%;
		flex-direction: row;
	}
	#header_profile:before {
		width: 100%;
	}
	#header_profile .menu {
		position: absolute;
		display: block;
		width: 100%;
		top: 45px;
		background-color: #181c51;
		left: 0px;
		max-height: 0px;
		overflow: hidden;
	}
	#header_profile .menu_stick {
		max-height: 100%;
		padding-bottom: 50px;
	}
	#header_profile .tbl_menu .td:last-child {
		max-width: none;
		color: #fff;
	}
	#logo .tbl_menu .td:last-child {
		display: none;
	}
	#header_profile.header_stick {
		height: 100%;
	}
	#header_profile.header_stick #logo .tbl_menu .td:last-child {
		display: table-cell;
	}
	#main_profile {
		padding: 50px 5px 5px 5px;
	}
	.care {
		padding: 10px;
	}
	.popup_in {	
		width: 98%;
		padding: 30px 10px 20px 10px;
	}
	.tbl .td_dtl ul {
		right: 0px;
	}
	.tbl th, .tbl td {
	  padding: 5px 10px;
	}
	.div_desc {
		display: none!important;
	}
	.tbl_cal .day_col {
		display: none;
	}
	.tbl_cal .day_cur {
		display: table-cell;
	}
	.balance_div {
		left: 0px;
		padding: 0px 10px 3px 10px;
		background-color: rgba(255, 230, 130, 0.9);
		width: 50%;
		max-height: 29px;
		-webkit-transition: all 0.3s ease-in-out;    
		-moz-transition: all 0.3s ease-in-out;    
		transition: all 0.3s ease-in-out;
	}
	.balance_div:hover, .balance_div.div_ch {
		max-height: 200px;
	}	
	.balance_div .itm {
		margin-left: 0px;
		padding: 0px;
		display: block;
	}
	.balance_div span {
		padding-top: 5px;
		padding-bottom: 5px;
		display: block;
	}
	.total_div {
		padding: 5px 10px;
		width: 50%;
		text-align: right;
	}
	.srch .srch_btn {
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.srch .srch_div {
		position: absolute;
		left: 0px;
		background-color: #FFF;
		z-index: 1;
		padding: 0px 10px;
		width: 96%;
		left: 2%;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
		max-height: 0px;
		overflow: hidden;
		-webkit-transition: all 0.3s ease-in-out;    
		-moz-transition: all 0.3s ease-in-out;    
		transition: all 0.3s ease-in-out;
		z-index: 10;
	}
	.srch_ch .srch_div {
		max-height: 100%;
		padding: 10px 10px;
		overflow: visible;
		z-index: 25;
	}
	.tbl_donations tr td:nth-child(2) {
		display: inline-block;
		width: 20%;
		font-weight: 600;
	}
	.tbl_donations tr td:nth-child(3) {
		display: inline-block;
		width: 40%;
	}
	.tbl_donations tr td:nth-child(4) {
		display: inline-block;
		width: 40%;
		text-align: right;
	}
	.tbl_donations tr td:nth-child(5) {
		display: inline-block;
		width: 60%;
	}
	.tbl_donations tr td:nth-child(6) {
		display: inline-block;
		width: 40%;
		text-align: right;
	}
	.tbl_salaries_rest tr td:nth-child(1) {
		width: 65%;
		display: inline-block;
	}
	.tbl_salaries_rest tr td:nth-child(2) {
		width: 35%;
		text-align: right;
		display: inline-block;
	}
	.tbl_salaries tr td:nth-child(2) {
		width: 35%;
		display: inline-block;
	}
	.tbl_salaries tr td:nth-child(3) {
		width: 65%;
		display: inline-block;
	}
	.tbl_salaries tr td:nth-child(4) {
		width: 30%;
		display: inline-block;
	}
	.tbl_salaries tr td:nth-child(5) {
		width: 30%;
		display: inline-block;
	}
	.tbl_salaries tr td:nth-child(6) {
		width: 40%;
		text-align: right;
		display: inline-block;
	}
	.tbl_tasks tr td:nth-child(2) {
		display: inline-block;
		width: 100%;
	}
	.tbl_tasks tr td:nth-child(3) {
		width: 45%;
		display: inline-block;
	}
	.tbl_tasks tr td:nth-child(4) {
		width: 20%;
		display: inline-block;
	}
	.tbl_tasks tr td:nth-child(5) {
		width: 35%;
		display: inline-block;
	}
	.tbl_docs tr td:nth-child(2) {
		width: 35%;
		display: inline-block;
	}
	.tbl_docs tr td:nth-child(3) {
		width: 65%;
		display: inline-block;
	}
	.tbl_players tr td:nth-child(2) {
		width: 20%;
		display: inline-block;
	}
	.tbl_players tr td:nth-child(3) {
		width: 45%;
		display: inline-block;
	}
	.tbl_players tr td:nth-child(4) {
		width: 35%;
		display: inline-block;
	}
	.tbl_players tr td:nth-child(5) {
		width: 60%;
		display: inline-block;
	}
	.tbl_players tr td:nth-child(6) {
		width: 40%;
		display: inline-block;
		text-align: right!important;
		
	}
	.tbl_teams  tr td:nth-child(2) {
		width: 60%;
		display: inline-block;
	}
	.tbl_teams  tr td:nth-child(3) {
		width: 20%;
		display: inline-block;
	}
	.tbl_teams  tr td:nth-child(4) {
		width: 20%;
		display: inline-block;
	}
	.tbl_teams tr td:nth-child(5) {
		width: 50%;
		display: inline-block;
		background-color: #eee;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-left-radius: 10px;
	}
	.tbl_teams tr td:nth-child(6) {
		width: 50%;
		display: inline-block;
		background-color: #eee;
	}
	.tbl_news tr td:nth-child(2) {		
		width: 50%;
		display: inline-block;
	}
	.tbl_news tr td:nth-child(3) {
		width: 50%;
		text-align: right;
		display: inline-block;
	}
	.tbl_news tr td:nth-child(4) {
		width: 100%;
		display: inline-block;
	}
	.tbl_home .td {
		display: block;
		padding: 10px 0px!important;
		width: 100%;
	}
	.home_btn a {
		display: inline-block;
	}
	.home_btn span {
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.tbl_orders tr td:nth-child(2), .tbl_orders tr td:nth-child(4)  {
		width: 40%;
		display: inline-block;
	}
	.tbl_orders tr td:nth-child(3) {
		width: 20%;
		display: inline-block;
	}
	.tbl_orders tr td:nth-child(5), .tbl_orders tr td:nth-child(6), .tbl_orders tr td:nth-child(7), .tbl_orders tr td:nth-child(8), .tbl_orders tr td:nth-child(9), .tbl_orders tr td:nth-child(10) {
		width: 50%;
		display: inline-block;
	}
	.tbl_orders tr td:nth-child(2), .tbl_orders tr td:nth-child(9) {
		text-align: left!important;
	}
	.tbl_orders tr td:nth-child(4) {
		text-align: right!important;
	}
	#product_tbl th {
		display: none;
	}
	#product_tbl tr {
		display: block;
		border-bottom: 1px solid #ccc;
	}
	#product_tbl tr td {
		border: 0px solid #f00;
	}
	#product_tbl tr td:nth-child(2) {
		display: block;
		width: 100%;
	}
	#product_tbl tr td:nth-child(3), #product_tbl tr td:nth-child(4) {
		display: inline-block;
		width: 50%;
		text-align: left;
	}
	#product_tbl #tr_total td:nth-child(1) {
		display: inline-block;
		width: 30%;
	}
	#product_tbl #tr_total td:nth-child(2) {
		display: inline-block;
		width: 30%;
	}
	#product_tbl #tr_total td:nth-child(3) {
		display: none;
	}
	#product_tbl #tr_total td:nth-child(4) {
		display: inline-block;
		width: 40%;
	}
	.tbl_invoices tr td:nth-child(2) {
		display: inline-block;
		width: 30%;
	}
	.tbl_invoices tr td:nth-child(3) {
		display: inline-block;
		width: 20%;
	}
	.tbl_invoices tr td:nth-child(4) {
		display: inline-block;
		width: 50%;
	}
	.tbl_invoices tr td:nth-child(5) {
		display: inline-block;
		width: 40%;
	}
	.tbl_invoices tr td:nth-child(6) {
		display: inline-block;
		width: 40%;
	}
	.tbl_invoices tr td:nth-child(7) {
		display: inline-block;
		width: 20%;
	}
	.comp_div .div_auto {
		max-height: 200px;
	}
	.tbl_events .td_chart, .tbl_events .td_id, .tbl_events .td_date {
		width: 33.33%;
		display: inline-block;
	}
	.tbl_events .td_name {
		width: 100%;
		display: inline-block;
	}
	.tbl_evta .td_status {
		width: 10px;
	}
	.tbl_evta .td_name, .tbl_evta .td_profile {
		width: 45%;
	}
	.caltasks_tbl .tr_second {
		display: none;
	}
	.caltasks_tbl td {
		display: block;
		width: 100%;
	}
	.home_4 .td_big, .home_5 .td_big {
		width: 100%;
		display: block;
	}
	.home_4 .td_big, .home_5, .tbl_home .td_big {
		padding: 25px !important;
	}
	.menu_btn {
		display: block;
	}	
	#menu {
		position: absolute;
		width: 100%;
		left: 100%;
		background-color: #fff;
		color: var(--color_dark) !important;
		text-align: left;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		box-shadow: 0px 4px 10px 0px #00000012;
		z-index: 5;
	}
	#menu a {
		color: var(--color_dark) !important;	
	}
	#menu ul {
		width: 100%;
	}
	#menu li, #menu li.div_mobile {
		display: block;
		width: 100%;
	}
	.mob_menu #menu {
		left: 0%;
	}
	#menu li {
		padding: 0px 20px;
	}
	#menu li a:after {
		display: none;
	}
	#menu li ul {
		position: relative;
		max-height: 1000px;
		padding-right: 0px;
	}
	#menu li.li_sub {
		background-image: none;
	}
	#menu li:hover ul {
		border-bottom: 0px solid var(--color_dark);
	}
	#menu li.li_sub:after {
		display: none;
	}
	#menu li:hover ul {
		max-height: none;
		border-top: 0px solid var(--color_dark);
	}
	footer .tbl_div .td {
		display: block;
		text-align: right;
	}
}